@capillarytech/creatives-library 7.12.39 → 7.12.41

package/v2Containers/CreativesContainer/index.js

@@ -367,6 +367,7 @@ export class Creatives extends React.Component {
         }
         case constants.WHATSAPP: {
           const {
+            messageBody = '',
             templateConfigs: {
               id,
               name,
@@ -387,6 +388,7 @@ export class Creatives extends React.Component {
             }
             return btn;
           });
+          const unsubscribeRegex = /Click {{unsubscribe}} to unsubscribe/g;
           creativesTemplateData = {
             _id: id,
             type: constants.WHATSAPP,
@@ -401,11 +403,14 @@ export class Creatives extends React.Component {
                     varMapped,
                     mediaType,
                     buttonType,
-                    buttons : modifiedButtons,
+                    buttons: modifiedButtons,
                     languages: [
                       {
                         language,
-                        content: template,
+                        content:
+                          messageBody.match(unsubscribeRegex)?.length > 0
+                            ? `${template}\nClick {{unsubscribe}} to unsubscribe`
+                            : template,
                       },
                     ],
                   },

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

@@ -196,17 +196,26 @@ exports[`Test SlideBoxContent container Should render correct component for what
     content={
       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>,
       }
@@ -234,6 +243,21 @@ exports[`Test SlideBoxContent container Should render correct component for what
                 "accessToken": "4676323eb5d1f975b0987070c03a8efc",
                 "accountId": "AC41030cebba9e2f1ce37c78235da0ee18",
                 "accountName": "whatsappTest",
+                "buttonType": "CTA",
+                "buttons": 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/",
+                  },
+                ],
                 "category": "ALERT_UPDATE",
                 "languages": Array [
                   Object {

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

@@ -4,11 +4,22 @@ import { shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
 import { Creatives } from '../index';
 import mockdata from '../../mockdata';
 
-const { whatsappTemplates, rcsTemplates, whatsappEditTemplateData, rcsEditTemplateData } = mockdata;
+const {
+  whatsappTemplates,
+  rcsTemplates,
+  whatsappGetCreativeData,
+  whatsappGetTemplateData,
+  rcsEditTemplateData,
+  whatsappGetCreativeData2,
+} = mockdata;
 
-jest.mock("../../../v2Components/FormBuilder", () => ({
+jest.mock('../../../v2Components/FormBuilder', () => ({
   __esModule: true,
-  default: (props) => <div className="FormBuilder-mock" {...props}>FormBuilder</div>,
+  default: (props) => (
+    <div className="FormBuilder-mock" {...props}>
+      FormBuilder
+    </div>
+  ),
 }));
 
 describe('Test SlideBoxContent container', () => {
@@ -29,17 +40,24 @@ describe('Test SlideBoxContent container', () => {
         templateData={templateData}
         handleCloseCreatives={handleCloseCreatives}
         getCreativesData={getCreativesData}
-      />
+      />,
     );
   };
 
   it('Should render correct component for whatsapp channel create mode', () => {
-    renderFunction("WHATSAPP", "createTemplate", whatsappTemplates, { mode: "create" });
+    renderFunction('WHATSAPP', 'createTemplate', whatsappTemplates, {
+      mode: 'create',
+    });
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render correct component for whatsapp channel edit mode', () => {
-    renderFunction("WHATSAPP", "editTemplate", whatsappTemplates, whatsappEditTemplateData);
+    renderFunction(
+      'WHATSAPP',
+      'editTemplate',
+      whatsappTemplates,
+      whatsappGetTemplateData,
+    );
     renderedComponent.instance().onEditTemplate();
     renderedComponent.find('CapSlideBox').props().content.props.handleClose();
     expect(renderedComponent).toMatchSnapshot();
@@ -48,23 +66,38 @@ describe('Test SlideBoxContent container', () => {
   });
 
   it('Text getCreatives data for whatsapp', () => {
-    renderFunction("WHATSAPP", "editTemplate", whatsappTemplates, whatsappEditTemplateData);
+    console.log('abcRcb');
+    renderFunction(
+      'WHATSAPP',
+      'editTemplate',
+      whatsappTemplates,
+      whatsappGetCreativeData,
+    );
     renderedComponent.instance().onEditTemplate();
-    renderedComponent.find('CapSlideBox').props().content.props.getFormData(whatsappEditTemplateData);
-    expect(getCreativesData).toHaveBeenCalledTimes(1);
-    expect(getCreativesData).toHaveBeenCalledWith({ channel: "WHATSAPP" });
+    renderedComponent
+      .find('CapSlideBox')
+      .props()
+      .content.props.getFormData(whatsappGetCreativeData);
+    renderedComponent
+      .find('CapSlideBox')
+      .props()
+      .content.props.getFormData(whatsappGetCreativeData2);
+    expect(getCreativesData).toHaveBeenCalledTimes(2);
   });
 
   it('Should render correct component for rcs channel create mode', () => {
-    renderFunction("RCS", "createTemplate", rcsTemplates, { mode: "create" });
+    renderFunction('RCS', 'createTemplate', rcsTemplates, { mode: 'create' });
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Text getCreatives data for rcs', () => {
-    renderFunction("RCS", "editTemplate", rcsTemplates, rcsEditTemplateData);
+    renderFunction('RCS', 'editTemplate', rcsTemplates, rcsEditTemplateData);
     renderedComponent.instance().onEditTemplate();
-    renderedComponent.find('CapSlideBox').props().content.props.getFormData(rcsEditTemplateData);
+    renderedComponent
+      .find('CapSlideBox')
+      .props()
+      .content.props.getFormData(rcsEditTemplateData);
     expect(getCreativesData).toHaveBeenCalledTimes(1);
-    expect(getCreativesData).toHaveBeenCalledWith({ channel: "RCS" });
+    expect(getCreativesData).toHaveBeenCalledWith({ channel: 'RCS' });
   });
 });