From 2f4bf9d0099f17386d812a94b169db1d17966ed8 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Thu, 23 Jan 2025 17:57:55 +0530
Subject: [PATCH] feat: update paywall

Align it with SLA
---
 .../captain/pageComponents/Paywall.vue          | 17 ++++++++++++++---
 .../dashboard/composables/useAccount.js         |  5 +----
 .../dashboard/i18n/locale/en/integrations.json  |  5 +++++
 3 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/app/javascript/dashboard/components-next/captain/pageComponents/Paywall.vue b/app/javascript/dashboard/components-next/captain/pageComponents/Paywall.vue
index f237803dc..8439ca467 100644
--- a/app/javascript/dashboard/components-next/captain/pageComponents/Paywall.vue
+++ b/app/javascript/dashboard/components-next/captain/pageComponents/Paywall.vue
@@ -1,12 +1,22 @@
 <script setup>
+import { computed } from 'vue';
 import { useRouter } from 'vue-router';
+import { useMapGetter } from 'dashboard/composables/store';
 import { useAccount } from 'dashboard/composables/useAccount';
 
 import BasePaywallModal from 'dashboard/routes/dashboard/settings/components/BasePaywallModal.vue';
 
 const router = useRouter();
-const { accountId } = useAccount();
+const currentUser = useMapGetter('getCurrentUser');
 
+const isSuperAdmin = computed(() => {
+  return currentUser.value.type === 'SuperAdmin';
+});
+const { accountId, isOnChatwootCloud } = useAccount();
+
+const i18nKey = computed(() =>
+  isOnChatwootCloud.value ? 'PAYWALL' : 'ENTERPRISE_PAYWALL'
+);
 const openBilling = () => {
   router.push({
     name: 'billing_settings_index',
@@ -22,8 +32,9 @@ const openBilling = () => {
     <BasePaywallModal
       class="mx-auto"
       feature-prefix="CAPTAIN"
-      i18n-key="PAYWALL"
-      is-on-chatwoot-cloud
+      :i18n-key="i18nKey"
+      :is-super-admin="isSuperAdmin"
+      :is-on-chatwoot-cloud="isOnChatwootCloud"
       @upgrade="openBilling"
     />
   </div>
diff --git a/app/javascript/dashboard/composables/useAccount.js b/app/javascript/dashboard/composables/useAccount.js
index 2a1b7ecb2..8ace2a5e1 100644
--- a/app/javascript/dashboard/composables/useAccount.js
+++ b/app/javascript/dashboard/composables/useAccount.js
@@ -21,7 +21,6 @@ export function useAccount() {
   const accountId = computed(() => {
     return Number(route.params.accountId);
   });
-
   const currentAccount = computed(() => getAccountFn.value(accountId.value));
 
   /**
@@ -34,9 +33,6 @@ export function useAccount() {
   };
 
   const isCloudFeatureEnabled = feature => {
-    // always return true if not on cloud
-    if (!isOnChatwootCloud.value) return true;
-
     return isFeatureEnabledonAccount.value(currentAccount.value.id, feature);
   };
 
@@ -55,5 +51,6 @@ export function useAccount() {
     accountScopedUrl,
     accountScopedRoute,
     isCloudFeatureEnabled,
+    isOnChatwootCloud,
   };
 }
diff --git a/app/javascript/dashboard/i18n/locale/en/integrations.json b/app/javascript/dashboard/i18n/locale/en/integrations.json
index d069213b3..56f6e9776 100644
--- a/app/javascript/dashboard/i18n/locale/en/integrations.json
+++ b/app/javascript/dashboard/i18n/locale/en/integrations.json
@@ -316,6 +316,11 @@
       "UPGRADE_NOW": "Upgrade now",
       "CANCEL_ANYTIME": "You can change or cancel your plan anytime"
     },
+    "ENTERPRISE_PAYWALL": {
+      "AVAILABLE_ON": "Captain AI feature is only available in a paid plan.",
+      "UPGRADE_PROMPT": "Upgrade your plan to get access to our assistants, copilot and more.",
+      "ASK_ADMIN": "Please reach out to your administrator for the upgrade."
+    },
     "BANNER": {
       "RESPONSES": "You've used over 80% of your response limit. To continue using Captain AI, please upgrade.",
       "DOCUMENTS": "Document limit reached. Upgrade to continue using Captain AI."