@capillarytech/creatives-library 7.12.50 → 7.12.53

package/v2Containers/Templates/tests/index.test.js

@@ -17,6 +17,7 @@ describe('Test Templates container', () => {
   const setChannelAccount = jest.fn();
   const getAllTemplates = jest.fn();
   const getUserList = jest.fn();
+  const getSenderDetails = jest.fn();
   let renderedComponent;
 
   beforeEach(() => {
@@ -35,6 +36,7 @@ describe('Test Templates container', () => {
           setChannelAccount,
           getAllTemplates,
           getUserList,
+          getSenderDetails,
         }}
         location={{
           pathname: "/whatsapp",
@@ -56,8 +58,11 @@ describe('Test Templates container', () => {
     renderFunction();
     expect(renderedComponent).toMatchSnapshot();
 
-    expect(getWeCrmAccounts).toHaveBeenCalledTimes(1);
-    expect(getWeCrmAccounts).toHaveBeenCalledWith('Whatsapp');
+    expect(getSenderDetails).toHaveBeenCalledTimes(1);
+    expect(getSenderDetails).toHaveBeenCalledWith({
+      channel: 'WHATSAPP',
+      orgUnitId: -1,
+    });
   });
 
 
@@ -115,12 +120,18 @@ describe('Test Templates container', () => {
     expect(renderedComponent).toMatchSnapshot();
   });
 
-  it('Test max templates exceeded', () => {
+  it('Test max templates not exceeded', () => {
     renderFunction(true);
     renderedComponent.setProps({TemplatesList: [{ ...TemplatesProp.templates[0], totalCount: 260 }]});
     expect(renderedComponent).toMatchSnapshot();
   });
 
+  it('Test max templates exceeded', () => {
+    renderFunction(true);
+    renderedComponent.setProps({TemplatesList: [{ ...TemplatesProp.templates[0], totalCount: 1510 }]});
+    expect(renderedComponent).toMatchSnapshot();
+  });
+
   it('Test max templates warning', () => {
     renderFunction(true);
     renderedComponent.setProps({TemplatesList: [{ ...TemplatesProp.templates[0], totalCount: 248 }]});

package/v2Containers/Whatsapp/actions.js

@@ -4,6 +4,8 @@ import {
   GET_TEMPLATE_DETAILS_REQUEST,
   RESET_EDIT_TEMPLATE,
   WHATSAPP,
+  UPLOAD_WHATSAPP_ASSET_REQUEST,
+  CLEAR_WHATSAPP_ASSET,
 } from './constants';
 
 export function createWhatsappTemplate(payload, callback) {
@@ -32,3 +34,23 @@ export function resetEditTemplate() {
     type: RESET_EDIT_TEMPLATE,
   };
 }
+
+export const uploadWhatsappAsset = (
+  file,
+  assetType,
+  fileParams,
+  templateType,
+  whatsappParams,
+) => ({
+  type: UPLOAD_WHATSAPP_ASSET_REQUEST,
+  file,
+  assetType,
+  fileParams,
+  templateType,
+  whatsappParams,
+});
+
+export const clearWhatsappAsset = (templateType) => ({
+  type: CLEAR_WHATSAPP_ASSET,
+  templateType,
+});

package/v2Containers/Whatsapp/constants.js

@@ -13,27 +13,24 @@ export const UNSUBSCRIBE_TEXT_LENGTH = 36;
 export const TEMPLATE_MESSAGE_MAX_LENGTH = 1024;
 export const WHATSAPP = 'WHATSAPP';
 
-export const TEMPLATE_CREATE_REQUEST =
-  'app/v2Containers/Whatsapp/TEMPLATE_CREATE_REQUEST';
-export const TEMPLATE_CREATE_SUCCESS =
-  'app/v2Containers/Whatsapp/TEMPLATE_CREATE_SUCCESS';
-export const TEMPLATE_CREATE_FAILURE =
-  'app/v2Containers/Whatsapp/TEMPLATE_CREATE_FAILURE';
-export const CLEAR_CREATE_RESPONSE_REQUEST =
-  'app/v2Containers/Whatsapp/CLEAR_CREATE_RESPONSE_REQUEST';
+const prefix = 'app/v2Containers/Whatsapp';
+export const TEMPLATE_CREATE_REQUEST = `${prefix}/TEMPLATE_CREATE_REQUEST`;
+export const TEMPLATE_CREATE_SUCCESS = `${prefix}/TEMPLATE_CREATE_SUCCESS`;
+export const TEMPLATE_CREATE_FAILURE = `${prefix}/TEMPLATE_CREATE_FAILURE`;
+export const CLEAR_CREATE_RESPONSE_REQUEST = `${prefix}/CLEAR_CREATE_RESPONSE_REQUEST`;
 // FOR EDIT
-export const GET_TEMPLATE_DETAILS_REQUEST =
-  'app/v2Containers/Whatsapp/Edit/GET_TEMPLATE_DETAILS_REQUEST';
-export const GET_TEMPLATE_DETAILS_SUCCESS =
-  'app/v2Containers/Whatsapp/Edit/GET_TEMPLATE_DETAILS_SUCCESS';
-export const GET_TEMPLATE_DETAILS_FAILURE =
-  'app/v2Containers/Whatsapp/Edit/GET_TEMPLATE_DETAILS_FAILURE';
-export const RESET_EDIT_TEMPLATE =
-  'app/v2Containers/Whatsapp/Edit//RESET_EDIT_TEMPLATE';
+export const GET_TEMPLATE_DETAILS_REQUEST = `${prefix}/Edit/GET_TEMPLATE_DETAILS_REQUEST`;
+export const GET_TEMPLATE_DETAILS_SUCCESS = `${prefix}/Edit/GET_TEMPLATE_DETAILS_SUCCESS`;
+export const GET_TEMPLATE_DETAILS_FAILURE = `${prefix}/Edit/GET_TEMPLATE_DETAILS_FAILURE`;
+export const RESET_EDIT_TEMPLATE = `${prefix}/Edit/RESET_EDIT_TEMPLATE`;
+
+export const UPLOAD_WHATSAPP_ASSET_REQUEST = `${prefix}/UPLOAD_WHATSAPP_ASSET_REQUEST`;
+export const UPLOAD_WHATSAPP_ASSET_SUCCESS = `${prefix}/UPLOAD_WHATSAPP_ASSET_SUCCESS`;
+export const UPLOAD_WHATSAPP_ASSET_FAILURE = `${prefix}/UPLOAD_WHATSAPP_ASSET_FAILURE`;
+export const CLEAR_WHATSAPP_ASSET = `${prefix}/CLEAR_WHATSAPP_ASSET`;
 
 export const STATUS = 'status';
 export const CATEGORY = 'category';
-const tooltip = 'Tooltip';
 
 export const WHATSAPP_CATEGORIES = {
   alertUpdate: 'ALERT_UPDATE',
@@ -41,21 +38,51 @@ export const WHATSAPP_CATEGORIES = {
   appointmentUpdate: 'APPOINTMENT_UPDATE',
   paymentUpdate: 'PAYMENT_UPDATE',
   reservationUpdate: 'RESERVATION_UPDATE',
+  transactional: 'TRANSACTIONAL',
+  marketing: 'MARKETING',
+  otp: 'OTP',
 };
 
-export const CATEGORY_OPTIONS = [
+export const KARIX_CATEGORY_OPTIONS = [
+  {
+    key: 'transactional',
+    value: WHATSAPP_CATEGORIES.transactional,
+    label: <FormattedMessage {...messages.transactional} />,
+    tooltipLabel: <FormattedMessage {...messages.transactionalTooltip} />,
+    tagColor: CAP_PURPLE03,
+    tagTextColor: CAP_PURPLE02,
+  },
+  {
+    key: 'marketing',
+    value: WHATSAPP_CATEGORIES.marketing,
+    label: <FormattedMessage {...messages.marketing} />,
+    tooltipLabel: <FormattedMessage {...messages.marketingTooltip} />,
+    tagColor: CAP_ORANGE01,
+    tagTextColor: CAP_ORANGE,
+  },
+  {
+    key: 'otp',
+    value: WHATSAPP_CATEGORIES.otp,
+    label: <FormattedMessage {...messages.otp} />,
+    tooltipLabel: <FormattedMessage {...messages.otpTooltip} />,
+    tagColor: CAP_GREEN02,
+    tagTextColor: CAP_GREEN01,
+  },
+];
+
+export const TWILIO_CATEGORY_OPTIONS = [
   {
     key: 'alertUpdate',
     value: WHATSAPP_CATEGORIES.alertUpdate,
     label: <FormattedMessage {...messages.alertUpdate} />,
-    tooltipLabel: <FormattedMessage {...messages[`alertUpdate${tooltip}`]} />,
+    tooltipLabel: <FormattedMessage {...messages.alertUpdateTooltip} />,
     tagColor: CAP_PURPLE03,
     tagTextColor: CAP_PURPLE02,
   },
   {
     key: 'accountUpdate',
     label: <FormattedMessage {...messages.accountUpdate} />,
-    tooltipLabel: <FormattedMessage {...messages[`accountUpdate${tooltip}`]} />,
+    tooltipLabel: <FormattedMessage {...messages.accountUpdateTooltip} />,
     value: WHATSAPP_CATEGORIES.accountUpdate,
     tagColor: CAP_ORANGE01,
     tagTextColor: CAP_ORANGE,
@@ -65,7 +92,7 @@ export const CATEGORY_OPTIONS = [
     value: WHATSAPP_CATEGORIES.appointmentUpdate,
     label: <FormattedMessage {...messages.appointmentUpdate} />,
     tooltipLabel: (
-      <FormattedMessage {...messages[`appointmentUpdate${tooltip}`]} />
+      <FormattedMessage {...messages.appointmentUpdateTooltip} />
     ),
     tagColor: CAP_GREEN02,
     tagTextColor: CAP_GREEN01,
@@ -74,7 +101,7 @@ export const CATEGORY_OPTIONS = [
     key: 'paymentUpdate',
     value: WHATSAPP_CATEGORIES.paymentUpdate,
     label: <FormattedMessage {...messages.paymentUpdate} />,
-    tooltipLabel: <FormattedMessage {...messages[`paymentUpdate${tooltip}`]} />,
+    tooltipLabel: <FormattedMessage {...messages.paymentUpdateTooltip} />,
     tagColor: CAP_ORANGE01,
     tagTextColor: CAP_ORANGE,
   },
@@ -83,7 +110,7 @@ export const CATEGORY_OPTIONS = [
     value: WHATSAPP_CATEGORIES.reservationUpdate,
     label: <FormattedMessage {...messages.reservationUpdate} />,
     tooltipLabel: (
-      <FormattedMessage {...messages[`reservationUpdate${tooltip}`]} />
+      <FormattedMessage {...messages.reservationUpdateTooltip} />
     ),
     tagColor: CAP_ORANGE01,
     tagTextColor: CAP_ORANGE,
@@ -127,6 +154,7 @@ export const WHATSAPP_MEDIA_TYPES = {
   TEXT: 'TEXT',
   IMAGE: 'IMAGE',
   VIDEO: 'VIDEO',
+  DOCUMENT: 'DOCUMENT',
 };
 export const NONE = 'NONE';
 export const CTA = 'CTA';
@@ -150,6 +178,11 @@ export const INITIAL_CTA_DATA = [
   },
 ];
 
+export const ALLOWED_IMAGE_EXTENSIONS_REGEX = /\.(jpe?g|png)$/i;
+export const WHATSAPP_IMG_SIZE = 5000000; // 5MB
+export const HOST_TWILIO = 'twiliowhatsapptrans';
+export const HOST_KARIX = 'karixwhatsappbulk';
+
 export const LANGUAGE_OPTIONS = [
   {
     value: 'af',