@capillarytech/creatives-library 7.12.38 → 7.12.40

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

@@ -8,12 +8,7 @@ Object {
       type="label9"
     >
       1234567890
-
-    </CapLabel>
-    <CapLabel
-      type="label9"
-    >
-      Click {{unsubscribe}} to unsubscribe
+Click {{unsubscribe}} to unsubscribe
     </CapLabel>
   </React.Fragment>,
 }
@@ -27,12 +22,7 @@ Object {
       type="label5"
     >
       1234567890
-
-    </CapLabel>
-    <CapLabel
-      type="label5"
-    >
-      Click {{unsubscribe}} to unsubscribe
+Click {{unsubscribe}} to unsubscribe
     </CapLabel>
   </React.Fragment>,
 }

package/v2Containers/Whatsapp/utils.js

@@ -4,52 +4,50 @@ import CapIcon from '@capillarytech/cap-ui-library/CapIcon';
 import { get } from 'lodash';
 import { WHATSAPP } from '../CreativesContainer/constants';
 import {
-    STATUS_OPTIONS,
-    CATEGORY_OPTIONS,
-    WHATSAPP_STATUSES,
-    UNSUBSCRIBE_TEXT_LENGTH
+  STATUS_OPTIONS,
+  CATEGORY_OPTIONS,
+  WHATSAPP_STATUSES,
 } from '../Whatsapp/constants';
 
 export const getWhatsappContent = (template, isPreview) => {
-    const {
-        versions: {
-            base: {
-                content: {
-                    [WHATSAPP.toLowerCase()]: {
-                        languages = [{}],
-                        buttonType = 'NONE',
-                        buttons : ctaData = [],
-                    } = {},
-                } = {},
-            } = {},
+  const {
+    versions: {
+      base: {
+        content: {
+          [WHATSAPP.toLowerCase()]: {
+            languages = [{}],
+            buttonType = 'NONE',
+            buttons: ctaData = [],
+          } = {},
         } = {},
-    } = template;
-    //removing $'' which was added for twilio enter handling
-    let text = languages[0]?.content || '';
-    const validVarRegex = /{{([1-9]|1[0-9])}}/g;
+      } = {},
+    } = {},
+  } = template;
+  //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 validVarArr = text.match(validVarRegex) || [];
-    //removing Click {{unsubscribe}} to unsubscribe
+    //replacing Click {{5}} to unsubscribe with Click {{unsubscribe}} to unsubscribe,
+    //for listing preview and cards listing
     text = text.replace(
-        `${validVarArr[validVarArr.length - 1]}`,
-        '{{unsubscribe}}',
+      `${validVarArr[validVarArr.length - 1]}`,
+      '{{unsubscribe}}',
     );
-    return {
-        templateMsg: (
-            <>
-              <CapLabel type={ isPreview ? "label5" : "label9" }>
-                {text.slice(0, text.length - UNSUBSCRIBE_TEXT_LENGTH)}
-              </CapLabel>
-              <CapLabel type={ isPreview ? "label5" : "label9" }>
-                {text.slice(-UNSUBSCRIBE_TEXT_LENGTH)}
-              </CapLabel>
-            </>
-        ),
-        charCount: text?.length - 1,
-        ...(buttonType === 'CTA' && {
-            ctaData,
-          }),
-    };
-}
+  }
+  return {
+    templateMsg: (
+      <>
+        <CapLabel type={isPreview ? 'label5' : 'label9'}>{text}</CapLabel>
+      </>
+    ),
+    charCount: text?.length - 1,
+    ...(buttonType === 'CTA' && {
+      ctaData,
+    }),
+  };
+};
 
 export const getWhatsappCta = (template) => {
   const { buttonType = 'NONE', buttons = [] } = get(
@@ -81,13 +79,14 @@ export const getWhatsappCta = (template) => {
   return renderArray;
 };
 
-export const getWhatsappCategory = (category) => {
-    return CATEGORY_OPTIONS.find((obj) => obj.value === category);
-  }
+export const getWhatsappCategory = (category) =>
+  CATEGORY_OPTIONS.find((obj) => obj.value === category);
 
 export const getWhatsappStatus = (status) => {
-    if ([WHATSAPP_STATUSES.pending, WHATSAPP_STATUSES.unsubmitted].includes(status)) {
-        status = WHATSAPP_STATUSES.awaitingApproval;
-    }
-    return STATUS_OPTIONS.find((obj) => obj.value === status);
-}
+  if (
+    [WHATSAPP_STATUSES.pending, WHATSAPP_STATUSES.unsubmitted].includes(status)
+  ) {
+    status = WHATSAPP_STATUSES.awaitingApproval;
+  }
+  return STATUS_OPTIONS.find((obj) => obj.value === status);
+};