@capillarytech/creatives-library 7.12.50 → 7.12.53

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

@@ -17,14 +17,12 @@ Object {
       "url": "https://fast.com/",
     },
   ],
-  "templateMsg": <React.Fragment>
-    <CapLabel
-      type="label9"
-    >
-      1234567890
+  "templateMsg": <CapLabel
+    type="label9"
+  >
+    1234567890
 Click {{unsubscribe}} to unsubscribe
-    </CapLabel>
-  </React.Fragment>,
+  </CapLabel>,
 }
 `;
 
@@ -39,13 +37,11 @@ Object {
       "type": "PHONE_NUMBER",
     },
   ],
-  "templateMsg": <React.Fragment>
-    <CapLabel
-      type="label9"
-    >
-      test
-    </CapLabel>
-  </React.Fragment>,
+  "templateMsg": <CapLabel
+    type="label9"
+  >
+    test
+  </CapLabel>,
 }
 `;
 
@@ -66,14 +62,12 @@ Object {
       "url": "https://fast.com/",
     },
   ],
-  "templateMsg": <React.Fragment>
-    <CapLabel
-      type="label5"
-    >
-      1234567890
+  "templateMsg": <CapLabel
+    type="label5"
+  >
+    1234567890
 Click {{unsubscribe}} to unsubscribe
-    </CapLabel>
-  </React.Fragment>,
+  </CapLabel>,
 }
 `;
 

package/v2Containers/Whatsapp/utils.js

@@ -5,11 +5,14 @@ import { get } from 'lodash';
 import { WHATSAPP } from '../CreativesContainer/constants';
 import {
   STATUS_OPTIONS,
-  CATEGORY_OPTIONS,
+  TWILIO_CATEGORY_OPTIONS,
+  KARIX_CATEGORY_OPTIONS,
   WHATSAPP_STATUSES,
   PHONE_NUMBER,
   NONE,
   CTA,
+  WHATSAPP_MEDIA_TYPES,
+  HOST_KARIX,
 } from '../Whatsapp/constants';
 
 export const getWhatsappContent = (template, isPreview) => {
@@ -21,6 +24,8 @@ export const getWhatsappContent = (template, isPreview) => {
             languages = [{}],
             buttonType = NONE,
             buttons: ctaData = [],
+            mediaType = WHATSAPP_MEDIA_TYPES.TEXT,
+            imageUrl = '',
           } = {},
         } = {},
       } = {},
@@ -40,15 +45,14 @@ export const getWhatsappContent = (template, isPreview) => {
     );
   }
   return {
-    templateMsg: (
-      <>
-        <CapLabel type={isPreview ? 'label5' : 'label9'}>{text}</CapLabel>
-      </>
-    ),
+    templateMsg: <CapLabel type={isPreview ? 'label5' : 'label9'}>{text}</CapLabel>,
     charCount: text?.length - 1,
     ...(buttonType === CTA && {
       ctaData,
     }),
+    ...(mediaType === WHATSAPP_MEDIA_TYPES.IMAGE && {
+      whatsappImageSrc: imageUrl,
+    }),
   };
 };
 
@@ -82,9 +86,12 @@ export const getWhatsappCta = (template) => {
   return renderArray;
 };
 
-export const getWhatsappCategory = (category) => {
-  return CATEGORY_OPTIONS.find((obj) => obj.value === category);
-}
+export const getWhatsappCategory = (category, hostName) => {
+  if (hostName === HOST_KARIX) {
+    return KARIX_CATEGORY_OPTIONS.find((obj) => obj.value === category);
+  }
+  return TWILIO_CATEGORY_OPTIONS.find((obj) => obj.value === category);
+};
 
 export const getWhatsappStatus = (status) => {
   if ([WHATSAPP_STATUSES.pending, WHATSAPP_STATUSES.unsubmitted].includes(status)) {