@capillarytech/creatives-library 8.0.34-alpha.1 → 8.0.36

package/v2Containers/TagList/tests/mockdata.js

@@ -110,25 +110,8 @@ export const TagListData = {
 export const eventContextTags = [
     {
         "profileId": "BEHAVIOURAL_EVENT_PROFILE",
-        "method": "getEventData",
-        "field": "butterfly",
-        "params": null,
-        "returnType": {
-            "isList": false,
-            "typeInfo": {
-                "type": "DOUBLE",
-                "typeId": null
-            },
-            "list": false
-        },
-        "factId": "getEventData_butterfly",
-        "tagName": "(butterfly)",
-        "isTaggable": true,
-        "uniqueId": "yW_DH7vjKk__BEHAVIOURAL__monsoon",
-        "isDynamicFact": true
-    },
-    {
-        "profileId": "BEHAVIOURAL_EVENT_PROFILE",
+        // "profileName": "Behavioural event",
+        // "label": 'raindrops',
         "method": "getEventData",
         "field": "raindrops",
         "params": null,
@@ -149,6 +132,7 @@ export const eventContextTags = [
     {
         "factId": "5LFP9e",
         "profileId": "CUSTOMER_PROFILE",
+        "profileName": "Current Customer",
         "params": [],
         "returnType": {
             "isList": false,
@@ -159,7 +143,7 @@ export const eventContextTags = [
             "list": false
         },
         "tagName": "entryTrigger.lifetimePurchases",
-        label: 'lifetimePurchases',
+        "label": 'lifetimePurchases',
         "isTaggable": true,
         "uniqueId": "yW_DH7vjKk__BEHAVIOURAL__monsoon",
         "isDynamicFact": false

package/v2Containers/Templates/sagas.js

@@ -185,43 +185,43 @@ export function* watchGetAllTemplates() {
   
 }
 
-function* watchDeleteTemplate() {
+export function* watchDeleteTemplate() {
   yield takeLatest(types.DELETE_TEMPLATE_REQUEST, deleteTemplate);
   
   
 }
 
-function* watchGetUserList() {
+export function* watchGetUserList() {
   yield takeLatest(types.GET_USER_LIST_REQUEST, fetchUserList);
   
   
 }
 
-function* watchFetchWeCrmAccounts() {
+export function* watchFetchWeCrmAccounts() {
   yield takeLatest(types.GET_WECRM_ACCOUNTS_REQUEST, fetchWeCrmAccounts);
   
   
 }
 
-function* watchSendingFile() {
+export function* watchSendingFile() {
   yield takeLatest(types.SEND_ZIPPED_FILE_REQUEST, sendZippedFile);
   
   
 }
 
-function* watchGetDefaultBeeTemplates() {
+export function* watchGetDefaultBeeTemplates() {
   yield takeLatest(types.GET_DEAFULT_BEE_TEMPLATES_REQUEST, getDefaultBeeTemplates);
   
   
 }
 
-function* watchGetTemplateDetails() {
+export function* watchGetTemplateDetails() {
   yield takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
   
   
 }
 
-function* watchGetSenderDetails() {
+export function* watchGetSenderDetails() {
   yield takeLatest(types.GET_SENDER_DETAILS_REQUEST, getSenderDetails);
   
   

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

@@ -11,11 +11,15 @@ import {
   watchGetCdnTransformationConfig,
   watchGetAllTemplates,
   getSenderDetails,
+  fetchWeCrmAccounts,
+  sendZippedFile,
+  fetchUserList
 } from '../sagas';
 
 import * as mockData from './mockData';
 import { ZALO } from '../../CreativesContainer/constants';
 import { VIET_GUYS } from '../../Zalo/constants';
+import { throwError } from 'redux-saga-test-plan/providers';
 
 describe('getCdnTransformationConfig saga', () => {
   it("handle valid response from api", () => {
@@ -187,3 +191,137 @@ describe('getSenderDetails Saga', () => {
     );
   });
 });
+
+describe('fetchWeCrmAccounts Saga', () => {
+  const action = { source: 'CRM' };
+
+  it('handles successful fetching of WeCRM accounts', () => {
+    const fakeResponse = {
+      response: [{ id: 1, name: 'Account One' }]
+    };
+    const generator = fetchWeCrmAccounts(action);
+    expect(generator.next().value).toEqual(call(api.fetchWeCrmAccounts, action.source));
+    expect(generator.next(fakeResponse).value).toEqual(
+      put({
+        type: types.GET_WECRM_ACCOUNTS_SUCCESS,
+        data: fakeResponse.response
+      })
+    );
+  });
+
+  it('handles error thrown from api', () => {
+    const error = new Error('Fetch failed');
+    expectSaga(fetchWeCrmAccounts, action.source)
+      .provide([
+        [
+          call(api.fetchWeCrmAccounts),
+          throwError(error)
+        ],
+      ])
+      .put({
+        type: types.GET_WECRM_ACCOUNTS_FAILURE,
+        data: error
+      })
+      .run();
+  });
+});
+
+
+describe('sendZippedFile Saga', () => {
+  const action = {
+    selectedFile: 'dummyFile.zip',
+    errorHandler: jest.fn(),
+    successHandler: jest.fn()
+  };
+
+  it('handles successful sending of zipped file', () => {
+    const fakeResponse = {
+      status: { isError: false },
+      response: { metaEntity: { htmlContent: encodeURIComponent('<html></html>') } }
+    };
+    const generator = sendZippedFile(action);
+    expect(generator.next().value).toEqual(call(api.sendZippedFile, action.selectedFile));
+    expect(generator.next(fakeResponse).value).toEqual(
+      put({
+        type: types.SEND_ZIPPED_FILE_SUCCESS,
+        selectedTemplate: decodeURIComponent(fakeResponse.response.metaEntity.htmlContent)
+      })
+    );
+  });
+
+  it('handles scenario when API result indicates an error', () => {
+    const fakeErrorResponse = {
+      status: { isError: true },
+      message: 'Error processing file'
+    };
+    const generator = sendZippedFile(action);
+    expect(generator.next().value).toEqual(call(api.sendZippedFile, action.selectedFile));
+  });
+
+  it('handles error thrown from api', () => {
+    const error = new Error('Fetch failed');
+    expectSaga(sendZippedFile, action)
+      .provide([
+        [
+          call(api.sendZippedFile),
+          throwError(error)
+        ],
+      ])
+      .put({
+        type: types.SEND_ZIPPED_FILE_FAILURE,
+        data: error
+      })
+      .run();
+  });
+});
+
+describe('fetchUserList Saga', () => {
+  
+  it('handles successful fetching of user list', () => {
+    const fakeResponse = {
+      data: {
+        result: [
+          { id: 1, name: 'User One' },
+          { id: 2, name: 'User Two' }
+        ]
+      }
+    };
+    const generator = fetchUserList();
+    expect(generator.next().value).toEqual(call(api.getUserList));
+    expect(generator.next(fakeResponse).value).toEqual(
+      put({
+        type: types.GET_USER_LIST_SUCCESS,
+        data: fakeResponse.data.result
+      })
+    );
+    expect(generator.next().done).toBe(true);
+  });
+
+  it('handles error thrown from API when fetching user list', () => {
+    const error = new Error('Fetch failed');
+    const generator = fetchUserList();
+    expect(generator.next().value).toEqual(call(api.getUserList));
+    expect(generator.throw(error).value).toEqual(
+      put({
+        type: types.GET_USER_LIST_FAILURE,
+        data: error
+      })
+    );
+    expect(generator.next().done).toBe(true);
+  });
+  it('handles error thrown from api', () => {
+    const error = new Error('Fetch failed');
+    expectSaga(fetchUserList)
+      .provide([
+        [
+          call(api.getUserList),
+          throwError(error)
+        ],
+      ])
+      .put({
+        type: types.GET_USER_LIST_FAILURE,
+        data: error
+      })
+      .run();
+  });
+});

package/v2Containers/TemplatesV2/index.js

@@ -6,14 +6,11 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-import { all } from 'redux-saga/effects';
 import { connect } from 'react-redux';
 import { injectIntl, intlShape, FormattedMessage } from 'react-intl';
 import { createStructuredSelector } from 'reselect';
 import { bindActionCreators, compose } from 'redux';
-import {
-  CapTab, CapCustomCard, CapButton, CapHeader, CapSpin, CapIcon, CapTooltip,
-} from '@capillarytech/cap-ui-library';
+import { CapTab, CapCustomCard, CapButton, CapHeader, CapSpin, CapIcon, CapTooltip } from '@capillarytech/cap-ui-library';
 import { find, get } from 'lodash';
 import isEmpty from 'lodash/isEmpty';
 import Helmet from 'react-helmet';
@@ -33,9 +30,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, ZALO, INAPP,
-} from '../App/constants';
+import { CREATIVES_UI_VIEW, LOYALTY, WHATSAPP, RCS, LINE, EMAIL, ASSETS, JP_LOCALE_HIDE_FEATURE, ZALO, INAPP } from '../App/constants';
 import AccessForbidden from '../../v2Components/AccessForbidden';
 import { getObjFromQueryParams } from '../../utils/v2common';
 import { makeSelectAuthenticated, selectCurrentOrgDetails } from "../Cap/selectors";
@@ -124,15 +119,13 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
         // eslint-disable-next-line no-param-reassign
         pane.disabled = true;
         if (pane.key === 'facebook' && showDisabledFBInfo) {
-          pane.tab = (
-            <CapTooltip
+          pane.tab = (<CapTooltip
               title={
                 intl.formatMessage(messages.facebookDisableinfo)
               }
             >
               {intl.formatMessage(messages.facebook)}
-            </CapTooltip>
-          );
+            </CapTooltip>);
         }
       }
       return pane;
@@ -185,15 +178,13 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       this.setState({selectedChannel: nextProps.channel, panes });
     }
   }
-
-  getTemplateDataForGrid = ({
-    templates, handlers, filterContent, channel, isLoading, loadingTip,
-  }) => {
+getTemplateDataForGrid = ({templates, handlers, filterContent, channel, isLoading, loadingTip}) => {
     const currentChannel = channel.toUpperCase();
     const cardDataList = templates.map((template) => {
-      const templateData = {
+      const templateData =
+        {
         key: `${currentChannel}-card-${template.name}`,
-        title: <span title={template.name}>{template.name}</span>,
+        title: <span title={template.name} >{template.name}</span>,
         extra: [<CapIcon type="eye" onClick={() => { if (this.props.isFullMode) { handlers.handlePreviewClick(template); } else { this.props.handlePeviewTemplate(template); } }} />],
         hoverOption: <CapButton onClick={(e) => handlers.handleEditClick(e, template._id)}>{this.props.intl.formatMessage(this.props.isFullMode ? messages.edit : messages.select)}</CapButton>,
       };
@@ -204,8 +195,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       }
       return templateData;
     });
-    return (
-      <div>
+    return (<div>
         {filterContent}
         <CapSpin spinning={isLoading} tip={loadingTip}>
           <div className="pagination-container">
@@ -213,12 +203,9 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
           </div>
         </CapSpin>
 
-      </div>
-    );
+      </div>);
   }
-
-  getGalleryComponent = (location) => <Gallery location={location} isFullMode={this.props.isFullMode} />
-
+getGalleryComponent = (location) => <Gallery location={location} isFullMode={this.props.isFullMode}/>
   getCallTaskComponent = () => (
     <CallTask
       onCreateNew={this.props.createNew}
@@ -228,13 +215,11 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
   );
 
   getFacebookComponent = () => {
-    const {
-      messageDetails, cap, onFacebookSubmit,
+    const { messageDetails, cap, onFacebookSubmit,
       messageStrategy,
       showDisabledFBInfo,
       orgUnitId,
-      onSelectTemplate,
-    } = this.props;
+      onSelectTemplate } = this.props;
     return (
       <Facebook
         {...this.props}
@@ -248,15 +233,12 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       />
     );
   }
-
   getViberComponent =() => (
     <Viber
       {...this.props}
       isCreateFlow
-    >
-    </Viber>
+    ></Viber>
   )
-
   getLineComponent = () => (
     <Line
       {...this.props}
@@ -293,8 +275,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       case 'assets':
         return this.getGalleryComponent(location);
       default:
-        return (
-          <Templates
+        return (<Templates
             key={channel}
             location={location}
             route={{name: channel}}
@@ -307,8 +288,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
             messageStrategy={this.props.messageStrategy}
             smsRegister={smsRegister}
             hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
-          />
-        );
+          />);
     }
   }
 
@@ -330,17 +310,13 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
     const panes = this.setChannelContent(selectedChannel, this.state.panes);
     this.setState({panes, selectedChannel}, () => { if (!this.props.isFullMode) this.props.onChannelChange(selectedChannel); });
   }
-
   selectTemplate = (id) => find(this.props.TemplatesList, {_id: id})
 
   isLoading() {
     return this.props.Templates.loadingTemplates;
   }
-
   render() {
-    const {
-      isFullMode, className, cap = {}, authData = {},
-    } = this.props;
+    const { isFullMode, className, cap = {}, authData = {}} = this.props;
     const { accessiblePermissions = []} = cap.user || authData.user || {};
     let isCreativeAccessible = true;
     if (!accessiblePermissions.includes(CREATIVES_UI_VIEW)) {
@@ -349,16 +325,14 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
     return (
       !isCreativeAccessible ? <AccessForbidden /> : (
         <div className={`${className} creatives-templates-container ${isFullMode ? 'fullmode' : 'library-mode'}`} data-testid="cap-wrapper">
-          {isFullMode && (
-            <Helmet
-              title={this.props.intl.formatMessage(messages.creatives)}
-              meta={[
-                { name: 'description', content: this.props.intl.formatMessage(messages.creativesDesc) },
-              ]}
-            />
-          )}
+          {isFullMode && <Helmet
+            title={this.props.intl.formatMessage(messages.creatives)}
+            meta={[
+              { name: 'description', content: this.props.intl.formatMessage(messages.creativesDesc) },
+            ]}
+          />}
           <div className="component-wrapper">
-            {isFullMode && <CapHeader title={<FormattedMessage {...messages.creatives} />} description={<FormattedMessage {...messages.creativesDesc} />} />}
+            {isFullMode && <CapHeader title={<FormattedMessage {...messages.creatives}/>} description={<FormattedMessage {...messages.creativesDesc}/>}/>}
             <StyledCapTab
               panes={this.state.panes}
               onChange={this.channelChange}
@@ -403,7 +377,7 @@ TemplatesV2.defaultProps = {
 };
 
 const mapStateToProps = createStructuredSelector({
-  Global: makeSelectAuthenticated(),
+  cap: makeSelectAuthenticated(),
   Templates: makeSelectTemplates(),
   TemplatesList: makeSelectTemplatesResponse(),
   currentOrgDetails: selectCurrentOrgDetails(),

package/v2Containers/Viber/tests/saga.test.js

@@ -0,0 +1,187 @@
+import { expectSaga } from 'redux-saga-test-plan';
+import { call, put } from 'redux-saga/effects';
+import { throwError } from 'redux-saga-test-plan/providers';
+import * as Api from '../../../services/api';
+import * as sagas from '../sagas';
+import { v2ViberSagas } from '../sagas';
+import * as types from '../constants';
+
+describe('Viber Sagas', () => {
+  
+  describe('uploadViberAsset Saga', () => {
+    const file = new Blob(['file contents'], { type: 'text/plain' });
+    const assetType = 'image';
+    const fileParams = { directory: 'profile', templateType: 'viber' };
+
+    it('handles uploading asset successfully', () => {
+      const fakeResponse = {
+        response: { asset: { id: 1, url: 'http://example.com/image.png' } },
+        status: { code: 200 }
+      };
+
+      return expectSaga(sagas.uploadViberAsset, file, assetType, fileParams)
+        .provide([
+          [call(Api.uploadFile, file, assetType, fileParams), fakeResponse]
+        ])
+        .put({
+          type: types.UPLOAD_VIBER_ASSET_SUCCESS,
+          data: fakeResponse.response.asset,
+          statusCode: fakeResponse.status.code,
+          templateType: undefined
+        })
+        .run();
+    });
+
+    it('handles asset upload failure', () => {
+      const error = new Error('Upload failed');
+
+      return expectSaga(sagas.uploadViberAsset, file, assetType, fileParams)
+        .provide([
+          [call(Api.uploadFile, file, assetType, fileParams), throwError(error)]
+        ])
+        .put({
+          type: types.UPLOAD_VIBER_ASSET_FAILURE,
+          error
+        })
+        .run();
+    });
+  });
+
+  describe('createViberTemplate Saga', () => {
+    const template = { content: 'New Viber Template' };
+    const callback = jest.fn();
+
+    it('handles creating template successfully', () => {
+      const fakeResponse = {
+        response: { id: 2, content: template.content },
+        status: { code: 201 }
+      };
+
+      return expectSaga(sagas.createViberTemplate, { template, callback })
+        .provide([
+          [call(Api.createViberTemplate, { template }), fakeResponse]
+        ])
+        .put({
+          type: types.CREATE_VIBER_TEMPLATE_SUCCESS,
+          data: fakeResponse.response,
+          statusCode: fakeResponse.status.code,
+          errorMsg: undefined
+        })
+        .run()
+        .then(() => {
+          expect(callback).toHaveBeenCalledWith(fakeResponse.response);
+        });
+    });
+
+    it('handles failure in creating template', () => {
+      const error = new Error({ message: 'Creation failed', status: { code: 400 } });
+
+        const errorMsg = 'Creation failed';
+      return expectSaga(sagas.createViberTemplate, { template, callback })
+        .provide([
+          [call(Api.createViberTemplate, { template }), throwError(error)]
+        ])
+        .put({
+          type: types.CREATE_VIBER_TEMPLATE_FAILURE,
+          error,
+          errorMsg : undefined
+        })
+        .run()
+        .then(() => {
+          expect(callback).toHaveBeenCalledWith(null, undefined);
+        });
+    });
+  });
+
+  describe('editTemplate Saga', () => {
+    const template = { id: 1, content: 'Updated Content' };
+    const callback = jest.fn();
+
+    it('handles editing template successfully', () => {
+      const fakeResponse = {
+        response: { updated: true },
+        status: { code: 200 }
+      };
+
+      return expectSaga(sagas.editTemplate, { template, callback })
+        .provide([
+          [call(Api.createViberTemplate, { template }), fakeResponse]
+        ])
+        .put({
+          type: types.EDIT_VIBER_TEMPLATE_SUCCESS,
+          data: fakeResponse.response,
+          statusCode: fakeResponse.status.code,
+          errorMsg: undefined
+        })
+        .run()
+        .then(() => {
+          expect(callback).toHaveBeenCalledWith(fakeResponse.response);
+        });
+    });
+
+    it('handles failure in editing template', () => {
+      const errorMsg = 'Error in editing template';
+      return expectSaga(sagas.editTemplate, { template, callback })
+        .provide([
+          [call(Api.createViberTemplate, { template }), throwError({ message: errorMsg, status: { code: 400 } })]
+        ])
+        .put({
+          type: types.EDIT_VIBER_TEMPLATE_FAILURE,
+          error: { message: 'Error in editing template', status: { code: 400 } },
+          errorMsg: undefined,
+        })
+        .run()
+        .then(() => {
+          expect(callback).toHaveBeenCalledWith(null, undefined);
+        });
+    });
+  });
+
+  describe('getTemplateDetails Saga', () => {
+    const id = '123';
+    const callback = jest.fn();
+
+    it('handles fetching template details successfully', () => {
+      const fakeResponse = {
+        response: { id: id, name: 'Detailed Template' }
+      };
+
+      return expectSaga(sagas.getTemplateDetails, { id, callback })
+        .provide([
+          [call(Api.getTemplateDetails, { id, channel: 'VIBER' }), fakeResponse]
+        ])
+        .put({
+          type: types.GET_VIBER_TEMPLATE_DETAILS_SUCCESS,
+          data: fakeResponse.response
+        })
+        .run()
+        .then(() => {
+          expect(callback).not.toHaveBeenCalledWith(0);
+        });
+    });
+
+    it('handles failure in fetching template details', () => {
+      const error = new Error('Fetch failed');
+
+      return expectSaga(sagas.getTemplateDetails, { id, callback })
+        .provide([
+          [call(Api.getTemplateDetails, { id, channel: 'VIBER' }), throwError(error)]
+        ])
+        .put({
+          type: types.GET_VIBER_TEMPLATE_DETAILS_FAILURE,
+          error
+        })
+        .run()
+        .then(() => {
+          expect(callback).not.toHaveBeenCalledWith();
+        });
+    });
+  });
+
+  describe('v2ViberSagas Combined', () => {
+    it('should initialize all Viber-related watcher sagas without error', () => {
+      return expectSaga(v2ViberSagas).run();
+    });
+  });
+
+});