@capillarytech/creatives-library 7.17.35-alpha.2 → 7.17.36

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

@@ -0,0 +1,18 @@
+import { getAllTemplates } from "../actions";
+import * as types from "../constants";
+
+describe("Test zalo list actions", () => {
+  it("has a type of GET_ALL_TEMPLATES_REQUEST action", () => {
+    const channel = "Zalo";
+    const queryParams = {
+      page: 1,
+      perPage: 25,
+    };
+    const expected = {
+      type: types.GET_ALL_TEMPLATES_REQUEST,
+      channel,
+      queryParams,
+    };
+    expect(getAllTemplates(channel, queryParams)).toEqual(expected);
+  });
+});

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

@@ -4,7 +4,7 @@ import { shallowWithIntl } from '../../../helpers/intl-enzym-test-helpers';
 import { Templates } from '../index';
 import mockdata from '../../mockdata';
 
-const { whatsappTemplates: TemplatesProp, getCreativesParamsOutput } = mockdata;
+const { whatsappTemplates: TemplatesProp, getCreativesParamsOutput, zaloTemplates: ZaloTemplateProp } = mockdata;
 
 jest.mock('../../CreativesContainer', () => ({
   __esModule: true,
@@ -57,6 +57,35 @@ describe('Test Templates container', () => {
     );
   };
 
+  const renderZaloFunction = (isFullMode) => {
+    renderedComponent = shallowWithIntl(
+      <Templates
+        route={{
+          name: 'Zalo',
+        }}
+        Templates={ZaloTemplateProp}
+        actions={{
+          getWeCrmAccounts,
+          setChannelAccount,
+          getAllTemplates,
+          getUserList,
+        }}
+        location={{
+          pathname: '/Zalo',
+          query: {},
+          search: '',
+        }}
+        EmailCreate={{
+          duplicateTemplateInProgress: false,
+        }}
+        isFullMode={isFullMode}
+        intl={{
+          formatMessage: () => {},
+        }}
+      />,
+    );
+  };
+
   it('Should render correct component for whatsapp channel', () => {
     renderFunction();
     expect(renderedComponent).toMatchSnapshot();
@@ -97,6 +126,28 @@ describe('Test Templates container', () => {
       getCreativesParamsOutput,
     );
   });
+  it('Should render correct component for zalo channel', () => {
+    renderZaloFunction();
+    expect(renderedComponent).toMatchSnapshot();
+  });
+  it('Should render temlates when zalo templates are passed', () => {
+    renderZaloFunction();
+    renderedComponent.setProps({ TemplatesList: ZaloTemplateProp.templates });
+    expect(renderedComponent).toMatchSnapshot();
+  });
+  it('Should render temlates when Zalo templates are passed in full mode', () => {
+    renderZaloFunction(true);
+    renderedComponent.setProps({ TemplatesList: ZaloTemplateProp.templates });
+    expect(renderedComponent).toMatchSnapshot();
+  });
+  it('Should render illustration when no templates are passed', () => {
+    renderZaloFunction();
+    renderedComponent.setProps({
+      TemplatesList: [],
+      Templates: {},
+    });
+    expect(renderedComponent).toMatchSnapshot();
+  });
 
   const getFilterContainer = () => {
     const FilterContainer = () =>

package/v2Containers/Templates/tests/mockData.js

@@ -23,8 +23,48 @@ export const getCdnTransformationConfigSuccess = {
     }
 };
 
+export const getAllTemplatesListSuccess = {
+        "name": "Test2 QR - Thông báo thanh toán thành công",
+        "versions": {
+          "base": {
+            "content": {
+              "ZALO": {
+                "templateId": "268531",
+                "templateName": "Test QR - Thông báo thanh toán thành công",
+                "listParams": [
+                  {
+                    "name": "danh_xung",
+                    "require": true,
+                    "type": "STRING",
+                    "maxLength": 30,
+                    "minLength": 0,
+                    "acceptNull": false,
+                  },
+                  {
+                    "name": "name",
+                    "require": true,
+                    "type": "STRING",
+                    "maxLength": 30,
+                    "minLength": 0,
+                    "acceptNull": false,
+                  },
+                ],
+                "previewUrl": "https://account.zalo.cloud/znspreview/-e0cMil4NU5WUUAVzP7T_g=="
+              },
+            },
+          },
+        },
+        "type": "ZALO",
+};
+
 export const getCdnTransformationConfigFailure = {
     "isError": true,
     "message": "Resource Not Found",
     "error": {}
-};
+};
+
+export const getAllTemplatesListFailure = {
+  "isError": true,
+  "message": "Resource Not Found",
+  "error": {},
+};

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

@@ -0,0 +1,50 @@
+import reducer, { initialState } from "../reducer";
+import * as types from "../constants";
+import * as mockData from "./mockData";
+
+describe("test reducer", () => {
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("should return the initial state", () => {
+    expect(reducer(undefined, {})).toEqual(initialState);
+  });
+
+  it("should handle GET_ALL_TEMPLATES_REQUEST", () => {
+    const action = {
+      type: types.GET_ALL_TEMPLATES_REQUEST,
+    };
+    expect(reducer(initialState, action).toJS()).toEqual({
+      ...initialState.toJS(),
+      getAllTemplatesInProgress: true,
+    });
+  });
+
+  it("should handle GET_ALL_TEMPLATES_SUCCESS", () => {
+    const action = {
+      type: types.GET_ALL_TEMPLATES_SUCCESS,
+      data: mockData.getAllTemplatesListSuccess,
+    };
+    const expectedResult = {
+      ...initialState.toJS(),
+      getAllTemplatesInProgress: false,
+      templateError: {},
+      weCRMtemplates: [],
+      templates: [undefined],
+      isSearch: undefined,
+    };
+    expect(reducer(initialState, action).toJS()).toEqual(expectedResult);
+  });
+
+  it("should handle GET_ALL_TEMPLATES_FAILURE", () => {
+    const action = {
+      type: types.GET_ALL_TEMPLATES_FAILURE,
+    };
+    expect(reducer(initialState, action).toJS()).toEqual({
+      ...initialState.toJS(),
+      getAllTemplatesInProgress: false,
+      templateError: undefined,
+    });
+  });
+});

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

@@ -7,7 +7,9 @@ import * as cdnUtils from '../../../utils/cdnTransformation';
 
 import {
   getCdnTransformationConfig,
-  watchGetCdnTransformationConfig
+  getAllTemplates,
+  watchGetCdnTransformationConfig,
+  watchGetAllTemplates,
 } from '../sagas';
 
 import * as mockData from './mockData';
@@ -73,4 +75,40 @@ describe('watchForGetJourneyList saga', () => {
         takeLatest(types.GET_CDN_TRANSFORMATION_CONFIG_REQUEST, getCdnTransformationConfig),
       );
     });
-  });
+});
+
+describe('templateList saga', () => {
+  it('handle valid response from api', () => {
+    expectSaga(getAllTemplates, mockData.getAllTemplatesListSuccess)
+      .provide([[matchers.call.fn(api.getAllTemplates, mockData.getAllTemplatesListSuccess)]])
+      .put({
+        type: types.GET_ALL_TEMPLATES_SUCCESS,
+        res: mockData.getAllTemplatesListSuccess,
+      })
+      .run();
+  });
+
+  it('handles error thrown from api', () => {
+    expectSaga(getAllTemplates, mockData.getAllTemplatesListFailure)
+      .provide([
+        [
+          call(api.getAllTemplates),
+          mockData.getAllTemplatesListFailure,
+        ],
+      ])
+      .put({
+        type: types.GET_ALL_TEMPLATES_FAILURE,
+        res: mockData.getAllTemplatesListFailure,
+      })
+      .run();
+  });
+});
+
+describe('watchForTemplates saga', () => {
+  const generator = watchGetAllTemplates();
+  it('should call watchers functions', () => {
+    expect(generator.next().value).toEqual(
+      takeLatest(types.GET_ALL_TEMPLATES_REQUEST, getAllTemplates),
+    );
+  });
+});

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

@@ -0,0 +1,17 @@
+import { fromJS } from "immutable";
+import { makeSelectTemplatesResponse } from "../selectors";
+
+describe("Template selectors", () => {
+  const mockState = fromJS({
+    templates: [],
+  });
+
+  describe("makeSelectTemplatesResponse selector", () => {
+    it("should return the correct substate", () => {
+      const selected = makeSelectTemplatesResponse().resultFunc(
+        mockState.get("templates")
+      );
+      expect(selected).toEqual(mockState.getIn(["templates", "templates"]));
+    });
+  });
+});

package/v2Containers/TemplatesV2/index.js

@@ -29,7 +29,7 @@ import FTP from '../FTP';
 import Gallery from '../Assets/Gallery';
 import withStyles from '../../hoc/withStyles';
 import styles, { CapTabStyle } from './TemplatesV2.style';
-import { CREATIVES_UI_VIEW, LOYALTY, WHATSAPP, RCS, LINE, EMAIL, ASSETS, JP_LOCALE_HIDE_FEATURE } from '../App/constants';
+import { CREATIVES_UI_VIEW, LOYALTY, WHATSAPP, RCS, LINE, EMAIL, ASSETS, JP_LOCALE_HIDE_FEATURE, ZALO } from '../App/constants';
 import AccessForbidden from '../../v2Components/AccessForbidden';
 import { getObjFromQueryParams } from '../../utils/v2common';
 import { selectCurrentOrgDetails } from "../../v2Containers/Cap/selectors";
@@ -67,6 +67,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       viber: {content: <></>, tab: intl.formatMessage(messages.viber), key: 'viber'},
       facebook: {content: <div></div>, tab: intl.formatMessage(messages.facebook), key: 'facebook'},
       whatsapp: { content: <></>, tab: intl.formatMessage(messages.whatsapp), key: WHATSAPP },
+      zalo: { content: <div></div>, tab: intl.formatMessage(messages.zalo), key: ZALO },
     };
     let filteredPanes = Object.keys(defaultPanes)
       .filter((key) => !channelsToHide.includes(key)).reduce((obj = [], key) => {
@@ -148,7 +149,6 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
 
   componentDidMount() {
     const queryItems = getObjFromQueryParams(location.search);
-
     if (queryItems.channel === WHATSAPP) {
       this.channelChange(WHATSAPP);
     }

package/v2Containers/TemplatesV2/messages.js

@@ -78,4 +78,8 @@ export default defineMessages({
     id: `creatives.containersV2.TemplatesV2.facebookDisableinfo`,
     defaultMessage: 'Please integrate Facebook page ID & page name to enable this option.',
   },
+  zalo: {
+    id: `creatives.containersV2.TemplatesV2.zalo`,
+    defaultMessage: 'Zalo',
+  },
 });

package/v2Containers/Zalo/actions.js

@@ -0,0 +1,17 @@
+import {
+  ZALO_TEMPLATE_INFO_REQUEST,
+  ZALO_TEMPLATE_PREVIEW_RESET,
+} from "./constants";
+
+export function getTemplateInfoById(payload) {
+  return {
+    type: ZALO_TEMPLATE_INFO_REQUEST,
+    payload,
+  };
+}
+
+export function resetTemplateInfoData() {
+  return {
+    type: ZALO_TEMPLATE_PREVIEW_RESET,
+  };
+}

package/v2Containers/Zalo/constants.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import messages from './messages';
+export const SUCCESS_ALERT = 'success';
+export const WARNING_ALERT = 'warning';
+export const ERROR_ALERT = 'error';
+export const SUCCESS = 'SUCCESS';
+export const REQUEST = 'REQUEST';
+export const ERROR = 'ERROR';
+export const STRING = 'STRING';
+export const NUMBER = 'NUMBER';
+export const DATE = 'DATE';
+export const ENABLE = 'ENABLE';
+
+export const TAG = 'TAG';
+export const EMBEDDED = 'embedded';
+export const DEFAULT = 'default';
+export const LIBRARY = 'library';
+export const FULL = 'full';
+export const ALL = 'all';
+
+const prefix = 'app/v2Containers/Zalo';
+export const ZALO_TEMPLATE_INFO_REQUEST = `${prefix}/ZALO_TEMPLATE_INFO_REQUEST`;
+export const ZALO_TEMPLATE_INFO_SUCCESS = `${prefix}/ZALO_TEMPLATE_INFO_SUCCESS`;
+export const ZALO_TEMPLATE_INFO_ERROR = `${prefix}/ZALO_TEMPLATE_INFO_ERROR`;
+export const ZALO_TEMPLATE_PREVIEW_RESET = `${prefix}/ZALO_TEMPLATE_PREVIEW_RESET`;
+export const ZALO_TEMPLATE_PREVIEW_INFO = `${prefix}/ZALO_TEMPLATE_PREVIEW_INFO`;
+
+export const ZALO_STATUSES = {
+  PENDING_REVIEW: 'PENDING_REVIEW',
+  REJECT: 'REJECT',
+  ENABLE: 'ENABLE',
+  DISABLE: 'DISABLE',
+};
+
+export const ZALO_STATUS_OPTIONS = [
+  {
+    key: 'enable',
+    value: ZALO_STATUSES.ENABLE,
+    label: <FormattedMessage {...messages.ENABLE_STATUS} />,
+  },
+  {
+    key: 'reject',
+    value: ZALO_STATUSES.REJECT,
+    label: <FormattedMessage {...messages.REJECT_STATUS} />,
+  },
+  {
+    key: 'disable',
+    value: ZALO_STATUSES.DISABLE,
+    label: <FormattedMessage {...messages.DISABLE_STATUS} />,
+  },
+  {
+    key: 'reviewPending',
+    value: ZALO_STATUSES.PENDING_REVIEW,
+    label: <FormattedMessage {...messages.PENDING_REVIEW_STATUS} />,
+  },
+];