@capillarytech/creatives-library 7.12.40 → 7.12.41

package/v2Containers/Whatsapp/utils.js

@@ -7,6 +7,9 @@ import {
   STATUS_OPTIONS,
   CATEGORY_OPTIONS,
   WHATSAPP_STATUSES,
+  PHONE_NUMBER,
+  NONE,
+  CTA,
 } from '../Whatsapp/constants';
 
 export const getWhatsappContent = (template, isPreview) => {
@@ -16,7 +19,7 @@ export const getWhatsappContent = (template, isPreview) => {
         content: {
           [WHATSAPP.toLowerCase()]: {
             languages = [{}],
-            buttonType = 'NONE',
+            buttonType = NONE,
             buttons: ctaData = [],
           } = {},
         } = {},
@@ -26,8 +29,8 @@ export const getWhatsappContent = (template, isPreview) => {
   //removing $'' which was added for twilio enter handling
   let text = languages[0]?.content || '';
   const validVarRegex = /{{([1-9]|1[0-9])}}/g;
-  const unsubscribePresent = /Click {{([1-9]|1[0-9])}} to unsubscribe/g;
-  if (text.match(unsubscribePresent)?.length > 0) {
+  const unsubscribeRegex = /Click {{([1-9]|1[0-9])}} to unsubscribe/g;
+  if (text.match(unsubscribeRegex)?.length > 0) {
     const validVarArr = text.match(validVarRegex) || [];
     //replacing Click {{5}} to unsubscribe with Click {{unsubscribe}} to unsubscribe,
     //for listing preview and cards listing
@@ -43,14 +46,14 @@ export const getWhatsappContent = (template, isPreview) => {
       </>
     ),
     charCount: text?.length - 1,
-    ...(buttonType === 'CTA' && {
+    ...(buttonType === CTA && {
       ctaData,
     }),
   };
 };
 
 export const getWhatsappCta = (template) => {
-  const { buttonType = 'NONE', buttons = [] } = get(
+  const { buttonType = NONE, buttons = [] } = get(
     template,
     `versions.base.content.whatsapp`,
     {},
@@ -58,7 +61,7 @@ export const getWhatsappCta = (template) => {
   const renderArray = [];
   if (buttonType === 'CTA' && buttons?.length) {
     buttons.forEach((cta) => {
-      const { type, text } = cta || {};
+      const { type, text } = cta;
       if (text) {
         renderArray.push(
           <CapLabel
@@ -66,7 +69,7 @@ export const getWhatsappCta = (template) => {
             style={{ textAlign: 'center', marginTop: '12px' }}
           >
             <CapIcon
-              type={type === 'PHONE_NUMBER' ? 'call' : 'launch'}
+              type={type === PHONE_NUMBER ? 'call' : 'launch'}
               size="xs"
               svgProps={{ style: { marginRight: '4px' } }}
             />
@@ -79,14 +82,13 @@ export const getWhatsappCta = (template) => {
   return renderArray;
 };
 
-export const getWhatsappCategory = (category) =>
-  CATEGORY_OPTIONS.find((obj) => obj.value === category);
+export const getWhatsappCategory = (category) => {
+  return CATEGORY_OPTIONS.find((obj) => obj.value === category);
+}
 
 export const getWhatsappStatus = (status) => {
-  if (
-    [WHATSAPP_STATUSES.pending, WHATSAPP_STATUSES.unsubmitted].includes(status)
-  ) {
-    status = WHATSAPP_STATUSES.awaitingApproval;
+  if ([WHATSAPP_STATUSES.pending, WHATSAPP_STATUSES.unsubmitted].includes(status)) {
+      status = WHATSAPP_STATUSES.awaitingApproval;
   }
   return STATUS_OPTIONS.find((obj) => obj.value === status);
-};
+}

package/v2Containers/mockdata.js

@@ -1072,6 +1072,117 @@ export default {
     channel: 'WHATSAPP',
     validity: true,
   },
+  whatsappGetTemplateData: {
+    channel: 'WHATSAPP',
+    accountId: 12680,
+    accountName: 'whatsappTest',
+    messageBody:
+      'Hi user, You have received new offer which is valid till tomorrow. Make use of it.\nClick {{unsubscribe}} to unsubscribe',
+    templateConfigs: {
+      id: '629713be7d11edf651825283',
+      name: 'test_14',
+      template:
+        'Hi {{1}}, You have received {{2}} offer which is valid till {{3}}. Make use of it.',
+      varMapped: {
+        '{{1}}_1': 'user',
+        '{{2}}_3': 'new',
+        '{{3}}_5': 'tomorrow',
+      },
+      category: 'ALERT_UPDATE',
+      language: 'en',
+      mediaType: 'TEXT',
+      buttonType: 'CTA',
+      buttons: [
+        {
+          index: 0,
+          type: 'PHONE_NUMBER',
+          text: 'Call us',
+          phoneNumber: '+919738752617',
+        },
+        {
+          index: 1,
+          type: 'STATIC_URL',
+          text: 'Visit us',
+          url: 'https://fast.com/',
+        },
+      ],
+    },
+  },
+  whatsappGetCreativeData: {
+    type: 'WHATSAPP',
+    channel: 'WHATSAPP',
+    value: {
+      name: 'test_206',
+      versions: {
+        base: {
+          content: {
+            whatsapp: {
+              category: 'ALERT_UPDATE',
+              languages: [
+                {
+                  language: 'en',
+                  content:
+                    'You have received 50 points\nClick {{unsubscribe}} to unsubscribe',
+                },
+              ],
+              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/',
+                },
+              ],
+              mediaType: 'TEXT',
+              varMapped: {
+                '{{1}}_1': '50',
+              },
+              templateEditor: 'You have received {{1}} points',
+              accountId: 'AC41030cebba9e2f1ce37c78235da0ee18',
+              accessToken: '4676323eb5d1f975b0987070c03a8efc',
+              accountName: 'whatsappTest',
+            },
+          },
+        },
+      },
+      type: 'WHATSAPP',
+    },
+    _id: '62988c2f7d11ed69168252a6',
+    validity: true,
+    type: 'WHATSAPP',
+  },
+  whatsappGetCreativeData2: {
+    type: 'WHATSAPP',
+    channel: 'WHATSAPP',
+    value: {
+      name: 'test_206',
+      versions: {
+        base: {
+          content: {
+            whatsapp: {
+              category: 'ALERT_UPDATE',
+              mediaType: 'TEXT',
+              templateEditor: 'You have received {{1}} points',
+              accountId: 'AC41030cebba9e2f1ce37c78235da0ee18',
+              accessToken: '4676323eb5d1f975b0987070c03a8efc',
+              accountName: 'whatsappTest',
+            },
+          },
+        },
+      },
+      type: 'WHATSAPP',
+    },
+    _id: '62988c2f7d11ed69168252a6',
+    validity: true,
+    type: 'WHATSAPP',
+  },
   rcsEditTemplateData: {
     mode: 'edit',
     _id: '620e213d39bd394c58aeaaca',
@@ -1130,6 +1241,21 @@ export default {
             accountId: 'AC41030cebba9e2f1ce37c78235da0ee18',
             templateEditor: '',
             mediaType: 'TEXT',
+            buttonType: 'CTA',
+            buttons: [
+              {
+                phone_number: '+919738752617',
+                text: 'Call',
+                type: 'PHONE_NUMBER',
+                index: 0,
+              },
+              {
+                url: 'https://fast.com/',
+                text: 'More info',
+                type: 'STATIC_URL',
+                index: 1,
+              },
+            ],
             languages: [
               {
                 content: '1234567890\nClick {{1}} to unsubscribe',
@@ -1151,6 +1277,54 @@ export default {
     totalCount: 12,
     updatedByName: 'Ashish Karan fd',
   },
+  whatsappPreviewTemplateData2: {
+    mode: 'preview',
+    _id: '620e213d39bd394c58aeaaca',
+    name: 'amit123456',
+    type: 'WHATSAPP',
+    versions: {
+      $init: true,
+      history: [],
+      base: {
+        content: {
+          whatsapp: {
+            status: 'approved',
+            templateId: 'HT5203cccf5b1e9e41f222fab6cd6c2754',
+            accountName: 'whatsappTest',
+            accessToken: '4676323eb5d1f975b0987070c03a8efc',
+            accountId: 'AC41030cebba9e2f1ce37c78235da0ee18',
+            templateEditor: '',
+            mediaType: 'TEXT',
+            buttonType: 'CTA',
+            buttons: [
+              {
+                phone_number: '',
+                text: '',
+                type: 'PHONE_NUMBER',
+                index: 0,
+              },
+            ],
+            languages: [
+              {
+                content: 'test',
+                language: 'en',
+              },
+            ],
+            category: 'ALERT_UPDATE',
+            rejection_reason: null,
+          },
+        },
+      },
+    },
+    isActive: true,
+    orgId: 50371,
+    createdBy: '15000449',
+    updatedBy: '15000449',
+    createdAt: '2022-02-17T10:19:42.211Z',
+    updatedAt: '2022-02-17T10:19:42.211Z',
+    totalCount: 12,
+    updatedByName: 'Ashish Karan fd',
+  },
   rcsPreviewTemplateData: {
     mode: 'preview',
     _id: '620e213d39bd394c58aeaaca',
@@ -1201,12 +1375,11 @@ export default {
     modeType: undefined,
     type: 'WHATSAPP',
     whatsappTemplateCategory: '',
-    whatsappTemplateLanguageCode: "",
+    whatsappTemplateLanguageCode: '',
     whatsappTemplateName: '',
   },
   location: {
-    pathname:
-      '/creatives/ui/v2',
+    pathname: '/creatives/ui/v2',
     search: '',
     hash: '',
     key: 'm54f43',
@@ -1215,8 +1388,7 @@ export default {
     path: '/creatives/ui/v2',
     url: '/creatives/ui/v2',
     isExact: true,
-    params: {
-    },
+    params: {},
   },
   capGlobal: {
     fetching_userdata: false,