@capillarytech/creatives-library 7.12.43 → 7.12.45

package/v2Containers/Line/Container/Wrapper/tests/index.test.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import { browserHistory } from 'react-router';
+import { Provider } from 'react-redux';
+import configureStore from '../../../../../store';
+import { mountWithIntl } from '../../../../../helpers/intl-enzym-test-helpers';
+import { LineWrapper } from '../index';
+import { mockData } from './mockData';
+
+let store;
+beforeAll(() => {
+  store = configureStore({}, browserHistory);
+});
+
+jest.mock('../../ImageCarousel/Content', () => ({
+  __esModule: true,
+  default: (props) => (
+    <div className="LineImageCarouselContent-mock" {...props}>
+      LineImageCarouselContent
+    </div>
+  ),
+}));
+
+describe('line wrapper test/>', () => {
+  let renderedComponent;
+  const deleteWrapper = jest.fn();
+  const shiftUp = jest.fn();
+  const shiftDown = jest.fn();
+  const formatMessage = jest.fn();
+  const fetchSchemaForEntity = jest.fn();
+  const renderHelper = (selectedType) => {
+    renderedComponent = mountWithIntl(
+      <Provider store={store}>
+        <LineWrapper
+          index={0}
+          intl={{ formatMessage }}
+          deleteWrapper={deleteWrapper}
+          shiftUp={shiftUp}
+          shiftDown={shiftDown}
+          selectedType={selectedType}
+          lineWrappers={1}
+          Templates={mockData.Templates}
+          content={mockData.content}
+          location={mockData.location}
+          isFullMode={true}
+          globalActions={{ fetchSchemaForEntity }}
+          Line={mockData.Line}
+        />
+      </Provider>,
+    );
+  };
+
+  it('should render create mode', () => {
+    renderHelper('text');
+    expect(renderedComponent).toMatchSnapshot();
+    renderHelper('template');
+    expect(renderedComponent).toMatchSnapshot();
+  });
+});

package/v2Containers/Line/Container/Wrapper/tests/mockData.js

@@ -0,0 +1,171 @@
+export const mockData = {
+  Templates: {
+    fetchingUserList: false,
+    userList: {
+      orgUsers: [
+        {
+          userId: 15107846,
+          firstName: 'SUPER USER',
+          lastName: '',
+          loginName: '',
+          email: '',
+          mobile: '',
+          isMobileValidated: 0,
+          isEmailValidated: 0,
+        },
+      ],
+      capUsers: [
+        {
+          userId: 4,
+          firstName: 'Krishna',
+          lastName: 'Mehra',
+          loginName: 'kmehra@capillary.co.in',
+          email: 'kmehra@capillary.co.in',
+          mobile: '918227337383',
+          isMobileValidated: 1,
+          isEmailValidated: 1,
+        },
+      ],
+    },
+    userListFetchError: false,
+    getAllTemplatesInProgress: false,
+    templateError: {},
+    templates: [
+      {
+        _id: '629f7ecf134738019b2e332e',
+        name: 'ggg1',
+        type: 'LINE',
+        versions: {
+          $init: true,
+          history: [],
+          base: {
+            content: {
+              to: '{{line_id}}',
+              messages: [
+                {
+                  type: 'flex',
+                  altText: 'ggg',
+                  contents: {
+                    contents: [
+                      {
+                        type: 'bubble',
+                        hero: {
+                          type: 'image',
+                          url: 'https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/b9f2aa7a-3f1a-4a20-a737-8d50841.jpeg',
+                          size: 'full',
+                          aspectRatio: '1:1',
+                          aspectMode: 'cover',
+                        },
+                        footer: {
+                          type: 'box',
+                          layout: 'vertical',
+                          spacing: 'xs',
+                          contents: [
+                            {
+                              type: 'button',
+                              style: 'link',
+                              height: 'sm',
+                              action: {
+                                type: 'message',
+                                label: 'ggg',
+                                text: 'ggg',
+                              },
+                            },
+                          ],
+                        },
+                      },
+                    ],
+                    type: 'carousel',
+                  },
+                },
+              ],
+            },
+          },
+        },
+        isActive: true,
+        orgId: 1604,
+        createdBy: '15000449',
+        updatedBy: '15000449',
+        createdAt: '2022-06-07T16:37:35.447Z',
+        updatedAt: '2022-06-07T16:42:02.243Z',
+        definition: {
+          mode: 'template',
+        },
+        totalCount: 51,
+      },
+      {
+        _id: '62a810e4d4715c768d6ee9cf',
+        name: 'Demo Old Template 2(Multiple images)',
+        type: 'LINE',
+        versions: {
+          $init: true,
+          history: [],
+          base: {
+            content: {
+              messages: [
+                {
+                  altText: 'Demo Old Template 2(Multiple images)',
+                  template: {
+                    type: 'image_carousel',
+                    columns: [
+                      {
+                        action: {
+                          uri: 'https://www.demo.com',
+                          label: 'Demo Old 2',
+                          type: 'uri',
+                        },
+                        imageUrl:
+                          'https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/f374edfe-1fd4-4b15-a6f7-74d5d86.jpeg',
+                      },
+                      {
+                        action: {
+                          text: 'Demo Old Template 2(Multiple images)',
+                          label: 'Demo Old  2',
+                          type: 'message',
+                        },
+                        imageUrl:
+                          'https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2e32a468-2879-410d-91a5-8dbdcea.jpeg',
+                      },
+                    ],
+                  },
+                  type: 'template',
+                },
+              ],
+              to: '{{line_id}}',
+            },
+          },
+        },
+        isActive: true,
+        orgId: 1604,
+        createdBy: '15000449',
+        updatedBy: '15000449',
+        createdAt: '2022-06-14T04:39:00.665Z',
+        updatedAt: '2022-06-14T04:39:00.665Z',
+        definition: {
+          mode: 'template',
+        },
+        totalCount: 51,
+      },
+    ],
+    isSearch: false,
+    weCRMtemplates: [],
+  },
+  content: {
+    type: 'text',
+    isError: true,
+    isInit: true,
+  },
+  Line: {
+    createTemplateInProgress: false,
+    response: {},
+    uploadedAssetData: {},
+  },
+  location: {
+    pathname: '/line',
+    query: {
+      type: false,
+      module: 'default',
+    },
+    search: '',
+  },
+};

package/v2Containers/Line/Container/constants.js

@@ -3,7 +3,7 @@ export const STICKER = 'sticker';
 export const IMAGE = 'image';
 export const IMAGE_MAP = 'imagemap';
 export const IMAGE_CAROUSEL = 'image_carousel';
-export const TEMPLATE = 'template';
+export const TEMPLATE = 'flex';
 export const VIDEO = 'video';
 export const MAX_LINE_WRAPPER_LIMIT = 5;
 export const MAX_LINE_WRAPPER_LIMIT_FULL_MODE = 1;

package/v2Containers/Line/Container/index.js

@@ -393,6 +393,7 @@ export const LineContainer = ({
             videoWidth,
         } = {}] = lineWrapperContents;
         let messageData = { type };
+        //for type template and not flow
         if (messageType && messageContent) messageData[messageType] = messageContent;
         if (previewImageUrl) {
             messageData.previewImageUrl = previewImageUrl;
@@ -655,6 +656,7 @@ export const LineContainer = ({
     const getPreviewSection = () => {
         const accountName = get(lineData, 'selectedLineAccount.name', '');
         const templateContent = lineWrapperContents.map(({ messageContent, type, previewImageUrl, selectedSticker, baseUrl, template, videoSrc, actionUrl }) => {
+        //template.type is image_carousel, for flex only contents will be there
         const isNewLineFormat = template && isEmpty(template.columns) && !isEmpty(template.contents);
         let imageCarousel = [];
         if (isNewLineFormat) {