diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 80653350..d2d79c2b 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -8,7 +8,7 @@
     "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-email~chunks/app-index~chunks/app~f4e3acb1.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-email~chunks/app-index~chunks/app~f4e3acb1.js?id=08ee54ab4c19d49dc342",
     "/chunks/admin~chunks/app-language~chunks/files~chunks/invoices~chunks/my-shared-items~chunks/pages~ch~f0fcfeb5.js": "/chunks/admin~chunks/app-language~chunks/files~chunks/invoices~chunks/my-shared-items~chunks/pages~ch~f0fcfeb5.js?id=49d24ddd9000251f2f71",
     "/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.js": "/chunks/admin~chunks/files~chunks/invitation~chunks/my-shared-items~chunks/platform~chunks/recent-upl~dfa67595.js?id=0ae7b3d840e0e20fe358",
-    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js?id=7b94fd0c332ed326530d",
+    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.js?id=8adffcf3d9d7d917c232",
     "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~97130d1f.js?id=9535568da44844c1bf50",
     "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~1bec6fe4.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/shared~1bec6fe4.js?id=510e6c1b1017a73a40a6",
     "/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=354c892546e5c369a749",
@@ -35,7 +35,7 @@
     "/chunks/contact-us.js": "/chunks/contact-us.js?id=b3feaa361fc486e6a0b3",
     "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js": "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js?id=65ee559ca803555be568",
     "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=8451872075acf5b1b9ab",
-    "/chunks/dashboard.js": "/chunks/dashboard.js?id=f3df2b84140150d58f4d",
+    "/chunks/dashboard.js": "/chunks/dashboard.js?id=31c5a9eb6dd3154e7f90",
     "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.js": "/chunks/dashboard~chunks/invoices~chunks/plan-subscribers~chunks/users.js?id=7c627ccb1eb284aee632",
     "/chunks/database.js": "/chunks/database.js?id=d469910e2c3f230d05f0",
     "/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=6c86916c6c6f679fa86b",
@@ -49,12 +49,12 @@
     "/chunks/homepage.js": "/chunks/homepage.js?id=5c13035882099966e4bc",
     "/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=518f83e155f2d84fc626",
     "/chunks/invitation.js": "/chunks/invitation.js?id=b3a04d44ea7e75c6203a",
-    "/chunks/invoices.js": "/chunks/invoices.js?id=2032e4f8e4f5ed58b8b4",
+    "/chunks/invoices.js": "/chunks/invoices.js?id=53bccb8977d35aabec9c",
     "/chunks/invoices~chunks/pages~chunks/plans~chunks/subscriptions.js": "/chunks/invoices~chunks/pages~chunks/plans~chunks/subscriptions.js?id=266aebab10b95e7bcc74",
     "/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=ef0a2dbe808eaee42c1f",
     "/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/pages.js": "/chunks/pages.js?id=fc74b3c4250317f9955f",
     "/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=f8614cf0ade51919247a",
@@ -63,8 +63,8 @@
     "/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",
-    "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=d3c7ce482e801cf846ab",
-    "/chunks/plans.js": "/chunks/plans.js?id=e97cd80733d7e60189e6",
+    "/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=7eff560fea52770a642f",
+    "/chunks/plans.js": "/chunks/plans.js?id=bac538306363a77365a7",
     "/chunks/platform.js": "/chunks/platform.js?id=f87ec44cdb5b120f1258",
     "/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=79f939d6b1f26b9b833c",
     "/chunks/platform~chunks/shared~chunks/shared-with-me~chunks/team-folders.js": "/chunks/platform~chunks/shared~chunks/shared-with-me~chunks/team-folders.js?id=ca9ca67afd5839597647",
@@ -89,7 +89,7 @@
     "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=a237b94d6cdced4808fe",
     "/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/subscriptions.js": "/chunks/subscriptions.js?id=1904dfccaa1790d6751a",
     "/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",
@@ -100,10 +100,112 @@
     "/chunks/user-password.js": "/chunks/user-password.js?id=da0dced867709ba29629",
     "/chunks/user-storage.js": "/chunks/user-storage.js?id=efc9202b1c892a73b559",
     "/chunks/user-subscription.js": "/chunks/user-subscription.js?id=9e0d19218275cae61754",
-    "/chunks/users.js": "/chunks/users.js?id=d32a40d18460d974c5dd",
+    "/chunks/users.js": "/chunks/users.js?id=30dcb71f8bc48a2c8893",
     "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-email~chunks/app-index~ch~7523d900.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-email~chunks/app-index~ch~7523d900.js?id=02104d6d78a8ffe97c12",
     "/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"
+    "/vendors~chunks/settings.js": "/vendors~chunks/settings.js?id=5bf155d80b2fb871ec84",
+    "/chunks/invoices.f482beaf60e2e2502b74.hot-update.js": "/chunks/invoices.f482beaf60e2e2502b74.hot-update.js",
+    "/chunks/invoices.a447a64e26a443747821.hot-update.js": "/chunks/invoices.a447a64e26a443747821.hot-update.js",
+    "/chunks/invoices.63920e23740c2b36ea3f.hot-update.js": "/chunks/invoices.63920e23740c2b36ea3f.hot-update.js",
+    "/chunks/invoices.ebf408bd86c7eac7c7b5.hot-update.js": "/chunks/invoices.ebf408bd86c7eac7c7b5.hot-update.js",
+    "/chunks/invoices.081879d50b05bf0e80c9.hot-update.js": "/chunks/invoices.081879d50b05bf0e80c9.hot-update.js",
+    "/chunks/invoices.2285e897463ba6ef51e3.hot-update.js": "/chunks/invoices.2285e897463ba6ef51e3.hot-update.js",
+    "/chunks/invoices.3c586f4f0dff73662a64.hot-update.js": "/chunks/invoices.3c586f4f0dff73662a64.hot-update.js",
+    "/chunks/invoices.ca6c5f412a1b45f4dbd1.hot-update.js": "/chunks/invoices.ca6c5f412a1b45f4dbd1.hot-update.js",
+    "/chunks/invoices.3d1a2b0f202836867457.hot-update.js": "/chunks/invoices.3d1a2b0f202836867457.hot-update.js",
+    "/chunks/invoices.5cdbc03d84e22d478f2d.hot-update.js": "/chunks/invoices.5cdbc03d84e22d478f2d.hot-update.js",
+    "/chunks/invoices.d33660784d464c0f2c8f.hot-update.js": "/chunks/invoices.d33660784d464c0f2c8f.hot-update.js",
+    "/chunks/invoices.12c2d944b94822270965.hot-update.js": "/chunks/invoices.12c2d944b94822270965.hot-update.js",
+    "/chunks/invoices.5c8f7fc5d5b6a242243c.hot-update.js": "/chunks/invoices.5c8f7fc5d5b6a242243c.hot-update.js",
+    "/chunks/invoices.e520e54f555911a86580.hot-update.js": "/chunks/invoices.e520e54f555911a86580.hot-update.js",
+    "/chunks/invoices.5a791122b11f4ed76144.hot-update.js": "/chunks/invoices.5a791122b11f4ed76144.hot-update.js",
+    "/chunks/invoices.52583ec552a43138d783.hot-update.js": "/chunks/invoices.52583ec552a43138d783.hot-update.js",
+    "/chunks/invoices.33faf26ba2027de5b8d5.hot-update.js": "/chunks/invoices.33faf26ba2027de5b8d5.hot-update.js",
+    "/chunks/invoices.9c98bfa1775d8f4fc732.hot-update.js": "/chunks/invoices.9c98bfa1775d8f4fc732.hot-update.js",
+    "/chunks/invoices.edeb2768b7a7634fea1b.hot-update.js": "/chunks/invoices.edeb2768b7a7634fea1b.hot-update.js",
+    "/chunks/invoices.ca1fe2de8094d79c23b4.hot-update.js": "/chunks/invoices.ca1fe2de8094d79c23b4.hot-update.js",
+    "/chunks/invoices.82d71f72c072e3826ff0.hot-update.js": "/chunks/invoices.82d71f72c072e3826ff0.hot-update.js",
+    "/chunks/invoices.46090bb469ea79321b5c.hot-update.js": "/chunks/invoices.46090bb469ea79321b5c.hot-update.js",
+    "/chunks/invoices.c9ff54c79649652251f3.hot-update.js": "/chunks/invoices.c9ff54c79649652251f3.hot-update.js",
+    "/chunks/invoices.5ee19c3436345da9f7d8.hot-update.js": "/chunks/invoices.5ee19c3436345da9f7d8.hot-update.js",
+    "/chunks/invoices.462572eeda5273dd48c9.hot-update.js": "/chunks/invoices.462572eeda5273dd48c9.hot-update.js",
+    "/chunks/invoices.99a5f573e1391487970d.hot-update.js": "/chunks/invoices.99a5f573e1391487970d.hot-update.js",
+    "/chunks/invoices.c4a7ae0b5101007b81a7.hot-update.js": "/chunks/invoices.c4a7ae0b5101007b81a7.hot-update.js",
+    "/chunks/invoices.febc6378596865a0b730.hot-update.js": "/chunks/invoices.febc6378596865a0b730.hot-update.js",
+    "/chunks/invoices.21b529113bc463ca1be9.hot-update.js": "/chunks/invoices.21b529113bc463ca1be9.hot-update.js",
+    "/chunks/invoices.a898c9cb598aa2c5b2fd.hot-update.js": "/chunks/invoices.a898c9cb598aa2c5b2fd.hot-update.js",
+    "/chunks/invoices.a74cdbcb412d60b0d91f.hot-update.js": "/chunks/invoices.a74cdbcb412d60b0d91f.hot-update.js",
+    "/chunks/invoices.61477558a25e4c8316ce.hot-update.js": "/chunks/invoices.61477558a25e4c8316ce.hot-update.js",
+    "/chunks/invoices.22207fd1a122fb7739c1.hot-update.js": "/chunks/invoices.22207fd1a122fb7739c1.hot-update.js",
+    "/chunks/invoices.ce436a04d6c910909dd3.hot-update.js": "/chunks/invoices.ce436a04d6c910909dd3.hot-update.js",
+    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.ae62d88f7f4717c77c10.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.ae62d88f7f4717c77c10.hot-update.js",
+    "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.32b4c9f6605b14cb1121.hot-update.js": "/chunks/admin~chunks/files~chunks/my-shared-items~chunks/platform~chunks/recent-uploads~chunks/settin~673d1ac3.32b4c9f6605b14cb1121.hot-update.js",
+    "/chunks/invoices.4a4da1005abea4061923.hot-update.js": "/chunks/invoices.4a4da1005abea4061923.hot-update.js",
+    "/chunks/invoices.8032d998da66c3282488.hot-update.js": "/chunks/invoices.8032d998da66c3282488.hot-update.js",
+    "/chunks/invoices.b9f196d9836da4014248.hot-update.js": "/chunks/invoices.b9f196d9836da4014248.hot-update.js",
+    "/chunks/invoices.d3531b3ee727d6a23d8d.hot-update.js": "/chunks/invoices.d3531b3ee727d6a23d8d.hot-update.js",
+    "/chunks/invoices.52ce5ef8812ebde242e3.hot-update.js": "/chunks/invoices.52ce5ef8812ebde242e3.hot-update.js",
+    "/chunks/invoices.0b3bc938e5bb6acfaf43.hot-update.js": "/chunks/invoices.0b3bc938e5bb6acfaf43.hot-update.js",
+    "/chunks/invoices.09370b967f127d2eadf8.hot-update.js": "/chunks/invoices.09370b967f127d2eadf8.hot-update.js",
+    "/chunks/invoices.9e5413353563da181340.hot-update.js": "/chunks/invoices.9e5413353563da181340.hot-update.js",
+    "/chunks/invoices.1a79a2b3ad3069f2823f.hot-update.js": "/chunks/invoices.1a79a2b3ad3069f2823f.hot-update.js",
+    "/chunks/invoices.4df17c0c5d2269c86b62.hot-update.js": "/chunks/invoices.4df17c0c5d2269c86b62.hot-update.js",
+    "/chunks/invoices.9a1d20ab133ec3ed91bc.hot-update.js": "/chunks/invoices.9a1d20ab133ec3ed91bc.hot-update.js",
+    "/chunks/invoices.57d0621a94fd58e8b45f.hot-update.js": "/chunks/invoices.57d0621a94fd58e8b45f.hot-update.js",
+    "/chunks/invoices.d9e9271e94b82fdc7834.hot-update.js": "/chunks/invoices.d9e9271e94b82fdc7834.hot-update.js",
+    "/chunks/invoices.d3186e3d4f40d06ec80d.hot-update.js": "/chunks/invoices.d3186e3d4f40d06ec80d.hot-update.js",
+    "/chunks/invoices.fbefdbc57424d771f36f.hot-update.js": "/chunks/invoices.fbefdbc57424d771f36f.hot-update.js",
+    "/chunks/invoices.c7bb128ba59f16fa5ca6.hot-update.js": "/chunks/invoices.c7bb128ba59f16fa5ca6.hot-update.js",
+    "/chunks/invoices.09862e0c17b3504615c3.hot-update.js": "/chunks/invoices.09862e0c17b3504615c3.hot-update.js",
+    "/chunks/invoices.8832d06b35478125ac08.hot-update.js": "/chunks/invoices.8832d06b35478125ac08.hot-update.js",
+    "/chunks/invoices.1ae542b82a92a99b4521.hot-update.js": "/chunks/invoices.1ae542b82a92a99b4521.hot-update.js",
+    "/chunks/invoices.d65a82013d67dd0dcf96.hot-update.js": "/chunks/invoices.d65a82013d67dd0dcf96.hot-update.js",
+    "/chunks/invoices.f2ec8ed6e6bfd928d39d.hot-update.js": "/chunks/invoices.f2ec8ed6e6bfd928d39d.hot-update.js",
+    "/chunks/invoices.62c026ef2bc87b9c7aed.hot-update.js": "/chunks/invoices.62c026ef2bc87b9c7aed.hot-update.js",
+    "/chunks/invoices.b036dd94041c1dba6b8c.hot-update.js": "/chunks/invoices.b036dd94041c1dba6b8c.hot-update.js",
+    "/chunks/invoices.354d8e099af8c4e17982.hot-update.js": "/chunks/invoices.354d8e099af8c4e17982.hot-update.js",
+    "/chunks/invoices.4ec8a2b3f53826027434.hot-update.js": "/chunks/invoices.4ec8a2b3f53826027434.hot-update.js",
+    "/chunks/invoices.82fa6b6116d68b98ab48.hot-update.js": "/chunks/invoices.82fa6b6116d68b98ab48.hot-update.js",
+    "/js/main.3dfe90ba2a7345bd44ba.hot-update.js": "/js/main.3dfe90ba2a7345bd44ba.hot-update.js",
+    "/chunks/admin~chunks/app-language~chunks/files~chunks/my-shared-items~chunks/pages~chunks/plans~chunk~31d2e0e5.js": "/chunks/admin~chunks/app-language~chunks/files~chunks/my-shared-items~chunks/pages~chunks/plans~chunk~31d2e0e5.js?id=45350439fb9bcb879f5b",
+    "/chunks/app-language~chunks/files~chunks/my-shared-items~chunks/pages~chunks/plans~chunks/recent-uplo~8bb1c067.js": "/chunks/app-language~chunks/files~chunks/my-shared-items~chunks/pages~chunks/plans~chunks/recent-uplo~8bb1c067.js?id=4d747b1517b5d8c25c7e",
+    "/chunks/app-language~chunks/page-edit~chunks/pages~chunks/plan-create/fixed~chunks/plan-create/metere~d3e88b85.js": "/chunks/app-language~chunks/page-edit~chunks/pages~chunks/plan-create/fixed~chunks/plan-create/metere~d3e88b85.js?id=f3e38542d7a5f14480dc",
+    "/chunks/dashboard.3dfe90ba2a7345bd44ba.hot-update.js": "/chunks/dashboard.3dfe90ba2a7345bd44ba.hot-update.js",
+    "/chunks/dashboard~chunks/plan-subscribers~chunks/users.js": "/chunks/dashboard~chunks/plan-subscribers~chunks/users.js?id=9bb04319263a6c0742f0",
+    "/chunks/invoices.3dfe90ba2a7345bd44ba.hot-update.js": "/chunks/invoices.3dfe90ba2a7345bd44ba.hot-update.js",
+    "/chunks/pages~chunks/plans~chunks/subscriptions.js": "/chunks/pages~chunks/plans~chunks/subscriptions.js?id=af4a923b3e3f66daefa8",
+    "/chunks/plan-subscribers.3dfe90ba2a7345bd44ba.hot-update.js": "/chunks/plan-subscribers.3dfe90ba2a7345bd44ba.hot-update.js",
+    "/chunks/users.3dfe90ba2a7345bd44ba.hot-update.js": "/chunks/users.3dfe90ba2a7345bd44ba.hot-update.js",
+    "/chunks/plans.6c197f53928e4bda3d67.hot-update.js": "/chunks/plans.6c197f53928e4bda3d67.hot-update.js",
+    "/js/main.4a930ddf393ed51bc0ee.hot-update.js": "/js/main.4a930ddf393ed51bc0ee.hot-update.js",
+    "/chunks/admin~chunks/app-language~chunks/files~chunks/my-shared-items~chunks/pages~chunks/platform~ch~ac7571e6.js": "/chunks/admin~chunks/app-language~chunks/files~chunks/my-shared-items~chunks/pages~chunks/platform~ch~ac7571e6.js?id=2e9a3a7204557cfef8cb",
+    "/chunks/app-language~chunks/files~chunks/my-shared-items~chunks/pages~chunks/recent-uploads~chunks/se~a87a82bf.js": "/chunks/app-language~chunks/files~chunks/my-shared-items~chunks/pages~chunks/recent-uploads~chunks/se~a87a82bf.js?id=b8c043ebdf17810bab0a",
+    "/chunks/pages~chunks/subscriptions.js": "/chunks/pages~chunks/subscriptions.js?id=29be0430f15486039383",
+    "/chunks/plans.4a930ddf393ed51bc0ee.hot-update.js": "/chunks/plans.4a930ddf393ed51bc0ee.hot-update.js",
+    "/js/main.b6fcca24930cfd9cf106.hot-update.js": "/js/main.b6fcca24930cfd9cf106.hot-update.js",
+    "/chunks/plans.b6fcca24930cfd9cf106.hot-update.js": "/chunks/plans.b6fcca24930cfd9cf106.hot-update.js",
+    "/chunks/plans.e8e8904ec95bfe0c3353.hot-update.js": "/chunks/plans.e8e8904ec95bfe0c3353.hot-update.js",
+    "/chunks/plans.4b6dd8b6e7b9f3754552.hot-update.js": "/chunks/plans.4b6dd8b6e7b9f3754552.hot-update.js",
+    "/chunks/plans.0cc4eac46d5b718e373c.hot-update.js": "/chunks/plans.0cc4eac46d5b718e373c.hot-update.js",
+    "/chunks/plans.3ee5715c67713b8531dd.hot-update.js": "/chunks/plans.3ee5715c67713b8531dd.hot-update.js",
+    "/chunks/plans.32be23f5a1b4ba4e8bfd.hot-update.js": "/chunks/plans.32be23f5a1b4ba4e8bfd.hot-update.js",
+    "/chunks/plans.ec96dfcc1d9732639383.hot-update.js": "/chunks/plans.ec96dfcc1d9732639383.hot-update.js",
+    "/chunks/plans.dfd4922f66a3db9caf38.hot-update.js": "/chunks/plans.dfd4922f66a3db9caf38.hot-update.js",
+    "/chunks/plans.36a66d04d96b4d2526a8.hot-update.js": "/chunks/plans.36a66d04d96b4d2526a8.hot-update.js",
+    "/chunks/invoices.65b881ec8a388f3b4d7f.hot-update.js": "/chunks/invoices.65b881ec8a388f3b4d7f.hot-update.js",
+    "/chunks/plans.279365a63778ce66e3cd.hot-update.js": "/chunks/plans.279365a63778ce66e3cd.hot-update.js",
+    "/chunks/plans.f78fccb6ce8a3f17ab0e.hot-update.js": "/chunks/plans.f78fccb6ce8a3f17ab0e.hot-update.js",
+    "/chunks/plans.d95cb5817b3e72403fb9.hot-update.js": "/chunks/plans.d95cb5817b3e72403fb9.hot-update.js",
+    "/chunks/plans.60f6bea7ac9ad259c3b8.hot-update.js": "/chunks/plans.60f6bea7ac9ad259c3b8.hot-update.js",
+    "/chunks/subscriptions.11fe5d303f41d1c5bf78.hot-update.js": "/chunks/subscriptions.11fe5d303f41d1c5bf78.hot-update.js",
+    "/chunks/subscriptions.e25870f8c8c22b18bcc2.hot-update.js": "/chunks/subscriptions.e25870f8c8c22b18bcc2.hot-update.js",
+    "/chunks/plans.ae30ed7e828c9135c44f.hot-update.js": "/chunks/plans.ae30ed7e828c9135c44f.hot-update.js",
+    "/chunks/subscriptions.ee6d9e22a4bd8e1fb32d.hot-update.js": "/chunks/subscriptions.ee6d9e22a4bd8e1fb32d.hot-update.js",
+    "/chunks/subscriptions.ea1ecc3ec087221d6cc8.hot-update.js": "/chunks/subscriptions.ea1ecc3ec087221d6cc8.hot-update.js",
+    "/chunks/invoices.4891b11bc50ce15664c5.hot-update.js": "/chunks/invoices.4891b11bc50ce15664c5.hot-update.js",
+    "/chunks/plans.f4158e372fe5932f6fe1.hot-update.js": "/chunks/plans.f4158e372fe5932f6fe1.hot-update.js",
+    "/js/main.ac93c4591fb85445db6d.hot-update.js": "/js/main.ac93c4591fb85445db6d.hot-update.js",
+    "/chunks/subscriptions.ac93c4591fb85445db6d.hot-update.js": "/chunks/subscriptions.ac93c4591fb85445db6d.hot-update.js"
 }
diff --git a/resources/js/components/Others/Emoji.vue b/resources/js/components/Others/Emoji.vue
index c18b4702..aef324ff 100644
--- a/resources/js/components/Others/Emoji.vue
+++ b/resources/js/components/Others/Emoji.vue
@@ -1,7 +1,7 @@
 <template>
     <div :class="[location, 'emoji-container', {'is-apple': $isApple}]">
-        <span v-if="!$isApple()" class="twemoji-emoji emoji-icon" v-html="transferEmoji"></span>
-        <span v-if="$isApple()" class="apple-emoji emoji-icon">{{ this.emoji.char }}</span>
+        <span v-if="!$isApple() || true" class="twemoji-emoji emoji-icon" v-html="transferEmoji"></span>
+<!--        <span v-if="$isApple()" class="apple-emoji emoji-icon">{{ this.emoji.char }}</span>-->
     </div>
 </template>
 
diff --git a/resources/js/views/Admin/Invoices.vue b/resources/js/views/Admin/Invoices.vue
index 5fa41b25..09eb6abf 100644
--- a/resources/js/views/Admin/Invoices.vue
+++ b/resources/js/views/Admin/Invoices.vue
@@ -1,139 +1,102 @@
 <template>
     <div>
-		<PageTab :is-loading="isLoading">
-			<div class="card shadow-card">
-				<DatatableWrapper
-					@init="isLoading = false"
-					api="/api/subscriptions/admin/transactions"
-					:paginator="true"
-					:columns="columns"
-				>
-					<template slot-scope="{ row }">
-						<tr class="border-b dark:border-opacity-5 border-light border-dashed">
-							<td class="py-5">
-								<span class="text-sm font-bold">
-									{{ row.data.attributes.note }}
+		<!--Datatable-->
+		<DatatableWrapper
+			v-if="! config.isEmptyTransactions" class="card shadow-card"
+			@init="isLoading = false"
+			api="/api/subscriptions/admin/transactions"
+			:paginator="true"
+			:columns="columns"
+		>
+			<template slot-scope="{ row }">
+				<tr class="border-b dark:border-opacity-5 border-light border-dashed">
+					<td class="py-5">
+						<span class="text-sm font-bold">
+							{{ row.data.attributes.note }}
+						</span>
+					</td>
+					<td>
+						<div v-if="row.data.relationships.user" class="flex items-center">
+							<MemberAvatar
+								:is-border="false"
+								:size="36"
+								:member="row.data.relationships.user"
+							/>
+							<div class="ml-3">
+								<b class="text-sm font-bold block max-w-1 overflow-hidden overflow-ellipsis whitespace-nowrap" style="max-width: 155px;">
+									{{ row.data.relationships.user.data.attributes.name }}
+								</b>
+								<span class="block text-xs dark:text-gray-500 text-gray-600">
+									{{ row.data.relationships.user.data.attributes.email }}
 								</span>
-							</td>
-							<td>
-								<div v-if="row.data.relationships.user" class="flex items-center">
-									<MemberAvatar
-										:is-border="false"
-										:size="36"
-										:member="row.data.relationships.user"
-									/>
-									<div class="ml-3">
-										<b class="text-sm font-bold block max-w-1 overflow-hidden overflow-ellipsis whitespace-nowrap" style="max-width: 155px;">
-											{{ row.data.relationships.user.data.attributes.name }}
-										</b>
-										<span class="block text-xs dark:text-gray-500 text-gray-600">
-											{{ row.data.relationships.user.data.attributes.email }}
-										</span>
-									</div>
-								</div>
-								<span v-if="! row.data.relationships.user" class="text-xs text-gray-500 font-bold">
-									{{ $t('User was deleted') }}
-								</span>
-							</td>
-							<td>
-								<ColorLabel v-if="config.subscriptionType === 'fixed'" :color="$getTransactionStatusColor(row.data.attributes.status)">
-									{{ row.data.attributes.status }}
-								</ColorLabel>
-								<ColorLabel v-if="config.subscriptionType === 'metered'" :color="$getTransactionTypeColor(row.data.attributes.type)">
-									{{ row.data.attributes.type }}
-								</ColorLabel>
-							</td>
-							<td>
-								<span class="text-sm font-bold" :class="$getTransactionTypeTextColor(row.data.attributes.type)">
-									{{ $getTransactionMark(row.data.attributes.type) + row.data.attributes.price }}
-								</span>
-							</td>
-							<td>
-								<span class="text-sm font-bold">
-									{{ row.data.attributes.created_at }}
-								</span>
-							</td>
-							<td class="text-right">
-								<img class="inline-block max-h-5" :src="$getPaymentLogo(row.data.attributes.driver)" :alt="row.data.attributes.driver">
-							</td>
-						</tr>
-					</template>
-				</DatatableWrapper>
+							</div>
+						</div>
+						<span v-if="! row.data.relationships.user" class="text-xs text-gray-500 font-bold">
+							{{ $t('User was deleted') }}
+						</span>
+					</td>
+					<td>
+						<ColorLabel v-if="config.subscriptionType === 'fixed'" :color="$getTransactionStatusColor(row.data.attributes.status)">
+							{{ row.data.attributes.status }}
+						</ColorLabel>
+						<ColorLabel v-if="config.subscriptionType === 'metered'" :color="$getTransactionTypeColor(row.data.attributes.type)">
+							{{ row.data.attributes.type }}
+						</ColorLabel>
+					</td>
+					<td>
+						<span class="text-sm font-bold" :class="$getTransactionTypeTextColor(row.data.attributes.type)">
+							{{ $getTransactionMark(row.data.attributes.type) + row.data.attributes.price }}
+						</span>
+					</td>
+					<td>
+						<span class="text-sm font-bold">
+							{{ row.data.attributes.created_at }}
+						</span>
+					</td>
+					<td class="text-right">
+						<img class="inline-block max-h-5" :src="$getPaymentLogo(row.data.attributes.driver)" :alt="row.data.attributes.driver">
+					</td>
+				</tr>
+			</template>
+		</DatatableWrapper>
+
+		<!--Empty State-->
+        <div class="flex items-center justify-center h-full">
+			<div class="text-center">
+				<img class="w-28 inline-block mb-6" src="https://twemoji.maxcdn.com/v/13.1.0/svg/1f9ee.svg" alt="transaction">
+				<h1 class="text-2xl font-bold mb-1">
+					{{ $t("There is Nothing") }}
+				</h1>
+				<p class="text-sm text-gray-600">
+					{{ $t('All your transactions will be visible here') }}
+				</p>
 			</div>
-		</PageTab>
-        <!--Empty invoices-->
-		<!--<EmptyPageContent
-                v-if="! isLoading && invoices.length === 0 && config.stripe_public_key"
-                icon="file-text"
-                :title="$t('admin_page_invoices.empty.title')"
-                :description="$t('admin_page_invoices.empty.description')"
-        >
-        </EmptyPageContent>-->
-
-        <!--Stripe Not Configured-->
-		<!--<EmptyPageContent
-                v-if="! config.stripe_public_key"
-                icon="settings"
-                :title="$t('activation.stripe.title')"
-                :description="$t('activation.stripe.description')"
-        >
-            <router-link :to="{name: 'AppPayments'}">
-                <ButtonBase button-style="theme">{{ $t('activation.stripe.button') }}</ButtonBase>
-            </router-link>
-        </EmptyPageContent>-->
-
-        <!--Spinner-->
-        <div id="loader" v-if="isLoading">
-            <Spinner></Spinner>
-        </div>
+		</div>
     </div>
 </template>
 
 <script>
-	import MemberAvatar from "../../components/FilesView/MemberAvatar";
-	import PageTab from "../../components/Others/Layout/PageTab";
-    import DatatableCellImage from '/resources/js/components/Others/Tables/DatatableCellImage'
-    import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
-    import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
-    import EmptyPageContent from '/resources/js/components/Others/EmptyPageContent'
-    import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
-    import MobileHeader from '/resources/js/components/Mobile/MobileHeader'
-    import SectionTitle from '/resources/js/components/Others/SectionTitle'
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import PageHeader from '/resources/js/components/Others/PageHeader'
-    import ColorLabel from '/resources/js/components/Others/ColorLabel'
-    import Spinner from '/resources/js/components/FilesView/Spinner'
-    import {ExternalLinkIcon} from "vue-feather-icons";
-    import { mapGetters } from 'vuex'
-    import axios from 'axios'
+	import MemberAvatar from "../../components/FilesView/MemberAvatar"
+	import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
+	import ColorLabel from '/resources/js/components/Others/ColorLabel'
+	import {mapGetters} from 'vuex'
 
-    export default {
-        name: 'Invoices',
-        components: {
+	export default {
+		name: 'Invoices',
+		components: {
+			DatatableWrapper,
 			MemberAvatar,
-            DatatableCellImage,
-            MobileActionButton,
-            ExternalLinkIcon,
-            EmptyPageContent,
-            DatatableWrapper,
-            SectionTitle,
-            MobileHeader,
-            SwitchInput,
-            PageHeader,
-            ButtonBase,
-            ColorLabel,
-			PageTab,
-            Spinner,
-        },
-        computed: {
-            ...mapGetters([
+			ColorLabel,
+		},
+		computed: {
+			...mapGetters([
 				'config',
 			]),
-        },
-        data() {
-            return {
-                isLoading: true,
-                invoices: [],
+		},
+		data() {
+			return {
+				isLoading: true,
+				invoices: [],
 				columns: [
 					{
 						label: this.$t('Note'),
@@ -166,17 +129,7 @@
 						sortable: true
 					},
 				],
-            }
-        },
-        created() {
-            if (! this.config.stripe_public_key)
-                this.isLoading = false
-        }
-    }
+			}
+		},
+	}
 </script>
-
-<style lang="scss" scoped>
-    @import '/resources/sass/vuefilemanager/_variables';
-    @import '/resources/sass/vuefilemanager/_mixins';
-
-</style>
diff --git a/resources/js/views/Admin/Plans.vue b/resources/js/views/Admin/Plans.vue
index 9a496e39..ed4a3de6 100644
--- a/resources/js/views/Admin/Plans.vue
+++ b/resources/js/views/Admin/Plans.vue
@@ -1,6 +1,7 @@
 <template>
     <div>
-		<div class="card shadow-card">
+		<!--Plans-->
+		<div v-if="! config.isEmptyPlans" class="card shadow-card">
 
 			<!--Create button-->
 			<div v-if="! config.isCreatedMeteredPlan || config.subscriptionType === 'fixed'" class="mb-6">
@@ -106,44 +107,34 @@
             </DatatableWrapper>
 		</div>
 
-        <!--Stripe configured but has empty plans-->
-		<!--<EmptyPageContent
-                v-if="isEmptyPlans"
-                icon="file"
-                :title="$t('admin_page_plans.empty.title')"
-                :description="$t('admin_page_plans.empty.description')"
-        >
-            <router-link :to="{name: 'CreateFixedPlan'}" tag="p">
-                <ButtonBase button-style="theme">{{ $t('admin_page_plans.empty.button') }}</ButtonBase>
-            </router-link>
-        </EmptyPageContent>-->
+		<!--Empty State-->
+        <div class="flex items-center justify-center h-full">
+			<div class="text-center">
+				<img class="w-28 inline-block mb-6" src="https://twemoji.maxcdn.com/v/13.1.0/svg/1f9fe.svg" alt="transaction">
 
-        <!--Stripe is Not Configured-->
-		<!--<EmptyPageContent
-                v-if="stripeIsNotConfigured"
-                icon="settings"
-                :title="$t('activation.stripe.title')"
-                :description="$t('activation.stripe.description')"
-        >
-            <router-link :to="{name: 'AppPayments'}">
-                <ButtonBase button-style="theme">{{ $t('activation.stripe.button') }}</ButtonBase>
-            </router-link>
-        </EmptyPageContent>-->
+				<h1 class="text-2xl font-bold mb-1">
+					{{ $t("There is Nothing") }}
+				</h1>
 
-        <!--Spinner-->
-        <div id="loader" v-if="isLoading">
-            <Spinner></Spinner>
-        </div>
+				<p class="text-sm text-gray-600">
+					{{ $t('All your plans will be visible here') }}
+				</p>
+
+				<router-link :to="{name: createPlanRoute}" class="inline-block mt-6">
+					<ButtonBase class="action-confirm" button-style="theme">
+						{{ $t('Create First Plan') }}
+					</ButtonBase>
+				</router-link>
+			</div>
+		</div>
     </div>
 </template>
 
 <script>
     import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
     import MobileActionButton from '/resources/js/components/FilesView/MobileActionButton'
-    import EmptyPageContent from '/resources/js/components/Others/EmptyPageContent'
     import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
     import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import Spinner from '/resources/js/components/FilesView/Spinner'
 	import ColorLabel from "../../components/Others/ColorLabel";
     import {Trash2Icon, Edit2Icon} from "vue-feather-icons";
     import { mapGetters } from 'vuex'
@@ -151,23 +142,18 @@
     export default {
         name: 'Plans',
         components: {
-            MobileActionButton,
-            EmptyPageContent,
+			MobileActionButton,
             DatatableWrapper,
             SwitchInput,
 			ColorLabel,
             Trash2Icon,
             ButtonBase,
             Edit2Icon,
-            Spinner,
         },
         computed: {
             ...mapGetters([
-				'config'
+				'config',
 			]),
-            isEmptyPlans() {
-                return ! this.isLoading && this.plans.length === 0 && this.config.stripe_public_key
-            },
 			createPlanRoute() {
 				return {
 					metered: 'CreateMeteredPlan',
@@ -243,15 +229,5 @@
 				}[this.config.subscriptionType]
 			}
         },
-        data() {
-            return {
-                isLoading: true,
-                plans: [],
-            }
-        },
-        created() {
-            if (! this.config.stripe_public_key)
-                this.isLoading = false
-        }
     }
 </script>
diff --git a/resources/js/views/Admin/Subscriptions.vue b/resources/js/views/Admin/Subscriptions.vue
index 1960c496..b3bec35d 100644
--- a/resources/js/views/Admin/Subscriptions.vue
+++ b/resources/js/views/Admin/Subscriptions.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
 		<!--Datatable-->
-		<DatatableWrapper @init="isLoading = false" api="/api/subscriptions/admin" :paginator="true" :columns="columns" class="card shadow-card">
+		<DatatableWrapper v-if="! config.isEmptySubscriptions" @init="isLoading = false" api="/api/subscriptions/admin" :paginator="true" :columns="columns" class="card shadow-card">
 
 			<!--Table data content-->
 			<template slot-scope="{ row }">
@@ -52,84 +52,46 @@
 					</td>
 				</tr>
 			</template>
-
-			<!--Empty page-->
-			<template v-slot:empty-page>
-				<InfoBox style="margin-bottom: 0">
-					<p>{{ $t('admin_page_plans.subscribers.empty') }}</p>
-				</InfoBox>
-			</template>
 		</DatatableWrapper>
 
-        <!--Stripe configured but has empty plans-->
-		<!--<EmptyPageContent
-                v-if="isEmptyPlans"
-                icon="file"
-                :title="$t('admin_page_plans.empty.title')"
-                :description="$t('admin_page_plans.empty.description')"
-        >
-            <router-link :to="{name: 'CreateFixedPlan'}" tag="p">
-                <ButtonBase button-style="theme">{{ $t('admin_page_plans.empty.button') }}</ButtonBase>
-            </router-link>
-        </EmptyPageContent>-->
+		<!--Empty State-->
+        <div class="flex items-center justify-center h-full">
+			<div class="text-center">
+				<img class="w-28 inline-block mb-6" src="https://twemoji.maxcdn.com/v/13.1.0/svg/1f5c3.svg" alt="transaction">
 
-        <!--Stripe is Not Configured-->
-		<!--<EmptyPageContent
-                v-if="stripeIsNotConfigured"
-                icon="settings"
-                :title="$t('activation.stripe.title')"
-                :description="$t('activation.stripe.description')"
-        >
-            <router-link :to="{name: 'AppPayments'}">
-                <ButtonBase button-style="theme">{{ $t('activation.stripe.button') }}</ButtonBase>
-            </router-link>
-        </EmptyPageContent>-->
+				<h1 class="text-2xl font-bold mb-1">
+					{{ $t("There is Nothing") }}
+				</h1>
 
-        <!--Spinner-->
-        <div id="loader" v-if="isLoading">
-            <Spinner></Spinner>
-        </div>
+				<p class="text-sm text-gray-600">
+					{{ $t('All your subscriptions will be visible here') }}
+				</p>
+			</div>
+		</div>
     </div>
 </template>
 
 <script>
-	import InfoBox from "../../components/Others/Forms/InfoBox";
 	import ColorLabel from "../../components/Others/ColorLabel";
 	import MemberAvatar from "../../components/FilesView/MemberAvatar";
     import DatatableWrapper from '/resources/js/components/Others/Tables/DatatableWrapper'
-    import EmptyPageContent from '/resources/js/components/Others/EmptyPageContent'
-    import SwitchInput from '/resources/js/components/Others/Forms/SwitchInput'
-    import ButtonBase from '/resources/js/components/FilesView/ButtonBase'
-    import Spinner from '/resources/js/components/FilesView/Spinner'
     import { mapGetters } from 'vuex'
 
     export default {
         name: 'Subscriptions',
         components: {
-			InfoBox,
 			ColorLabel,
 			MemberAvatar,
-            EmptyPageContent,
             DatatableWrapper,
-            SwitchInput,
-            ButtonBase,
-            Spinner,
         },
         computed: {
             ...mapGetters([
-				'config'
+				'config',
 			]),
-            stripeIsNotConfigured() {
-                return ! this.config.stripe_public_key
-            },
-            stripeConfiguredWithPlans() {
-                return ! this.isLoading && this.config.stripe_public_key
-            }
         },
         data() {
             return {
                 isLoading: true,
-                plans: [],
 				columns: [
 					{
 						label: this.$t('admin_page_user.table.name'),
@@ -163,10 +125,6 @@
 					},
 				],
             }
-        },
-        created() {
-            if (! this.config.stripe_public_key)
-                this.isLoading = false
         }
     }
 </script>
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 0f40fbdc..1de25fc4 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -1,7 +1,13 @@
 @php
     use VueFileManager\Subscription\Domain\Plans\Models\Plan;
+    use VueFileManager\Subscription\Domain\Transactions\Models\Transaction;
+    use VueFileManager\Subscription\Domain\Subscriptions\Models\Subscription;
 
     $plan = Plan::where('status', 'active')->where('type', 'metered');
+
+    $isEmptyPlans = Plan::count() === 0;
+    $isEmptyTransactions = Transaction::count() === 0;
+    $isEmptySubscriptions = Subscription::count() === 0;
 @endphp
 
 <!DOCTYPE html>
@@ -81,6 +87,11 @@
             installation: '{{ $installation ?? 'initial' }}',
             statusCheck: {!! json_encode($status_check) ?? 'undefined' !!},
 
+            // States
+			isEmptyPlans: {{ $isEmptyPlans }},
+			isEmptyTransactions: {{ $isEmptyTransactions }},
+			isEmptySubscriptions: {{ $isEmptySubscriptions }},
+
             // Hidden set ups
             isAdminVueFileManagerBar: {{ env('IS_ADMIN_VUEFILEMANAGER_BAR', 1) ? 1 : 0 }},