From 62c5d40b2cf919f23acc5bf954318bf1575b2367 Mon Sep 17 00:00:00 2001
From: Tanmay Deep Sharma <32020192+tds-1@users.noreply.github.com>
Date: Thu, 10 Jul 2025 10:46:09 +0700
Subject: [PATCH] update the checks to show the api key input in configuration

---
 .../inbox/settingsPage/ConfigurationPage.vue   | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/settingsPage/ConfigurationPage.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/settingsPage/ConfigurationPage.vue
index c91da7b26..b4be5f11c 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/settingsPage/ConfigurationPage.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/settingsPage/ConfigurationPage.vue
@@ -36,12 +36,18 @@ export default {
     whatsAppInboxAPIKey: { required },
   },
   computed: {
-    isWhatsAppCloudWithEmbeddedSignup() {
+    isWhatsAppCloudChannel() {
+      return this.inbox.provider === 'whatsapp_cloud';
+    },
+    hasWhatsappAppId() {
       return (
-        this.inbox.provider === 'whatsapp_cloud' &&
-        this.inbox.provider_config?.source === 'embedded_signup'
+        window.chatwootConfig?.whatsappAppId &&
+        window.chatwootConfig.whatsappAppId !== 'none'
       );
     },
+    shouldShowReconfigureButton() {
+      return this.isWhatsAppCloudChannel && this.hasWhatsappAppId;
+    },
   },
   watch: {
     inbox() {
@@ -229,9 +235,9 @@ export default {
       >
         <woot-code :script="inbox.provider_config.api_key" />
       </SettingsSection>
-      <!-- Show reconfigure button for WhatsApp Cloud with embedded signup -->
+      <!-- Show reconfigure button for WhatsApp Cloud with embedded signup and app ID configured -->
       <SettingsSection
-        v-if="isWhatsAppCloudWithEmbeddedSignup"
+        v-if="shouldShowReconfigureButton"
         :title="$t('INBOX_MGMT.SETTINGS_POPUP.WHATSAPP_RECONFIGURE_TITLE')"
         :sub-title="
           $t('INBOX_MGMT.SETTINGS_POPUP.WHATSAPP_RECONFIGURE_SUBHEADER')
@@ -241,7 +247,7 @@ export default {
           {{ $t('INBOX_MGMT.SETTINGS_POPUP.WHATSAPP_RECONFIGURE_BUTTON') }}
         </NextButton>
       </SettingsSection>
-      <!-- Show API key update for non-embedded signup WhatsApp -->
+      <!-- Show API key update for non-embedded signup WhatsApp or when app ID is missing -->
       <SettingsSection
         v-else
         :title="$t('INBOX_MGMT.SETTINGS_POPUP.WHATSAPP_SECTION_UPDATE_TITLE')"