@capillarytech/creatives-library 7.12.50 → 7.12.51

package/config/app.js

@@ -17,7 +17,6 @@ const config = {
   },
   development: {
     api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/creatives',
-    //api_endpoint: 'http://localhost:2022/arya/api/v1/creatives',
     campaigns_api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/iris/v2/campaigns',
     campaigns_api_org_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/iris/v2/org/campaign',
     auth_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/auth',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.12.50",
+  "version": "7.12.51",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

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

@@ -3,9 +3,9 @@ import { injectIntl } from 'react-intl';
 
 import * as actions from '../actions';
 import {Cap} from '../index';
-import mockdata from '../../mockdata';
+import mockData from '../../mockdata';
 import { shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
-const { match, location, capGlobal, language } = mockdata;
+const { match, location, capGlobal, language } = mockData;
 
 jest.mock('@capillarytech/cap-ui-utils', () => ({
   GA: {

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -6,7 +6,6 @@ import cloneDeep from 'lodash/cloneDeep';
 import TemplatesV2 from '../TemplatesV2';
 import TemplatePreview from '../../v2Components/TemplatePreview';
 import SmsWrapper from '../SmsWrapper';
-import isEmpty from 'lodash/isEmpty';
 // import SmsEdit from '../Sms/Edit';
 import Email from '../Email';
 import EmailWrapper from '../EmailWrapper';
@@ -240,9 +239,10 @@ export function SlideBoxContent(props) {
           baseUrl,
           video,
           template,
-          contents,
+          contents = {},
+          type = '',
         }) => {
-          const isNewLineFormat = isEmpty(template) && !isEmpty(contents);
+          const isNewLineFormat = type === 'flex';
           const {
             originalContentUrl,
             externalLink: {
@@ -262,10 +262,11 @@ export function SlideBoxContent(props) {
           previewContent.video = originalContentUrl;
           previewContent.actionUrl = linkUri;
           if (isNewLineFormat) {
-            previewContent.imageCarousel = get(contents, 'contents', [{}]).map(({
-              hero: { url = ''} = {},
-              footer: { contents: [{ action: { label = '' } = {} }] = [{}] } = {},
-            }) => ({ imageUrl: url, actionLabel: label }));
+            const { contents: flexContent = [] } = contents;
+            previewContent.imageCarousel = flexContent.map((data) => ({
+              imageUrl: get(data, "hero.url", ""),
+              actionLabel: get(data, "footer.contents[0].action.label", ""),
+            }));
           } else {
             previewContent.imageCarousel = get(template, 'columns', [{}]).map(({ imageUrl, action: { label: actionLabel } = {} }) => ({ imageUrl, actionLabel }) );
           }

package/v2Containers/CreativesContainer/tests/SlideBoxContent.test.js

@@ -4,11 +4,22 @@ import { shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
 import { SlideBoxContent } from '../SlideBoxContent';
 import mockdata from '../../mockdata';
 
-const { whatsappEditTemplateData, whatsappPreviewTemplateData, rcsEditTemplateData, rcsPreviewTemplateData, lineEditTemplateData, linePreviewTemplateData1, linePreviewTemplateData2, linePreviewTemplateData3, linePreviewTemplateData4, linePreviewTemplateContent, viberPreviewTemplateData } = mockdata;
-
-jest.mock("../../../v2Components/FormBuilder", () => ({
+const {
+  whatsappEditTemplateData,
+  whatsappPreviewTemplateData,
+  rcsEditTemplateData,
+  rcsPreviewTemplateData,
+  linePreviewTemplateData1,
+  linePreviewTemplateData2,
+} = mockdata;
+
+jest.mock('../../../v2Components/FormBuilder', () => ({
   __esModule: true,
-  default: (props) => <div className="FormBuilder-mock" {...props}>FormBuilder</div>,
+  default: (props) => (
+    <div className="FormBuilder-mock" {...props}>
+      FormBuilder
+    </div>
+  ),
 }));
 
 describe('Test SlideBoxContent container', () => {
@@ -22,76 +33,57 @@ describe('Test SlideBoxContent container', () => {
         currentChannel={channel}
         templateData={templateData}
         onCreateComplete={onCreateComplete}
-      />
+      />,
     );
   };
 
   it('Should render correct component for whatsapp channel create mode', () => {
-    renderFunction("WHATSAPP", "createTemplate", { mode: "create" });
+    renderFunction('WHATSAPP', 'createTemplate', { mode: 'create' });
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render correct component for whatsapp channel edit mode', () => {
-    renderFunction("WHATSAPP", "editTemplate", whatsappEditTemplateData);
+    renderFunction('WHATSAPP', 'editTemplate', whatsappEditTemplateData);
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render correct component for whatsapp channel preview mode', () => {
-    renderFunction("WHATSAPP", "preview", whatsappPreviewTemplateData);
+    renderFunction('WHATSAPP', 'preview', whatsappPreviewTemplateData);
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render correct component for whatsapp channel templates mode', () => {
-    renderFunction("WHATSAPP", "templates");
+    renderFunction('WHATSAPP', 'templates');
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render correct component for rcs channel create mode', () => {
-    renderFunction("RCS", "createTemplate", { mode: "create" });
+    renderFunction('RCS', 'createTemplate', { mode: 'create' });
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render correct component for rcs channel edit mode', () => {
-    renderFunction("RCs", "editTemplate", rcsEditTemplateData);
+    renderFunction('RCs', 'editTemplate', rcsEditTemplateData);
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render correct component for rcs channel preview mode', () => {
-    renderFunction("RCS", "preview", rcsPreviewTemplateData);
+    renderFunction('RCS', 'preview', rcsPreviewTemplateData);
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render correct component for rcs channel templates mode', () => {
-    renderFunction("RCS", "templates");
-    expect(renderedComponent).toMatchSnapshot();
-  });
-
-  it('Should render correct component for line channel create mode', () => {
-    renderFunction("LINE", "createTemplate", { mode: "create" });
-    expect(renderedComponent).toMatchSnapshot();
-  });
-
-  it('Should render correct component for line channel edit mode', () => {
-    renderFunction("LINE", "editTemplate", lineEditTemplateData);
+    renderFunction('RCS', 'templates');
     expect(renderedComponent).toMatchSnapshot();
   });
 
   it('Should render correct component for line channel preview mode', () => {
-    renderFunction("LINE", "preview", linePreviewTemplateData1);
+    renderFunction('LINE', 'preview', linePreviewTemplateData1);
     expect(renderedComponent).toMatchSnapshot();
-    renderFunction("LINE", "preview", linePreviewTemplateData2);
+    renderFunction('LINE', 'preview', linePreviewTemplateData2);
     expect(renderedComponent).toMatchSnapshot();
-    renderFunction("LINE", "preview", linePreviewTemplateData3);
-    expect(renderedComponent).toMatchSnapshot();
-    renderFunction("LINE", "preview", linePreviewTemplateData4);
-    expect(renderedComponent).toMatchSnapshot();
-    renderFunction("LINE", "preview", linePreviewTemplateContent);
-    expect(renderedComponent).toMatchSnapshot();
-  });
-
-  it('Should render correct component for viber channel preview mode', () => {
-    renderFunction("VIBER", "preview", viberPreviewTemplateData);
+    delete linePreviewTemplateData2.versions.base.content.messages[0].contents;
+    renderFunction('LINE', 'preview', linePreviewTemplateData2);
     expect(renderedComponent).toMatchSnapshot();
   });
-
 });