diff --git a/app/Http/Controllers/Admin/UserController.php b/app/Http/Controllers/Admin/UserController.php
index f8d7218b..6f643272 100644
--- a/app/Http/Controllers/Admin/UserController.php
+++ b/app/Http/Controllers/Admin/UserController.php
@@ -85,8 +85,8 @@ class UserController extends Controller
     {
         $user = User::find($id);
 
-        if (! $user->stripeId()) {
-            return response('User is not stripe customer', 404);
+        if (! $user->stripeId() || ! $user->subscription('main')) {
+            return response('User doesn\'t have any subscription.', 404);
         }
 
         return new UserSubscription(
diff --git a/public/chunks/settings-payment-methods.js b/public/chunks/settings-payment-methods.js
index 97cff421..49910ffc 100644
--- a/public/chunks/settings-payment-methods.js
+++ b/public/chunks/settings-payment-methods.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{12:function(a,t,n){"use strict";var e={name:"InfoBox",props:["type"]},i=(n(227),n(0)),o=Object(i.a)(e,(function(){var a=this.$createElement;return(this._self._c||a)("div",{staticClass:"info-box",class:this.type},[this._t("default")],2)}),[],!1,null,"bf43be5e",null);t.a=o.exports},13:function(a,t,n){"use strict";var e={name:"FormLabel",components:{Edit2Icon:n(1).m}},i=(n(229),n(0)),o=Object(i.a)(e,(function(){var a=this.$createElement,t=this._self._c||a;return t("div",{staticClass:"form-label"},[t("edit-2-icon",{staticClass:"icon",attrs:{size:"22"}}),this._v(" "),t("b",{staticClass:"label"},[this._t("default")],2)],1)}),[],!1,null,"c1157a8e",null);t.a=o.exports},146:function(a,t,n){var e=n(412);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},15:function(a,t,n){"use strict";var e={name:"PageTab",props:["isLoading"],components:{Spinner:n(19).a}},i=(n(233),n(0)),o=Object(i.a)(e,(function(){var a=this.$createElement,t=this._self._c||a;return t("div",{staticClass:"page-tab"},[t("div",{directives:[{name:"show",rawName:"v-show",value:this.isLoading,expression:"isLoading"}],attrs:{id:"loader"}},[t("Spinner")],1),this._v(" "),this._t("default")],2)}),[],!1,null,"4339da66",null);t.a=o.exports},16:function(a,t,n){"use strict";var e={name:"PageTabGroup"},i=(n(231),n(0)),o=Object(i.a)(e,(function(){var a=this.$createElement;return(this._self._c||a)("div",{staticClass:"page-tab-group"},[this._t("default")],2)}),[],!1,null,"1bb470e4",null);t.a=o.exports},227:function(a,t,n){"use strict";var e=n(53);n.n(e).a},228:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".info-box[data-v-bf43be5e] {\n  padding: 20px;\n  border-radius: 8px;\n  margin-bottom: 32px;\n  background: #f4f5f6;\n  text-align: left;\n}\n.info-box.error[data-v-bf43be5e] {\n  background: rgba(253, 57, 122, 0.1);\n}\n.info-box.error p[data-v-bf43be5e], .info-box.error a[data-v-bf43be5e] {\n  color: #fd397a;\n}\n.info-box.error a[data-v-bf43be5e] {\n  text-decoration: underline;\n}\n.info-box p[data-v-bf43be5e] {\n  font-size: 0.9375em;\n  line-height: 1.6;\n  word-break: break-word;\n  font-weight: 600;\n}\n.info-box p[data-v-bf43be5e] a {\n  color: #00BC7E;\n}\n.info-box b[data-v-bf43be5e] {\n  font-weight: 700;\n  color: #00BC7E;\n}\n.info-box a[data-v-bf43be5e] {\n  color: #00BC7E;\n  font-weight: 700;\n  font-size: 0.9375em;\n  line-height: 1.6;\n}\n.info-box ul[data-v-bf43be5e] {\n  margin-top: 15px;\n  display: block;\n}\n.info-box ul li[data-v-bf43be5e] {\n  display: block;\n}\n.info-box ul li a[data-v-bf43be5e] {\n  display: block;\n}\n@media only screen and (max-width: 690px) {\n.info-box[data-v-bf43be5e] {\n    padding: 15px;\n}\n}\n@media (prefers-color-scheme: dark) {\n.info-box[data-v-bf43be5e] {\n    background: #1e2024;\n}\n.info-box p[data-v-bf43be5e] {\n    color: #bec6cf;\n}\n.info-box ul li[data-v-bf43be5e] {\n    color: #bec6cf;\n}\n}\n",""])},229:function(a,t,n){"use strict";var e=n(54);n.n(e).a},230:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".form-label[data-v-c1157a8e] {\n  display: flex;\n  align-items: center;\n  margin-bottom: 30px;\n}\n.form-label .icon[data-v-c1157a8e] {\n  margin-right: 10px;\n}\n.form-label .icon path[data-v-c1157a8e] {\n  stroke: #00BC7E;\n}\n.form-label .label[data-v-c1157a8e] {\n  font-size: 1.125em;\n  font-weight: 700;\n}\n@media (prefers-color-scheme: dark) {\n.form-label .label[data-v-c1157a8e] {\n    color: #bec6cf;\n}\n}\n",""])},231:function(a,t,n){"use strict";var e=n(55);n.n(e).a},232:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".page-tab-group[data-v-1bb470e4] {\n  margin-bottom: 65px;\n}\n",""])},233:function(a,t,n){"use strict";var e=n(56);n.n(e).a},234:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,"",""])},247:function(a,t,n){"use strict";var e=n(63);n.n(e).a},248:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".table-row[data-v-15a1e318] {\n  border-radius: 8px;\n}\n.table-row[data-v-15a1e318]:hover {\n  background: #f4f5f6;\n}\n.table-row .table-cell[data-v-15a1e318] {\n  padding-top: 15px;\n  padding-bottom: 15px;\n}\n.table-row .table-cell[data-v-15a1e318]:first-child {\n  padding-left: 15px;\n}\n.table-row .table-cell[data-v-15a1e318]:last-child {\n  padding-right: 15px;\n  text-align: right;\n}\n.table-row .table-cell span[data-v-15a1e318] {\n  font-size: 1em;\n  font-weight: bold;\n}\n",""])},249:function(a,t,n){"use strict";var e=n(64);n.n(e).a},250:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".datatable[data-v-56f3a787] {\n  height: 100%;\n}\n.table-row[data-v-56f3a787] {\n  transition: 0.3s all ease;\n}\n.table-row-enter[data-v-56f3a787],\n.table-row-leave-to[data-v-56f3a787] {\n  opacity: 0;\n  transform: translateY(-100%);\n}\n.table-row-leave-active[data-v-56f3a787] {\n  position: absolute;\n}\n.table[data-v-56f3a787] {\n  width: 100%;\n  border-collapse: collapse;\n  overflow-x: auto;\n}\n.table tr[data-v-56f3a787] {\n  width: 100%;\n}\n.table tr td[data-v-56f3a787]:first-child, .table tr th[data-v-56f3a787]:first-child {\n  padding-left: 15px;\n}\n.table tr td[data-v-56f3a787]:last-child, .table tr th[data-v-56f3a787]:last-child {\n  padding-right: 15px;\n  text-align: right;\n}\n.table .table-header[data-v-56f3a787] {\n  margin-bottom: 10px;\n}\n.table .table-header tr td[data-v-56f3a787], .table .table-header tr th[data-v-56f3a787] {\n  padding: 12px;\n  text-align: left;\n}\n.table .table-header tr td span[data-v-56f3a787], .table .table-header tr th span[data-v-56f3a787] {\n  color: #00BC7E;\n  font-weight: 700;\n  font-size: 0.75em;\n  white-space: nowrap;\n}\n.table .table-header tr td.sortable[data-v-56f3a787], .table .table-header tr th.sortable[data-v-56f3a787] {\n  cursor: pointer;\n}\n.table .table-header tr td.sortable:hover .filter-arrow[data-v-56f3a787], .table .table-header tr th.sortable:hover .filter-arrow[data-v-56f3a787] {\n  opacity: 1;\n}\n.table .table-header tr td[data-v-56f3a787]:last-child, .table .table-header tr th[data-v-56f3a787]:last-child {\n  text-align: right;\n}\n.table .table-header .filter-arrow[data-v-56f3a787] {\n  vertical-align: middle;\n  margin-left: 8px;\n  transition: 0.3s all ease;\n  opacity: 0;\n}\n.table .table-header .filter-arrow path[data-v-56f3a787] {\n  fill: rgba(27, 37, 57, 0.7);\n}\n.table .table-header .filter-arrow.arrow-down[data-v-56f3a787] {\n  transform: rotate(180deg);\n}\n.table .table-header span[data-v-56f3a787] {\n  font-size: 13px;\n  color: rgba(27, 37, 57, 0.7);\n  font-weight: bold;\n}\n.table .table-body tr[data-v-56f3a787] {\n  border-radius: 8px;\n}\n.table .table-body tr[data-v-56f3a787]:hover {\n  background: #f4f5f6;\n}\n.table .table-body tr td[data-v-56f3a787], .table .table-body tr th[data-v-56f3a787] {\n  padding: 12px;\n}\n.table .table-body tr td:last-child button[data-v-56f3a787], .table .table-body tr th:last-child button[data-v-56f3a787] {\n  margin-right: 0;\n}\n.table .table-body span[data-v-56f3a787], .table .table-body a.page-link[data-v-56f3a787] {\n  font-size: 0.9375em;\n  font-weight: 700;\n  padding: 10px 35px 10px 0;\n  display: block;\n  white-space: nowrap;\n}\n.pagination .page-item[data-v-56f3a787] {\n  padding: 3px;\n  display: inline-block;\n}\n.pagination .page-link[data-v-56f3a787] {\n  width: 30px;\n  height: 30px;\n  display: block;\n  color: #1B2539;\n  border-radius: 6px;\n  text-align: center;\n  line-height: 2.4;\n  font-weight: bold;\n  font-size: 13px;\n  cursor: pointer;\n  transition: 0.15s all ease;\n}\n.pagination .page-link .icon[data-v-56f3a787] {\n  vertical-align: middle;\n  margin-top: -2px;\n}\n.pagination .page-link[data-v-56f3a787]:hover:not(.disabled) {\n  background: #f4f5f6;\n  color: #1B2539;\n}\n.pagination .page-link.active[data-v-56f3a787] {\n  color: #1B2539;\n  background: #f4f5f6;\n}\n.pagination .page-link.disabled[data-v-56f3a787] {\n  background: transparent;\n  cursor: default;\n}\n.pagination .page-link.disabled svg path[data-v-56f3a787] {\n  fill: rgba(27, 37, 57, 0.7);\n}\n.paginator-wrapper[data-v-56f3a787] {\n  margin-top: 30px;\n  margin-bottom: 40px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.paginator-wrapper .paginator-info[data-v-56f3a787] {\n  font-size: 13px;\n  color: rgba(27, 37, 57, 0.7);\n}\n.user-preview[data-v-56f3a787] {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.user-preview img[data-v-56f3a787] {\n  width: 45px;\n  margin-right: 22px;\n}\n@media only screen and (max-width: 690px) {\n.paginator-wrapper[data-v-56f3a787] {\n    display: block;\n    text-align: center;\n}\n.paginator-wrapper .paginator-info[data-v-56f3a787] {\n    margin-top: 10px;\n    display: block;\n}\n}\n@media (prefers-color-scheme: dark) {\n.table .table-header tr td span[data-v-56f3a787], .table .table-header tr th span[data-v-56f3a787] {\n    color: #00BC7E;\n}\n.table .table-body tr[data-v-56f3a787]:hover, .table .table-body th[data-v-56f3a787]:hover {\n    background: #1e2024;\n}\n.paginator-wrapper .paginator-info[data-v-56f3a787] {\n    color: #7d858c;\n}\n.pagination .page-link[data-v-56f3a787] {\n    color: #7d858c;\n}\n.pagination .page-link svg polyline[data-v-56f3a787] {\n    stroke: #bec6cf;\n}\n.pagination .page-link[data-v-56f3a787]:hover:not(.disabled) {\n    color: #00BC7E;\n    background: rgba(0, 188, 126, 0.1);\n}\n.pagination .page-link.active[data-v-56f3a787] {\n    color: #00BC7E;\n    background: rgba(0, 188, 126, 0.1);\n}\n.pagination .page-link.disabled[data-v-56f3a787] {\n    background: transparent;\n    cursor: default;\n}\n.pagination .page-link.disabled svg polyline[data-v-56f3a787] {\n    stroke: #7d858c;\n}\n}\n",""])},255:function(a,t,n){"use strict";var e=n(67);n.n(e).a},256:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".color-label[data-v-ffcb2882] {\n  text-transform: capitalize;\n  font-size: 0.75em;\n  display: inline-block;\n  border-radius: 6px;\n  font-weight: 700;\n  padding: 4px 6px;\n}\n.color-label.purple[data-v-ffcb2882] {\n  color: #9D66FE;\n  background: rgba(157, 102, 254, 0.1);\n}\n.color-label.yellow[data-v-ffcb2882] {\n  color: #FFBD2D;\n  background: rgba(255, 189, 45, 0.1);\n}\n.color-label.green[data-v-ffcb2882] {\n  color: #00BC7E;\n  background: rgba(0, 188, 126, 0.1);\n}\n.color-label.red[data-v-ffcb2882] {\n  color: #fd397a;\n  background: rgba(253, 57, 122, 0.1);\n}\n",""])},257:function(a,t,n){"use strict";var e=n(68);n.n(e).a},258:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".mobile-action-button[data-v-8b0e9378] {\n  background: #f4f5f6;\n  margin-right: 15px;\n  border-radius: 8px;\n  padding: 7px 10px;\n  cursor: pointer;\n  border: none;\n  transition: 150ms all ease;\n}\n.mobile-action-button .flex[data-v-8b0e9378] {\n  display: flex;\n  align-items: center;\n}\n.mobile-action-button .icon[data-v-8b0e9378] {\n  margin-right: 10px;\n  font-size: 0.875em;\n}\n.mobile-action-button .icon path[data-v-8b0e9378], .mobile-action-button .icon line[data-v-8b0e9378], .mobile-action-button .icon polyline[data-v-8b0e9378], .mobile-action-button .icon rect[data-v-8b0e9378], .mobile-action-button .icon circle[data-v-8b0e9378] {\n  transition: 150ms all ease;\n}\n.mobile-action-button .label[data-v-8b0e9378] {\n  transition: 150ms all ease;\n  font-size: 0.875em;\n  font-weight: 700;\n  color: #1B2539;\n}\n.mobile-action-button[data-v-8b0e9378]:active {\n  transform: scale(0.95);\n}\n.mobile-action-button[data-v-8b0e9378]:hover {\n  background: rgba(0, 188, 126, 0.1);\n}\n.mobile-action-button:hover .icon path[data-v-8b0e9378], .mobile-action-button:hover .icon line[data-v-8b0e9378], .mobile-action-button:hover .icon polyline[data-v-8b0e9378], .mobile-action-button:hover .icon rect[data-v-8b0e9378], .mobile-action-button:hover .icon circle[data-v-8b0e9378] {\n  stroke: #00BC7E;\n}\n.mobile-action-button:hover .label[data-v-8b0e9378] {\n  color: #00BC7E;\n}\n@media (prefers-color-scheme: dark) {\n.mobile-action-button[data-v-8b0e9378] {\n    background: #1e2024;\n}\n.mobile-action-button path[data-v-8b0e9378], .mobile-action-button line[data-v-8b0e9378], .mobile-action-button polyline[data-v-8b0e9378], .mobile-action-button rect[data-v-8b0e9378], .mobile-action-button circle[data-v-8b0e9378] {\n    stroke: #00BC7E;\n}\n.mobile-action-button .label[data-v-8b0e9378] {\n    color: #bec6cf;\n}\n}\n",""])},27:function(a,t,n){"use strict";var e=n(1),i={props:["data"],computed:{normalizedColumns:function(){return this.data.id&&delete this.data.id,Object.values(this.data)}}},o=(n(247),n(0)),r=Object(o.a)(i,(function(){var a=this,t=a.$createElement,n=a._self._c||t;return n("tr",{staticClass:"table-row"},a._l(a.normalizedColumns,(function(t,e){return n("td",{key:e,staticClass:"table-cell"},[n("span",[a._v(a._s(t))])])})),0)}),[],!1,null,"15a1e318",null).exports,l=(n(24),n(4)),s=n.n(l),d={name:"DatatableWrapper",props:["columns","scope","paginator","api","tableData"],components:{ChevronRightIcon:e.e,ChevronLeftIcon:e.d,DatatableCell:r,ChevronUpIcon:e.f},computed:{hasData:function(){return this.data&&this.data.data&&this.data.data.length>0},floatPages:function(){return[this.pageIndex-1,this.pageIndex,this.pageIndex+1]}},data:function(){return{data:void 0,isLoading:!0,pageIndex:1,filter:{sort:"DESC",field:void 0}}},methods:{goToPage:function(a){a>this.data.meta.last_page||0===a||(this.pageIndex=a,this.getPage(a))},sort:function(a,t){t&&(this.filter.field=a,"DESC"===this.filter.sort?this.filter.sort="ASC":"ASC"===this.filter.sort&&(this.filter.sort="DESC"),this.getPage(this.pageIndex))},getPage:function(a){var t=this;this.URI=this.api,this.paginator&&(this.URI=this.URI+"?page="+a),this.filter.field&&(this.URI=this.URI+(this.paginator?"&":"?")+"sort="+this.filter.field+"&direction="+this.filter.sort),this.isLoading=!0,s.a.get(this.URI).then((function(a){t.data=a.data,t.$emit("data",a.data)})).catch((function(){return t.$isSomethingWrong()})).finally((function(){t.$emit("init",!0),t.isLoading=!1}))}},created:function(){this.api&&this.getPage(this.pageIndex),this.tableData&&(this.data=this.tableData,this.isLoading=!1)}},p=(n(249),Object(o.a)(d,(function(){var a=this,t=a.$createElement,n=a._self._c||t;return n("div",{staticClass:"datatable"},[a.hasData?n("table",{staticClass:"table"},[n("thead",{staticClass:"table-header"},[n("tr",a._l(a.columns,(function(t,e){return t.hidden?a._e():n("th",{key:e,class:{sortable:t.sortable},on:{click:function(n){return a.sort(t.field,t.sortable)}}},[n("span",[a._v(a._s(t.label))]),a._v(" "),t.sortable?n("chevron-up-icon",{staticClass:"filter-arrow",class:{"arrow-down":"ASC"===a.filter.sort},attrs:{size:"14"}}):a._e()],1)})),0)]),a._v(" "),n("tbody",{staticClass:"table-body"},[a._l(a.data.data,(function(t){return a._t("default",[n("DatatableCell",{key:t.id,attrs:{data:t}})],{row:t})}))],2)]):a._e(),a._v(" "),a.isLoading||a.hasData?a._e():a._t("empty-page"),a._v(" "),a.paginator&&a.hasData?n("div",{staticClass:"paginator-wrapper"},[a.data.meta.total>20&&a.data.meta.last_page<=6?n("ul",{staticClass:"pagination"},[n("li",{staticClass:"page-item previous"},[n("a",{staticClass:"page-link",class:{disabled:0==a.pageIndex},on:{click:function(t){return a.goToPage(a.pageIndex-1)}}},[n("chevron-left-icon",{staticClass:"icon",attrs:{size:"14"}})],1)]),a._v(" "),a._l(6,(function(t,e){return n("li",{key:e,staticClass:"page-item",on:{click:function(n){return a.goToPage(t)}}},[n("a",{staticClass:"page-link",class:{active:a.pageIndex===t}},[a._v("\n                    "+a._s(t)+"\n                ")])])})),a._v(" "),n("li",{staticClass:"page-item next"},[n("a",{staticClass:"page-link",class:{disabled:a.pageIndex+1==a.data.meta.last_page},on:{click:function(t){return a.goToPage(a.pageIndex+1)}}},[n("chevron-right-icon",{staticClass:"icon",attrs:{size:"14"}})],1)])],2):a._e(),a._v(" "),a.data.meta.total>20&&a.data.meta.last_page>6?n("ul",{staticClass:"pagination"},[n("li",{staticClass:"page-item previous"},[n("a",{staticClass:"page-link",class:{disabled:0==a.pageIndex},on:{click:function(t){return a.goToPage(a.pageIndex-1)}}},[n("chevron-left-icon",{staticClass:"icon",attrs:{size:"14"}})],1)]),a._v(" "),a.pageIndex>=5?n("li",{staticClass:"page-item",on:{click:function(t){return a.goToPage(1)}}},[n("a",{staticClass:"page-link"},[a._v("\n                    1\n                ")])]):a._e(),a._v(" "),a._l(5,(function(t,e){return a.pageIndex<5?n("li",{key:e,staticClass:"page-item",on:{click:function(n){return a.goToPage(t)}}},[n("a",{staticClass:"page-link",class:{active:a.pageIndex===t}},[a._v("\n                    "+a._s(t)+"\n                ")])]):a._e()})),a._v(" "),a.pageIndex>=5?n("li",{staticClass:"page-item"},[n("a",{staticClass:"page-link"},[a._v("...")])]):a._e(),a._v(" "),a._l(a.floatPages,(function(t,e){return a.pageIndex>=5&&a.pageIndex<a.data.meta.last_page-3?n("li",{key:e,staticClass:"page-item",on:{click:function(n){return a.goToPage(t)}}},[n("a",{staticClass:"page-link",class:{active:a.pageIndex===t}},[a._v("\n                    "+a._s(t)+"\n                ")])]):a._e()})),a._v(" "),a.pageIndex<a.data.meta.last_page-3?n("li",{staticClass:"page-item"},[n("a",{staticClass:"page-link"},[a._v("...")])]):a._e(),a._v(" "),a._l(5,(function(t,e){return a.pageIndex>a.data.meta.last_page-4?n("li",{key:e,staticClass:"page-item",on:{click:function(t){a.goToPage(a.data.meta.last_page-(4-e))}}},[n("a",{staticClass:"page-link",class:{active:a.pageIndex===a.data.meta.last_page-(4-e)}},[a._v("\n                    "+a._s(a.data.meta.last_page-(4-e))+"\n                ")])]):a._e()})),a._v(" "),a.pageIndex<a.data.meta.last_page-3?n("li",{staticClass:"page-item",on:{click:function(t){return a.goToPage(a.data.meta.last_page)}}},[n("a",{staticClass:"page-link"},[a._v("\n                    "+a._s(a.data.meta.last_page)+"\n                ")])]):a._e(),a._v(" "),n("li",{staticClass:"page-item next"},[n("a",{staticClass:"page-link",class:{disabled:a.pageIndex+1==a.data.meta.last_page},on:{click:function(t){return a.goToPage(a.pageIndex+1)}}},[n("chevron-right-icon",{staticClass:"icon",attrs:{size:"14"}})],1)])],2):a._e(),a._v(" "),n("span",{staticClass:"paginator-info"},[a._v(a._s(a.$t("datatable.paginate_info",{visible:a.data.meta.per_page,total:a.data.meta.total})))])]):a._e()],2)}),[],!1,null,"56f3a787",null));t.a=p.exports},30:function(a,t,n){"use strict";var e={name:"ColorLabel",props:["color"]},i=(n(255),n(0)),o=Object(i.a)(e,(function(){var a=this.$createElement;return(this._self._c||a)("b",{staticClass:"color-label",class:this.color},[this._t("default")],2)}),[],!1,null,"ffcb2882",null);t.a=o.exports},32:function(a,t,n){"use strict";var e=n(1),i={name:"MobileActionButton",props:["icon"],components:{CreditCardIcon:e.j,FolderPlusIcon:e.t,UserPlusIcon:e.U,TrashIcon:e.Q,PlusIcon:e.I,ListIcon:e.B,GridIcon:e.u}},o=(n(257),n(0)),r=Object(o.a)(i,(function(){var a=this,t=a.$createElement,n=a._self._c||t;return n("button",{staticClass:"mobile-action-button"},[n("div",{staticClass:"flex"},["credit-card"===a.icon?n("credit-card-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"folder-plus"===a.icon?n("folder-plus-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"th-list"===a.icon?n("list-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"trash"===a.icon?n("trash-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"th"===a.icon?n("grid-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"user-plus"===a.icon?n("user-plus-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"plus"===a.icon?n("plus-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),n("span",{staticClass:"label"},[a._t("default")],2)],1)])}),[],!1,null,"8b0e9378",null);t.a=r.exports},411:function(a,t,n){"use strict";var e=n(146);n.n(e).a},412:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,'.form[data-v-92022276] {\n  max-width: 700px;\n}\n.form.inline-form[data-v-92022276] {\n  display: flex;\n  position: relative;\n  justify-content: center;\n  margin: 0 auto;\n}\n.form.inline-form .input-wrapper[data-v-92022276] {\n  position: relative;\n}\n.form.inline-form .input-wrapper .error-message[data-v-92022276] {\n  position: absolute;\n  left: 0;\n  bottom: -25px;\n}\n.form.block-form .wrapper-inline[data-v-92022276] {\n  display: flex;\n  margin: 0 -15px;\n}\n.form.block-form .wrapper-inline .block-wrapper[data-v-92022276] {\n  width: 100%;\n  padding: 0 15px;\n}\n.form.block-form .block-wrapper[data-v-92022276] {\n  margin-bottom: 32px;\n}\n.form.block-form .block-wrapper label[data-v-92022276] {\n  font-size: 0.875em;\n  color: rgba(27, 37, 57, 0.8);\n  font-weight: 700;\n  display: block;\n  margin-bottom: 7px;\n  text-align: left;\n}\n.form.block-form .block-wrapper[data-v-92022276]:last-child {\n  margin-bottom: 0;\n}\n.form.block-form .button[data-v-92022276] {\n  margin-top: 50px;\n}\n.form .inline-wrapper[data-v-92022276] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.form .inline-wrapper .switch-label .input-help[data-v-92022276] {\n  padding-top: 0;\n}\n.form .inline-wrapper .switch-label .input-label[data-v-92022276] {\n  font-weight: 700;\n  color: #1B2539;\n  font-size: 1em;\n  margin-bottom: 5px;\n}\n.form .input-help[data-v-92022276] {\n  font-size: 0.75em;\n  color: rgba(27, 37, 57, 0.7);\n  line-height: 1.35;\n  padding-top: 10px;\n  display: block;\n}\n.single-line-form[data-v-92022276] {\n  display: flex;\n}\n.single-line-form .submit-button[data-v-92022276] {\n  margin-left: 20px;\n}\n.error-message[data-v-92022276] {\n  font-size: 0.875em;\n  color: #fd397a;\n  padding-top: 5px;\n  display: block;\n  text-align: left;\n}\ntextarea[data-v-92022276] {\n  width: 100%;\n}\ntextarea[data-v-92022276],\ninput[type="password"][data-v-92022276],\ninput[type="text"][data-v-92022276],\ninput[type="number"][data-v-92022276],\ninput[type="email"][data-v-92022276] {\n  border: 1px solid transparent;\n  transition: 150ms all ease;\n  font-size: 1em;\n  border-radius: 8px;\n  padding: 13px 20px;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  font-weight: 700;\n  outline: 0;\n  width: 100%;\n  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);\n}\ntextarea.is-error[data-v-92022276],\ninput[type="password"].is-error[data-v-92022276],\ninput[type="text"].is-error[data-v-92022276],\ninput[type="number"].is-error[data-v-92022276],\ninput[type="email"].is-error[data-v-92022276] {\n  border-color: #fd397a;\n  box-shadow: 0 1px 5px rgba(253, 57, 122, 0.3);\n}\ntextarea[data-v-92022276]::-webkit-input-placeholder, input[type="password"][data-v-92022276]::-webkit-input-placeholder, input[type="text"][data-v-92022276]::-webkit-input-placeholder, input[type="number"][data-v-92022276]::-webkit-input-placeholder, input[type="email"][data-v-92022276]::-webkit-input-placeholder {\n  color: rgba(27, 37, 57, 0.5);\n  font-size: 0.9375em;\n}\ntextarea[data-v-92022276]::-moz-placeholder, input[type="password"][data-v-92022276]::-moz-placeholder, input[type="text"][data-v-92022276]::-moz-placeholder, input[type="number"][data-v-92022276]::-moz-placeholder, input[type="email"][data-v-92022276]::-moz-placeholder {\n  color: rgba(27, 37, 57, 0.5);\n  font-size: 0.9375em;\n}\ntextarea[data-v-92022276]:-ms-input-placeholder, input[type="password"][data-v-92022276]:-ms-input-placeholder, input[type="text"][data-v-92022276]:-ms-input-placeholder, input[type="number"][data-v-92022276]:-ms-input-placeholder, input[type="email"][data-v-92022276]:-ms-input-placeholder {\n  color: rgba(27, 37, 57, 0.5);\n  font-size: 0.9375em;\n}\ntextarea[data-v-92022276]::-ms-input-placeholder, input[type="password"][data-v-92022276]::-ms-input-placeholder, input[type="text"][data-v-92022276]::-ms-input-placeholder, input[type="number"][data-v-92022276]::-ms-input-placeholder, input[type="email"][data-v-92022276]::-ms-input-placeholder {\n  color: rgba(27, 37, 57, 0.5);\n  font-size: 0.9375em;\n}\ntextarea[data-v-92022276]::placeholder,\ninput[type="password"][data-v-92022276]::placeholder,\ninput[type="text"][data-v-92022276]::placeholder,\ninput[type="number"][data-v-92022276]::placeholder,\ninput[type="email"][data-v-92022276]::placeholder {\n  color: rgba(27, 37, 57, 0.5);\n  font-size: 0.9375em;\n}\ntextarea[data-v-92022276]:focus,\ninput[type="password"][data-v-92022276]:focus,\ninput[type="text"][data-v-92022276]:focus,\ninput[type="number"][data-v-92022276]:focus,\ninput[type="email"][data-v-92022276]:focus {\n  border-color: #00BC7E;\n  box-shadow: 0 1px 5px rgba(0, 188, 126, 0.3);\n}\ntextarea[disabled][data-v-92022276],\ninput[type="password"][disabled][data-v-92022276],\ninput[type="text"][disabled][data-v-92022276],\ninput[type="number"][disabled][data-v-92022276],\ninput[type="email"][disabled][data-v-92022276] {\n  background: white;\n  color: rgba(27, 37, 57, 0.8);\n  -webkit-text-fill-color: rgba(27, 37, 57, 0.8);\n  opacity: 1;\n  cursor: not-allowed;\n}\n.additional-link[data-v-92022276] {\n  font-size: 1em;\n  margin-top: 50px;\n  display: block;\n  color: #1B2539;\n}\n.additional-link b[data-v-92022276], .additional-link a[data-v-92022276] {\n  color: #00BC7E;\n  cursor: pointer;\n}\n.additional-link b[data-v-92022276]:hover, .additional-link a[data-v-92022276]:hover {\n  text-decoration: underline;\n}\n@media only screen and (max-width: 1024px) {\n.form[data-v-92022276] {\n    max-width: 100%;\n}\n}\n@media only screen and (max-width: 960px) {\n.form .button[data-v-92022276] {\n    margin-top: 20px;\n    width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n}\n.form input[data-v-92022276], .form textarea[data-v-92022276] {\n    width: 100%;\n    min-width: 100%;\n}\n.form.block-form .block-wrapper[data-v-92022276] {\n    display: block;\n}\n.form.block-form .block-wrapper label[data-v-92022276] {\n    width: 100%;\n    padding-right: 0;\n    display: block;\n    margin-bottom: 7px;\n    text-align: left !important;\n    font-size: 0.875em;\n    padding-top: 0;\n}\n.form.block-form .button[data-v-92022276] {\n    margin-top: 25px;\n    margin-left: 0;\n    margin-right: 0;\n}\n.form.inline-form[data-v-92022276] {\n    display: block;\n}\n.form.inline-form .input-wrapper .error-message[data-v-92022276] {\n    position: relative;\n    bottom: 0;\n}\n.form .button[data-v-92022276] {\n    padding: 14px 32px;\n}\n.single-line-form[data-v-92022276] {\n    display: block;\n}\n.single-line-form .submit-button[data-v-92022276] {\n    margin-left: 0;\n    margin-top: 20px;\n    width: 100%;\n}\ntextarea[data-v-92022276],\n  input[type="password"][data-v-92022276],\n  input[type="number"][data-v-92022276],\n  input[type="text"][data-v-92022276],\n  input[type="email"][data-v-92022276] {\n    padding: 14px 20px;\n}\n}\n@media only screen and (max-width: 690px) {\n.form.block-form .wrapper-inline[data-v-92022276] {\n    display: block;\n}\n}\n@media (prefers-color-scheme: dark) {\n.form .input-help[data-v-92022276] {\n    color: #7d858c;\n}\n.form.block-form .block-wrapper label[data-v-92022276] {\n    color: #bec6cf;\n}\n.form .inline-wrapper .switch-label .input-label[data-v-92022276] {\n    color: #bec6cf;\n}\ntextarea[data-v-92022276],\n  input[type="password"][data-v-92022276],\n  input[type="text"][data-v-92022276],\n  input[type="number"][data-v-92022276],\n  input[type="email"][data-v-92022276] {\n    border-color: #1e2024;\n    background: #1e2024;\n    color: #bec6cf;\n}\ntextarea[data-v-92022276]::-webkit-input-placeholder, input[type="password"][data-v-92022276]::-webkit-input-placeholder, input[type="text"][data-v-92022276]::-webkit-input-placeholder, input[type="number"][data-v-92022276]::-webkit-input-placeholder, input[type="email"][data-v-92022276]::-webkit-input-placeholder {\n    color: #7d858c;\n}\ntextarea[data-v-92022276]::-moz-placeholder, input[type="password"][data-v-92022276]::-moz-placeholder, input[type="text"][data-v-92022276]::-moz-placeholder, input[type="number"][data-v-92022276]::-moz-placeholder, input[type="email"][data-v-92022276]::-moz-placeholder {\n    color: #7d858c;\n}\ntextarea[data-v-92022276]:-ms-input-placeholder, input[type="password"][data-v-92022276]:-ms-input-placeholder, input[type="text"][data-v-92022276]:-ms-input-placeholder, input[type="number"][data-v-92022276]:-ms-input-placeholder, input[type="email"][data-v-92022276]:-ms-input-placeholder {\n    color: #7d858c;\n}\ntextarea[data-v-92022276]::-ms-input-placeholder, input[type="password"][data-v-92022276]::-ms-input-placeholder, input[type="text"][data-v-92022276]::-ms-input-placeholder, input[type="number"][data-v-92022276]::-ms-input-placeholder, input[type="email"][data-v-92022276]::-ms-input-placeholder {\n    color: #7d858c;\n}\ntextarea[data-v-92022276]::placeholder,\n  input[type="password"][data-v-92022276]::placeholder,\n  input[type="text"][data-v-92022276]::placeholder,\n  input[type="number"][data-v-92022276]::placeholder,\n  input[type="email"][data-v-92022276]::placeholder {\n    color: #7d858c;\n}\ntextarea[disabled][data-v-92022276],\n  input[type="password"][disabled][data-v-92022276],\n  input[type="text"][disabled][data-v-92022276],\n  input[type="number"][disabled][data-v-92022276],\n  input[type="email"][disabled][data-v-92022276] {\n    background: #1e2024;\n    color: rgba(125, 133, 140, 0.8);\n    -webkit-text-fill-color: rgba(125, 133, 140, 0.8);\n}\n}\n.is-deleting[data-v-92022276] {\n  opacity: 0.35;\n}\n.credit-card[data-v-92022276] {\n  display: flex;\n  align-items: center;\n}\n.credit-card .credit-card-numbers[data-v-92022276] {\n  margin-right: 10px;\n}\n.credit-card .credit-card-icon[data-v-92022276] {\n  max-height: 20px;\n  margin-right: 8px;\n}\n.page-actions[data-v-92022276] {\n  margin-top: 45px;\n  margin-bottom: 10px;\n}\n',""])},53:function(a,t,n){var e=n(228);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},54:function(a,t,n){var e=n(230);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},55:function(a,t,n){var e=n(232);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},56:function(a,t,n){var e=n(234);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},594:function(a,t,n){"use strict";n.r(t);var e=n(32),i=n(27),o=n(16),r=n(1),l=n(13),s=n(15),d=n(30),p=n(12),c=n(7),b=n(3),u=n(4),f=n.n(u);function v(a,t){var n=Object.keys(a);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(a);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(a,t).enumerable}))),n.push.apply(n,e)}return n}function m(a,t,n){return t in a?Object.defineProperty(a,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):a[t]=n,a}var g={name:"UserPaymentMethods",components:{MobileActionButton:e.a,DatatableWrapper:i.a,CreditCardIcon:r.j,PageTabGroup:o.a,Trash2Icon:r.P,ColorLabel:d.a,FormLabel:l.a,InfoBox:p.a,PageTab:s.a},computed:function(a){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){m(a,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(a,t,Object.getOwnPropertyDescriptor(n,t))}))}return a}({},Object(c.b)(["user"])),data:function(){return{defaultPaymentCard:void 0,PaymentMethods:void 0,deletingID:void 0,columns:[{label:this.$t("rows.card.number"),field:"data.attributes.total",sortable:!1},{label:this.$t("rows.card.expiration"),field:"data.attributes.total",sortable:!1},{label:this.$t("admin_page_user.table.action"),field:"data.action",sortable:!1}],isLoading:!0}},methods:{getCardStatusColor:function(a){switch(a){case"active":return"green";case"card_declined":return"yellow";case"expired":return"red"}},setDefaultCard:function(a){b.a.$emit("confirm:open",{title:this.$t("popup_set_card.title"),message:this.$t("popup_set_card.message"),buttonColor:"theme-solid",action:{id:a.card_id,operation:"set-as-default-credit-card"}})},deleteCard:function(a){b.a.$emit("confirm:open",{title:this.$t("popup_delete_card.title"),message:this.$t("popup_delete_card.message"),action:{id:a.card_id,operation:"delete-credit-card"}})},fetchPaymentMethods:function(){var a=this;f.a.get("/api/user/payments").then((function(t){204==t.status&&(a.PaymentMethods={}),200==t.status&&(a.defaultPaymentCard=t.data.default,a.PaymentMethods=t.data.others.data,a.PaymentMethods.push(t.data.default))})).finally((function(){a.isLoading=!1}))}},created:function(){var a=this;this.fetchPaymentMethods(),b.a.$on("action:confirmed",(function(t){"delete-credit-card"===t.operation&&(a.deletingID=t.id,f.a.post("/api/user/payment-cards/"+t.id,{_method:"delete"}).then((function(){a.fetchPaymentMethods(),b.a.$emit("toaster",{type:"success",message:a.$t("toaster.card_deleted")})})).catch((function(){b.a.$emit("alert:open",{title:a.$t("popup_error.title"),message:a.$t("popup_error.message")})}))),"set-as-default-credit-card"===t.operation&&f.a.post("/api/user/payment-cards/"+t.id,{default:1,_method:"patch"}).then((function(){a.fetchPaymentMethods(),b.a.$emit("toaster",{type:"success",message:a.$t("toaster.card_set")})})).catch((function(){b.a.$emit("alert:open",{title:a.$t("popup_error.title"),message:a.$t("popup_error.message")})}))}))},destroyed:function(){b.a.$off("action:confirmed")}},h=(n(411),n(0)),x=Object(h.a)(g,(function(){var a=this,t=a.$createElement,n=a._self._c||t;return n("PageTab",{attrs:{"is-loading":a.isLoading}},[n("PageTabGroup",[n("FormLabel",[a._v(a._s(a.$t("user_payments.title")))]),a._v(" "),a.PaymentMethods&&a.PaymentMethods.length>0?n("div",{staticClass:"page-actions"},[n("router-link",{attrs:{to:{name:"CreatePaymentMethod"}}},[n("MobileActionButton",{attrs:{icon:"credit-card"}},[a._v("\n                    "+a._s(a.$t("user_payments.add_card"))+"\n                ")])],1)],1):a._e(),a._v(" "),n("DatatableWrapper",{staticClass:"table",attrs:{"table-data":{data:a.PaymentMethods},paginator:!1,columns:a.columns},scopedSlots:a._u([{key:"default",fn:function(t){var e=t.row;return[n("tr",{class:{"is-deleting":e.data.attributes.card_id===a.deletingID}},[n("td",{staticStyle:{width:"300px"}},[n("span",{staticClass:"cell-item"},[n("div",{staticClass:"credit-card"},[n("img",{staticClass:"credit-card-icon",attrs:{src:a.$getCreditCardBrand(e.data.attributes.brand),alt:e.data.attributes.brand}}),a._v(" "),n("div",{staticClass:"credit-card-numbers"},[a._v("\n                                    •••• "+a._s(e.data.attributes.last4)+"\n                                ")]),a._v(" "),e.data.id===a.defaultPaymentCard.data.id?n("ColorLabel",{attrs:{color:"purple"}},[a._v(a._s(a.$t("global.default")))]):a._e()],1)])]),a._v(" "),n("td",[n("span",{staticClass:"cell-item"},[a._v("\n                            "+a._s(e.data.attributes.exp_month)+" / "+a._s(e.data.attributes.exp_year)+"\n                        ")])]),a._v(" "),n("td",[n("div",{staticClass:"action-icons"},[n("label",{staticClass:"icon-wrapper",attrs:{title:a.$t("user_payments.set_as_default")}},[e.data.id!==a.defaultPaymentCard.data.id?n("credit-card-icon",{staticClass:"icon icon-card",attrs:{size:"15"},on:{click:function(t){return a.setDefaultCard(e.data.attributes)}}}):a._e()],1),a._v(" "),n("label",{staticClass:"icon-wrapper",attrs:{title:a.$t("user_payments.delete_card")}},[n("trash2-icon",{staticClass:"icon icon-trash",attrs:{size:"15"},on:{click:function(t){return a.deleteCard(e.data.attributes)}}})],1)])])])]}},{key:"empty-page",fn:function(){return[n("InfoBox",[n("p",[a._v(a._s(a.$t("user_payments.empty"))+" "),a.user.data.attributes.stripe_customer?n("router-link",{attrs:{to:{name:"CreatePaymentMethod"}}},[a._v("Add new payment method.")]):a._e()],1)])]},proxy:!0}])})],1)],1)}),[],!1,null,"92022276",null);t.default=x.exports},63:function(a,t,n){var e=n(248);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},64:function(a,t,n){var e=n(250);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},67:function(a,t,n){var e=n(256);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},68:function(a,t,n){var e=n(258);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)}}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{12:function(a,t,n){"use strict";var e={name:"InfoBox",props:["type"]},i=(n(227),n(0)),o=Object(i.a)(e,(function(){var a=this.$createElement;return(this._self._c||a)("div",{staticClass:"info-box",class:this.type},[this._t("default")],2)}),[],!1,null,"bf43be5e",null);t.a=o.exports},13:function(a,t,n){"use strict";var e={name:"FormLabel",components:{Edit2Icon:n(1).m}},i=(n(229),n(0)),o=Object(i.a)(e,(function(){var a=this.$createElement,t=this._self._c||a;return t("div",{staticClass:"form-label"},[t("edit-2-icon",{staticClass:"icon",attrs:{size:"22"}}),this._v(" "),t("b",{staticClass:"label"},[this._t("default")],2)],1)}),[],!1,null,"c1157a8e",null);t.a=o.exports},146:function(a,t,n){var e=n(412);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},15:function(a,t,n){"use strict";var e={name:"PageTab",props:["isLoading"],components:{Spinner:n(19).a}},i=(n(233),n(0)),o=Object(i.a)(e,(function(){var a=this.$createElement,t=this._self._c||a;return t("div",{staticClass:"page-tab"},[t("div",{directives:[{name:"show",rawName:"v-show",value:this.isLoading,expression:"isLoading"}],attrs:{id:"loader"}},[t("Spinner")],1),this._v(" "),this._t("default")],2)}),[],!1,null,"4339da66",null);t.a=o.exports},16:function(a,t,n){"use strict";var e={name:"PageTabGroup"},i=(n(231),n(0)),o=Object(i.a)(e,(function(){var a=this.$createElement;return(this._self._c||a)("div",{staticClass:"page-tab-group"},[this._t("default")],2)}),[],!1,null,"1bb470e4",null);t.a=o.exports},227:function(a,t,n){"use strict";var e=n(53);n.n(e).a},228:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".info-box[data-v-bf43be5e] {\n  padding: 20px;\n  border-radius: 8px;\n  margin-bottom: 32px;\n  background: #f4f5f6;\n  text-align: left;\n}\n.info-box.error[data-v-bf43be5e] {\n  background: rgba(253, 57, 122, 0.1);\n}\n.info-box.error p[data-v-bf43be5e], .info-box.error a[data-v-bf43be5e] {\n  color: #fd397a;\n}\n.info-box.error a[data-v-bf43be5e] {\n  text-decoration: underline;\n}\n.info-box p[data-v-bf43be5e] {\n  font-size: 0.9375em;\n  line-height: 1.6;\n  word-break: break-word;\n  font-weight: 600;\n}\n.info-box p[data-v-bf43be5e] a {\n  color: #00BC7E;\n}\n.info-box b[data-v-bf43be5e] {\n  font-weight: 700;\n  color: #00BC7E;\n}\n.info-box a[data-v-bf43be5e] {\n  color: #00BC7E;\n  font-weight: 700;\n  font-size: 0.9375em;\n  line-height: 1.6;\n}\n.info-box ul[data-v-bf43be5e] {\n  margin-top: 15px;\n  display: block;\n}\n.info-box ul li[data-v-bf43be5e] {\n  display: block;\n}\n.info-box ul li a[data-v-bf43be5e] {\n  display: block;\n}\n@media only screen and (max-width: 690px) {\n.info-box[data-v-bf43be5e] {\n    padding: 15px;\n}\n}\n@media (prefers-color-scheme: dark) {\n.info-box[data-v-bf43be5e] {\n    background: #1e2024;\n}\n.info-box p[data-v-bf43be5e] {\n    color: #bec6cf;\n}\n.info-box ul li[data-v-bf43be5e] {\n    color: #bec6cf;\n}\n}\n",""])},229:function(a,t,n){"use strict";var e=n(54);n.n(e).a},230:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".form-label[data-v-c1157a8e] {\n  display: flex;\n  align-items: center;\n  margin-bottom: 30px;\n}\n.form-label .icon[data-v-c1157a8e] {\n  margin-right: 10px;\n}\n.form-label .icon path[data-v-c1157a8e] {\n  stroke: #00BC7E;\n}\n.form-label .label[data-v-c1157a8e] {\n  font-size: 1.125em;\n  font-weight: 700;\n}\n@media (prefers-color-scheme: dark) {\n.form-label .label[data-v-c1157a8e] {\n    color: #bec6cf;\n}\n}\n",""])},231:function(a,t,n){"use strict";var e=n(55);n.n(e).a},232:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".page-tab-group[data-v-1bb470e4] {\n  margin-bottom: 65px;\n}\n",""])},233:function(a,t,n){"use strict";var e=n(56);n.n(e).a},234:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,"",""])},247:function(a,t,n){"use strict";var e=n(63);n.n(e).a},248:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".table-row[data-v-15a1e318] {\n  border-radius: 8px;\n}\n.table-row[data-v-15a1e318]:hover {\n  background: #f4f5f6;\n}\n.table-row .table-cell[data-v-15a1e318] {\n  padding-top: 15px;\n  padding-bottom: 15px;\n}\n.table-row .table-cell[data-v-15a1e318]:first-child {\n  padding-left: 15px;\n}\n.table-row .table-cell[data-v-15a1e318]:last-child {\n  padding-right: 15px;\n  text-align: right;\n}\n.table-row .table-cell span[data-v-15a1e318] {\n  font-size: 1em;\n  font-weight: bold;\n}\n",""])},249:function(a,t,n){"use strict";var e=n(64);n.n(e).a},250:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".datatable[data-v-56f3a787] {\n  height: 100%;\n}\n.table-row[data-v-56f3a787] {\n  transition: 0.3s all ease;\n}\n.table-row-enter[data-v-56f3a787],\n.table-row-leave-to[data-v-56f3a787] {\n  opacity: 0;\n  transform: translateY(-100%);\n}\n.table-row-leave-active[data-v-56f3a787] {\n  position: absolute;\n}\n.table[data-v-56f3a787] {\n  width: 100%;\n  border-collapse: collapse;\n  overflow-x: auto;\n}\n.table tr[data-v-56f3a787] {\n  width: 100%;\n}\n.table tr td[data-v-56f3a787]:first-child, .table tr th[data-v-56f3a787]:first-child {\n  padding-left: 15px;\n}\n.table tr td[data-v-56f3a787]:last-child, .table tr th[data-v-56f3a787]:last-child {\n  padding-right: 15px;\n  text-align: right;\n}\n.table .table-header[data-v-56f3a787] {\n  margin-bottom: 10px;\n}\n.table .table-header tr td[data-v-56f3a787], .table .table-header tr th[data-v-56f3a787] {\n  padding: 12px;\n  text-align: left;\n}\n.table .table-header tr td span[data-v-56f3a787], .table .table-header tr th span[data-v-56f3a787] {\n  color: #00BC7E;\n  font-weight: 700;\n  font-size: 0.75em;\n  white-space: nowrap;\n}\n.table .table-header tr td.sortable[data-v-56f3a787], .table .table-header tr th.sortable[data-v-56f3a787] {\n  cursor: pointer;\n}\n.table .table-header tr td.sortable:hover .filter-arrow[data-v-56f3a787], .table .table-header tr th.sortable:hover .filter-arrow[data-v-56f3a787] {\n  opacity: 1;\n}\n.table .table-header tr td[data-v-56f3a787]:last-child, .table .table-header tr th[data-v-56f3a787]:last-child {\n  text-align: right;\n}\n.table .table-header .filter-arrow[data-v-56f3a787] {\n  vertical-align: middle;\n  margin-left: 8px;\n  transition: 0.3s all ease;\n  opacity: 0;\n}\n.table .table-header .filter-arrow path[data-v-56f3a787] {\n  fill: rgba(27, 37, 57, 0.7);\n}\n.table .table-header .filter-arrow.arrow-down[data-v-56f3a787] {\n  transform: rotate(180deg);\n}\n.table .table-header span[data-v-56f3a787] {\n  font-size: 13px;\n  color: rgba(27, 37, 57, 0.7);\n  font-weight: bold;\n}\n.table .table-body tr[data-v-56f3a787] {\n  border-radius: 8px;\n}\n.table .table-body tr[data-v-56f3a787]:hover {\n  background: #f4f5f6;\n}\n.table .table-body tr td[data-v-56f3a787], .table .table-body tr th[data-v-56f3a787] {\n  padding: 12px;\n}\n.table .table-body tr td:last-child button[data-v-56f3a787], .table .table-body tr th:last-child button[data-v-56f3a787] {\n  margin-right: 0;\n}\n.table .table-body span[data-v-56f3a787], .table .table-body a.page-link[data-v-56f3a787] {\n  font-size: 0.9375em;\n  font-weight: 700;\n  padding: 10px 35px 10px 0;\n  display: block;\n  white-space: nowrap;\n}\n.pagination .page-item[data-v-56f3a787] {\n  padding: 3px;\n  display: inline-block;\n}\n.pagination .page-link[data-v-56f3a787] {\n  width: 30px;\n  height: 30px;\n  display: block;\n  color: #1B2539;\n  border-radius: 6px;\n  text-align: center;\n  line-height: 2.4;\n  font-weight: bold;\n  font-size: 13px;\n  cursor: pointer;\n  transition: 0.15s all ease;\n}\n.pagination .page-link .icon[data-v-56f3a787] {\n  vertical-align: middle;\n  margin-top: -2px;\n}\n.pagination .page-link[data-v-56f3a787]:hover:not(.disabled) {\n  background: #f4f5f6;\n  color: #1B2539;\n}\n.pagination .page-link.active[data-v-56f3a787] {\n  color: #1B2539;\n  background: #f4f5f6;\n}\n.pagination .page-link.disabled[data-v-56f3a787] {\n  background: transparent;\n  cursor: default;\n}\n.pagination .page-link.disabled svg path[data-v-56f3a787] {\n  fill: rgba(27, 37, 57, 0.7);\n}\n.paginator-wrapper[data-v-56f3a787] {\n  margin-top: 30px;\n  margin-bottom: 40px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.paginator-wrapper .paginator-info[data-v-56f3a787] {\n  font-size: 13px;\n  color: rgba(27, 37, 57, 0.7);\n}\n.user-preview[data-v-56f3a787] {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.user-preview img[data-v-56f3a787] {\n  width: 45px;\n  margin-right: 22px;\n}\n@media only screen and (max-width: 690px) {\n.paginator-wrapper[data-v-56f3a787] {\n    display: block;\n    text-align: center;\n}\n.paginator-wrapper .paginator-info[data-v-56f3a787] {\n    margin-top: 10px;\n    display: block;\n}\n}\n@media (prefers-color-scheme: dark) {\n.table .table-header tr td span[data-v-56f3a787], .table .table-header tr th span[data-v-56f3a787] {\n    color: #00BC7E;\n}\n.table .table-body tr[data-v-56f3a787]:hover, .table .table-body th[data-v-56f3a787]:hover {\n    background: #1e2024;\n}\n.paginator-wrapper .paginator-info[data-v-56f3a787] {\n    color: #7d858c;\n}\n.pagination .page-link[data-v-56f3a787] {\n    color: #7d858c;\n}\n.pagination .page-link svg polyline[data-v-56f3a787] {\n    stroke: #bec6cf;\n}\n.pagination .page-link[data-v-56f3a787]:hover:not(.disabled) {\n    color: #00BC7E;\n    background: rgba(0, 188, 126, 0.1);\n}\n.pagination .page-link.active[data-v-56f3a787] {\n    color: #00BC7E;\n    background: rgba(0, 188, 126, 0.1);\n}\n.pagination .page-link.disabled[data-v-56f3a787] {\n    background: transparent;\n    cursor: default;\n}\n.pagination .page-link.disabled svg polyline[data-v-56f3a787] {\n    stroke: #7d858c;\n}\n}\n",""])},255:function(a,t,n){"use strict";var e=n(67);n.n(e).a},256:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".color-label[data-v-ffcb2882] {\n  text-transform: capitalize;\n  font-size: 0.75em;\n  display: inline-block;\n  border-radius: 6px;\n  font-weight: 700;\n  padding: 4px 6px;\n}\n.color-label.purple[data-v-ffcb2882] {\n  color: #9D66FE;\n  background: rgba(157, 102, 254, 0.1);\n}\n.color-label.yellow[data-v-ffcb2882] {\n  color: #FFBD2D;\n  background: rgba(255, 189, 45, 0.1);\n}\n.color-label.green[data-v-ffcb2882] {\n  color: #00BC7E;\n  background: rgba(0, 188, 126, 0.1);\n}\n.color-label.red[data-v-ffcb2882] {\n  color: #fd397a;\n  background: rgba(253, 57, 122, 0.1);\n}\n",""])},257:function(a,t,n){"use strict";var e=n(68);n.n(e).a},258:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,".mobile-action-button[data-v-8b0e9378] {\n  background: #f4f5f6;\n  margin-right: 15px;\n  border-radius: 8px;\n  padding: 7px 10px;\n  cursor: pointer;\n  border: none;\n  transition: 150ms all ease;\n}\n.mobile-action-button .flex[data-v-8b0e9378] {\n  display: flex;\n  align-items: center;\n}\n.mobile-action-button .icon[data-v-8b0e9378] {\n  margin-right: 10px;\n  font-size: 0.875em;\n}\n.mobile-action-button .icon path[data-v-8b0e9378], .mobile-action-button .icon line[data-v-8b0e9378], .mobile-action-button .icon polyline[data-v-8b0e9378], .mobile-action-button .icon rect[data-v-8b0e9378], .mobile-action-button .icon circle[data-v-8b0e9378] {\n  transition: 150ms all ease;\n}\n.mobile-action-button .label[data-v-8b0e9378] {\n  transition: 150ms all ease;\n  font-size: 0.875em;\n  font-weight: 700;\n  color: #1B2539;\n}\n.mobile-action-button[data-v-8b0e9378]:active {\n  transform: scale(0.95);\n}\n.mobile-action-button[data-v-8b0e9378]:hover {\n  background: rgba(0, 188, 126, 0.1);\n}\n.mobile-action-button:hover .icon path[data-v-8b0e9378], .mobile-action-button:hover .icon line[data-v-8b0e9378], .mobile-action-button:hover .icon polyline[data-v-8b0e9378], .mobile-action-button:hover .icon rect[data-v-8b0e9378], .mobile-action-button:hover .icon circle[data-v-8b0e9378] {\n  stroke: #00BC7E;\n}\n.mobile-action-button:hover .label[data-v-8b0e9378] {\n  color: #00BC7E;\n}\n@media (prefers-color-scheme: dark) {\n.mobile-action-button[data-v-8b0e9378] {\n    background: #1e2024;\n}\n.mobile-action-button path[data-v-8b0e9378], .mobile-action-button line[data-v-8b0e9378], .mobile-action-button polyline[data-v-8b0e9378], .mobile-action-button rect[data-v-8b0e9378], .mobile-action-button circle[data-v-8b0e9378] {\n    stroke: #00BC7E;\n}\n.mobile-action-button .label[data-v-8b0e9378] {\n    color: #bec6cf;\n}\n}\n",""])},27:function(a,t,n){"use strict";var e=n(1),i={props:["data"],computed:{normalizedColumns:function(){return this.data.id&&delete this.data.id,Object.values(this.data)}}},o=(n(247),n(0)),r=Object(o.a)(i,(function(){var a=this,t=a.$createElement,n=a._self._c||t;return n("tr",{staticClass:"table-row"},a._l(a.normalizedColumns,(function(t,e){return n("td",{key:e,staticClass:"table-cell"},[n("span",[a._v(a._s(t))])])})),0)}),[],!1,null,"15a1e318",null).exports,l=(n(24),n(4)),s=n.n(l),d={name:"DatatableWrapper",props:["columns","scope","paginator","api","tableData"],components:{ChevronRightIcon:e.e,ChevronLeftIcon:e.d,DatatableCell:r,ChevronUpIcon:e.f},computed:{hasData:function(){return this.data&&this.data.data&&this.data.data.length>0},floatPages:function(){return[this.pageIndex-1,this.pageIndex,this.pageIndex+1]}},data:function(){return{data:void 0,isLoading:!0,pageIndex:1,filter:{sort:"DESC",field:void 0}}},methods:{goToPage:function(a){a>this.data.meta.last_page||0===a||(this.pageIndex=a,this.getPage(a))},sort:function(a,t){t&&(this.filter.field=a,"DESC"===this.filter.sort?this.filter.sort="ASC":"ASC"===this.filter.sort&&(this.filter.sort="DESC"),this.getPage(this.pageIndex))},getPage:function(a){var t=this;this.URI=this.api,this.paginator&&(this.URI=this.URI+"?page="+a),this.filter.field&&(this.URI=this.URI+(this.paginator?"&":"?")+"sort="+this.filter.field+"&direction="+this.filter.sort),this.isLoading=!0,s.a.get(this.URI).then((function(a){t.data=a.data,t.$emit("data",a.data)})).catch((function(){return t.$isSomethingWrong()})).finally((function(){t.$emit("init",!0),t.isLoading=!1}))}},created:function(){this.api&&this.getPage(this.pageIndex),this.tableData&&(this.data=this.tableData,this.isLoading=!1)}},c=(n(249),Object(o.a)(d,(function(){var a=this,t=a.$createElement,n=a._self._c||t;return n("div",{staticClass:"datatable"},[a.hasData?n("table",{staticClass:"table"},[n("thead",{staticClass:"table-header"},[n("tr",a._l(a.columns,(function(t,e){return t.hidden?a._e():n("th",{key:e,class:{sortable:t.sortable},on:{click:function(n){return a.sort(t.field,t.sortable)}}},[n("span",[a._v(a._s(t.label))]),a._v(" "),t.sortable?n("chevron-up-icon",{staticClass:"filter-arrow",class:{"arrow-down":"ASC"===a.filter.sort},attrs:{size:"14"}}):a._e()],1)})),0)]),a._v(" "),n("tbody",{staticClass:"table-body"},[a._l(a.data.data,(function(t){return a._t("default",[n("DatatableCell",{key:t.id,attrs:{data:t}})],{row:t})}))],2)]):a._e(),a._v(" "),a.isLoading||a.hasData?a._e():a._t("empty-page"),a._v(" "),a.paginator&&a.hasData?n("div",{staticClass:"paginator-wrapper"},[a.data.meta.total>20&&a.data.meta.last_page<=6?n("ul",{staticClass:"pagination"},[n("li",{staticClass:"page-item previous"},[n("a",{staticClass:"page-link",class:{disabled:0==a.pageIndex},on:{click:function(t){return a.goToPage(a.pageIndex-1)}}},[n("chevron-left-icon",{staticClass:"icon",attrs:{size:"14"}})],1)]),a._v(" "),a._l(6,(function(t,e){return n("li",{key:e,staticClass:"page-item",on:{click:function(n){return a.goToPage(t)}}},[n("a",{staticClass:"page-link",class:{active:a.pageIndex===t}},[a._v("\n                    "+a._s(t)+"\n                ")])])})),a._v(" "),n("li",{staticClass:"page-item next"},[n("a",{staticClass:"page-link",class:{disabled:a.pageIndex+1==a.data.meta.last_page},on:{click:function(t){return a.goToPage(a.pageIndex+1)}}},[n("chevron-right-icon",{staticClass:"icon",attrs:{size:"14"}})],1)])],2):a._e(),a._v(" "),a.data.meta.total>20&&a.data.meta.last_page>6?n("ul",{staticClass:"pagination"},[n("li",{staticClass:"page-item previous"},[n("a",{staticClass:"page-link",class:{disabled:0==a.pageIndex},on:{click:function(t){return a.goToPage(a.pageIndex-1)}}},[n("chevron-left-icon",{staticClass:"icon",attrs:{size:"14"}})],1)]),a._v(" "),a.pageIndex>=5?n("li",{staticClass:"page-item",on:{click:function(t){return a.goToPage(1)}}},[n("a",{staticClass:"page-link"},[a._v("\n                    1\n                ")])]):a._e(),a._v(" "),a._l(5,(function(t,e){return a.pageIndex<5?n("li",{key:e,staticClass:"page-item",on:{click:function(n){return a.goToPage(t)}}},[n("a",{staticClass:"page-link",class:{active:a.pageIndex===t}},[a._v("\n                    "+a._s(t)+"\n                ")])]):a._e()})),a._v(" "),a.pageIndex>=5?n("li",{staticClass:"page-item"},[n("a",{staticClass:"page-link"},[a._v("...")])]):a._e(),a._v(" "),a._l(a.floatPages,(function(t,e){return a.pageIndex>=5&&a.pageIndex<a.data.meta.last_page-3?n("li",{key:e,staticClass:"page-item",on:{click:function(n){return a.goToPage(t)}}},[n("a",{staticClass:"page-link",class:{active:a.pageIndex===t}},[a._v("\n                    "+a._s(t)+"\n                ")])]):a._e()})),a._v(" "),a.pageIndex<a.data.meta.last_page-3?n("li",{staticClass:"page-item"},[n("a",{staticClass:"page-link"},[a._v("...")])]):a._e(),a._v(" "),a._l(5,(function(t,e){return a.pageIndex>a.data.meta.last_page-4?n("li",{key:e,staticClass:"page-item",on:{click:function(t){a.goToPage(a.data.meta.last_page-(4-e))}}},[n("a",{staticClass:"page-link",class:{active:a.pageIndex===a.data.meta.last_page-(4-e)}},[a._v("\n                    "+a._s(a.data.meta.last_page-(4-e))+"\n                ")])]):a._e()})),a._v(" "),a.pageIndex<a.data.meta.last_page-3?n("li",{staticClass:"page-item",on:{click:function(t){return a.goToPage(a.data.meta.last_page)}}},[n("a",{staticClass:"page-link"},[a._v("\n                    "+a._s(a.data.meta.last_page)+"\n                ")])]):a._e(),a._v(" "),n("li",{staticClass:"page-item next"},[n("a",{staticClass:"page-link",class:{disabled:a.pageIndex+1==a.data.meta.last_page},on:{click:function(t){return a.goToPage(a.pageIndex+1)}}},[n("chevron-right-icon",{staticClass:"icon",attrs:{size:"14"}})],1)])],2):a._e(),a._v(" "),n("span",{staticClass:"paginator-info"},[a._v(a._s(a.$t("datatable.paginate_info",{visible:a.data.meta.per_page,total:a.data.meta.total})))])]):a._e()],2)}),[],!1,null,"56f3a787",null));t.a=c.exports},30:function(a,t,n){"use strict";var e={name:"ColorLabel",props:["color"]},i=(n(255),n(0)),o=Object(i.a)(e,(function(){var a=this.$createElement;return(this._self._c||a)("b",{staticClass:"color-label",class:this.color},[this._t("default")],2)}),[],!1,null,"ffcb2882",null);t.a=o.exports},32:function(a,t,n){"use strict";var e=n(1),i={name:"MobileActionButton",props:["icon"],components:{CreditCardIcon:e.j,FolderPlusIcon:e.t,UserPlusIcon:e.U,TrashIcon:e.Q,PlusIcon:e.I,ListIcon:e.B,GridIcon:e.u}},o=(n(257),n(0)),r=Object(o.a)(i,(function(){var a=this,t=a.$createElement,n=a._self._c||t;return n("button",{staticClass:"mobile-action-button"},[n("div",{staticClass:"flex"},["credit-card"===a.icon?n("credit-card-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"folder-plus"===a.icon?n("folder-plus-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"th-list"===a.icon?n("list-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"trash"===a.icon?n("trash-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"th"===a.icon?n("grid-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"user-plus"===a.icon?n("user-plus-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),"plus"===a.icon?n("plus-icon",{staticClass:"icon",attrs:{size:"15"}}):a._e(),a._v(" "),n("span",{staticClass:"label"},[a._t("default")],2)],1)])}),[],!1,null,"8b0e9378",null);t.a=r.exports},411:function(a,t,n){"use strict";var e=n(146);n.n(e).a},412:function(a,t,n){(a.exports=n(5)(!1)).push([a.i,'.form[data-v-1a2093bc] {\n  max-width: 700px;\n}\n.form.inline-form[data-v-1a2093bc] {\n  display: flex;\n  position: relative;\n  justify-content: center;\n  margin: 0 auto;\n}\n.form.inline-form .input-wrapper[data-v-1a2093bc] {\n  position: relative;\n}\n.form.inline-form .input-wrapper .error-message[data-v-1a2093bc] {\n  position: absolute;\n  left: 0;\n  bottom: -25px;\n}\n.form.block-form .wrapper-inline[data-v-1a2093bc] {\n  display: flex;\n  margin: 0 -15px;\n}\n.form.block-form .wrapper-inline .block-wrapper[data-v-1a2093bc] {\n  width: 100%;\n  padding: 0 15px;\n}\n.form.block-form .block-wrapper[data-v-1a2093bc] {\n  margin-bottom: 32px;\n}\n.form.block-form .block-wrapper label[data-v-1a2093bc] {\n  font-size: 0.875em;\n  color: rgba(27, 37, 57, 0.8);\n  font-weight: 700;\n  display: block;\n  margin-bottom: 7px;\n  text-align: left;\n}\n.form.block-form .block-wrapper[data-v-1a2093bc]:last-child {\n  margin-bottom: 0;\n}\n.form.block-form .button[data-v-1a2093bc] {\n  margin-top: 50px;\n}\n.form .inline-wrapper[data-v-1a2093bc] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.form .inline-wrapper .switch-label .input-help[data-v-1a2093bc] {\n  padding-top: 0;\n}\n.form .inline-wrapper .switch-label .input-label[data-v-1a2093bc] {\n  font-weight: 700;\n  color: #1B2539;\n  font-size: 1em;\n  margin-bottom: 5px;\n}\n.form .input-help[data-v-1a2093bc] {\n  font-size: 0.75em;\n  color: rgba(27, 37, 57, 0.7);\n  line-height: 1.35;\n  padding-top: 10px;\n  display: block;\n}\n.single-line-form[data-v-1a2093bc] {\n  display: flex;\n}\n.single-line-form .submit-button[data-v-1a2093bc] {\n  margin-left: 20px;\n}\n.error-message[data-v-1a2093bc] {\n  font-size: 0.875em;\n  color: #fd397a;\n  padding-top: 5px;\n  display: block;\n  text-align: left;\n}\ntextarea[data-v-1a2093bc] {\n  width: 100%;\n}\ntextarea[data-v-1a2093bc],\ninput[type="password"][data-v-1a2093bc],\ninput[type="text"][data-v-1a2093bc],\ninput[type="number"][data-v-1a2093bc],\ninput[type="email"][data-v-1a2093bc] {\n  border: 1px solid transparent;\n  transition: 150ms all ease;\n  font-size: 1em;\n  border-radius: 8px;\n  padding: 13px 20px;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  font-weight: 700;\n  outline: 0;\n  width: 100%;\n  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);\n}\ntextarea.is-error[data-v-1a2093bc],\ninput[type="password"].is-error[data-v-1a2093bc],\ninput[type="text"].is-error[data-v-1a2093bc],\ninput[type="number"].is-error[data-v-1a2093bc],\ninput[type="email"].is-error[data-v-1a2093bc] {\n  border-color: #fd397a;\n  box-shadow: 0 1px 5px rgba(253, 57, 122, 0.3);\n}\ntextarea[data-v-1a2093bc]::-webkit-input-placeholder, input[type="password"][data-v-1a2093bc]::-webkit-input-placeholder, input[type="text"][data-v-1a2093bc]::-webkit-input-placeholder, input[type="number"][data-v-1a2093bc]::-webkit-input-placeholder, input[type="email"][data-v-1a2093bc]::-webkit-input-placeholder {\n  color: rgba(27, 37, 57, 0.5);\n  font-size: 0.9375em;\n}\ntextarea[data-v-1a2093bc]::-moz-placeholder, input[type="password"][data-v-1a2093bc]::-moz-placeholder, input[type="text"][data-v-1a2093bc]::-moz-placeholder, input[type="number"][data-v-1a2093bc]::-moz-placeholder, input[type="email"][data-v-1a2093bc]::-moz-placeholder {\n  color: rgba(27, 37, 57, 0.5);\n  font-size: 0.9375em;\n}\ntextarea[data-v-1a2093bc]:-ms-input-placeholder, input[type="password"][data-v-1a2093bc]:-ms-input-placeholder, input[type="text"][data-v-1a2093bc]:-ms-input-placeholder, input[type="number"][data-v-1a2093bc]:-ms-input-placeholder, input[type="email"][data-v-1a2093bc]:-ms-input-placeholder {\n  color: rgba(27, 37, 57, 0.5);\n  font-size: 0.9375em;\n}\ntextarea[data-v-1a2093bc]::-ms-input-placeholder, input[type="password"][data-v-1a2093bc]::-ms-input-placeholder, input[type="text"][data-v-1a2093bc]::-ms-input-placeholder, input[type="number"][data-v-1a2093bc]::-ms-input-placeholder, input[type="email"][data-v-1a2093bc]::-ms-input-placeholder {\n  color: rgba(27, 37, 57, 0.5);\n  font-size: 0.9375em;\n}\ntextarea[data-v-1a2093bc]::placeholder,\ninput[type="password"][data-v-1a2093bc]::placeholder,\ninput[type="text"][data-v-1a2093bc]::placeholder,\ninput[type="number"][data-v-1a2093bc]::placeholder,\ninput[type="email"][data-v-1a2093bc]::placeholder {\n  color: rgba(27, 37, 57, 0.5);\n  font-size: 0.9375em;\n}\ntextarea[data-v-1a2093bc]:focus,\ninput[type="password"][data-v-1a2093bc]:focus,\ninput[type="text"][data-v-1a2093bc]:focus,\ninput[type="number"][data-v-1a2093bc]:focus,\ninput[type="email"][data-v-1a2093bc]:focus {\n  border-color: #00BC7E;\n  box-shadow: 0 1px 5px rgba(0, 188, 126, 0.3);\n}\ntextarea[disabled][data-v-1a2093bc],\ninput[type="password"][disabled][data-v-1a2093bc],\ninput[type="text"][disabled][data-v-1a2093bc],\ninput[type="number"][disabled][data-v-1a2093bc],\ninput[type="email"][disabled][data-v-1a2093bc] {\n  background: white;\n  color: rgba(27, 37, 57, 0.8);\n  -webkit-text-fill-color: rgba(27, 37, 57, 0.8);\n  opacity: 1;\n  cursor: not-allowed;\n}\n.additional-link[data-v-1a2093bc] {\n  font-size: 1em;\n  margin-top: 50px;\n  display: block;\n  color: #1B2539;\n}\n.additional-link b[data-v-1a2093bc], .additional-link a[data-v-1a2093bc] {\n  color: #00BC7E;\n  cursor: pointer;\n}\n.additional-link b[data-v-1a2093bc]:hover, .additional-link a[data-v-1a2093bc]:hover {\n  text-decoration: underline;\n}\n@media only screen and (max-width: 1024px) {\n.form[data-v-1a2093bc] {\n    max-width: 100%;\n}\n}\n@media only screen and (max-width: 960px) {\n.form .button[data-v-1a2093bc] {\n    margin-top: 20px;\n    width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n}\n.form input[data-v-1a2093bc], .form textarea[data-v-1a2093bc] {\n    width: 100%;\n    min-width: 100%;\n}\n.form.block-form .block-wrapper[data-v-1a2093bc] {\n    display: block;\n}\n.form.block-form .block-wrapper label[data-v-1a2093bc] {\n    width: 100%;\n    padding-right: 0;\n    display: block;\n    margin-bottom: 7px;\n    text-align: left !important;\n    font-size: 0.875em;\n    padding-top: 0;\n}\n.form.block-form .button[data-v-1a2093bc] {\n    margin-top: 25px;\n    margin-left: 0;\n    margin-right: 0;\n}\n.form.inline-form[data-v-1a2093bc] {\n    display: block;\n}\n.form.inline-form .input-wrapper .error-message[data-v-1a2093bc] {\n    position: relative;\n    bottom: 0;\n}\n.form .button[data-v-1a2093bc] {\n    padding: 14px 32px;\n}\n.single-line-form[data-v-1a2093bc] {\n    display: block;\n}\n.single-line-form .submit-button[data-v-1a2093bc] {\n    margin-left: 0;\n    margin-top: 20px;\n    width: 100%;\n}\ntextarea[data-v-1a2093bc],\n  input[type="password"][data-v-1a2093bc],\n  input[type="number"][data-v-1a2093bc],\n  input[type="text"][data-v-1a2093bc],\n  input[type="email"][data-v-1a2093bc] {\n    padding: 14px 20px;\n}\n}\n@media only screen and (max-width: 690px) {\n.form.block-form .wrapper-inline[data-v-1a2093bc] {\n    display: block;\n}\n}\n@media (prefers-color-scheme: dark) {\n.form .input-help[data-v-1a2093bc] {\n    color: #7d858c;\n}\n.form.block-form .block-wrapper label[data-v-1a2093bc] {\n    color: #bec6cf;\n}\n.form .inline-wrapper .switch-label .input-label[data-v-1a2093bc] {\n    color: #bec6cf;\n}\ntextarea[data-v-1a2093bc],\n  input[type="password"][data-v-1a2093bc],\n  input[type="text"][data-v-1a2093bc],\n  input[type="number"][data-v-1a2093bc],\n  input[type="email"][data-v-1a2093bc] {\n    border-color: #1e2024;\n    background: #1e2024;\n    color: #bec6cf;\n}\ntextarea[data-v-1a2093bc]::-webkit-input-placeholder, input[type="password"][data-v-1a2093bc]::-webkit-input-placeholder, input[type="text"][data-v-1a2093bc]::-webkit-input-placeholder, input[type="number"][data-v-1a2093bc]::-webkit-input-placeholder, input[type="email"][data-v-1a2093bc]::-webkit-input-placeholder {\n    color: #7d858c;\n}\ntextarea[data-v-1a2093bc]::-moz-placeholder, input[type="password"][data-v-1a2093bc]::-moz-placeholder, input[type="text"][data-v-1a2093bc]::-moz-placeholder, input[type="number"][data-v-1a2093bc]::-moz-placeholder, input[type="email"][data-v-1a2093bc]::-moz-placeholder {\n    color: #7d858c;\n}\ntextarea[data-v-1a2093bc]:-ms-input-placeholder, input[type="password"][data-v-1a2093bc]:-ms-input-placeholder, input[type="text"][data-v-1a2093bc]:-ms-input-placeholder, input[type="number"][data-v-1a2093bc]:-ms-input-placeholder, input[type="email"][data-v-1a2093bc]:-ms-input-placeholder {\n    color: #7d858c;\n}\ntextarea[data-v-1a2093bc]::-ms-input-placeholder, input[type="password"][data-v-1a2093bc]::-ms-input-placeholder, input[type="text"][data-v-1a2093bc]::-ms-input-placeholder, input[type="number"][data-v-1a2093bc]::-ms-input-placeholder, input[type="email"][data-v-1a2093bc]::-ms-input-placeholder {\n    color: #7d858c;\n}\ntextarea[data-v-1a2093bc]::placeholder,\n  input[type="password"][data-v-1a2093bc]::placeholder,\n  input[type="text"][data-v-1a2093bc]::placeholder,\n  input[type="number"][data-v-1a2093bc]::placeholder,\n  input[type="email"][data-v-1a2093bc]::placeholder {\n    color: #7d858c;\n}\ntextarea[disabled][data-v-1a2093bc],\n  input[type="password"][disabled][data-v-1a2093bc],\n  input[type="text"][disabled][data-v-1a2093bc],\n  input[type="number"][disabled][data-v-1a2093bc],\n  input[type="email"][disabled][data-v-1a2093bc] {\n    background: #1e2024;\n    color: rgba(125, 133, 140, 0.8);\n    -webkit-text-fill-color: rgba(125, 133, 140, 0.8);\n}\n}\n.is-deleting[data-v-1a2093bc] {\n  opacity: 0.35;\n}\n.credit-card[data-v-1a2093bc] {\n  display: flex;\n  align-items: center;\n}\n.credit-card .credit-card-numbers[data-v-1a2093bc] {\n  margin-right: 10px;\n}\n.credit-card .credit-card-icon[data-v-1a2093bc] {\n  max-height: 20px;\n  margin-right: 8px;\n}\n.page-actions[data-v-1a2093bc] {\n  margin-top: 45px;\n  margin-bottom: 10px;\n}\n',""])},53:function(a,t,n){var e=n(228);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},54:function(a,t,n){var e=n(230);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},55:function(a,t,n){var e=n(232);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},56:function(a,t,n){var e=n(234);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},594:function(a,t,n){"use strict";n.r(t);var e=n(32),i=n(27),o=n(16),r=n(1),l=n(13),s=n(15),d=n(30),c=n(12),p=n(7),b=n(3),u=n(4),f=n.n(u);function v(a,t){var n=Object.keys(a);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(a);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(a,t).enumerable}))),n.push.apply(n,e)}return n}function m(a,t,n){return t in a?Object.defineProperty(a,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):a[t]=n,a}var g={name:"UserPaymentMethods",components:{MobileActionButton:e.a,DatatableWrapper:i.a,CreditCardIcon:r.j,PageTabGroup:o.a,Trash2Icon:r.P,ColorLabel:d.a,FormLabel:l.a,InfoBox:c.a,PageTab:s.a},computed:function(a){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){m(a,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(a,t,Object.getOwnPropertyDescriptor(n,t))}))}return a}({},Object(p.b)(["user"])),data:function(){return{defaultPaymentCard:void 0,PaymentMethods:void 0,deletingID:void 0,columns:[{label:this.$t("rows.card.number"),field:"data.attributes.total",sortable:!1},{label:this.$t("rows.card.expiration"),field:"data.attributes.total",sortable:!1},{label:this.$t("admin_page_user.table.action"),field:"data.action",sortable:!1}],isLoading:!0}},methods:{getCardStatusColor:function(a){switch(a){case"active":return"green";case"card_declined":return"yellow";case"expired":return"red"}},setDefaultCard:function(a){b.a.$emit("confirm:open",{title:this.$t("popup_set_card.title"),message:this.$t("popup_set_card.message"),buttonColor:"theme-solid",action:{id:a.card_id,operation:"set-as-default-credit-card"}})},deleteCard:function(a){b.a.$emit("confirm:open",{title:this.$t("popup_delete_card.title"),message:this.$t("popup_delete_card.message"),action:{id:a.card_id,operation:"delete-credit-card"}})},fetchPaymentMethods:function(){var a=this;f.a.get("/api/user/payments").then((function(t){204==t.status&&(a.PaymentMethods={}),200==t.status&&(a.defaultPaymentCard=t.data.default,a.PaymentMethods=t.data.others.data,a.PaymentMethods.push(t.data.default))})).finally((function(){a.isLoading=!1}))}},created:function(){var a=this;this.fetchPaymentMethods(),b.a.$on("action:confirmed",(function(t){"delete-credit-card"===t.operation&&(a.deletingID=t.id,f.a.post("/api/user/payment-cards/"+t.id,{_method:"delete"}).then((function(){a.fetchPaymentMethods(),b.a.$emit("toaster",{type:"success",message:a.$t("toaster.card_deleted")})})).catch((function(){b.a.$emit("alert:open",{title:a.$t("popup_error.title"),message:a.$t("popup_error.message")})}))),"set-as-default-credit-card"===t.operation&&f.a.post("/api/user/payment-cards/"+t.id,{default:1,_method:"patch"}).then((function(){a.fetchPaymentMethods(),b.a.$emit("toaster",{type:"success",message:a.$t("toaster.card_set")})})).catch((function(){b.a.$emit("alert:open",{title:a.$t("popup_error.title"),message:a.$t("popup_error.message")})}))}))},destroyed:function(){b.a.$off("action:confirmed")}},h=(n(411),n(0)),x=Object(h.a)(g,(function(){var a=this,t=a.$createElement,n=a._self._c||t;return n("PageTab",{attrs:{"is-loading":a.isLoading}},[n("PageTabGroup",[n("FormLabel",[a._v(a._s(a.$t("user_payments.title")))]),a._v(" "),a.PaymentMethods&&a.PaymentMethods.length>0?n("div",{staticClass:"page-actions"},[n("router-link",{attrs:{to:{name:"CreatePaymentMethod"}}},[n("MobileActionButton",{attrs:{icon:"credit-card"}},[a._v("\n                    "+a._s(a.$t("user_payments.add_card"))+"\n                ")])],1)],1):a._e(),a._v(" "),a.PaymentMethods?n("DatatableWrapper",{staticClass:"table",attrs:{"table-data":{data:a.PaymentMethods},paginator:!1,columns:a.columns},scopedSlots:a._u([{key:"default",fn:function(t){var e=t.row;return[n("tr",{class:{"is-deleting":e.data.attributes.card_id===a.deletingID}},[n("td",{staticStyle:{width:"300px"}},[n("span",{staticClass:"cell-item"},[n("div",{staticClass:"credit-card"},[n("img",{staticClass:"credit-card-icon",attrs:{src:a.$getCreditCardBrand(e.data.attributes.brand),alt:e.data.attributes.brand}}),a._v(" "),n("div",{staticClass:"credit-card-numbers"},[a._v("\n                                    •••• "+a._s(e.data.attributes.last4)+"\n                                ")]),a._v(" "),e.data.id===a.defaultPaymentCard.data.id?n("ColorLabel",{attrs:{color:"purple"}},[a._v(a._s(a.$t("global.default")))]):a._e()],1)])]),a._v(" "),n("td",[n("span",{staticClass:"cell-item"},[a._v("\n                            "+a._s(e.data.attributes.exp_month)+" / "+a._s(e.data.attributes.exp_year)+"\n                        ")])]),a._v(" "),n("td",[n("div",{staticClass:"action-icons"},[n("label",{staticClass:"icon-wrapper",attrs:{title:a.$t("user_payments.set_as_default")}},[e.data.id!==a.defaultPaymentCard.data.id?n("credit-card-icon",{staticClass:"icon icon-card",attrs:{size:"15"},on:{click:function(t){return a.setDefaultCard(e.data.attributes)}}}):a._e()],1),a._v(" "),n("label",{staticClass:"icon-wrapper",attrs:{title:a.$t("user_payments.delete_card")}},[n("trash2-icon",{staticClass:"icon icon-trash",attrs:{size:"15"},on:{click:function(t){return a.deleteCard(e.data.attributes)}}})],1)])])])]}},{key:"empty-page",fn:function(){return[n("InfoBox",[n("p",[a._v(a._s(a.$t("user_payments.empty"))+" "),a.user.data.attributes.stripe_customer?n("router-link",{attrs:{to:{name:"CreatePaymentMethod"}}},[a._v("Add new payment method.")]):a._e()],1)])]},proxy:!0}],null,!1,3319748604)}):a._e()],1)],1)}),[],!1,null,"1a2093bc",null);t.default=x.exports},63:function(a,t,n){var e=n(248);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},64:function(a,t,n){var e=n(250);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},67:function(a,t,n){var e=n(256);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)},68:function(a,t,n){var e=n(258);"string"==typeof e&&(e=[[a.i,e,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(6)(e,i);e.locals&&(a.exports=e.locals)}}]);
\ No newline at end of file
diff --git a/resources/js/views/User/PaymentMethods.vue b/resources/js/views/User/PaymentMethods.vue
index d118c37a..9b107436 100644
--- a/resources/js/views/User/PaymentMethods.vue
+++ b/resources/js/views/User/PaymentMethods.vue
@@ -15,7 +15,7 @@
             </div>
 
             <!--Payment methods table-->
-            <DatatableWrapper :table-data="{data: PaymentMethods}" :paginator="false" :columns="columns" class="table">
+            <DatatableWrapper v-if="PaymentMethods" :table-data="{data: PaymentMethods}" :paginator="false" :columns="columns" class="table">
 
                 <!--Table data content-->
                 <template slot-scope="{ row }">