@capillarytech/creatives-library 8.0.65-alpha.0 → 8.0.65-alpha.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "8.0.65-alpha.0",
+  "version": "8.0.65-alpha.2",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/tests/integration/TemplateCreation/TemplateCreation.integration.test.js

@@ -94,9 +94,13 @@ describe("Creatives testing template creation", () => {
       name: globalMessages.email.defaultMessage,
     });
     await userEvent.click(whatsapp);
-    expect(await creativesScreen.findByText(
-        /Whatsapp accounts are not setup for your brand/i, undefined, { timeout: 10000 })
-    ).toBeInTheDocument();
+    waitFor(() => {
+      expect(
+        creativesScreen.getByText(
+          /Whatsapp accounts are not setup for your brand/i
+        )
+      ).toBeInTheDocument();
+    }, { timeout: 50000, interval: 500 });
     await userEvent.click(line);
     //assertions for template filters for line channel
     expect(creativesScreen.getByText(/rich video message/i)).toBeInTheDocument();

package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap

@@ -980,8 +980,8 @@ Click {{unsubscribe}} to unsubscribe
           "base": Object {
             "content": Object {
               "whatsapp": Object {
-                "accessToken": "Bearer gDwEuRIm9icV6phixociSw==",
-                "accountId": "107499611940863",
+                "accessToken": "Bearer abcd",
+                "accountId": "12345",
                 "buttonType": "CTA",
                 "buttons": Array [
                   Object {

package/v2Containers/Templates/index.js

@@ -251,21 +251,25 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     this.delayTimer = 0;
   }
 
+  // This function is to map the selected source account identifier and the connectionProperties data of domainPropertiesData object to get the hostName.
   getHostName(selectedSourceAccountIdentifier, domainPropertiesData = []) {
-    if (isEmpty(domainPropertiesData) || !selectedSourceAccountIdentifier) {
+    if (!selectedSourceAccountIdentifier || isEmpty(domainPropertiesData)) {
+      this.setState({ hostName: '' });
       return '';
     }
-    for (const domainData of domainPropertiesData) {
-        const { hostName, connectionProperties: { account_sid, wabaId, userid, sourceAccountIdentifier, oa_id } = {}} = domainData?.domainProperties || {};
-        // If sourceAccountIdentifier is not present in the domainProperties, then it will try to find in account_sid, wabaId, user_id.
-        // wabaId, user_id is, account_sid are for Karix, Gupshup, and Twilio (Whatsapp) respectively and oa_id is for Zalo.
-        const sourceAccountIdentifiersArray = [account_sid, wabaId, userid, oa_id, sourceAccountIdentifier];
-        if (sourceAccountIdentifiersArray.includes(selectedSourceAccountIdentifier)) {
-          this.setState({hostName});
-          return hostName;
-        }
-    }
-  };
+  
+    const domainHostName = domainPropertiesData?.find(({ domainProperties }) => {
+      const {
+        connectionProperties: { account_sid, wabaId, userid, sourceAccountIdentifier, oa_id } = {},
+      } = domainProperties || {};
+      // If sourceAccountIdentifier is not present in the domainProperties object, then it will try to find in account_sid, wabaId, user_id.
+      // wabaId, user_id, account_sid are for Karix, Gupshup, and Twilio (Whatsapp) respectively and oa_id is for Zalo.
+      return [account_sid, wabaId, userid, oa_id, sourceAccountIdentifier].includes(selectedSourceAccountIdentifier);
+    })?.domainProperties?.hostName || '';
+  
+    this.setState({ hostName: domainHostName });
+    return domainHostName;
+  }
 
   componentWillMount() {
     if (this.state.channel === '') {
@@ -632,15 +636,8 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     const { weCrmAccounts: weCrmAccountsList = [], senderDetails = {} } = get(nextProps, 'Templates', {});
     const weCrmChannels = [WHATSAPP_LOWERCASE, ZALO_LOWERCASE];
 
-    // Keeping the wechat flow separate as it has different logic for setting the account.
+    // Keeping the wechat flow separate as it has different logic for setting the account. Currently we don't support wechat but still keeping the flow.
     if (weCrmAccountsList?.length === 1 && this.state?.defaultAccount && selectedChannel === WECHAT_LOWERCASE && !isEmpty(senderDetails?.hostName)) {
-      if (this.state.channel.toLowerCase() !== ZALO_LOWERCASE) {
-        paramsDefault = {
-          name: this.state.searchText,
-          sortBy: this.state.sortBy,
-        };
-      } 
-
       const { sourceAccountIdentifier, configs } = weCrmAccountsList?.[0] || {};
       const {
         wecrm_app_id,
@@ -651,13 +648,12 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         wecrmId: wecrm_app_id,
         wecrmToken: wecrm_token,
         originalId: sourceAccountIdentifier,
+        name: this.state.searchText,
+        sortBy: this.state.sortBy,
       }
-      nextProps.actions.setWeChatAccount(
-        weCrmAccountsList[0],
-      );
-
+      nextProps.actions.setWeChatAccount(weCrmAccountsList[0]);
       this.setState({ defaultAccount: false, activeMode: TEMPLATES_MODE, selectedAccount: weCrmAccountsList[0].name, hostName: weCrmAccountsList[0].hostName });
-      this.getAllTemplates({ params: paramsDefault }, true);
+      this.getAllTemplates({params: paramsDefault}, true);
     }
 
     if (weCrmAccountsList?.length && this.state?.defaultAccount && (weCrmChannels.includes(selectedChannel))) {
@@ -666,14 +662,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       const hostName = this.getHostName(isSingleAccount ? weCrmAccountsList[0]?.sourceAccountIdentifier : selectedAccount?.sourceAccountIdentifier, senderDetails?.domainProperties);
     
        if (!isEmpty(hostName)) {
-        let paramsDefault = {};
-        if (this.state.channel.toLowerCase() !== ZALO_LOWERCASE) {
-          paramsDefault = {
-            name: this.state.searchText,
-            sortBy: this.state.sortBy,
-          };
-        } 
-
+        const paramsDefault = {};
         const {name, sourceAccountIdentifier, configs } = weCrmAccountsList?.[0] || {};
         if (isSingleAccount) {
           weCrmAccountsList[0].hostName = hostName;
@@ -690,14 +679,16 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         if (selectedChannel === WHATSAPP_LOWERCASE) {
           paramsDefault.accountId = sourceAccountIdentifier;
           paramsDefault.host = hostName || this.props.Templates?.selectedWhatsappAccount?.hostName;
+          paramsDefault.name = this.state.searchText;
+          paramsDefault.sortBy = this.state.sortBy;
         }
-        this.setState({ defaultAccount: false, activeMode: TEMPLATES_MODE, selectedAccount: isSingleAccount ? weCrmAccountsList[0]?.name : selectedAccount?.name });
+        this.setState({ defaultAccount: false });
         /**
          * Incase of multiple accounts, getAllTemplates is called on selecting the account. It's handled in onAccountSelect function.
          * But for single account, onAccountSelect function won't get executed and getAllTemplates will be excuted.
          */
         if (weCrmAccountsList?.length === 1) {
-          this.getAllTemplates({params: paramsDefault}, true);
+          this.getAllTemplates({ params: paramsDefault }, true);
         }
       }
     }
@@ -774,11 +765,9 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         }
       }
 
-       // Always set activeMode before getAllTemplates call
       this.setState({ activeMode: TEMPLATES_MODE }, () => {
         // Restrict getAllTemplates call only if selectedChannel is ZALO or WHATSAPP and hostName is empty
         if (!(isZaloOrWhatsapp && !params?.host)) {
-          console.log(">>> GETALLTEMPLATES onaccount select ", { params });
           this.getAllTemplates({ params, resetPage: true });
         }
       });
@@ -1457,17 +1446,12 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     const accounts = get(this.props, 'Templates.weCrmAccounts');
     const noWhatsappZaloTemplates = this.isFullMode() && isEmpty(templates) || !this.state.hostName;
     const noFilteredWhatsappZaloTemplates = this.isFullMode() && !isEmpty(templates) && isEmpty(filteredTemplates);
-    const noApprovedWhatsappZaloTemplates = !this.isFullMode() && isEmpty(filteredTemplates);
-    const showWhatsappIllustration = (!isEmpty(this.props.Templates.selectedWhatsappAccount) && [WHATSAPP_LOWERCASE].includes(channelLowerCase)) || !this.state.hostName ;
+    const noApprovedWhatsappZaloTemplates = !this.isFullMode() && isEmpty(filteredTemplates) && !isEmpty(this.state?.hostName);;
+    const showWhatsappIllustration = (!isEmpty(this.props.Templates.selectedWhatsappAccount) && [WHATSAPP_LOWERCASE].includes(channelLowerCase)) || !this.state?.hostName ;
     const showZaloIllustration = !isEmpty(this.props.Templates.selectedZaloAccount) && [ZALO_LOWERCASE].includes(channelLowerCase);
     const showRcsIllustration = channelLowerCase === RCS_LOWERCASE && isEmpty(templates);
     const showInAppIllustration = channelLowerCase === INAPP_LOWERCASE && isEmpty(templates);
     const noLoaderAndSearchText = isEmpty(this.state.searchText) && !isLoading;
-    console.log(">>> state ", {showWhatsappIllustration, showZaloIllustration, noLoaderAndSearchText, noApprovedWhatsappZaloTemplates, noFilteredWhatsappZaloTemplates, noWhatsappZaloTemplates, channelLowerCase, host: this.state.hostName, templates: this.props.Templates,
-    mp: (["mobilepush"].includes(this.state.channel.toLowerCase()) &&
-    isEmpty(filteredTemplates) &&
-    isEmpty(this.state.searchText))
-    })
     return (<div>
       {[WECHAT, MOBILE_PUSH, INAPP, WHATSAPP, ZALO].includes(currentChannel) && this.showAccountName()}
       {filterContent}
@@ -2665,7 +2649,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     channel = channel.toUpperCase();
     const { Templates: templates = {}, location = {} } = this.props;
     const { query = {} } = location;
-    const { weCrmAccounts = [], fetchingWeCrmAccounts = false, campaignSettings = {} } = templates;
+    const { weCrmAccounts = [], fetchingWeCrmAccounts = false, campaignSettings = {}, senderDetails } = templates;
     const isWechatChannel = channel === WECHAT;
     const isMobilePushChannel = channel === MOBILE_PUSH;
     const isInAppChannel = channel === INAPP;
@@ -2755,6 +2739,8 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         break;
     }
     let showNoAccountHeader = isEmpty(weCrmAccounts) && !fetchingWeCrmAccounts;
+    // Zalo and Whatsapp has dependencies on domainProperties to get the hostName. Show loader until the domainProperties are fetched. 
+    const isDomainPropertiesLoading = [WHATSAPP, ZALO].includes(channel) && senderDetails?.status === "REQUEST";
     if (channel === FACEBOOK && !isEmpty(campaignSettings) ) {
       const fbSetting = get(campaignSettings, 'accountSettings.socialAccountSettings.facebookAccountSettings', []);
       const { orgUnitFacebookPageSettingsMap } = fbSetting[0] || {};
@@ -2773,7 +2759,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     if (channel === WECHAT && !commonUtil.hasWechatFeatureEnabled()) {
       showNoAccountHeader = true;
     }
-    return (<CapSkeleton loading={fetchingWeCrmAccounts} active paragraph={{ rows: 10 }}>
+    return (<CapSkeleton loading={fetchingWeCrmAccounts || isDomainPropertiesLoading} active paragraph={{ rows: 10 }}>
       {showNoAccountHeader ? <FormattedMessage {...noAccountHeader} /> :
       <div style={{ overflowX: "auto", paddingBottom: CAP_SPACE_16 }}>
         <CapHeader

package/v2Containers/Templates/tests/__snapshots__/index.test.js.snap

@@ -10,11 +10,49 @@ exports[`Test Templates container Should render correct component for whatsapp c
     }
   }
 >
-  <FormattedMessage
-    defaultMessage="Whatsapp accounts are not setup for your brand"
-    id="creatives.containersV2.Templates.noAccountsPresentWhatsapp"
-    values={Object {}}
-  />
+  <div
+    style={
+      Object {
+        "overflowX": "auto",
+        "paddingBottom": "1.142rem",
+      }
+    }
+  >
+    <CapHeader
+      className="select-account-header"
+      description="Choose the account to send content"
+      descriptionClass=""
+      inline={false}
+      size="regular"
+      title="Whatsapp account"
+      titleClass=""
+    />
+    <CapRadioCard
+      cardHeight="48px"
+      cardWidth="276px"
+      className="select-account"
+      defaultValue=""
+      onChange={[Function]}
+      panes={
+        Array [
+          Object {
+            "icon": <CapIconAvatar
+              backgroundProps={Object {}}
+              height="2rem"
+              labelProps={Object {}}
+              text="W"
+              width="auto"
+            />,
+            "key": "abc12",
+            "title": "WhatsappAccount",
+            "value": "WhatsappAccount",
+          },
+        ]
+      }
+      selected=""
+      size="small"
+    />
+  </div>
 </CapSkeleton>
 `;
 
@@ -190,6 +228,30 @@ exports[`Test Templates container Should render temlates when whatsapp templates
         templateInProgress={false}
       >
         <div>
+          <CapHeader
+            description={
+              <React.Fragment>
+                <CapHeading
+                  type="h3"
+                >
+                  
+                   
+                   
+                </CapHeading>
+              </React.Fragment>
+            }
+            descriptionClass=""
+            inline={false}
+            size="regular"
+            title={
+              <CapHeading
+                type="h4"
+              >
+                Whatsapp account
+              </CapHeading>
+            }
+            titleClass=""
+          />
           <div
             className="action-container"
           >
@@ -423,6 +485,30 @@ exports[`Test Templates container Should render temlates when whatsapp templates
         templateInProgress={false}
       >
         <div>
+          <CapHeader
+            description={
+              <React.Fragment>
+                <CapHeading
+                  type="h3"
+                >
+                  
+                   
+                   
+                </CapHeading>
+              </React.Fragment>
+            }
+            descriptionClass=""
+            inline={false}
+            size="regular"
+            title={
+              <CapHeading
+                type="h4"
+              >
+                Whatsapp account
+              </CapHeading>
+            }
+            titleClass=""
+          />
           <div
             className="action-container"
           >
@@ -782,6 +868,30 @@ exports[`Test Templates container Test max templates exceeded 1`] = `
         templateInProgress={false}
       >
         <div>
+          <CapHeader
+            description={
+              <React.Fragment>
+                <CapHeading
+                  type="h3"
+                >
+                  
+                   
+                   
+                </CapHeading>
+              </React.Fragment>
+            }
+            descriptionClass=""
+            inline={false}
+            size="regular"
+            title={
+              <CapHeading
+                type="h4"
+              >
+                Whatsapp account
+              </CapHeading>
+            }
+            titleClass=""
+          />
           <div
             className="action-container"
           >
@@ -1100,8 +1210,8 @@ Click {{unsubscribe}} to unsubscribe
                                   "base": Object {
                                     "content": Object {
                                       "whatsapp": Object {
-                                        "accessToken": "Bearer gDwEuRIm9icV6phixociSw==",
-                                        "accountId": "107499611940863",
+                                        "accessToken": "Bearer abcd",
+                                        "accountId": "12345",
                                         "buttonType": "CTA",
                                         "buttons": Array [
                                           Object {
@@ -1237,6 +1347,30 @@ exports[`Test Templates container Test max templates not exceeded 1`] = `
         templateInProgress={false}
       >
         <div>
+          <CapHeader
+            description={
+              <React.Fragment>
+                <CapHeading
+                  type="h3"
+                >
+                  
+                   
+                   
+                </CapHeading>
+              </React.Fragment>
+            }
+            descriptionClass=""
+            inline={false}
+            size="regular"
+            title={
+              <CapHeading
+                type="h4"
+              >
+                Whatsapp account
+              </CapHeading>
+            }
+            titleClass=""
+          />
           <div
             className="action-container"
           >
@@ -1537,8 +1671,8 @@ Click {{unsubscribe}} to unsubscribe
                                   "base": Object {
                                     "content": Object {
                                       "whatsapp": Object {
-                                        "accessToken": "Bearer gDwEuRIm9icV6phixociSw==",
-                                        "accountId": "107499611940863",
+                                        "accessToken": "Bearer abcd",
+                                        "accountId": "12345",
                                         "buttonType": "CTA",
                                         "buttons": Array [
                                           Object {
@@ -1674,6 +1808,30 @@ exports[`Test Templates container Test max templates warning 1`] = `
         templateInProgress={false}
       >
         <div>
+          <CapHeader
+            description={
+              <React.Fragment>
+                <CapHeading
+                  type="h3"
+                >
+                  
+                   
+                   
+                </CapHeading>
+              </React.Fragment>
+            }
+            descriptionClass=""
+            inline={false}
+            size="regular"
+            title={
+              <CapHeading
+                type="h4"
+              >
+                Whatsapp account
+              </CapHeading>
+            }
+            titleClass=""
+          />
           <div
             className="action-container"
           >
@@ -1974,8 +2132,8 @@ Click {{unsubscribe}} to unsubscribe
                                   "base": Object {
                                     "content": Object {
                                       "whatsapp": Object {
-                                        "accessToken": "Bearer gDwEuRIm9icV6phixociSw==",
-                                        "accountId": "107499611940863",
+                                        "accessToken": "Bearer abcd",
+                                        "accountId": "12345",
                                         "buttonType": "CTA",
                                         "buttons": Array [
                                           Object {
@@ -2111,6 +2269,30 @@ exports[`Test Templates container Test removing all whatsapp filterss 1`] = `
         templateInProgress={false}
       >
         <div>
+          <CapHeader
+            description={
+              <React.Fragment>
+                <CapHeading
+                  type="h3"
+                >
+                  
+                   
+                   
+                </CapHeading>
+              </React.Fragment>
+            }
+            descriptionClass=""
+            inline={false}
+            size="regular"
+            title={
+              <CapHeading
+                type="h4"
+              >
+                Whatsapp account
+              </CapHeading>
+            }
+            titleClass=""
+          />
           <div
             className="action-container"
           >
@@ -2370,6 +2552,30 @@ exports[`Test Templates container Test removing all whatsapp filterss 2`] = `
         templateInProgress={false}
       >
         <div>
+          <CapHeader
+            description={
+              <React.Fragment>
+                <CapHeading
+                  type="h3"
+                >
+                  
+                   
+                   
+                </CapHeading>
+              </React.Fragment>
+            }
+            descriptionClass=""
+            inline={false}
+            size="regular"
+            title={
+              <CapHeading
+                type="h4"
+              >
+                Whatsapp account
+              </CapHeading>
+            }
+            titleClass=""
+          />
           <div
             className="action-container"
           >
@@ -2603,6 +2809,30 @@ exports[`Test Templates container Test removing single filter 1`] = `
         templateInProgress={false}
       >
         <div>
+          <CapHeader
+            description={
+              <React.Fragment>
+                <CapHeading
+                  type="h3"
+                >
+                  
+                   
+                   
+                </CapHeading>
+              </React.Fragment>
+            }
+            descriptionClass=""
+            inline={false}
+            size="regular"
+            title={
+              <CapHeading
+                type="h4"
+              >
+                Whatsapp account
+              </CapHeading>
+            }
+            titleClass=""
+          />
           <div
             className="action-container"
           >

package/v2Containers/Templates/tests/mockData.js

@@ -72,3 +72,34 @@ export const getAllTemplatesListFailure = {
   "message": "Resource Not Found",
   "error": {},
 };
+
+export const senderDetailsWhatsapp = {
+  channel: "WHATSAPP",
+  domainProperties: {
+    connectionProperties: {
+      account_sid: "testSourceAccount",
+      wabaId: "testSourceAccount",
+      userid: "testSourceAccount",
+      sourceAccountIdentifier: "testSourceAccount",
+    },
+    hostname: "testWhatsappHost",
+  },
+};
+
+export const senderDetailsZalo = {
+  channel: "ZALO",
+  domainProperties: {
+    connectionProperties: {
+      oa_id: "testSourceAccount",
+      sourceAccountIdentifier: "testSourceAccount",
+    },
+    hostname: "testZaloHost",
+  },
+};
+
+export const senderDetailsSMS = {
+  channel: "SMS",
+  hostName: "TestSMSHost",
+};
+
+export const errorMessage = ["Error fetching sender details"];

package/v2Containers/Templates/tests/reducer.test.js

@@ -48,3 +48,63 @@ describe("test reducer", () => {
     });
   });
 });
+
+
+describe("test reducer - sender details", () => {
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("should handle GET_SENDER_DETAILS_REQUEST", () => {
+    const action = { type: types.GET_SENDER_DETAILS_REQUEST };
+    expect(reducer(initialState, action).toJS()).toEqual({
+      ...initialState.toJS(),
+      senderDetails: { status: "REQUEST" },
+    });
+  });
+
+  it("should handle GET_SENDER_DETAILS_SUCCESS for WHATSAPP (multi-account channel)", () => {
+    const action = {
+      type: types.GET_SENDER_DETAILS_SUCCESS,
+      payload: mockData.senderDetailsWhatsapp,
+    };
+    expect(reducer(initialState, action).toJS()).toEqual({
+      ...initialState.toJS(),
+      senderDetails: {
+        status: "SUCCESS",
+        domainProperties: mockData.senderDetailsWhatsapp.domainProperties,
+        errors: [],
+      },
+    });
+  });
+
+  it("should handle GET_SENDER_DETAILS_SUCCESS for non-multi-account channel", () => {
+    const action = {
+      type: types.GET_SENDER_DETAILS_SUCCESS,
+      payload: mockData.senderDetailsSMS.hostName,
+    };
+    expect(reducer(initialState, action).toJS()).toEqual({
+      ...initialState.toJS(),
+      senderDetails: {
+        status: "SUCCESS",
+        hostName: mockData.senderDetailsSMS.hostName,
+        errors: [],
+      },
+    });
+  });
+
+  it("should handle GET_SENDER_DETAILS_FAILURE", () => {
+    const action = {
+      type: types.GET_SENDER_DETAILS_FAILURE,
+      payload: mockData.errorMessage,
+    };
+    expect(reducer(initialState, action).toJS()).toEqual({
+      ...initialState.toJS(),
+      senderDetails: {
+        status: "FAILURE",
+        hostName: "",
+        errors: mockData.errorMessage,
+      },
+    });
+  });
+});

package/v2Containers/mockdata.js

@@ -12,15 +12,15 @@ export default {
       isActive: true,
       sourceTypeId: 19,
       configs: {
-        accessToken: "Bearer gDwEuRIm9icV6phixociSw==",
+        accessToken: "Bearer abcd",
         promotionalMessagingSSID: "",
         transactionalMessagingSSID: "",
       },
       hostName: "karixwhatsappbulk",
       toMirror: true,
       id: 12721,
-      uuid: "93c52a35824a4bea8650d7d0232b2e3c",
-      sourceAccountIdentifier: "107499611940863",
+      uuid: "abc12",
+      sourceAccountIdentifier: "12345",
       commChannels: ["whatsapp"],
     },
     getAllTemplatesInProgress: false,
@@ -28,6 +28,114 @@ export default {
     weCRMtemplates: [],
     senderDetails: {
       status: "SUCCESS",
+      domainProperties: [
+        {
+            "id": 249341,
+            "orgId": 50074,
+            "label": "",
+            "domainProperties": {
+                "id": 3972,
+                "domainName": "whatsapp_mobile_push",
+                "description": "whatsapp_mobile_push_karix",
+                "contactInfo": [
+                    {
+                        "id": 100776,
+                        "domainPropId": 3972,
+                        "messageClass": "WHATSAPP",
+                        "type": "gsm_sender_id",
+                        "label": "whatsapptesting",
+                        "value": "919611759663",
+                        "valid": true,
+                        "default": true
+                    },
+                    {
+                        "id": 102485,
+                        "domainPropId": 3972,
+                        "messageClass": "WHATSAPP",
+                        "type": "cdma_sender_id",
+                        "label": "whatsapptesting",
+                        "value": "919611759663",
+                        "valid": true,
+                        "default": true
+                    },
+                    {
+                        "id": 102486,
+                        "domainPropId": 3972,
+                        "messageClass": "WHATSAPP",
+                        "type": "cdma_sender_id",
+                        "label": "not_working",
+                        "value": "919876543210",
+                        "valid": true,
+                        "default": false
+                    },
+                    {
+                        "id": 102487,
+                        "domainPropId": 3972,
+                        "messageClass": "WHATSAPP",
+                        "type": "gsm_sender_id",
+                        "label": "not_working",
+                        "value": "919876543210",
+                        "valid": true,
+                        "default": false
+                    }
+                ],
+                "xengageEnabled": false,
+                "connectionProperties": {
+                    "919611759663_whatsapp_pool_id": "CAP001",
+                    "authToken": "Bearer abcd",
+                    "sourceAccountIdentifier": "12345",
+                    "wabaId": "12345",
+                    "whatsapp_pool_id": "CAP001"
+                },
+                "hostName": "karixwhatsappbulk"
+            },
+            "priority": 1,
+            "valid": true
+        },
+        {
+            "id": 276278,
+            "orgId": 50074,
+            "label": "",
+            "domainProperties": {
+                "id": 4294,
+                "domainName": "gupshup",
+                "description": "gupshup whatsapp test",
+                "contactInfo": [
+                    {
+                        "id": 101616,
+                        "domainPropId": 4294,
+                        "messageClass": "WHATSAPP",
+                        "type": "gsm_sender_id",
+                        "label": "gupshup test",
+                        "value": "gupshuptest",
+                        "description": "",
+                        "valid": true,
+                        "default": true
+                    },
+                    {
+                        "id": 101617,
+                        "domainPropId": 4294,
+                        "messageClass": "WHATSAPP",
+                        "type": "cdma_sender_id",
+                        "label": "gupshupt est",
+                        "value": "gupshuptest",
+                        "description": "",
+                        "valid": true,
+                        "default": true
+                    }
+                ],
+                "xengageEnabled": false,
+                "connectionProperties": {
+                    "password": "qrtCAJCz",
+                    "sourceAccountIdentifier": "123456",
+                    "userid": "123456"
+                },
+                "hostName": "gupshupwhatsappbulk"
+            },
+            "priority": 1,
+            "valid": true
+        },
+    ],
       hostName: "karixwhatsappbulk",
       errors: [],
     },
@@ -42,14 +150,14 @@ export default {
         isActive: true,
         sourceTypeId: 19,
         configs: {
-          accessToken: "Bearer gDwEuRIm9icV6phixociSw==",
+          accessToken: "Bearer abcd",
           promotionalMessagingSSID: "",
           transactionalMessagingSSID: "",
         },
         toMirror: true,
         id: 12721,
-        uuid: "93c52a35824a4bea8650d7d0232b2e3c",
-        sourceAccountIdentifier: "107499611940863",
+        uuid: "abc12",
+        sourceAccountIdentifier: "12345",
         commChannels: ["whatsapp"],
       },
     ],
@@ -68,8 +176,8 @@ export default {
                 status: "pending",
                 templateId: "720951875646523",
                 hostName: "karixwhatsappbulk",
-                accessToken: "Bearer gDwEuRIm9icV6phixociSw==",
-                accountId: "107499611940863",
+                accessToken: "Bearer abcd",
+                accountId: "12345",
                 templateEditor: false,
                 karixFileHandle:
                   "4::aW1hZ2UvanBlZw==:ARZpmm0pMfsBvKepIjR-HG2HIw_78ynisr-riY1s4xpi2noK9QsvtvVfnZb5hUxks5HM5JHG0gCn_ZtPuJzya1SH3eq4Upn3M0eqsDLr4CzdPw:e:1658404714:259409122277300:100066839164237:ARbbCRjU-2ksqoUOp4Y",
@@ -124,8 +232,8 @@ export default {
                 status: "pending",
                 templateId: "4916570121786087",
                 hostName: "karixwhatsappbulk",
-                accessToken: "Bearer gDwEuRIm9icV6phixociSw==",
-                accountId: "107499611940863",
+                accessToken: "Bearer abcd",
+                accountId: "12345",
                 templateEditor: false,
                 karixFileHandle:
                   "4::aW1hZ2UvanBlZw==:ARY0H4Z85fo_TTfmAYJpqpnSbBlE3VaIYyr9S_Exg7GV_EhOo-30AVAoe35d0ZH8Cx5ZaJ3U2RovzzqVHPUnMK_7wFY7RNngsTwWc4vnZ7bMoA:e:1658404539:259409122277300:100066839164237:ARaPlACD4a5lw9Wp4X4",
@@ -173,8 +281,8 @@ export default {
                 status: "pending",
                 templateId: "732848961277130",
                 hostName: "karixwhatsappbulk",
-                accessToken: "Bearer gDwEuRIm9icV6phixociSw==",
-                accountId: "107499611940863",
+                accessToken: "Bearer abcd",
+                accountId: "12345",
                 templateEditor: false,
                 karixFileHandle:
                   "4::aW1hZ2UvanBlZw==:ARYfsmvPHCeI0Q3ixfzpZ3gOIoYjrkx6STalsi58_twFIqB5rvPKsKPH7yL_eXMfbmXGq_X0qiLrL7FaSSFq_uzudytfoOj9Oh5ueb1uUV367A:e:1658404470:259409122277300:100066839164237:ARaaojq13hSRpe7h0Tw",
@@ -223,8 +331,8 @@ export default {
                 status: "pending",
                 templateId: "993272384701160",
                 hostName: "karixwhatsappbulk",
-                accessToken: "Bearer gDwEuRIm9icV6phixociSw==",
-                accountId: "107499611940863",
+                accessToken: "Bearer abcd",
+                accountId: "12345",
                 templateEditor: false,
                 karixFileHandle:
                   "4::aW1hZ2UvanBlZw==:ARa6WKa8LHjcJf2DBWokWtAvxkowam2zBaUJvEwxyWH2EamzQv7-GlX7bsf6IKkdWKLAATpfo_vkAgQ8mWLf2wvVNEVBmPWk3yyrWDnVI44_9A:e:1658404412:259409122277300:100066839164237:ARYyRilqCb6hSKHtjYQ",
@@ -264,8 +372,8 @@ export default {
                 status: "pending",
                 templateId: "1838206886365227",
                 hostName: "karixwhatsappbulk",
-                accessToken: "Bearer gDwEuRIm9icV6phixociSw==",
-                accountId: "107499611940863",
+                accessToken: "Bearer abcd",
+                accountId: "12345",
                 templateEditor: false,
                 mediaType: "TEXT",
                 languages: [
@@ -301,8 +409,8 @@ export default {
                 status: "pending",
                 templateId: "412858944197174",
                 hostName: "karixwhatsappbulk",
-                accessToken: "Bearer gDwEuRIm9icV6phixociSw==",
-                accountId: "107499611940863",
+                accessToken: "Bearer abcd",
+                accountId: "12345",
                 templateEditor: false,
                 mediaType: "TEXT",
                 languages: [
@@ -1150,7 +1258,7 @@ export default {
     channel: "EMAIL",
     validity: true,
   },
-  getWhatsappContentOutput: "1234567890\nClick {{unsubscribe}} to unsubscribe",
+  getWhatsappContentOutput: "123450\nClick {{unsubscribe}} to unsubscribe",
   getWhatsappStatusOutput1: {
     key: "approved",
     label: (
@@ -1216,8 +1324,8 @@ export default {
             status: "approved",
             templateId: "720951875646523",
             hostName: "karixwhatsappbulk",
-            accessToken: "Bearer gDwEuRIm9icV6phixociSw==",
-            accountId: "107499611940863",
+            accessToken: "Bearer abcd",
+            accountId: "12345",
             templateEditor: false,
             karixFileHandle:
               "4::aW1hZ2UvanBlZw==:ARZpmm0pMfsBvKepIjR-HG2HIw_78ynisr-riY1s4xpi2noK9QsvtvVfnZb5hUxks5HM5JHG0gCn_ZtPuJzya1SH3eq4Upn3M0eqsDLr4CzdPw:e:1658404714:259409122277300:100066839164237:ARbbCRjU-2ksqoUOp4Y",
@@ -1274,8 +1382,8 @@ export default {
             status: "approved",
             templateId: "720951875646523",
             hostName: "karixwhatsappbulk",
-            accessToken: "Bearer gDwEuRIm9icV6phixociSw==",
-            accountId: "107499611940863",
+            accessToken: "Bearer abcd",
+            accountId: "12345",
             templateEditor: false,
             karixFileHandle:
               "4::aW1hZ2UvanBlZw==:ARZpmm0pMfsBvKepIjR-HG2HIw_78ynisr-riY1s4xpi2noK9QsvtvVfnZb5hUxks5HM5JHG0gCn_ZtPuJzya1SH3eq4Upn3M0eqsDLr4CzdPw:e:1658404714:259409122277300:100066839164237:ARbbCRjU-2ksqoUOp4Y",
@@ -1334,8 +1442,8 @@ export default {
             status: "approved",
             templateId: "720951875646523",
             hostName: "karixwhatsappbulk",
-            accessToken: "Bearer gDwEuRIm9icV6phixociSw==",
-            accountId: "107499611940863",
+            accessToken: "Bearer abcd",
+            accountId: "12345",
             templateEditor: false,
             karixFileHandle:
               "4::aW1hZ2UvanBlZw==:ARZpmm0pMfsBvKepIjR-HG2HIw_78ynisr-riY1s4xpi2noK9QsvtvVfnZb5hUxks5HM5JHG0gCn_ZtPuJzya1SH3eq4Upn3M0eqsDLr4CzdPw:e:1658404714:259409122277300:100066839164237:ARbbCRjU-2ksqoUOp4Y",