@capillarytech/creatives-library 8.0.65-alpha.7 → 8.0.65

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

@@ -10,49 +10,11 @@ exports[`Test Templates container Should render correct component for whatsapp c
     }
   }
 >
-  <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>
+  <FormattedMessage
+    defaultMessage="Whatsapp accounts are not setup for your brand"
+    id="creatives.containersV2.Templates.noAccountsPresentWhatsapp"
+    values={Object {}}
+  />
 </CapSkeleton>
 `;
 
@@ -228,30 +190,6 @@ 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"
           >
@@ -485,30 +423,6 @@ 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"
           >
@@ -560,6 +474,24 @@ exports[`Test Templates container Should render temlates when whatsapp templates
                       />,
                       "value": "rejected",
                     },
+                    Object {
+                      "key": "pending",
+                      "label": <FormattedMessage
+                        defaultMessage="Pending"
+                        id="creatives.containersV2.Whatsapp.pending"
+                        values={Object {}}
+                      />,
+                      "value": "pending",
+                    },
+                    Object {
+                      "key": "paused",
+                      "label": <FormattedMessage
+                        defaultMessage="Paused"
+                        id="creatives.containersV2.Whatsapp.paused"
+                        values={Object {}}
+                      />,
+                      "value": "paused",
+                    },
                   ]
                 }
                 dropdownMaxHeight="320px"
@@ -868,30 +800,6 @@ 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"
           >
@@ -943,6 +851,24 @@ exports[`Test Templates container Test max templates exceeded 1`] = `
                       />,
                       "value": "rejected",
                     },
+                    Object {
+                      "key": "pending",
+                      "label": <FormattedMessage
+                        defaultMessage="Pending"
+                        id="creatives.containersV2.Whatsapp.pending"
+                        values={Object {}}
+                      />,
+                      "value": "pending",
+                    },
+                    Object {
+                      "key": "paused",
+                      "label": <FormattedMessage
+                        defaultMessage="Paused"
+                        id="creatives.containersV2.Whatsapp.paused"
+                        values={Object {}}
+                      />,
+                      "value": "paused",
+                    },
                   ]
                 }
                 dropdownMaxHeight="320px"
@@ -1210,8 +1136,8 @@ Click {{unsubscribe}} to unsubscribe
                                   "base": Object {
                                     "content": Object {
                                       "whatsapp": Object {
-                                        "accessToken": "Bearer abcd",
-                                        "accountId": "12345",
+                                        "accessToken": "Bearer gDwEuRIm9icV6phixociSw==",
+                                        "accountId": "107499611940863",
                                         "buttonType": "CTA",
                                         "buttons": Array [
                                           Object {
@@ -1347,30 +1273,6 @@ 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"
           >
@@ -1422,6 +1324,24 @@ exports[`Test Templates container Test max templates not exceeded 1`] = `
                       />,
                       "value": "rejected",
                     },
+                    Object {
+                      "key": "pending",
+                      "label": <FormattedMessage
+                        defaultMessage="Pending"
+                        id="creatives.containersV2.Whatsapp.pending"
+                        values={Object {}}
+                      />,
+                      "value": "pending",
+                    },
+                    Object {
+                      "key": "paused",
+                      "label": <FormattedMessage
+                        defaultMessage="Paused"
+                        id="creatives.containersV2.Whatsapp.paused"
+                        values={Object {}}
+                      />,
+                      "value": "paused",
+                    },
                   ]
                 }
                 dropdownMaxHeight="320px"
@@ -1671,8 +1591,8 @@ Click {{unsubscribe}} to unsubscribe
                                   "base": Object {
                                     "content": Object {
                                       "whatsapp": Object {
-                                        "accessToken": "Bearer abcd",
-                                        "accountId": "12345",
+                                        "accessToken": "Bearer gDwEuRIm9icV6phixociSw==",
+                                        "accountId": "107499611940863",
                                         "buttonType": "CTA",
                                         "buttons": Array [
                                           Object {
@@ -1808,30 +1728,6 @@ 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"
           >
@@ -1883,6 +1779,24 @@ exports[`Test Templates container Test max templates warning 1`] = `
                       />,
                       "value": "rejected",
                     },
+                    Object {
+                      "key": "pending",
+                      "label": <FormattedMessage
+                        defaultMessage="Pending"
+                        id="creatives.containersV2.Whatsapp.pending"
+                        values={Object {}}
+                      />,
+                      "value": "pending",
+                    },
+                    Object {
+                      "key": "paused",
+                      "label": <FormattedMessage
+                        defaultMessage="Paused"
+                        id="creatives.containersV2.Whatsapp.paused"
+                        values={Object {}}
+                      />,
+                      "value": "paused",
+                    },
                   ]
                 }
                 dropdownMaxHeight="320px"
@@ -2132,8 +2046,8 @@ Click {{unsubscribe}} to unsubscribe
                                   "base": Object {
                                     "content": Object {
                                       "whatsapp": Object {
-                                        "accessToken": "Bearer abcd",
-                                        "accountId": "12345",
+                                        "accessToken": "Bearer gDwEuRIm9icV6phixociSw==",
+                                        "accountId": "107499611940863",
                                         "buttonType": "CTA",
                                         "buttons": Array [
                                           Object {
@@ -2269,30 +2183,6 @@ 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"
           >
@@ -2552,30 +2442,6 @@ 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"
           >
@@ -2809,30 +2675,6 @@ 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,34 +72,3 @@ 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,63 +48,3 @@ 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/Whatsapp/constants.js

@@ -144,12 +144,32 @@ export const TWILIO_CATEGORY_OPTIONS = [
   },
 ];
 
+export const ICS_CATEGORY_OPTIONS = [
+  {
+    key: 'utility',
+    value: WHATSAPP_CATEGORIES.utility,
+    label: <FormattedMessage {...messages.utility} />,
+    tooltipLabel: <FormattedMessage {...messages.utilityTooltip} />,
+    tagColor: CAP_PURPLE03,
+    tagTextColor: CAP_PURPLE02,
+  },
+  {
+    key: 'marketing',
+    value: WHATSAPP_CATEGORIES.marketing,
+    label: <FormattedMessage {...messages.marketing} />,
+    tooltipLabel: <FormattedMessage {...messages.marketingTooltip} />,
+    tagColor: CAP_ORANGE01,
+    tagTextColor: CAP_ORANGE,
+  },
+];
+
 export const WHATSAPP_STATUSES = {
   awaitingApproval: 'awaitingApproval',
   approved: 'approved',
   rejected: 'rejected',
   pending: 'pending',
   unsubmitted: 'unsubmitted',
+  paused: 'paused',
 };
 
 export const STATUS_OPTIONS = [
@@ -168,6 +188,16 @@ export const STATUS_OPTIONS = [
     value: WHATSAPP_STATUSES.rejected,
     label: <FormattedMessage {...messages.rejected} />,
   },
+  {
+    key: 'pending',
+    value: WHATSAPP_STATUSES.pending,
+    label: <FormattedMessage {...messages.pending} />,
+  },
+  {
+    key: 'paused',
+    value: WHATSAPP_STATUSES.paused,
+    label: <FormattedMessage {...messages.paused} />,
+  },
 ];
 
 export const TAG = 'TAG';
@@ -228,6 +258,7 @@ export const WHATSAPP_DOCUMENT_SIZE = 16000000; // 16MB
 export const HOST_TWILIO = 'twiliowhatsapptrans';
 export const HOST_KARIX = 'karixwhatsappbulk';
 export const HOST_GUPSHUP = 'gupshupwhatsappbulk';
+export const HOST_ICS = 'icswababulk';
 export const SIZE_UNITS = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
 export const DOCUMENT_FORMAT = 'PDF';
 export const DOCUMENT_SIZE = '16 MB';
@@ -528,4 +559,11 @@ export const LANGUAGE_OPTIONS = [
 ];
 
 export const OTP_CONFIG_URI = "/org/setup/configurations/OTPConfigurations";
-export const AI_CONTENT_BOT_DISABLED = "AI_CONTENT_BOT_DISABLED";
+export const AI_CONTENT_BOT_DISABLED = "AI_CONTENT_BOT_DISABLED";
+export const CORRECT_TEMPLATE_FORMAT_URL = "https://developers.facebook.com/docs/whatsapp/updates-to-pricing/new-template-guidelines";
+export const CATEGORY_OPTIONS_MAP = {
+  [HOST_TWILIO]: TWILIO_CATEGORY_OPTIONS,
+  [HOST_KARIX]: KARIX_GUPSHUP_CATEGORY_OPTIONS,
+  [HOST_GUPSHUP]: KARIX_GUPSHUP_CATEGORY_OPTIONS,
+  [HOST_ICS]: ICS_CATEGORY_OPTIONS,
+};