@capillarytech/creatives-library 7.12.49 → 7.12.50

package/config/app.js

@@ -17,6 +17,7 @@ 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.49",
+  "version": "7.12.50",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Components/TemplatePreview/index.js

@@ -616,7 +616,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
                           </div>
                         );
                       }
-                      if ((type === IMAGE_CAROUSEL || type === TEMPLATE || type === 'template') && imageCarousel) {
+                      if ((type === IMAGE_CAROUSEL || type === TEMPLATE) && imageCarousel) {
                         return (
                           <div
                             style={{

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,6 +6,7 @@ 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';
@@ -239,10 +240,9 @@ export function SlideBoxContent(props) {
           baseUrl,
           video,
           template,
-          contents = {},
-          type = '',
+          contents,
         }) => {
-          const isNewLineFormat = type === 'flex';
+          const isNewLineFormat = isEmpty(template) && !isEmpty(contents);
           const {
             originalContentUrl,
             externalLink: {
@@ -262,11 +262,10 @@ export function SlideBoxContent(props) {
           previewContent.video = originalContentUrl;
           previewContent.actionUrl = linkUri;
           if (isNewLineFormat) {
-            const { contents: flexContent = [] } = contents;
-            previewContent.imageCarousel = flexContent.map((data) => ({
-              imageUrl: get(data, "hero.url", ""),
-              actionLabel: get(data, "footer.contents[0].action.label", ""),
-            }));
+            previewContent.imageCarousel = get(contents, 'contents', [{}]).map(({
+              hero: { url = ''} = {},
+              footer: { contents: [{ action: { label = '' } = {} }] = [{}] } = {},
+            }) => ({ imageUrl: url, actionLabel: label }));
           } else {
             previewContent.imageCarousel = get(template, 'columns', [{}]).map(({ imageUrl, action: { label: actionLabel } = {} }) => ({ imageUrl, actionLabel }) );
           }

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

@@ -4,22 +4,11 @@ import { shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
 import { SlideBoxContent } from '../SlideBoxContent';
 import mockdata from '../../mockdata';
 
-const {
-  whatsappEditTemplateData,
-  whatsappPreviewTemplateData,
-  rcsEditTemplateData,
-  rcsPreviewTemplateData,
-  linePreviewTemplateData1,
-  linePreviewTemplateData2,
-} = mockdata;
-
-jest.mock('../../../v2Components/FormBuilder', () => ({
+const { whatsappEditTemplateData, whatsappPreviewTemplateData, rcsEditTemplateData, rcsPreviewTemplateData, lineEditTemplateData, linePreviewTemplateData1, linePreviewTemplateData2, linePreviewTemplateData3, linePreviewTemplateData4, linePreviewTemplateContent, viberPreviewTemplateData } = 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', () => {
@@ -33,57 +22,76 @@ 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');
+    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);
     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();
-    delete linePreviewTemplateData2.versions.base.content.messages[0].contents;
-    renderFunction('LINE', 'preview', linePreviewTemplateData2);
+    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);
     expect(renderedComponent).toMatchSnapshot();
   });
+
 });