diff --git a/app/javascript/dashboard/components/widgets/ChannelItem.vue b/app/javascript/dashboard/components/widgets/ChannelItem.vue index 7ed2505c1..e055c2d9e 100644 --- a/app/javascript/dashboard/components/widgets/ChannelItem.vue +++ b/app/javascript/dashboard/components/widgets/ChannelItem.vue @@ -1,7 +1,6 @@ diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/WhatsappEmbeddedSignup.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/WhatsappEmbeddedSignup.vue index 3dda0ad8e..0972e4b95 100644 --- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/WhatsappEmbeddedSignup.vue +++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/WhatsappEmbeddedSignup.vue @@ -7,6 +7,7 @@ import { useAlert } from 'dashboard/composables'; import { useWhatsappEmbeddedSignup } from 'dashboard/composables/useWhatsappEmbeddedSignup'; import Icon from 'next/icon/Icon.vue'; import NextButton from 'next/button/Button.vue'; +import Banner from 'next/banner/Banner.vue'; import LoadingState from 'dashboard/components/widgets/LoadingState.vue'; import InboxesAPI from 'dashboard/api/inboxes'; import { parseAPIErrorResponse } from 'dashboard/store/utils/api'; @@ -17,6 +18,22 @@ const props = defineProps({ type: Boolean, default: false, }, + isDisabled: { + type: Boolean, + default: false, + }, + showRestrictionAlert: { + type: Boolean, + default: false, + }, + restrictionStatusUrl: { + type: String, + default: '', + }, + restrictionWarningText: { + type: String, + default: '', + }, }); const store = useStore(); @@ -81,6 +98,8 @@ const handleSignupSuccess = async inboxData => { }; const launchEmbeddedSignup = async () => { + if (props.isDisabled) return; + let credentials; try { credentials = await runEmbeddedSignup(); @@ -174,9 +193,33 @@ const launchEmbeddedSignup = async () => { + +
+ + + {{ + restrictionWarningText || + $t('INBOX_MGMT.ADD.WHATSAPP.EMBEDDED_SIGNUP.RESTRICTED_WARNING') + }} + + {{ $t('INBOX_MGMT.ADD.WHATSAPP.EMBEDDED_SIGNUP.STATUS_LINK') }} + + +
+
+