@capillarytech/creatives-library 8.0.166 → 8.0.167

package/containers/WeChat/MapTemplates/messages.js

@@ -0,0 +1,157 @@
+/*
+ * WeChat Messages
+ *
+ * This contains all the text for the WeChat component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  "header": {
+    id: 'creatives.containers.WeChat.header',
+    defaultMessage: 'WeChat',
+  },
+  'Template mapping': {
+    id: 'creatives.containers.WeChat.templateMapping',
+    defaultMessage: 'Template mapping',
+  },
+  'Discard': {
+    id: 'creatives.containers.WeChat.discard',
+    defaultMessage: 'Discard',
+  },
+  'Cancel': {
+    id: 'creatives.containers.WeChat.cancel',
+    defaultMessage: 'Cancel',
+  },
+  'Save': {
+    id: 'creatives.containers.WeChat.save',
+    defaultMessage: 'Save',
+  },
+  'Account Id': {
+    id: 'creatives.containers.WeChat.accountId',
+    defaultMessage: 'Account id',
+  },
+  'Select Wechat Account': {
+    id: 'creatives.containers.WeChat.selectWechatAccount',
+    defaultMessage: 'Select wechat account',
+  },
+  'Template': {
+    id: 'creatives.containers.WeChat.template',
+    defaultMessage: 'Template',
+  },
+  'Select Wechat Template': {
+    id: 'creatives.containers.WeChat.selectWechatTemplate',
+    defaultMessage: 'Select wechat template',
+  },
+  'Link': {
+    id: 'creatives.containers.WeChat.link',
+    defaultMessage: 'Link',
+  },
+  'isInternalUrl': {
+    id: 'creatives.containers.WeChat.isInternalUrl',
+    defaultMessage: 'Is this internal url',
+  },
+  "Tags": {
+    id: 'creatives.containers.WeChat.tagsLabel',
+    defaultMessage: "Tags",
+  },
+  "gettingTemplateData": {
+    id: 'creatives.containers.WeChat.gettingTemplateData',
+    defaultMessage: "Getting template data..",
+  },
+  "wechatEditSuccess": {
+    id: 'creatives.containers.WeChat.wechatEditSuccess',
+    defaultMessage: "WeChat template edited successfully",
+  },
+  "wechatCreateSuccess": {
+    id: 'creatives.containers.WeChat.wechatCreateSuccess',
+    defaultMessage: "WeChat template mapped successfully",
+  },
+  "somethingWentWrong": {
+    id: 'creatives.containers.WeChat.somethingWentWrong',
+    defaultMessage: "Something went wrong!!",
+  },
+  "goBackConfirmation": {
+    id: 'creatives.containers.WeChat.goBackConfirmation',
+    defaultMessage: "Going back will discard all the changes you've made. Continue?",
+  },
+  "alertMessage": {
+    id: 'creatives.containers.WeChat.alertMessage',
+    defaultMessage: "Alert",
+  },
+  "goBackTemporaryConfirmation": {
+    id: 'creatives.containers.WeChat.goBackTemporaryConfirmation',
+    defaultMessage: "Do you really want to go back? All your temporary changes will be lost!",
+  },
+  "mapTemplateHeader": {
+    id: 'creatives.containers.WeChat.mapTemplateHeader',
+    defaultMessage: "Header",
+  },
+  "mapTemplateFooter": {
+    id: 'creatives.containers.WeChat.mapTemplateFooter',
+    defaultMessage: "Footer",
+  },
+  "invalidContent": {
+    id: 'creatives.containers.WeChat.invalidContent',
+    defaultMessage: "has invalid content.",
+  },
+  "link": {
+    id: 'creatives.containers.WeChat.link',
+    defaultMessage: "Link",
+  },
+  "linkCantEmpty": {
+    id: 'creatives.containers.WeChat.linkCantEmpty',
+    defaultMessage: "Link cannot be empty",
+  },
+  "loadingEDMTemplates": {
+    id: 'creatives.containers.WeChat.loadingEDMTemplates',
+    defaultMessage: "loading EDM Templates",
+  },
+  "redirectOptionsHeadingValue": {
+    id: 'creatives.containers.WeChat.redirectOptionsHeadingValue',
+    defaultMessage: 'URL or Mini-Program',
+  },
+  "redirectOptionURL": {
+    id: 'creatives.containers.WeChat.redirectOptionURL',
+    defaultMessage: 'URL',
+  },
+  "redirectOptionMiniProgram": {
+    id: 'creatives.containers.WeChat.redirectOptionMiniProgram',
+    defaultMessage: 'Mini-Program',
+  },
+  "redirectionOptionError": {
+    id: 'creatives.containers.WeChat.redirectionOptionError',
+    defaultMessage: 'Please select a redirect option',
+  },
+  "miniWechatIdLabel": {
+    id: 'creatives.containers.WeChat.miniWechatIdLabel',
+    defaultMessage: 'Mini-Program ID',
+  },
+  "miniWeChatPlaceholder": {
+    id: 'creatives.containers.WeChat.miniWeChatPlaceholder',
+    defaultMessage: 'E.g. ab4892njkl4l2op',
+  },
+  "miniWechatIdInductive": {
+    id: 'creatives.containers.WeChat.miniWechatIdInductive',
+    defaultMessage: 'Unique alpha numeric code for this specific app',
+  },
+  "miniWechatIdError": {
+    id: 'creatives.containers.WeChat.miniWechatIdError',
+    defaultMessage: 'Mini-Program ID cannot be empty',
+  },
+  "pagePathLabel": {
+    id: 'creatives.containers.WeChat.pagePathLabel',
+    defaultMessage: 'Page path',
+  },
+  "pagePathError": {
+    id: 'creatives.containers.WeChat.pagePathError',
+    defaultMessage: 'Page path cannot be empty.',
+  },
+  "pagePathPlaceholder": {
+    id: 'creatives.containers.WeChat.pagePathPlaceholder',
+    defaultMessage: 'E.g. pages/user/profile',
+  },
+  "pagePathInductive": {
+    id: 'creatives.containers.WeChat.pagePathInductive',
+    defaultMessage: 'User will be redirected to the Mini-Program path provided here',
+  },
+});

package/containers/WeChat/MapTemplates/reducer.js

@@ -0,0 +1,74 @@
+/*
+ *
+ * WeChat reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({
+  weChatDefaultTemplate: fromJS({}),
+  fetchingDefaultTemplates: false,
+  errorFetchingDefaultTempalte: false,
+});
+
+function weChatReducer(state = initialState, action) {
+  switch (action.type) {
+    case types.GET_WECHAT_DEFAULT_TEMPLATES_REQUEST:
+      return state
+        .set('fetchingDefaultTemplates', true)
+        .set('weChatDefaultTemplate', fromJS({}))
+        .set('weChatTemplates', fromJS({}))
+        .set('errorFetchingDefaultTempalte', false);
+    case types.GET_WECHAT_DEFAULT_TEMPLATES_SUCCESS:
+      return state
+        .set('fetchingDefaultTemplates', false)
+        .set('weChatDefaultTemplate', fromJS(action.data))
+        .set('weChatTemplates', fromJS(action.templateData));
+    case types.GET_WECHAT_DEFAULT_TEMPLATES_FAILURE:
+      return state
+        .set('fetchingDefaultTemplates', false)
+        .set('errorFetchingDefaultTempalte', true);
+    case types.CREATE_TEMPLATE_REQUEST:
+      return state
+        .set('createTemplateInProgress', true)
+        .set('createTemplateError', false);
+    case types.CREATE_TEMPLATE_SUCCESS:
+      return state.set('createTemplateInProgress', false)
+        .set('createResponse', action.data)
+        .set('createTemplateError', (action.statusCode !== undefined && action.statusCode > 300));
+    case types.CREATE_TEMPLATE_FAILURE:
+      return state
+        .set('createTemplateInProgress', false)
+        .set('createTemplateError', true);
+    case types.CLEAR_CREATE_RESPONSE_REQUEST:
+      return state.set('createResponse', {});
+    case types.GET_WECRM_ACCOUNTS_REQUEST:
+      return state
+        .set('fetchingWeCrmAccounts', true)
+        .set('weCrmAccountFetchingError', false);
+    case types.GET_WECRM_ACCOUNTS_SUCCESS:
+      return state
+        .set('fetchingWeCrmAccounts', false)
+        .set('weCrmAccounts', fromJS(action.data));
+    case types.GET_WECRM_ACCOUNTS_FAILURE:
+      return state
+        .set('fetchingWeCrmAccounts', false)
+        .set('weCrmAccountFetchingError', true);
+    case types.GET_TEMPLATE_DETAILS_REQUEST:
+      return state.set('getTemplateDetailsInProgress', true);
+    case types.GET_TEMPLATE_DETAILS_SUCCESS:
+      return state.set('getTemplateDetailsInProgress', false)
+        .set('templateDetails', action.data);
+    case types.GET_TEMPLATE_DETAILS_FAILURE:
+      return state.set('getTemplateDetailsInProgress', false);
+    case types.SET_WECHAT_ACCOUNT:
+      return state
+        .set('selectedWeChatAccount', fromJS(action.weChatAccount));
+    default:
+      return state;
+  }
+}
+
+export default weChatReducer;

package/containers/WeChat/MapTemplates/sagas.js

@@ -0,0 +1,84 @@
+import {
+  call, put, takeLatest, all,
+} from 'redux-saga/effects';
+import * as Api from '../../../services/api';
+import * as types from './constants';
+
+export function* getDefaultWeChatTemplates(params) {
+  try {
+
+    const result = yield call(Api.getAllTemplates, { channel: params.channel, queryParams: params.queryParams });
+    yield put({ type: types.GET_WECHAT_DEFAULT_TEMPLATES_SUCCESS, data: result.response.unMapped, templateData: result.response.mapped });
+  } catch (error) {
+    yield put({ type: types.GET_WECHAT_DEFAULT_TEMPLATES_FAILURE, error });
+  }
+}
+
+export function* createTemplate(template) {
+  try {
+    const result = yield call(Api.createWeChatTemplate, template);
+    // const sidebar = result.response.sidebar;
+    yield put({ type: types.CREATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '' });
+  } catch (error) {
+    yield put({ type: types.CREATE_TEMPLATE_FAILURE, error });
+  }
+}
+
+export function* fetchWeCrmAccounts() {
+  try {
+    const result = yield call(Api.fetchWeCrmAccounts);
+    yield put({
+        type: types.GET_WECRM_ACCOUNTS_SUCCESS,
+        data: result.response,
+      });
+  } catch (error) {
+    yield put({
+        type: types.GET_WECRM_ACCOUNTS_FAILURE,
+        data: error,
+      });
+  }
+}
+
+export function* getTemplateDetails(id) {
+  try {
+    
+    const result = yield call(Api.getTemplateDetails, id);
+    // const sidebar = result.response.sidebar;
+    yield put({ type: types.GET_TEMPLATE_DETAILS_SUCCESS, data: result.response });
+  } catch (error) {
+    yield put({ type: types.GET_TEMPLATE_DETAILS_FAILURE, error });
+  }
+}
+
+function* watchGetDefaultWechatTemplates() {
+  yield takeLatest(types.GET_WECHAT_DEFAULT_TEMPLATES_REQUEST, getDefaultWeChatTemplates);
+}
+
+function* watchCreateTemplate() {
+  yield takeLatest(types.CREATE_TEMPLATE_REQUEST, createTemplate);
+}
+
+function* watchFetchWeCrmAccounts() {
+  yield takeLatest(types.GET_WECRM_ACCOUNTS_REQUEST, fetchWeCrmAccounts);
+}
+
+function* watchGetTemplateDetails() {
+  yield takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
+}
+
+// All sagas to be loaded
+export default [
+  watchGetDefaultWechatTemplates,
+  watchCreateTemplate,
+  watchFetchWeCrmAccounts,
+  watchGetTemplateDetails,
+];
+
+export function* mapTemplatesSaga() {
+  yield all([
+    watchGetDefaultWechatTemplates(),
+    watchCreateTemplate(),
+    watchFetchWeCrmAccounts(),
+    watchGetTemplateDetails(),
+  ]);
+}

package/containers/WeChat/MapTemplates/selectors.js

@@ -0,0 +1,25 @@
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the weChat state domain
+ */
+const selectWeChatDomain = () => (state) => state.get('weChat');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by WeChat
+ */
+
+const makeSelectWeChat = () => createSelector(
+  selectWeChatDomain(),
+  (substate) => substate.toJS()
+);
+
+export default makeSelectWeChat;
+export {
+  selectWeChatDomain,
+};

package/containers/WeChat/MapTemplates/test/saga.test.js

@@ -0,0 +1,155 @@
+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 types from '../constants'; 
+import * as sagas from '../sagas'; 
+import { mapTemplatesSaga } from '../sagas';
+
+describe('WeChat Template Management Sagas', () => {
+  describe('getDefaultWeChatTemplates Saga', () => {
+    const params = { channel: 'WeChat', queryParams: { type: 'default' } };
+
+    it.concurrent('handles fetching default WeChat templates successfully', () => {
+      const fakeResponse = {
+        response: {
+          unMapped: [{ id: 1, name: 'Template One' }],
+          mapped: [{ id: 2, name: 'Mapped Template' }]
+        }
+      };
+
+      return expectSaga(sagas.getDefaultWeChatTemplates, params)
+        .provide([
+          [call(Api.getAllTemplates, { channel: params.channel, queryParams: params.queryParams }), fakeResponse]
+        ])
+        .put({
+          type: types.GET_WECHAT_DEFAULT_TEMPLATES_SUCCESS,
+          data: fakeResponse.response.unMapped,
+          templateData: fakeResponse.response.mapped
+        })
+        .run();
+    });
+
+    it.concurrent('handles failure in fetching default WeChat templates', () => {
+      const error = new Error('Fetch failed');
+
+      return expectSaga(sagas.getDefaultWeChatTemplates, params)
+        .provide([
+          [call(Api.getAllTemplates, { channel: params.channel, queryParams: params.queryParams }), throwError(error)]
+        ])
+        .put({
+          type: types.GET_WECHAT_DEFAULT_TEMPLATES_FAILURE,
+          error
+        })
+        .run();
+    });
+  });
+
+  describe('createTemplate Saga', () => {
+    const template = { name: 'New WeChat Template' };
+    test.concurrent('handles creating a WeChat template successfully', () => {
+      const fakeResponse = {
+        response: template,
+        status: { code: 200 }
+      };
+      return expectSaga(sagas.createTemplate, template)
+        .provide([
+          [call(Api.createWeChatTemplate, template), fakeResponse]
+        ])
+        .put({
+          type: types.CREATE_TEMPLATE_SUCCESS,
+          data: fakeResponse.response,
+          statusCode: 200
+        })
+        .run();
+    });
+    test.concurrent('handles failure when creating a WeChat template', () => {
+      const error = new Error('Creation failed');
+      return expectSaga(sagas.createTemplate, template)
+        .provide([
+          [call(Api.createWeChatTemplate, template), throwError(error)]
+        ])
+        .put({
+          type: types.CREATE_TEMPLATE_FAILURE,
+          error
+        })
+        .run();
+    });
+  });
+
+  describe('fetchWeCrmAccounts Saga', () => {
+    it.concurrent('handles fetching WeCrm accounts successfully', () => {
+      const fakeResponse = {
+        response: [{ id: 1, name: 'Account One' }]
+      };
+
+      return expectSaga(sagas.fetchWeCrmAccounts)
+        .provide([
+          [call(Api.fetchWeCrmAccounts), fakeResponse]
+        ])
+        .put({
+          type: types.GET_WECRM_ACCOUNTS_SUCCESS,
+          data: fakeResponse.response
+        })
+        .run();
+    });
+
+    it.concurrent('handles failure in fetching WeCrm accounts', () => {
+      const error = new Error('Fetch failed');
+
+      return expectSaga(sagas.fetchWeCrmAccounts)
+        .provide([
+          [call(Api.fetchWeCrmAccounts), throwError(error)]
+        ])
+        .put({
+          type: types.GET_WECRM_ACCOUNTS_FAILURE,
+          data: error
+        })
+        .run();
+    });
+  });
+
+  describe('getTemplateDetails Saga', () => {
+    const id = '123';
+
+    it.concurrent('handles fetching template details successfully', () => {
+      const fakeResponse = {
+        response: { id: 123, name: 'Detailed Template' }
+      };
+
+      return expectSaga(sagas.getTemplateDetails, id)
+        .provide([
+          [call(Api.getTemplateDetails, id), fakeResponse]
+        ])
+        .put({
+          type: types.GET_TEMPLATE_DETAILS_SUCCESS,
+          data: fakeResponse.response
+        })
+        .run();
+    });
+
+    it.concurrent('handles failure in fetching template details', () => {
+      const error = new Error('Fetch failed');
+
+      return expectSaga(sagas.getTemplateDetails, id)
+        .provide([
+          [call(Api.getTemplateDetails, id), throwError(error)]
+        ])
+        .put({
+          type: types.GET_TEMPLATE_DETAILS_FAILURE,
+          error
+        })
+        .run();
+    });
+  });
+
+
+
+  // Test combined saga
+  describe('Combined mapTemplatesSaga', () => {
+    it.concurrent('should initialize all WeChat-related watcher sagas without error', () => {
+      return expectSaga(mapTemplatesSaga)
+        .run();
+    });
+  });
+});

package/containers/WeChat/RichmediaTemplates/Create/_createRichmedia.scss

@@ -0,0 +1,57 @@
+.hover-container {
+  position: relative;
+}
+.richmedia-icons {
+  display: none;
+  position: absolute;
+  top: 50%;
+}
+.hover-container:hover {
+  .richmedia-card {
+    opacity: 0.2;
+    border: 2px solid #1D5B96!important;
+  }
+  .richmedia-card-rectangle {
+    opacity: 0.2;
+    border: 2px solid #1D5B96!important;
+  }
+  .richmedia-icons {
+    opacity: 1 !important;
+    display: inline-flex!important;
+  }
+
+}
+.richmedia-card-clicked {
+  border: 2px solid #1D5B96!important;
+}
+.richmedia-card-rectangle-clicked {
+  border: 2px solid #1D5B96!important;
+}
+.hover-container .richmedia-card, .hover-container .richmedia-card-rectangle {
+  border: 1px solid #707070;
+}
+.hover-icons {
+  font-size: 20px;
+}
+.richmedia-container {
+  height: 100%;
+  overflow-y: auto;
+}
+.template-form-header {
+  margin-bottom: 2.5rem;
+}
+.wechat-form-container {
+  margin-right: 2.5rem;
+}
+.wechat-richmedia-row {
+  margin-bottom: 1.5rem;
+  width: 50rem;
+}
+.overflow-wrap-fields {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  overflow-wrap: break-word;
+  display: -webkit-box !important;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}

package/containers/WeChat/RichmediaTemplates/Create/actions.js

@@ -0,0 +1,36 @@
+/*
+ *
+ * Create actions
+ *
+ */
+import * as types from './constants';
+
+export function defaultAction() {
+  return {
+    type: types.DEFAULT_ACTION,
+  };
+}
+export function uploadAsset(file, assetType, fileParams, mode, wechatParams, contentId, uploadId) {
+  return {
+    type: types.UPLOAD_ASSET_REQUEST,
+    file,
+    assetType,
+    fileParams,
+    mode,
+    wechatParams,
+    contentId,
+    uploadId,
+  };
+}
+export function saveTemplate(template) {
+  return {
+    type: types.SAVE_TEMPLATE_REQUEST,
+    template,
+  };
+}
+export function clearContentImageStore() {
+  return {
+    type: types.CLEAR_CONTENT_ASSET,
+  };
+}
+

package/containers/WeChat/RichmediaTemplates/Create/constants.js

@@ -0,0 +1,15 @@
+/*
+ *
+ * Create constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/containers/Wechat/RichmediaTemplates/Create/DEFAULT_ACTION';
+export const UPLOAD_ASSET_REQUEST = 'app/containers/Wechat/RichmediaTemplates/Create/UPLOAD_ASSET_REQUEST';
+export const UPLOAD_ASSET_SUCCESS = 'app/containers/Wechat/RichmediaTemplates/Create/UPLOAD_ASSET_SUCCESS';
+export const UPLOAD_ASSET_FAILURE = 'app/containers/Wechat/RichmediaTemplates/Create/UPLOAD_ASSET_FAILURE';
+export const CLEAR_ASSET = 'app/containers/Wechat/RichmediaTemplates/Create/CLEAR_ASSET';
+export const SAVE_TEMPLATE_REQUEST = 'app/containers/Wechat/RichmediaTemplates/Create/SAVE_TEMPLATE_REQUEST';
+export const SAVE_TEMPLATE_SUCCESS = 'app/containers/Wechat/RichmediaTemplates/Create/SAVE_TEMPLATE_SUCCESS';
+export const SAVE_TEMPLATE_FAILURE = 'app/containers/Wechat/RichmediaTemplates/Create/SAVE_TEMPLATE_FAILURE';
+export const CLEAR_CONTENT_ASSET = 'app/containers/Wechat/RichmediaTemplates/Create/CLEAR_CONTENT_ASSET';