UI fixes

public/chunks/app-settings.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{"9ZF6":function(t,e,a){"use strict";var r={name:"CardNavigation",props:["pages"],computed:{routeName:function(){return this.$route.name}}},s=a("KHd+"),n=Object(s.a)(r,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"whitespace-nowrap overflow-x-auto"},t._l(t.pages,(function(e,r){return a("router-link",{key:r,staticClass:"inline-block text-sm font-bold px-4 py-5 border-b-2 border-transparent border-bottom-theme",class:{"text-theme":t.routeName===e.route,"dark:text-gray-400 text-gray-600":t.routeName!==e.route},attrs:{to:{name:e.route},replace:""}},[t._v("\n\t\t"+t._s(e.title)+"\n\t")])})),1)}),[],!1,null,null,null);e.a=n.exports},OLOt:function(t,e,a){"use strict";a.r(e);var r={name:"AppSettings",components:{CardNavigation:a("9ZF6").a},data:function(){return{pages:[{title:this.$t("admin_settings.tabs.others"),route:"AppOthers"},{title:this.$t("admin_settings.tabs.appearance"),route:"AppAppearance"},{title:this.$t("Homepage"),route:"AppIndex"},{title:this.$t("admin_settings.tabs.email"),route:"AppEmail"}]}},mounted:function(){this.$router.push({name:"AppOthers"})}},s=a("KHd+"),n=Object(s.a)(r,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",[e("div",{staticClass:"card shadow-card py-0 sticky top-0 z-10"},[e("CardNavigation",{staticClass:"-mx-1",attrs:{pages:this.pages}})],1),this._v(" "),e("router-view")],1)}),[],!1,null,null,null);e.default=n.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[18],{"9ZF6":function(t,e,a){"use strict";var s={name:"CardNavigation",props:["pages"],computed:{routeName:function(){return this.$route.name}}},n=a("KHd+"),r=Object(n.a)(s,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"whitespace-nowrap overflow-x-auto"},t._l(t.pages,(function(e,s){return a("router-link",{key:s,staticClass:"inline-block text-sm font-bold px-4 py-5 border-b-2 border-transparent border-bottom-theme",class:{"text-theme":t.routeName===e.route,"dark:text-gray-400 text-gray-600":t.routeName!==e.route},attrs:{to:{name:e.route},replace:""}},[t._v("\n\t\t"+t._s(e.title)+"\n\t")])})),1)}),[],!1,null,null,null);e.a=r.exports},OLOt:function(t,e,a){"use strict";a.r(e);var s={name:"AppSettings",components:{CardNavigation:a("9ZF6").a},data:function(){return{pages:[{title:this.$t("admin_settings.tabs.others"),route:"AppOthers"},{title:this.$t("admin_settings.tabs.appearance"),route:"AppAppearance"},{title:this.$t("Homepage"),route:"AppIndex"},{title:this.$t("admin_settings.tabs.email"),route:"AppEmail"}]}},mounted:function(){this.$router.push({name:"AppOthers"})}},n=a("KHd+"),r=Object(n.a)(s,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",[e("div",{staticClass:"card shadow-card sticky top-0 z-10",staticStyle:{"padding-bottom":"0","padding-top":"0"}},[e("CardNavigation",{staticClass:"-mx-1",attrs:{pages:this.pages}})],1),this._v(" "),e("router-view")],1)}),[],!1,null,null,null);e.default=r.exports}}]);

public/chunks/payments.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{"9ZF6":function(t,e,a){"use strict";var n={name:"CardNavigation",props:["pages"],computed:{routeName:function(){return this.$route.name}}},s=a("KHd+"),r=Object(s.a)(n,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"whitespace-nowrap overflow-x-auto"},t._l(t.pages,(function(e,n){return a("router-link",{key:n,staticClass:"inline-block text-sm font-bold px-4 py-5 border-b-2 border-transparent border-bottom-theme",class:{"text-theme":t.routeName===e.route,"dark:text-gray-400 text-gray-600":t.routeName!==e.route},attrs:{to:{name:e.route},replace:""}},[t._v("\n\t\t"+t._s(e.title)+"\n\t")])})),1)}),[],!1,null,null,null);e.a=r.exports},znQZ:function(t,e,a){"use strict";a.r(e);var n={name:"PaymentSettings",components:{CardNavigation:a("9ZF6").a},data:function(){return{pages:[{title:this.$t("admin_settings.tabs.payments"),route:"AppPayments"},{title:this.$t("admin_settings.tabs.billings"),route:"AppBillings"}]}},mounted:function(){this.$router.replace({name:"AppPayments"})}},s=a("KHd+"),r=Object(s.a)(n,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",[e("div",{staticClass:"card shadow-card py-0 sticky top-0 z-10"},[e("CardNavigation",{staticClass:"-mx-1",attrs:{pages:this.pages}})],1),this._v(" "),e("router-view")],1)}),[],!1,null,null,null);e.default=r.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{"9ZF6":function(t,e,a){"use strict";var n={name:"CardNavigation",props:["pages"],computed:{routeName:function(){return this.$route.name}}},s=a("KHd+"),r=Object(s.a)(n,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"whitespace-nowrap overflow-x-auto"},t._l(t.pages,(function(e,n){return a("router-link",{key:n,staticClass:"inline-block text-sm font-bold px-4 py-5 border-b-2 border-transparent border-bottom-theme",class:{"text-theme":t.routeName===e.route,"dark:text-gray-400 text-gray-600":t.routeName!==e.route},attrs:{to:{name:e.route},replace:""}},[t._v("\n\t\t"+t._s(e.title)+"\n\t")])})),1)}),[],!1,null,null,null);e.a=r.exports},znQZ:function(t,e,a){"use strict";a.r(e);var n={name:"PaymentSettings",components:{CardNavigation:a("9ZF6").a},data:function(){return{pages:[{title:this.$t("admin_settings.tabs.payments"),route:"AppPayments"},{title:this.$t("admin_settings.tabs.billings"),route:"AppBillings"}]}},mounted:function(){this.$router.replace({name:"AppPayments"})}},s=a("KHd+"),r=Object(s.a)(n,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",[e("div",{staticClass:"card shadow-card sticky top-0 z-10",staticStyle:{"padding-bottom":"0","padding-top":"0"}},[e("CardNavigation",{staticClass:"-mx-1",attrs:{pages:this.pages}})],1),this._v(" "),e("router-view")],1)}),[],!1,null,null,null);e.default=r.exports}}]);

public/chunks/plan.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[42],{"4vIq":function(t,e,a){"use strict";a.r(e);var n=a("9ZF6"),s=a("zTYo"),i=a("vDqi"),r=a.n(i),o={name:"FixedPlan",components:{CardNavigation:n.a,Spinner:s.a},data:function(){return{isLoading:!0,plan:void 0,pages:[{title:this.$t("admin_page_plans.tabs.settings"),route:"PlanFixedSettings"},{title:this.$t("admin_page_plans.tabs.subscribers"),route:"PlanFixedSubscribers"},{title:this.$t("admin_page_plans.tabs.delete"),route:"PlanFixedDelete"}]}},created:function(){var t=this;r.a.get("/api/subscriptions/admin/plans/"+this.$route.params.id).then((function(e){t.plan=e.data.data})).finally((function(){t.isLoading=!1}))}},l=a("KHd+"),c=Object(l.a)(o,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[t.plan?a("div",{staticClass:"card shadow-card pb-0 sticky top-0 z-10"},[a("div",{staticClass:"mb-2"},[a("h1",{staticClass:"font-bold text-xl"},[t._v("\n\t\t\t\t\t"+t._s(t.plan.attributes.name)+"\n\t\t\t\t")]),t._v(" "),a("small",{staticClass:"text-sm font-bold text-gray-500"},[t._v("\n\t\t\t\t\t"+t._s(t.plan.attributes.price)+" / "+t._s(t.$t("interval."+t.plan.attributes.interval))+"\n\t\t\t\t")])]),t._v(" "),a("CardNavigation",{staticClass:"-mx-1.5",attrs:{pages:t.pages}})],1):t._e(),t._v(" "),t.isLoading?t._e():a("router-view",{attrs:{plan:t.plan}}),t._v(" "),t.isLoading?a("div",{attrs:{id:"loader"}},[a("Spinner")],1):t._e()],1)}),[],!1,null,null,null);e.default=c.exports},"9ZF6":function(t,e,a){"use strict";var n={name:"CardNavigation",props:["pages"],computed:{routeName:function(){return this.$route.name}}},s=a("KHd+"),i=Object(s.a)(n,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"whitespace-nowrap overflow-x-auto"},t._l(t.pages,(function(e,n){return a("router-link",{key:n,staticClass:"inline-block text-sm font-bold px-4 py-5 border-b-2 border-transparent border-bottom-theme",class:{"text-theme":t.routeName===e.route,"dark:text-gray-400 text-gray-600":t.routeName!==e.route},attrs:{to:{name:e.route},replace:""}},[t._v("\n\t\t"+t._s(e.title)+"\n\t")])})),1)}),[],!1,null,null,null);e.a=i.exports},y8QD:function(t,e,a){"use strict";a.r(e);var n=a("9ZF6"),s=a("zTYo"),i=a("vDqi"),r=a.n(i),o=a("L2JU");function l(t,e){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.push.apply(a,n)}return a}function c(t){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{};e%2?l(Object(a),!0).forEach((function(e){p(t,e,a[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):l(Object(a)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(a,e))}))}return t}function p(t,e,a){return e in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}var u={name:"MeteredPlan",components:{CardNavigation:n.a,Spinner:s.a},computed:c(c({},Object(o.b)(["config"])),{},{pages:function(){var t=[{title:this.$t("admin_page_plans.tabs.settings"),route:"PlanMeteredSettings"},{title:this.$t("admin_page_plans.tabs.subscribers"),route:"PlanMeteredSubscribers"}];return this.plan&&"active"===this.plan.attributes.status&&t.push({title:this.$t("admin_page_plans.tabs.delete"),route:"PlanMeteredDelete"}),t}}),data:function(){return{isLoading:!0,plan:void 0}},created:function(){var t=this;r.a.get("/api/subscriptions/admin/plans/"+this.$route.params.id).then((function(e){t.plan=e.data.data})).finally((function(){t.isLoading=!1}))}},d=a("KHd+"),b=Object(d.a)(u,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[t.plan?a("div",{staticClass:"card shadow-card pb-0 sticky top-0 z-10"},[a("div",{staticClass:"mb-2"},[a("h1",{staticClass:"font-bold text-xl"},[t._v("\n\t\t\t\t\t"+t._s(t.plan.attributes.name)+"\n\t\t\t\t")]),t._v(" "),a("small",{staticClass:"text-sm font-bold text-gray-500"},[t._v("\n\t\t\t\t\t"+t._s(t.$t("30 Days intervals"))+"\n\t\t\t\t")])]),t._v(" "),a("CardNavigation",{staticClass:"-mx-1.5",attrs:{pages:t.pages}})],1):t._e(),t._v(" "),t.isLoading?t._e():a("router-view",{attrs:{plan:t.plan}}),t._v(" "),t.isLoading?a("div",{attrs:{id:"loader"}},[a("Spinner")],1):t._e()],1)}),[],!1,null,null,null);e.default=b.exports}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[42],{"4vIq":function(t,e,a){"use strict";a.r(e);var n=a("9ZF6"),i=a("zTYo"),s=a("vDqi"),r=a.n(s),o={name:"FixedPlan",components:{CardNavigation:n.a,Spinner:i.a},data:function(){return{isLoading:!0,plan:void 0,pages:[{title:this.$t("admin_page_plans.tabs.settings"),route:"PlanFixedSettings"},{title:this.$t("admin_page_plans.tabs.subscribers"),route:"PlanFixedSubscribers"},{title:this.$t("admin_page_plans.tabs.delete"),route:"PlanFixedDelete"}]}},created:function(){var t=this;r.a.get("/api/subscriptions/admin/plans/"+this.$route.params.id).then((function(e){t.plan=e.data.data})).finally((function(){t.isLoading=!1}))}},l=a("KHd+"),c=Object(l.a)(o,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[t.plan?a("div",{staticClass:"card shadow-card sticky top-0 z-10",staticStyle:{"padding-bottom":"0"}},[a("div",{staticClass:"mb-2"},[a("h1",{staticClass:"font-bold text-xl"},[t._v("\n\t\t\t\t\t"+t._s(t.plan.attributes.name)+"\n\t\t\t\t")]),t._v(" "),a("small",{staticClass:"text-sm font-bold text-gray-500"},[t._v("\n\t\t\t\t\t"+t._s(t.plan.attributes.price)+" / "+t._s(t.$t("interval."+t.plan.attributes.interval))+"\n\t\t\t\t")])]),t._v(" "),a("CardNavigation",{staticClass:"-mx-1.5",attrs:{pages:t.pages}})],1):t._e(),t._v(" "),t.isLoading?t._e():a("router-view",{attrs:{plan:t.plan}}),t._v(" "),t.isLoading?a("div",{attrs:{id:"loader"}},[a("Spinner")],1):t._e()],1)}),[],!1,null,null,null);e.default=c.exports},"9ZF6":function(t,e,a){"use strict";var n={name:"CardNavigation",props:["pages"],computed:{routeName:function(){return this.$route.name}}},i=a("KHd+"),s=Object(i.a)(n,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"whitespace-nowrap overflow-x-auto"},t._l(t.pages,(function(e,n){return a("router-link",{key:n,staticClass:"inline-block text-sm font-bold px-4 py-5 border-b-2 border-transparent border-bottom-theme",class:{"text-theme":t.routeName===e.route,"dark:text-gray-400 text-gray-600":t.routeName!==e.route},attrs:{to:{name:e.route},replace:""}},[t._v("\n\t\t"+t._s(e.title)+"\n\t")])})),1)}),[],!1,null,null,null);e.a=s.exports},y8QD:function(t,e,a){"use strict";a.r(e);var n=a("9ZF6"),i=a("zTYo"),s=a("vDqi"),r=a.n(s),o=a("L2JU");function l(t,e){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.push.apply(a,n)}return a}function c(t){for(var e=1;e<arguments.length;e++){var a=null!=arguments[e]?arguments[e]:{};e%2?l(Object(a),!0).forEach((function(e){p(t,e,a[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):l(Object(a)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(a,e))}))}return t}function p(t,e,a){return e in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}var u={name:"MeteredPlan",components:{CardNavigation:n.a,Spinner:i.a},computed:c(c({},Object(o.b)(["config"])),{},{pages:function(){var t=[{title:this.$t("admin_page_plans.tabs.settings"),route:"PlanMeteredSettings"},{title:this.$t("admin_page_plans.tabs.subscribers"),route:"PlanMeteredSubscribers"}];return this.plan&&"active"===this.plan.attributes.status&&t.push({title:this.$t("admin_page_plans.tabs.delete"),route:"PlanMeteredDelete"}),t}}),data:function(){return{isLoading:!0,plan:void 0}},created:function(){var t=this;r.a.get("/api/subscriptions/admin/plans/"+this.$route.params.id).then((function(e){t.plan=e.data.data})).finally((function(){t.isLoading=!1}))}},d=a("KHd+"),b=Object(d.a)(u,(function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[t.plan?a("div",{staticClass:"card shadow-card sticky top-0 z-10",staticStyle:{"padding-bottom":"0"}},[a("div",{staticClass:"mb-2"},[a("h1",{staticClass:"font-bold text-xl"},[t._v("\n\t\t\t\t\t"+t._s(t.plan.attributes.name)+"\n\t\t\t\t")]),t._v(" "),a("small",{staticClass:"text-sm font-bold text-gray-500"},[t._v("\n\t\t\t\t\t"+t._s(t.$t("30 Days intervals"))+"\n\t\t\t\t")])]),t._v(" "),a("CardNavigation",{staticClass:"-mx-1.5",attrs:{pages:t.pages}})],1):t._e(),t._v(" "),t.isLoading?t._e():a("router-view",{attrs:{plan:t.plan}}),t._v(" "),t.isLoading?a("div",{attrs:{id:"loader"}},[a("Spinner")],1):t._e()],1)}),[],!1,null,null,null);e.default=b.exports}}]);

public/mix-manifest.json

@@ -25,10 +25,10 @@
     "/chunks/app-language~chunks/invoices~chunks/page-edit~chunks/pages~chunks/plan-create/fixed~chunks/pl~5bde2d56.js": "/chunks/app-language~chunks/invoices~chunks/page-edit~chunks/pages~chunks/plan-create/fixed~chunks/pl~5bde2d56.js?id=6ec0bf9b17cff3594760",
     "/chunks/app-others.js": "/chunks/app-others.js?id=ed899e0c8ae8aa1c7741",
     "/chunks/app-others~chunks/payments/settings.js": "/chunks/app-others~chunks/payments/settings.js?id=699b3df59133d2f56399",
-    "/chunks/app-settings.js": "/chunks/app-settings.js?id=ebd7d0e703b9adc47eae",
+    "/chunks/app-settings.js": "/chunks/app-settings.js?id=62ce73b2d66590912cbc",
     "/chunks/app-setup.js": "/chunks/app-setup.js?id=c3a013b11ae7bde6f39d",
     "/chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/database~chunks/email-veri~2c1222b7.js": "/chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/database~chunks/email-veri~2c1222b7.js?id=5963f5d9fb4e759c600a",
-    "/chunks/billing.js": "/chunks/billing.js?id=b09b7920784f89ffae52",
+    "/chunks/billing.js": "/chunks/billing.js?id=feab630b7b5799320964",
     "/chunks/billings-detail.js": "/chunks/billings-detail.js?id=0ffe43f76a33278ce1b8",
     "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.js": "/chunks/billing~chunks/dashboard~chunks/invoices~chunks/pages~chunks/payments/settings~chunks/plan-su~cdf8788b.js?id=d56f3c7df8d8dd9caaaf",
     "/chunks/billing~chunks/settings-storage~chunks/user-storage~chunks/user-subscription.js": "/chunks/billing~chunks/settings-storage~chunks/user-storage~chunks/user-subscription.js?id=669bd6d15cfa4c6e75df",
@@ -55,11 +55,11 @@
     "/chunks/not-found.js": "/chunks/not-found.js?id=9b179edd89e9b0544566",
     "/chunks/page-edit.js": "/chunks/page-edit.js?id=153e56a1e7b98c976a15",
     "/chunks/pages.js": "/chunks/pages.js?id=fc4b17b939582125c0c3",
-    "/chunks/payments.js": "/chunks/payments.js?id=346c518edc0a3def08ba",
+    "/chunks/payments.js": "/chunks/payments.js?id=56a633689fc98ab71b92",
     "/chunks/payments/billings.js": "/chunks/payments/billings.js?id=5d27194aaaeb808207a9",
-    "/chunks/payments/settings.js": "/chunks/payments/settings.js?id=fb1a6b7bab043baa17e8",
-    "/chunks/plan.js": "/chunks/plan.js?id=2887b10b3fd458412fe7",
-    "/chunks/plan-create/fixed.js": "/chunks/plan-create/fixed.js?id=e48027f07e88a84eb7a1",
+    "/chunks/payments/settings.js": "/chunks/payments/settings.js?id=f8614cf0ade51919247a",
+    "/chunks/plan.js": "/chunks/plan.js?id=fc9e9e0b9bac63514475",
+    "/chunks/plan-create/fixed.js": "/chunks/plan-create/fixed.js?id=3dadf025d2634171bfe3",
     "/chunks/plan-create/metered.js": "/chunks/plan-create/metered.js?id=f6b52099dd641e8dd64b",
     "/chunks/plan-delete.js": "/chunks/plan-delete.js?id=c713fecd58059a5467a0",
     "/chunks/plan-settings.js": "/chunks/plan-settings.js?id=8764a4e1479f76665c09",
@@ -72,13 +72,13 @@
     "/chunks/profile~chunks/settings-password.js": "/chunks/profile~chunks/settings-password.js?id=7474887245d57e6c8d96",
     "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=2da6b9e5f951fb7f4312",
     "/chunks/recent-uploads.js": "/chunks/recent-uploads.js?id=8577d4c771602671b38a",
-    "/chunks/settings.js": "/chunks/settings.js?id=2f69a8a26bd5ec20f9c8",
-    "/chunks/settings-password.js": "/chunks/settings-password.js?id=54ee44cd05ce22b6acf3",
+    "/chunks/settings.js": "/chunks/settings.js?id=b9cb4483d80b12efcdd2",
+    "/chunks/settings-password.js": "/chunks/settings-password.js?id=99a6e8d1766e79bb2a09",
     "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=9eefbf595758685d01b7",
     "/chunks/settings~chunks/settings-password.js": "/chunks/settings~chunks/settings-password.js?id=aafc9cd6aa47b01bc25a",
     "/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=651d5accf401908724c5",
     "/chunks/shared.js": "/chunks/shared.js?id=db60726012b6d246bd77",
-    "/chunks/shared-with-me.js": "/chunks/shared-with-me.js?id=cf39d503eef93bcc7f1c",
+    "/chunks/shared-with-me.js": "/chunks/shared-with-me.js?id=f8da9fc2e251efc885f5",
     "/chunks/shared-with-me~chunks/team-folders.js": "/chunks/shared-with-me~chunks/team-folders.js?id=abf65131397ea2b12355",
     "/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=4bac60e6cf1a4a5bd770",
     "/chunks/shared/files.js": "/chunks/shared/files.js?id=75150f652f04adac3f7a",
@@ -90,10 +90,10 @@
     "/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=6fa05c370b50ee5a7b5d",
     "/chunks/subscription-service.js": "/chunks/subscription-service.js?id=8ac19b3fcfd57d79e5b1",
     "/chunks/subscriptions.js": "/chunks/subscriptions.js?id=b44f135f876591688d94",
-    "/chunks/team-folders.js": "/chunks/team-folders.js?id=aa0351b975cf45efac3b",
+    "/chunks/team-folders.js": "/chunks/team-folders.js?id=db36b092a62ab2f8b7dd",
     "/chunks/temporary-unavailable.js": "/chunks/temporary-unavailable.js?id=2269ad0b9a010b240838",
     "/chunks/trash.js": "/chunks/trash.js?id=1f5f349fb9ec23ba2e93",
-    "/chunks/user.js": "/chunks/user.js?id=7025a168a3d28e8612c2",
+    "/chunks/user.js": "/chunks/user.js?id=d47acfdc8985d8823872",
     "/chunks/user-create.js": "/chunks/user-create.js?id=7afa7e2ff21c807d4b1d",
     "/chunks/user-delete.js": "/chunks/user-delete.js?id=1de26d97d08b3946abce",
     "/chunks/user-detail.js": "/chunks/user-detail.js?id=827a7748f817e852aaa4",
@@ -105,11 +105,5 @@
     "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-email~chunks/app-index~ch~d86004d6.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-email~chunks/app-index~ch~d86004d6.js?id=b40f5f673ec2ab7de20b",
     "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js": "/vendors~chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunk~40ccbae3.js?id=ab29ab0a0c2d5a40b39d",
     "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js": "/vendors~chunks/admin~chunks/platform~chunks/settings~chunks/shared.js?id=a0fa80db175709ba340a",
-    "/vendors~chunks/settings.js": "/vendors~chunks/settings.js?id=5bf155d80b2fb871ec84",
-    "/chunks/plan-create/fixed.5c8d36b9bdb858b95858.hot-update.js": "/chunks/plan-create/fixed.5c8d36b9bdb858b95858.hot-update.js",
-    "/chunks/plan-create/metered.2f808f3870b3d9e0b6d3.hot-update.js": "/chunks/plan-create/metered.2f808f3870b3d9e0b6d3.hot-update.js",
-    "/chunks/payments/settings.407ad218d442506201a9.hot-update.js": "/chunks/payments/settings.407ad218d442506201a9.hot-update.js",
-    "/chunks/payments/settings.811395c78e7605cb5b11.hot-update.js": "/chunks/payments/settings.811395c78e7605cb5b11.hot-update.js",
-    "/chunks/payments/settings.45b116f0c6d160b5150e.hot-update.js": "/chunks/payments/settings.45b116f0c6d160b5150e.hot-update.js",
-    "/chunks/payments/settings.987a5810ad14724e5acc.hot-update.js": "/chunks/payments/settings.987a5810ad14724e5acc.hot-update.js"
+    "/vendors~chunks/settings.js": "/vendors~chunks/settings.js?id=5bf155d80b2fb871ec84"
 }

resources/js/components/Subscription/PaymentCard.vue

@@ -51,6 +51,9 @@
 						})
 						.catch(() => this.$isSomethingWrong())
 			})
-		}
+		},
+		destroyed() {
+			events.$off('action:confirmed')
+		},
 	}
 </script>

resources/js/components/Subscription/SelectPlanSubscriptionPopup.vue

@@ -81,25 +81,25 @@
 
 		<!--Select Payment Plans-->
 		<div v-if="! isPaymentOptionPage">
-			<PopupContent>
+			<PopupContent v-if="plans">
 
 				<!--Toggle yearly billing-->
-				<div class="px-5 mb-2 text-right">
-					<label :class="{'text-gray-400': !isYearlyPlans}" class="font-bold cursor-pointer text-xs">
+				<div v-if="hasYearlyPlans.length > 0" class="px-5 mb-2 text-right">
+					<label :class="{'text-gray-400': !isSelectedYearlyPlans}" class="font-bold cursor-pointer text-xs">
 						{{ $t('Billed Annually') }}
 					</label>
 					<div class="relative inline-block w-12 align-middle select-none">
-						<SwitchInput class="transform scale-75" v-model="isYearlyPlans" :state="isYearlyPlans" />
+						<SwitchInput class="transform scale-75" v-model="isSelectedYearlyPlans" :state="isSelectedYearlyPlans" />
 					</div>
 				</div>
 
 				<!--List available plans-->
-				<div class="px-4" v-if="plans">
+				<div class="px-4">
 					<PlanDetail
-						v-for="(plan, i) in plans"
+						v-for="(plan, i) in plans.data"
 						:plan="plan"
 						:key="plan.data.id"
-						v-if="plan.data.attributes.interval === intervalPlanType && userActivePlanId !== plan.data.id"
+						v-if="plan.data.attributes.interval === intervalPlanType && userSubscribedPlanId !== plan.data.id"
 						:is-selected="selectedPlan && selectedPlan.data.id === plan.data.id"
 						@click.native="selectPlan(plan)"
 					/>
@@ -156,7 +156,7 @@
 			ButtonBase,
 		},
 		watch: {
-			isYearlyPlans() {
+			isSelectedYearlyPlans() {
 				this.selectedPlan = undefined
 			}
 		},
@@ -166,7 +166,7 @@
 				'user',
 			]),
 			intervalPlanType() {
-				return this.isYearlyPlans
+				return this.isSelectedYearlyPlans
 					? 'year'
 					: 'month'
 			},
@@ -175,9 +175,12 @@
 					? 'theme'
 					: 'secondary'
 			},
-			userActivePlanId() {
-				return this.user && this.user.data.relationships.subscription.data.relationships.plan.data.id
+			userSubscribedPlanId() {
+				return (this.user && this.user.data.relationships.subscription) && this.user.data.relationships.subscription.data.relationships.plan.data.id
 			},
+			hasYearlyPlans() {
+				return this.plans.data.filter(plan => plan.data.attributes.interval === 'year')
+			}
 		},
 		data() {
 			return {
@@ -188,7 +191,7 @@
 					isMethodsLoaded: false,
 				},
 				isPaymentOptionPage: false,
-				isYearlyPlans: false,
+				isSelectedYearlyPlans: false,
 				isLoading: false,
 				selectedPlan: undefined,
 				plans: undefined,
@@ -263,10 +266,19 @@
 			}
 		},
 		created() {
+			// Load available plans
 			axios.get('/api/subscriptions/plans')
 				.then(response => {
-					this.plans = response.data.data
+					this.plans = response.data
 				})
+
+			// Reset states on popup close
+			events.$on('popup:close', () => {
+				this.isSelectedYearlyPlans = false
+				this.isPaymentOptionPage = false
+				this.selectedPlan = undefined
+				this.paypal.isMethodsLoaded = false
+			})
 		}
 	}
 </script>

resources/js/components/Subscription/UserBillingAlerts.vue

@@ -168,7 +168,6 @@ export default {
 	},
 	created() {
 		events.$on('action:confirmed', data => {
-
 			if (data.operation === 'delete-billing-alert')
 				axios.delete(`/api/subscriptions/billing-alerts/${this.user.data.relationships.alert.data.id}`)
 					.then(() => {
@@ -184,6 +183,9 @@ export default {
 					})
 					.catch(() => this.$isSomethingWrong())
 		})
-	}
+	},
+	destroyed() {
+		events.$off('action:confirmed')
+	},
 }
 </script>

resources/js/components/Subscription/UserEditSubscription.vue

@@ -4,15 +4,15 @@
 			{{ $t('Edit your Subscription') }}
 		</FormLabel>
 
-		<AppInputSwitch :title="$t('Cancel Subscription')" :description="$t('You can cancel your subscription now. You\'ll continue to have access to the features you\'ve paid for until the end of your billing cycle.')">
+		<AppInputSwitch v-if="subscription.attributes.status !== 'cancelled'" :title="$t('Cancel Subscription')" :description="$t('You can cancel your subscription now. You\'ll continue to have access to the features you\'ve paid for until the end of your billing cycle.')">
 			<ButtonBase @click.native="cancelSubscriptionConfirmation" :loading="isCancelling" class="sm:w-auto w-full" button-style="secondary">
 				{{ $t('Cancel Now') }}
 			</ButtonBase>
 		</AppInputSwitch>
 
-		<AppInputSwitch :title="$t('Change Plan')" :description="$t('You can upgrade your plan at any time you want.')" :is-last="true">
+		<AppInputSwitch :title="$t('Upgrade or Downgrade Plan')" :description="$t('You can upgrade your plan at any time you want.')" :is-last="true">
 			<ButtonBase @click.native="$openUpgradeOptions" class="sm:w-auto w-full" button-style="secondary">
-				{{ $t('Change Now') }}
+				{{ $t('Change Plan') }}
 			</ButtonBase>
 		</AppInputSwitch>
 	</div>
@@ -57,7 +57,6 @@
 			},
 		},
 		created() {
-
 			events.$on('action:confirmed', data => {
 				if (data.operation === 'cancel-subscription') {
 
@@ -89,8 +88,10 @@
 							this.isCancelling = false
 						})
 				}
-
 			})
-		}
+		},
+		destroyed() {
+			events.$off('action:confirmed')
+		},
 	}
 </script>

resources/js/components/Subscription/UserFixedSubscriptionDetail.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="card shadow-card">
+	<div v-if="hasSubscription" class="card shadow-card">
 		<FormLabel>
 			{{ $t('Subscription') }}
 		</FormLabel>
@@ -38,6 +38,9 @@
 			subscription() {
 				return this.$store.getters.user.data.relationships.subscription
 			},
+			hasSubscription() {
+				return this.$store.getters.user.data.relationships.subscription
+			},
 			limitations() {
 				let limitations = []
 

resources/js/components/Subscription/UserUpdatePaymentMethodsExternally.vue

@@ -1,5 +1,5 @@
 <template>
-	<div v-if="['paystack', 'paypal'].includes(subscription.attributes.driver)" class="card shadow-card">
+	<div v-if="hasSubscription && ['paystack', 'paypal'].includes(subscription.attributes.driver)" class="card shadow-card">
 		<FormLabel>
 			{{ $t('Update Payments') }}
 		</FormLabel>
@@ -29,7 +29,10 @@
 		computed: {
 			subscription() {
 				return this.$store.getters.user.data.relationships.subscription.data
-			}
+			},
+			hasSubscription() {
+				return this.$store.getters.user.data.relationships.subscription
+			},
 		},
 		data() {
 			return {

resources/js/views/Admin/AppSettings/AppSettings.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
 		<!--Page Tab links-->
-		<div class="card shadow-card py-0 sticky top-0 z-10">
+		<div class="card shadow-card sticky top-0 z-10" style="padding-bottom: 0; padding-top: 0;">
 			<CardNavigation :pages="pages" class="-mx-1" />
 		</div>
 

resources/js/views/Admin/PaymentSettings/PaymentSettings.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
 		<!--Page Tab links-->
-		<div class="card shadow-card py-0 sticky top-0 z-10">
+		<div class="card shadow-card sticky top-0 z-10" style="padding-bottom: 0; padding-top: 0;">
 			<CardNavigation :pages="pages" class="-mx-1" />
 		</div>
 

resources/js/views/Admin/PaymentSettings/PaymentSettingsTab/Payments.vue

@@ -441,6 +441,9 @@
 				if (data.operation === 'change-subscription-type')
 					this.$updateText('/admin/settings', 'subscription_type', data.type)
 			})
-		}
+		},
+		destroyed() {
+			events.$off('action:confirmed')
+		},
 	}
 </script>

resources/js/views/Admin/Plans/Create/CreateFixedPlan.vue

@@ -16,7 +16,7 @@
 			<!--Description-->
 			<ValidationProvider tag="div" mode="passive" name="Description" v-slot="{ errors }">
 				<AppInputText :title="$t('admin_page_plans.form.description')" :is-last="true">
-					<textarea v-model="plan.description" :placeholder="$t('admin_page_plans.form.description_plac')" :class="{'border-red': errors[0]}" class="focus-border-theme input-dark"></textarea>
+					<textarea v-model="plan.description" :placeholder="$t('admin_page_plans.form.description_plac')" :class="{'border-red': errors[0]}" class="focus-border-theme input-dark" maxlength="120"></textarea>
 				</AppInputText>
 			</ValidationProvider>
 		</div>

resources/js/views/Admin/Plans/FixedPlan.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-		<div v-if="plan" class="card shadow-card pb-0 sticky top-0 z-10">
+		<div v-if="plan" class="card shadow-card sticky top-0 z-10" style="padding-bottom: 0">
 
 			<div class="mb-2">
 				<h1 class="font-bold text-xl">

resources/js/views/Admin/Plans/MeteredPlan.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-		<div v-if="plan" class="card shadow-card pb-0 sticky top-0 z-10">
+		<div v-if="plan" class="card shadow-card sticky top-0 z-10" style="padding-bottom: 0;">
 
 			<div class="mb-2">
 				<h1 class="font-bold text-xl">

resources/js/views/Admin/Users/User.vue

@@ -2,7 +2,7 @@
     <div>
 		<div id="page-content" v-if="! isLoading">
 			<!--Page Tab links-->
-			<div class="card shadow-card pt-4 pb-0 sticky top-0 z-10">
+			<div class="card shadow-card pt-4 sticky top-0 z-10" style="padding-bottom: 0;">
 				<div class="user-thumbnail">
 					<div class="avatar">
 						<img :src="user.data.relationships.settings.data.attributes.avatar.sm" :alt="user.data.relationships.settings.data.attributes.name">

resources/js/views/FileView/SharedWithMe.vue

@@ -229,8 +229,8 @@
 						.catch(() => this.$isSomethingWrong())
 			})
 		},
-		beforeDestroy() {
+		destroyed() {
 			events.$off('action:confirmed')
-		}
+		},
 	}
 </script>

resources/js/views/FileView/TeamFolders.vue

@@ -256,8 +256,8 @@
 						.catch(() => this.$isSomethingWrong())
 			})
 		},
-		beforeDestroy() {
+		destroyed() {
 			events.$off('action:confirmed')
-		}
+		},
 	}
 </script>

resources/js/views/Profile.vue

@@ -22,7 +22,7 @@
         <div v-if="user" class="px-6 w-full overflow-x-hidden relative pt-6 xl:max-w-screen-lg md:max-w-screen-md mx-auto">
             <div v-if="! isLoading" id="page-content">
 
-				<div class="card shadow-card pb-0 sticky top-0 z-10">
+				<div class="card shadow-card sticky top-0 z-10" style="padding-bottom: 0">
 					<!--User thumbnail-->
                     <div class="mb-3">
                         <div class="user-thumbnail">

resources/js/views/User/Password.vue

@@ -222,7 +222,10 @@
 			})
 
 			events.$on('reload-personal-access-tokens', () => this.getPersonalAccessTokens())
-		}
+		},
+		destroyed() {
+			events.$off('action:confirmed')
+		},
 	}
 </script>