@capillarytech/creatives-library 8.0.86 → 8.0.87-alpha.1

package/v2Containers/Whatsapp/utils.js

@@ -80,6 +80,7 @@ export const getWhatsappContent = (template, isPreview) => {
               header = '',
               footer = '',
             } = {},
+            carouselData = [],
           } = {},
         } = {},
       } = {},
@@ -125,6 +126,7 @@ export const getWhatsappContent = (template, isPreview) => {
       quickReplyData: buttonsData
     }),
     ...mediaParams,
+    carouselData,
   };
 };
 
@@ -188,6 +190,38 @@ export const getWhatsappQuickReply= (template, templatePreview) => {
   }
   return renderArray;
 }
+
+export const getWhatsappCarouselButtonView = (buttons, templatePreview) => {
+  const renderArray = [];
+  if (buttons?.length) {
+    renderArray.push(<CapDivider className={templatePreview ? "whatsapp-divider" : "whatsapp-list-view-divider"} />);
+    buttons.forEach((button, index) => {
+      const { text, buttonType } = button || {};
+      if (text) {
+        renderArray.push(
+          <CapLabel
+            type="label21"
+            style={{ textAlign: 'center', marginTop: '12px' }}
+            // className={templatePreview ? "whatsapp-cta-preview" : "whatsapp-list-quick-reply-preview"}
+          >
+            <CapIcon
+              type={buttonType === PHONE_NUMBER ? 'call' : buttonType === QUICK_REPLY ? "small-link" : 'launch'}
+              size="xs"
+              svgProps={{ style: { marginRight: '4px' } }}
+            />
+            {text}
+          </CapLabel>,
+        );
+      }
+      if (index < buttons?.length - 1) {
+        renderArray.push(<CapDivider className={templatePreview ? "whatsapp-divider" : "whatsapp-list-view-divider"} />);
+      }
+    });
+  }
+  return renderArray;
+};
+
+
 export const getWhatsappAutoFill = (template) => {
   const {category}= get(
     template,