@capillarytech/creatives-library 8.0.87-alpha.21 → 8.0.87-alpha.23

package/v2Containers/Whatsapp/constants.js

@@ -54,6 +54,56 @@ export const WHATSAPP_CATEGORIES = {
   transactional: 'TRANSACTIONAL',
 };
 
+export const mediaTypeOptions = ({host, templateCategory}) => {
+  return [
+    {
+      key: 'TEXT',
+      value: WHATSAPP_MEDIA_TYPES.TEXT,
+      label: <FormattedMessage {...messages.none} />,
+      tagColor: CAP_PURPLE03,
+      tagTextColor: CAP_PURPLE02,
+    },
+    ...(host === HOST_TWILIO
+      ? []
+      : [
+        {
+          key: 'IMAGE',
+          value: WHATSAPP_MEDIA_TYPES.IMAGE,
+          label: <FormattedMessage {...messages.mediaImage} />,
+          tagColor: CAP_ORANGE01,
+          tagTextColor: CAP_ORANGE,
+        },
+        {
+          key: 'VIDEO',
+          value: WHATSAPP_MEDIA_TYPES.VIDEO,
+          label: <FormattedMessage {...messages.mediaVideo} />,
+          tagColor: CAP_GREEN02,
+          tagTextColor: CAP_GREEN01,
+        },
+        ...(templateCategory === WHATSAPP_CATEGORIES.marketing
+          ? [
+            {
+              key: 'CAROUSEL',
+              value: WHATSAPP_MEDIA_TYPES.CAROUSEL,
+              label: <FormattedMessage {...messages.mediaCarousel} />,
+              tagColor: CAP_PURPLE03,
+              tagTextColor: CAP_PURPLE02,
+            },
+          ]
+          : []
+        ),
+        {
+          key: 'DOCUMENT',
+          value: WHATSAPP_MEDIA_TYPES.DOCUMENT,
+          label: <FormattedMessage {...messages.mediaDocument} />,
+          tagColor: CAP_ORANGE01,
+          tagTextColor: CAP_ORANGE,
+        },
+      ]
+    ),
+  ];
+};
+
 export const KARIX_GUPSHUP_CATEGORY_OPTIONS = [
   {
     key: 'utility',
@@ -212,14 +262,17 @@ export const WHATSAPP_MEDIA_TYPES = {
   IMAGE: 'IMAGE',
   VIDEO: 'VIDEO',
   DOCUMENT: 'DOCUMENT',
+  CAROUSEL: 'CAROUSEL',
 };
 export const NONE = 'NONE';
 export const CTA = 'CTA';
 export const QUICK_REPLY = 'QUICK_REPLY';
 export const HEADER_TEXT = 'header';
 export const FOOTER_TEXT = 'footer';
+export const CAROUSEL_TEXT = 'carouselText';
 export const MESSAGE_TEXT = 'message';
-export const BUTTON_TEXT = 'buttonText'
+export const BODY_TEXT = 'body';
+export const BUTTON_TEXT = 'buttonText';
 export const WHATSAPP_BUTTON_TYPES = {
   NONE,
   CTA,
@@ -227,6 +280,9 @@ export const WHATSAPP_BUTTON_TYPES = {
 };
 export const PHONE_NUMBER = 'PHONE_NUMBER';
 export const STATIC_URL = 'STATIC_URL';
+export const URL = 'URL';
+export const IMAGE = 'IMAGE';
+export const VIDEO = 'VIDEO';
 export const INITIAL_CTA_DATA = [
   {
     index: 0,
@@ -558,6 +614,36 @@ export const LANGUAGE_OPTIONS = [
   },
 ];
 
+export const carouselMediaOptions = [
+  {
+    value: 'image',
+    label: <FormattedMessage {...messages.mediaImage} />,
+  },
+  {
+    value: 'video',
+    label: <FormattedMessage {...messages.mediaVideo} />,
+  },
+];
+
+export const CAROUSEL_INITIAL_DATA = [{
+  mediaType: '',
+  bodyText: '',
+  bodyError: '',
+  addedVarCount: 0,
+  buttons: [
+    {
+      buttonType: PHONE_NUMBER,
+      text: '',
+      phone_number: '',
+      isSaved: false,
+      textError: '',
+    },
+  ],
+}];
+
+// WhatsApp supports a maximum of 10 items in a carousel
+export const MAX_CAROUSEL_ALLOWED = 10;
+
 export const OTP_CONFIG_URI = "/org/setup/configurations/OTPConfigurations";
 export const AI_CONTENT_BOT_DISABLED = "AI_CONTENT_BOT_DISABLED";
 export const CORRECT_TEMPLATE_FORMAT_URL = "https://developers.facebook.com/docs/whatsapp/updates-to-pricing/new-template-guidelines";