@capillarytech/creatives-library 7.12.39 → 7.12.41

package/v2Containers/Whatsapp/tests/__snapshots__/utils.test.js.snap

@@ -3,17 +3,47 @@
 exports[`Test utils test getWhatsappContent 1`] = `
 Object {
   "charCount": 46,
+  "ctaData": Array [
+    Object {
+      "index": 0,
+      "phone_number": "+919738752617",
+      "text": "Call",
+      "type": "PHONE_NUMBER",
+    },
+    Object {
+      "index": 1,
+      "text": "More info",
+      "type": "STATIC_URL",
+      "url": "https://fast.com/",
+    },
+  ],
   "templateMsg": <React.Fragment>
     <CapLabel
       type="label9"
     >
       1234567890
-
+Click {{unsubscribe}} to unsubscribe
     </CapLabel>
+  </React.Fragment>,
+}
+`;
+
+exports[`Test utils test getWhatsappContent 2`] = `
+Object {
+  "charCount": 3,
+  "ctaData": Array [
+    Object {
+      "index": 0,
+      "phone_number": "",
+      "text": "",
+      "type": "PHONE_NUMBER",
+    },
+  ],
+  "templateMsg": <React.Fragment>
     <CapLabel
       type="label9"
     >
-      Click {{unsubscribe}} to unsubscribe
+      test
     </CapLabel>
   </React.Fragment>,
 }
@@ -22,18 +52,78 @@ Object {
 exports[`Test utils test getWhatsappContent for preview 1`] = `
 Object {
   "charCount": 46,
+  "ctaData": Array [
+    Object {
+      "index": 0,
+      "phone_number": "+919738752617",
+      "text": "Call",
+      "type": "PHONE_NUMBER",
+    },
+    Object {
+      "index": 1,
+      "text": "More info",
+      "type": "STATIC_URL",
+      "url": "https://fast.com/",
+    },
+  ],
   "templateMsg": <React.Fragment>
     <CapLabel
       type="label5"
     >
       1234567890
-
-    </CapLabel>
-    <CapLabel
-      type="label5"
-    >
-      Click {{unsubscribe}} to unsubscribe
+Click {{unsubscribe}} to unsubscribe
     </CapLabel>
   </React.Fragment>,
 }
 `;
+
+exports[`Test utils test getWhatsappCta 1`] = `
+Array [
+  <CapLabel
+    style={
+      Object {
+        "marginTop": "12px",
+        "textAlign": "center",
+      }
+    }
+    type="label21"
+  >
+    <CapIcon
+      size="xs"
+      svgProps={
+        Object {
+          "style": Object {
+            "marginRight": "4px",
+          },
+        }
+      }
+      type="call"
+    />
+    Call
+  </CapLabel>,
+  <CapLabel
+    style={
+      Object {
+        "marginTop": "12px",
+        "textAlign": "center",
+      }
+    }
+    type="label21"
+  >
+    <CapIcon
+      size="xs"
+      svgProps={
+        Object {
+          "style": Object {
+            "marginRight": "4px",
+          },
+        }
+      }
+      type="launch"
+    />
+    More info
+  </CapLabel>,
+]
+`;
+
+exports[`Test utils test getWhatsappCta 2`] = `Array []`;

package/v2Containers/Whatsapp/tests/index.test.js

@@ -11,9 +11,10 @@ beforeAll(() => {
   store = configureStore({}, browserHistory);
 });
 
-describe('Creatives Whatsapp test/>', () => {
+describe('Creatives Whatsapp test1/>', () => {
   let renderedComponent;
   const createWhatsappTemplate = jest.fn();
+  const getFormData = jest.fn();
   const clearCreateResponse = jest.fn();
   const getTemplateDetails = jest.fn();
   const resetEditTemplate = jest.fn();
@@ -28,9 +29,10 @@ describe('Creatives Whatsapp test/>', () => {
   const editData1 = mockData.editData1;
   const editData2 = mockData.editData2;
   const editData3 = mockData.editData3;
+  const editdata4 = mockData.editdata4;
   const accountData = mockData.accountData;
 
-  const renderHelper = (args) => {
+  const renderHelper = (args,isFullMode = true) => {
     renderedComponent = mountWithIntl(
       <Provider store={store}>
         <Whatsapp
@@ -43,12 +45,14 @@ describe('Creatives Whatsapp test/>', () => {
           globalActions={{ fetchSchemaForEntity }}
           onCreateComplete={onCreateComplete}
           handleClose={handleClose}
+          getFormData={getFormData}
           params={args.params}
           editData={args.editData}
+          templateData={args.templateData}
           accountData={accountData}
           location={location}
           intl={{ formatMessage }}
-          isFullMode={args.isFullMode || true}
+          isFullMode={isFullMode}
           isEditFlow={args.isEditFlow || false}
           loadingTags={args.loadingTags}
           metaEntities={[]}
@@ -56,22 +60,13 @@ describe('Creatives Whatsapp test/>', () => {
         />
       </Provider>,
     );
-  }
+  };
 
   it('should render create mode', () => {
     renderHelper({});
     expect(renderedComponent).toMatchSnapshot();
   });
 
-  it('test addVariable in create mode', () => {
-    renderHelper({});
-    renderedComponent
-      .find('CapHeader').at(1)
-      .props().suffix
-      .props.onClick();
-    expect(renderedComponent).toMatchSnapshot();
-  });
-
   it('template name change', () => {
     renderHelper({});
     const templateNameRenderHelper = (val) => {
@@ -161,6 +156,30 @@ describe('Creatives Whatsapp test/>', () => {
     createWhatsappTemplate.mockImplementation((obj, callback) => {
       callback();
     });
+    const handleClick = jest.spyOn(React, 'useState');
+    handleClick.mockImplementation((ctaData) => [
+      ctaData,
+      [
+        {
+          index: 0,
+          ctaType: 'WEBSITE',
+          text: 'Visit',
+          phone_number: '',
+          urlType: 'STATIC_URL',
+          url: 'https://www.google.com',
+          isSaved: true,
+        },
+        {
+          index: 1,
+          ctaType: 'PHONE_NUMBER',
+          text: 'Call us',
+          phone_number: '9112345',
+          urlType: 'STATIC_URL',
+          url: '',
+          isSaved: true,
+        },
+      ],
+    ]);
     renderedComponent
       .find('#whatsapp_template_name_input')
       .at(3)
@@ -178,21 +197,143 @@ describe('Creatives Whatsapp test/>', () => {
       .find('TextArea#whatsapp-create-template-message-input')
       .at(1)
       .simulate('change', event);
+    event = { target: { checked: true } };
+    renderedComponent
+      .find('CapCheckbox.whatsapp-unsubscribe-checkbox')
+      .props()
+      .onChange(event);
+    renderedComponent.update();
+    event = { target: { value: 'CTA' } };
+    renderedComponent
+      .find('CapRadioGroup.whatsapp-btn-radio-group')
+      .props()
+      .onChange(event);
+    renderedComponent.update();
     renderedComponent.find('CapButton.whatsapp-create-btn').props().onClick();
+    expect(renderedComponent).toMatchSnapshot();
   });
 
   it('should render edit mode in various cases', () => {
     let event = { target: { value: '5454', id: '{{1}}_1' } };
-    renderHelper({ params, editData: editData1, isEditFlow: true, loadingTags: false });
+    renderHelper({
+      params,
+      editData: editData1,
+      isEditFlow: true,
+      loadingTags: false,
+    });
     expect(renderedComponent).toMatchSnapshot();
-    renderHelper({ params, editData: editData2, isEditFlow: true, loadingTags: false });
+    renderHelper({
+      params,
+      editData: editData2,
+      isEditFlow: true,
+      loadingTags: false,
+    });
     expect(renderedComponent).toMatchSnapshot();
-    renderHelper({ params, editData: editData3, isEditFlow: true, loadingTags: false });
+    renderHelper({
+      params,
+      editData: editData3,
+      isEditFlow: true,
+      loadingTags: false,
+    });
     expect(renderedComponent).toMatchSnapshot();
-    renderHelper({ params, editData: editData1, isEditFlow: true, loadingTags: false });
-    renderedComponent.find('textarea.TextArea__StyledTextArea-sc-177dfyt-2')
+    renderHelper({
+      params,
+      editData: editData1,
+      isEditFlow: true,
+      loadingTags: false,
+    });
+    renderedComponent
+      .find('textarea.TextArea__StyledTextArea-sc-177dfyt-2')
       .at(1)
       .simulate('change', event);
     expect(renderedComponent).toMatchSnapshot();
+    renderHelper({
+      params,
+      templateData: editdata4,
+      isEditFlow: true,
+      loadingTags: false,
+    },false);
+    expect(renderedComponent).toMatchSnapshot();
+    renderedComponent.find('CapButton.whatsapp-create-btn').props().onClick();
+  });
+});
+
+describe('Creatives Whatsapp test2/>', () => {
+  let renderedComponent;
+  const createWhatsappTemplate = jest.fn();
+  const clearCreateResponse = jest.fn();
+  const getTemplateDetails = jest.fn();
+  const resetEditTemplate = jest.fn();
+  const fetchSchemaForEntity = jest.fn();
+  const handleClose = jest.fn();
+  const onCreateComplete = jest.fn();
+  const formatMessage = jest.fn();
+  const location = mockData.location;
+  const params = {
+    id: mockData.editData1.templateDetails._id,
+  };
+  const editData1 = mockData.editData1;
+  const editData2 = mockData.editData2;
+  const editData3 = mockData.editData3;
+  const editdata4 = mockData.editdata4;
+  const accountData = mockData.accountData;
+
+  const renderHelper = (args,isFullMode = true) => {
+    renderedComponent = mountWithIntl(
+      <Provider store={store}>
+        <Whatsapp
+          actions={{
+            createWhatsappTemplate,
+            clearCreateResponse,
+            getTemplateDetails,
+            resetEditTemplate,
+          }}
+          globalActions={{ fetchSchemaForEntity }}
+          onCreateComplete={onCreateComplete}
+          handleClose={handleClose}
+          params={args.params}
+          editData={args.editData}
+          accountData={accountData}
+          location={location}
+          intl={{ formatMessage }}
+          isFullMode={isFullMode}
+          isEditFlow={args.isEditFlow || false}
+          loadingTags={args.loadingTags}
+          metaEntities={[]}
+          getDefaultTags={true}
+        />
+      </Provider>,
+    );
+  };
+
+  it('test addVariable in create mode', () => {
+    renderHelper({});
+    renderedComponent.find('CapHeader').at(1).props().suffix.props.onClick();
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
+  it('add cta', () => {
+    renderHelper({});
+    let event = { target: { value: 'CTA' } };
+    renderedComponent
+      .find('CapRadioGroup.whatsapp-btn-radio-group')
+      .props()
+      .onChange(event);
+    expect(renderedComponent).toMatchSnapshot();
+  });
+  it('check unsubscribe', () => {
+    renderHelper({});
+    let event = { target: { checked: true } };
+    renderedComponent
+      .find('CapCheckbox.whatsapp-unsubscribe-checkbox')
+      .props()
+      .onChange(event);
+    renderedComponent.update();
+    expect(
+      renderedComponent
+        .find('CapCheckbox.whatsapp-unsubscribe-checkbox')
+        .props().checked,
+    ).toBe(true);
+    expect(renderedComponent).toMatchSnapshot();
   });
 });

package/v2Containers/Whatsapp/tests/mockData.js

@@ -8,114 +8,175 @@ export const mockData = {
   },
   editData1: {
     templateDetails: {
-      "_id": "62034b4683c75608cf2404ec",
-      "name": "points_update",
-      "type": "WHATSAPP",
-      "versions": {
-        "history": [],
-        "base": {
-          "content": {
-            "whatsapp": {
-              "status": "approved",
-              "templateId": "HT9bb4d61eea1699d2dbcaecd1cb558345",
-              "accountName": "WhatsppTest",
-              "accessToken": "4676323eb5d1f975b0987070c03a8efc",
-              "accountId": "AC41030cebba9e2f1ce37c78235da0ee18",
-              "mediaType": "text",
-              "languages": [
+      _id: '62034b4683c75608cf2404ec',
+      name: 'points_update',
+      type: 'WHATSAPP',
+      versions: {
+        history: [],
+        base: {
+          content: {
+            whatsapp: {
+              status: 'approved',
+              templateId: 'HT9bb4d61eea1699d2dbcaecd1cb558345',
+              accountName: 'WhatsppTest',
+              accessToken: '4676323eb5d1f975b0987070c03a8efc',
+              accountId: 'AC41030cebba9e2f1ce37c78235da0ee18',
+              mediaType: 'text',
+              languages: [
                 {
-                  "content": "$'Dear Customer, your{{1}} points are about to expire. Redeem before {{2}} at nearest Vishal Mega Mart and SHOP FOR FREE!\nT&C\nClick {{3}} to unsubscribe'",
-                  "language": "en"
-                }
+                  content:
+                    "$'Dear Customer, your{{1}} points are about to expire. Redeem before {{2}} at nearest Vishal Mega Mart and SHOP FOR FREE!\nT&C\nClick {{3}} to unsubscribe'",
+                  language: 'en',
+                },
               ],
-              "category": "ACCOUNT_UPDATE",
-              "rejection_reason": null,
-              "varMapped": {
+              buttonType: 'CTA',
+              buttons: [
+                {
+                  phone_number: '+919738752617',
+                  text: 'Call us',
+                  type: 'PHONE_NUMBER',
+                  index: 0,
+                },
+                {
+                  url: 'https://fast.com/',
+                  text: 'Visit us',
+                  type: 'STATIC_URL',
+                  index: 1,
+                },
+              ],
+              category: 'ACCOUNT_UPDATE',
+              rejection_reason: null,
+              varMapped: {
                 '{{1}}_1': '500',
                 '{{2}}_3': 'tomorrow',
-              }
-            }
-          }
-        }
+              },
+            },
+          },
+        },
       },
-      "isActive": true,
-      "orgId": 50146,
-      "createdBy": "15000449",
-      "updatedBy": "15000449",
-      "createdAt": "2022-02-09T05:04:06.579Z",
-      "updatedAt": "2022-02-09T05:04:06.579Z"
+      isActive: true,
+      orgId: 50146,
+      createdBy: '15000449',
+      updatedBy: '15000449',
+      createdAt: '2022-02-09T05:04:06.579Z',
+      updatedAt: '2022-02-09T05:04:06.579Z',
     },
   },
   editData2: {
     templateDetails: {
-      "_id": "62034b4683c75608cf2404ec",
-      "name": "points_update",
-      "type": "WHATSAPP",
-      "versions": {
-        "history": [],
-        "base": {
-          "content": {
-            "whatsapp": {
-              "status": "rejected",
-              "templateId": "HT9bb4d61eea1699d2dbcaecd1cb558345",
-              "accountName": "WhatsppTest",
-              "accessToken": "4676323eb5d1f975b0987070c03a8efc",
-              "accountId": "AC41030cebba9e2f1ce37c78235da0ee18",
-              "mediaType": "text",
-              "languages": [
+      _id: '62034b4683c75608cf2404ec',
+      name: 'points_update',
+      type: 'WHATSAPP',
+      versions: {
+        history: [],
+        base: {
+          content: {
+            whatsapp: {
+              status: 'rejected',
+              templateId: 'HT9bb4d61eea1699d2dbcaecd1cb558345',
+              accountName: 'WhatsppTest',
+              accessToken: '4676323eb5d1f975b0987070c03a8efc',
+              accountId: 'AC41030cebba9e2f1ce37c78235da0ee18',
+              mediaType: 'text',
+              languages: [
                 {
-                  "content": "$'Dear Customer, your{{1}} points are about to expire. Redeem before {{2}} at nearest Vishal Mega Mart and SHOP FOR FREE!\nT&C\nClick {{3}} to unsubscribe'",
-                  "language": "en"
-                }
+                  content:
+                    "$'Dear Customer, your{{1}} points are about to expire. Redeem before {{2}} at nearest Vishal Mega Mart and SHOP FOR FREE!\nT&C'",
+                  language: 'en',
+                },
               ],
-              "category": "ACCOUNT_UPDATE",
-              "rejection_reason": 'INVALID_FORMAT'
-            }
-          }
-        }
+              buttonType: 'NONE',
+              buttons: [],
+              category: 'ACCOUNT_UPDATE',
+              rejection_reason: 'INVALID_FORMAT',
+            },
+          },
+        },
       },
-      "isActive": true,
-      "orgId": 50146,
-      "createdBy": "15000449",
-      "updatedBy": "15000449",
-      "createdAt": "2022-02-09T05:04:06.579Z",
-      "updatedAt": "2022-02-09T05:04:06.579Z"
+      isActive: true,
+      orgId: 50146,
+      createdBy: '15000449',
+      updatedBy: '15000449',
+      createdAt: '2022-02-09T05:04:06.579Z',
+      updatedAt: '2022-02-09T05:04:06.579Z',
     },
   },
   editData3: {
     templateDetails: {
-      "_id": "62034b4683c75608cf2404ec",
-      "name": "points_update",
-      "type": "WHATSAPP",
-      "versions": {
-        "history": [],
-        "base": {
-          "content": {
-            "whatsapp": {
-              "status": "rejected",
-              "templateId": "HT9bb4d61eea1699d2dbcaecd1cb558345",
-              "accountName": "WhatsppTest",
-              "accessToken": "4676323eb5d1f975b0987070c03a8efc",
-              "accountId": "AC41030cebba9e2f1ce37c78235da0ee18",
-              "mediaType": "text",
-              "languages": [
+      _id: '62034b4683c75608cf2404ec',
+      name: 'points_update',
+      type: 'WHATSAPP',
+      versions: {
+        history: [],
+        base: {
+          content: {
+            whatsapp: {
+              status: 'rejected',
+              templateId: 'HT9bb4d61eea1699d2dbcaecd1cb558345',
+              accountName: 'WhatsppTest',
+              accessToken: '4676323eb5d1f975b0987070c03a8efc',
+              accountId: 'AC41030cebba9e2f1ce37c78235da0ee18',
+              mediaType: 'text',
+              languages: [
                 {
-                  "content": "$'Dear Customer, your{{1}} points are about to expire. Redeem before {{2}} at nearest Vishal Mega Mart and SHOP FOR FREE!\nT&C\nClick {{3}} to unsubscribe'",
-                  "language": "en"
-                }
+                  content: 'test',
+                  language: 'en',
+                },
               ],
-              "category": "ACCOUNT_UPDATE",
-              "rejection_reason": 'TAG_CONTENT_MISMATCH'
-            }
-          }
-        }
+              category: 'ACCOUNT_UPDATE',
+              rejection_reason: 'TAG_CONTENT_MISMATCH',
+            },
+          },
+        },
+      },
+      isActive: true,
+      orgId: 50146,
+      createdBy: '15000449',
+      updatedBy: '15000449',
+      createdAt: '2022-02-09T05:04:06.579Z',
+      updatedAt: '2022-02-09T05:04:06.579Z',
+    },
+  },
+  editdata4: {
+    _id: '62988c2f7d11ed69168252a6',
+    type: 'WHATSAPP',
+    edit: true,
+    name: 'test_206',
+    versions: {
+      base: {
+        content: {
+          whatsapp: {
+            status: 'approved',
+            category: 'ALERT_UPDATE',
+            varMapped: {
+              '{{1}}_1': '50',
+            },
+            mediaType: 'TEXT',
+            buttonType: 'CTA',
+            buttons: [
+              {
+                index: 0,
+                type: 'PHONE_NUMBER',
+                text: 'Call',
+                phone_number: '+919738752617',
+              },
+              {
+                index: 1,
+                type: 'STATIC_URL',
+                text: 'More info',
+                url: 'https://fast.com/',
+              },
+            ],
+            languages: [
+              {
+                language: 'en',
+                content:
+                  'You have received {{1}} points\nClick {{unsubscribe}} to unsubscribe',
+              },
+            ],
+          },
+        },
       },
-      "isActive": true,
-      "orgId": 50146,
-      "createdBy": "15000449",
-      "updatedBy": "15000449",
-      "createdAt": "2022-02-09T05:04:06.579Z",
-      "updatedAt": "2022-02-09T05:04:06.579Z"
     },
   },
   location: {

package/v2Containers/Whatsapp/tests/utils.test.js

@@ -2,11 +2,13 @@ import {
   getWhatsappContent,
   getWhatsappStatus,
   getWhatsappCategory,
+  getWhatsappCta,
 } from '../utils';
 import mockdata from '../../mockdata';
 
 const {
   whatsappPreviewTemplateData,
+  whatsappPreviewTemplateData2,
   getWhatsappStatusOutput,
   getWhatsappCategoryOutput,
 } = mockdata;
@@ -14,6 +16,7 @@ const {
 describe('Test utils', () => {
   it('test getWhatsappContent', () => {
     expect(getWhatsappContent(whatsappPreviewTemplateData)).toMatchSnapshot();
+    expect(getWhatsappContent(whatsappPreviewTemplateData2)).toMatchSnapshot();
   });
 
   it('test getWhatsappContent for preview', () => {
@@ -22,6 +25,11 @@ describe('Test utils', () => {
     ).toMatchSnapshot();
   });
 
+  it('test getWhatsappCta', () => {
+    expect(getWhatsappCta(whatsappPreviewTemplateData)).toMatchSnapshot();
+    expect(getWhatsappCta(whatsappPreviewTemplateData2)).toMatchSnapshot();
+  });
+
   it('test getWhatsappStatus', () => {
     expect(getWhatsappStatus('approved')).toEqual(getWhatsappStatusOutput);
   });