@capillarytech/creatives-library 7.17.39-alpha.3 → 7.17.39-alpha.5

package/package.json

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

package/v2Containers/CreativesContainer/index.js

@@ -504,6 +504,7 @@ export class Creatives extends React.Component {
         }
         case constants.ZALO: {
           creativesTemplateData = {
+            type: constants.ZALO,
             ...templateData,
           };
           break;
@@ -812,6 +813,7 @@ export class Creatives extends React.Component {
           templateData = {
             ...template.value,
           };
+          templateData?.type && delete templateData.type;
         }
       }
         break;

package/v2Containers/Zalo/index.js

@@ -159,14 +159,14 @@ export const Zalo = (props) => {
     updateTextAreaId(paramsData[0]?.name);
   };
 
-  // in creatives
   useEffect(() => {
     setDataForEdit(false);
   }, [zaloTemplateInfoValue]);
 
-  // in campaigns
   useEffect(() => {
-    setDataForEdit(true);
+    if (!isEmpty(varMapped)) {
+      setDataForEdit(true);
+    }
   }, [varMapped]);
 
   useEffect(() => {
@@ -354,7 +354,7 @@ export const Zalo = (props) => {
       accountId: oa_id,
       accountName: username,
       templateConfigs: {
-        _id: templateId,
+        id: templateId.toString(),
         name: templateName,
         template: templatePreviewUrl,
         varMapped: varMap,

package/v2Containers/Zalo/messages.js

@@ -28,7 +28,7 @@ export default defineMessages({
       "Character count for this variable should be in between {minLength} to {maxLength}",
   },
   previewHead: {
-    id: `${prefix}.previewText`,
+    id: `${prefix}.previewHead`,
     defaultMessage: "Preview",
   },
   previewText: {

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

@@ -0,0 +1,146 @@
+import React from 'react';
+import { injectIntl } from 'react-intl';
+import { browserHistory } from 'react-router';
+import '@testing-library/jest-dom';
+import { Provider } from 'react-redux';
+import configureStore from '../../../store';
+import { Zalo } from '..';
+import {
+  metaEntities,
+  editData,
+  location,
+  getDefaultTags,
+  injectedTags,
+  accountData,
+  templateData,
+  templateConfigs,
+} from './mockData';
+import { render, screen, fireEvent } from '../../../utils/test-utils';
+
+const mockActions = {
+  getTemplateInfoById: jest.fn(),
+};
+const mockGlobalActions = {
+  fetchSchemaForEntity: jest.fn(),
+};
+
+let store;
+beforeAll(() => {
+  store = configureStore({}, browserHistory);
+});
+
+const ComponentToRender = injectIntl(Zalo);
+const renderComponent = (props) =>
+  render(
+    <Provider store={store}>
+      <ComponentToRender {...props} />
+    </Provider>,
+  );
+
+describe('Test activity zalo container', () => {
+  it('test case for zalo template', async () => {
+    renderComponent({
+      actions: mockActions,
+      globalActions: mockGlobalActions,
+      editData,
+      metaEntities,
+      location,
+      getDefaultTags,
+      injectedTags,
+      accountData,
+      templateData,
+      isFullMode: true,
+    });
+    const inputBox = await screen.findAllByPlaceholderText(
+      'Add labels or text or combination of both',
+    );
+    fireEvent.change(inputBox[0], { target: { value: 'Hello, welcome' } });
+    inputBox[0].focus();
+    const previewButton = screen.getByTestId('preview-link-button');
+    previewButton.click();
+    expect(
+      screen.getByText('This template has been enabled'),
+    ).toBeInTheDocument();
+  });
+
+  it('test case for text field curly braces error', async () => {
+    renderComponent({
+      actions: mockActions,
+      globalActions: mockGlobalActions,
+      editData,
+      metaEntities,
+      location,
+      getDefaultTags,
+      injectedTags,
+      accountData,
+      templateData,
+      isFullMode: true,
+    });
+    const inputBox = await screen.findAllByPlaceholderText(
+      'Add labels or text or combination of both',
+    );
+    fireEvent.change(inputBox[0], { target: { value: 'Hello, welcome {{' } });
+    inputBox[0].focus();
+    expect(
+      screen.getByText('Invalid label, please close all curly braces'),
+    ).toBeInTheDocument();
+  });
+
+  it('test case for unsupported tag', async () => {
+    renderComponent({
+      actions: mockActions,
+      globalActions: mockGlobalActions,
+      editData,
+      metaEntities,
+      location,
+      getDefaultTags,
+      injectedTags,
+      accountData,
+      templateData,
+      isFullMode: true,
+    });
+    const inputBox = await screen.findAllByPlaceholderText(
+      'Add labels or text or combination of both',
+    );
+    fireEvent.change(inputBox[0], {
+      target: { value: 'Hello, welcome {{fsdaf}}' },
+    });
+    inputBox[0].focus();
+    expect(
+      screen.getByText(
+        'Unsupported tags: fsdaf. Please remove them from this message.',
+      ),
+    ).toBeInTheDocument();
+  });
+
+  it('test case for set template data', async () => {
+    templateData.templateConfigs = templateConfigs;
+    renderComponent({
+      actions: mockActions,
+      globalActions: mockGlobalActions,
+      editData,
+      metaEntities,
+      location,
+      getDefaultTags,
+      injectedTags,
+      accountData,
+      templateData,
+      isFullMode: false,
+    });
+    const inputBox = await screen.findAllByPlaceholderText(
+      'Add labels or text or combination of both',
+    );
+    fireEvent.change(inputBox[0], {
+      target: {
+        value:
+          'Hello, welcome user. Habata itara modoranai to ittta Mezashita no wa aoi aoi ano sora',
+      },
+    });
+    inputBox[0].focus();
+    expect(
+      screen.getByText(
+        'Character count for this variable should be in between 0 to 30',
+      ),
+    ).toBeInTheDocument();
+  });
+});