@capillarytech/creatives-library 8.0.136-alpha.4 → 8.0.136-beta.3

package/containers/MobilePush/Create/messages.js

@@ -0,0 +1,269 @@
+/*
+ * Create Messages
+ *
+ * This contains all the text for the Create component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  "imageUploadLabel": {
+    id: 'creatives.containers.MobilePush.Create.ImageUploadLabel',
+    defaultMessage: 'Upload image',
+  },
+  "Enter template name*": {
+    id: 'creatives.containers.MobilePush.Create.enterTemplateNameImportant',
+    defaultMessage: 'Enter template name*',
+  },
+  "Enter template name": {
+    id: 'creatives.containers.MobilePush.Create.enterTemplateName',
+    defaultMessage: 'Enter template name',
+  },
+  "Template name cannot be empty": {
+    id: 'creatives.containers.MobilePush.Create.templateCantEmpty',
+    defaultMessage: 'Template name cannot be empty',
+  },
+  "Discard Changes": {
+    id: 'creatives.containers.MobilePush.Create.discardChanges',
+    defaultMessage: 'Discard changes',
+  },
+  "Cancel": {
+    id: 'creatives.containers.MobilePush.Create.cancel',
+    defaultMessage: 'Cancel',
+  },
+  "Save": {
+    id: 'creatives.containers.MobilePush.Create.save',
+    defaultMessage: 'Save',
+  },
+  "Select Mobilepush Account": {
+    id: 'creatives.containers.MobilePush.Create.selectMobilePushAccount',
+    defaultMessage: 'Select mobilepush account',
+  },
+  "Account Id": {
+    id: 'creatives.containers.MobilePush.Create.accountId',
+    defaultMessage: 'Account id',
+  },
+  "Select Mobilepush Template": {
+    id: 'creatives.containers.MobilePush.Create.selectMobilePushTemplate',
+    defaultMessage: 'Select mobilepush template',
+  },
+  "Template": {
+    id: 'creatives.containers.MobilePush.Create.template',
+    defaultMessage: 'Template',
+  },
+  "Android": {
+    id: 'creatives.containers.MobilePush.Create.Android',
+    defaultMessage: 'Android',
+  },
+  "Copy Title and Content From IOS": {
+    id: 'creatives.containers.MobilePush.Create.copyFromIos',
+    defaultMessage: 'Copy Title and Content From IOS',
+  },
+  "Title*": {
+    id: 'creatives.containers.MobilePush.Create.titleLabel',
+    defaultMessage: 'Title*',
+  },
+  "Title": {
+    id: 'creatives.containers.MobilePush.Create.title',
+    defaultMessage: 'Title',
+  },
+  "Please input message title name.": {
+    id: 'creatives.containers.MobilePush.Create.titleNameInvalid',
+    defaultMessage: 'Please enter the message title',
+  },
+  "Template message has unsupported/missing tags!": {
+    id: 'creatives.containers.MobilePush.Create.messageHasUnsupportedTag',
+    defaultMessage: 'Please check the message content for unsupported/missing tags',
+  },
+  "Tags": {
+    id: 'creatives.containers.MobilePush.Create.Tags',
+    defaultMessage: 'Tags',
+  },
+  "Message*": {
+    id: 'creatives.containers.MobilePush.Create.messageLabel',
+    defaultMessage: 'Message*',
+  },
+  "Message": {
+    id: 'creatives.containers.MobilePush.Create.message',
+    defaultMessage: 'Message',
+  },
+  "Please input mobile push template content.": {
+    id: 'creatives.containers.MobilePush.Create.inputMobilePushTemplateContent',
+    defaultMessage: 'Please enter the message content',
+  },
+  "addPrimaryCTA": {
+    id: 'creatives.containers.MobilePush.Create.addPrimaryCTA',
+    defaultMessage: 'Add primary CTA',
+  },
+  "addSecondaryCTA": {
+    id: 'creatives.containers.MobilePush.Create.addSecondaryCTA',
+    defaultMessage: 'Add secondary CTA',
+  },
+  "iOS": {
+    id: 'creatives.containers.MobilePush.Create.iOS',
+    defaultMessage: 'iOS',
+  },
+  "Copy Title and Content From Android": {
+    id: 'creatives.containers.MobilePush.Create.copyFromAndroid',
+    defaultMessage: 'Copy Title and Content From Android',
+  },
+  "Template title has unsupported/missing tags.": {
+    id: 'creatives.containers.MobilePush.Create.titleHasUnsupportedTag',
+    defaultMessage: 'Please check the message content for unsupported/missing tags',
+  },
+  "Template name cannot be empty.": {
+    id: 'creatives.containers.MobilePush.Create.templateNameNotEmpty',
+    defaultMessage: 'Please provide a template name ',
+  },
+  "Message title has unsupported/missing tags!": {
+    id: 'creatives.containers.MobilePush.Create.messageTitleWithUnsupportedTag',
+    defaultMessage: 'Please check the message content for unsupported/missing tags',
+  },
+  "Image": {
+    id: 'creatives.containers.MobilePush.Create.Image',
+    defaultMessage: 'Image',
+  },
+  "Max file size acceptable is 5mb": {
+    id: 'creatives.containers.MobilePush.Create.maxUploadFileSize',
+    defaultMessage: 'Max file size acceptable is 5mb',
+  },
+  "Please upload Image": {
+    id: 'creatives.containers.MobilePush.Create.pleaseUploadImage',
+    defaultMessage: 'Please upload image',
+  },
+  "Upload Image": {
+    id: 'creatives.containers.MobilePush.Create.uploadImage',
+    defaultMessage: 'Upload image',
+  },
+  "Mobile Push Template Created Successfully": {
+    id: 'creatives.containers.MobilePush.Create.templateCreatedSuccessfully',
+    defaultMessage: 'Mobile push template created successfully',
+  },
+  "somethingWentWrong": {
+    id: 'creatives.containers.MobilePush.Create.somethingWentWrong',
+    defaultMessage: 'Something went wrong!!',
+  },
+  "selectDeepLink": {
+    id: 'creatives.containers.MobilePush.Create.selectDeepLink',
+    defaultMessage: 'Select deepLink',
+  },
+  "externalLink": {
+    id: 'creatives.containers.MobilePush.Create.externalLink',
+    defaultMessage: 'External link',
+  },
+  "externalLinkCantEmpty": {
+    id: 'creatives.containers.MobilePush.Create.externalLinkCantEmpty',
+    defaultMessage: 'External link cannot be empty',
+  },
+  "goBackConfirmation": {
+    id: 'creatives.containers.MobilePush.Create.goBackConfirmation',
+    defaultMessage: "Going back will discard all the changes you've made. Continue?",
+  },
+  "alertMessage": {
+    id: 'creatives.containers.MobilePush.Create.alertMessage',
+    defaultMessage: "Alert",
+  },
+  "secondaryCTA": {
+    id: 'creatives.containers.MobilePush.Create.secondaryCTA',
+    defaultMessage: 'Secondary CTA',
+  },
+  "nameAndDescription": {
+    id: 'creatives.containers.MobilePush.Create.nameAndDescription',
+    defaultMessage: 'Name and description',
+  },
+  "button1": {
+    id: 'creatives.containers.MobilePush.Create.button1',
+    defaultMessage: 'Button 1',
+  },
+  "button2": {
+    id: 'creatives.containers.MobilePush.Create.button2',
+    defaultMessage: 'Button 2',
+  },
+  "addAnotherCTA": {
+    id: 'creatives.containers.MobilePush.Create.addAnotherCTA',
+    defaultMessage: 'Add another CTA',
+  },
+  "selectLinkType": {
+    id: 'creatives.containers.MobilePush.Create.selectLinkType',
+    defaultMessage: 'Please select link type',
+  },
+  "primaryCTA": {
+    id: 'creatives.containers.MobilePush.Create.primaryCTA',
+    defaultMessage: 'Primary CTA',
+  },
+  "enterCTALabel": {
+    id: 'creatives.containers.MobilePush.Create.enterCTALabel',
+    defaultMessage: 'Enter CTA label here',
+  },
+  "ctaLabelCantEmpty": {
+    id: 'creatives.containers.MobilePush.Create.ctaLabelCantEmpty',
+    defaultMessage: 'CTA label cannot be empty.',
+  },
+  "selectDeeplink": {
+    id: 'creatives.containers.MobilePush.Create.selectDeeplink',
+    defaultMessage: 'Select deeplink',
+  },
+  "selectADeeplink": {
+    id: 'creatives.containers.MobilePush.Create.selectADeeplink',
+    defaultMessage: 'Select a deeplink',
+  },
+  "File size cannot be more than 5mb": {
+    id: 'creatives.containers.MobilePush.Create.uploadFileSizeError',
+    defaultMessage: 'File size cannot be more than 5mb',
+  },
+  "valueCantEmpty": {
+    id: 'creatives.containers.MobilePush.Create.valueCantEmpty',
+    defaultMessage: 'value cannot be empty.',
+  },
+  "deleteSecondCTAFirst": {
+    id: 'creatives.containers.MobilePush.Create.deleteSecondCTAFirst',
+    defaultMessage: 'Please delete second secondary cta first',
+  },
+  "Uploading Image...": {
+    id: 'creatives.containers.MobilePush.Create.uploadingImage',
+    defaultMessage: 'Uploading image...',
+  },
+  "Campaigns": {
+    id: 'creatives.containers.MobilePush.Create.Campaigns',
+    defaultMessage: 'Campaigns',
+  },
+  "Creatives": {
+    id: 'creatives.containers.MobilePush.Create.Creatives',
+    defaultMessage: 'Creatives',
+  },
+  "Mobile Push": {
+    id: 'creatives.containers.MobilePush.Create.mobilePush',
+    defaultMessage: 'Mobile Push',
+  },
+  "androidNotConfigured": {
+    id: 'creatives.containers.MobilePush.Create.androidNotConfigured',
+    defaultMessage: 'Android template is not configured. Save without Android template',
+  },
+  "iosNotConfigured": {
+    id: 'creatives.containers.MobilePush.Create.iosNotConfigured',
+    defaultMessage: 'IOS template is not configured, Save without IOS template',
+  },
+  "templateNotConfigured": {
+    id: 'creatives.containers.MobilePush.Create.templateNotConfigured',
+    defaultMessage: 'template not configured,',
+  },
+  "savingTemplate": {
+    id: 'creatives.containers.MobilePush.Create.savingTemplate',
+    defaultMessage: "Saving Template...",
+  },
+  "gettingTemplate": {
+    id: 'creatives.containers.MobilePush.Create.gettingTemplate',
+    defaultMessage: "Getting template details...",
+  },
+  "cantCopyEmptyField": {
+    id: 'creatives.containers.MobilePush.Create.cantCopyEmptyField',
+    defaultMessage: "Cannot copy empty field values.",
+  },
+  "pleaseInput": {
+    id: 'creatives.containers.MobilePush.Create.pleaseInput',
+    defaultMessage: "Please input",
+  },
+  "here": {
+    id: 'creatives.containers.MobilePush.Create.here',
+    defaultMessage: "here .",
+  },
+});

package/containers/MobilePush/Create/reducer.js

@@ -0,0 +1,70 @@
+/*
+ *
+ * Create reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({
+  createTemplateInProgress: false,
+  response: {},
+});
+
+function createReducer(state = initialState, action) {
+  switch (action.type) {
+    case types.DEFAULT_ACTION:
+      return state;
+    case types.CREATE_TEMPLATE_REQUEST:
+      return state
+        .set('createTemplateInProgress', true)
+        .set('createTemplateError', false)
+        .set('createTemplateErrorMessage', fromJS(""));
+    case types.CREATE_TEMPLATE_SUCCESS:
+      return state.set('createTemplateInProgress', false)
+        .set('response', action.data)
+        .set('createTemplateError', (action.statusCode !== undefined && action.statusCode > 300))
+        .set('createTemplateErrorMessage', fromJS(action.errorMsg));
+    case types.CREATE_TEMPLATE_FAILURE:
+      return state
+        .set('createTemplateInProgress', false)
+        .set('createTemplateError', true)
+        .set('createTemplateErrorMessage', fromJS(action.errorMsg));
+    case types.CLEAR_CREATE_RESPONSE_REQUEST:
+      return state.set('response', {});
+    case types.UPLOAD_ASSET_REQUEST:
+      return state
+        .set('uploadAssetSuccess', false)
+        .set('assetUploading', true);
+    case types.UPLOAD_ASSET_SUCCESS:
+      return state
+        .set('uploadAssetSuccess', (action.statusCode !== undefined && action.statusCode !== '' && action.statusCode < 300))
+        .set('assetUploading', false)
+        .set('uploadedAssetData', action.data);
+    case types.UPLOAD_ASSET_FAILURE:
+      return state
+        .set('uploadAssetSuccess', false)
+        .set('assetUploading', false);
+    case types.CLEAR_ASSET:
+      return state
+        .delete('uploadedAssetData');
+    case types.GET_IOS_CTAS:
+      return state
+        .set("getIosCtasSucccess", false)
+        .set("iosCtasLoading", true);
+    case types.GET_IOS_CTAS_SUCCESS:
+      return state
+        .set('getIosCtasSucccess', (action.statusCode !== undefined && action.statusCode !== '' && action.statusCode < 300))
+        .set('iosCtasLoading', false)
+        .set('iosCtasData', action.data);
+    case types.GET_IOS_CTAS_FAILURE:
+      return state
+        .set('getIosCtasSucccess', false)
+        .set('iosCtasLoading', false);
+    default:
+      return state;
+  }
+}
+
+export default createReducer;

package/containers/MobilePush/Create/sagas.js

@@ -0,0 +1,74 @@
+import {
+  call, put, takeLatest, all,
+} from 'redux-saga/effects';
+// import { schema, normalize } from 'normalizr';
+import * as Api from '../../../services/api';
+import * as types from './constants';
+
+// Individual exports for testing
+export function* createTemplate(template) {
+  let errorMsg;
+  try {
+    
+    const result = yield call(Api.createMobilePushTemplate, template);
+    if (result.message || result.status.code === 500) {
+      errorMsg = result.message;
+    }
+    yield put({ type: types.CREATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg });
+  } catch (error) {
+    yield put({ type: types.CREATE_TEMPLATE_FAILURE, error, errorMsg });
+  }
+}
+export function* uploadAsset(file, assetType, fileParams) {
+  try {
+    const result = yield call(Api.uploadFile, file, assetType, fileParams);
+    yield put({ type: types.UPLOAD_ASSET_SUCCESS, data: result.response.asset, statusCode: result.status ? result.status.code : '' });
+  } catch (error) {
+    yield put({ type: types.UPLOAD_ASSET_FAILURE, error });
+  }
+}
+export function* getIosCtas(licenseCode) {
+  try {
+    const result = yield call(Api.getIosCtas, licenseCode);
+    yield put({ type: types.GET_IOS_CTAS_SUCCESS, data: result.response.metaEntities.data, statusCode: result.status ? result.status.code : '' });
+  } catch (error) {
+    yield put({ type: types.GET_IOS_CTAS_FAILURE, error });
+  }
+}
+
+function* watchCreateTemplate() {
+  
+  yield takeLatest(types.CREATE_TEMPLATE_REQUEST, createTemplate);
+  
+  
+}
+function* watchUploadAsset() {
+  yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
+  
+  
+}
+function* watchGetIosCtas() {
+  yield takeLatest(types.GET_IOS_CTAS, getIosCtas);
+  
+  
+}
+// All sagas to be loaded
+export default [
+  watchCreateTemplate,
+  watchUploadAsset,
+  watchGetIosCtas,
+];
+
+export function* createMPushSaga() {
+  yield all([
+    watchCreateTemplate(),
+    watchUploadAsset(),
+    watchGetIosCtas(),
+  ]);
+}
+
+export function* duplicateMPushSaga() {
+  yield all([
+    watchCreateTemplate(),
+  ]);
+}

package/containers/MobilePush/Create/selectors.js

@@ -0,0 +1,28 @@
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the create state domain
+ */
+const selectPushMessageCreateDomain = () => (state) => state.get('mobileCreate');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by Create
+ */
+
+const makeSelectCreate = () => createSelector(
+  selectPushMessageCreateDomain(),
+  (substate) => substate.toJS()
+);
+
+const makeSelectCreateResponse = () => createSelector(
+  selectPushMessageCreateDomain(), (dimensionState) => dimensionState.get('response')
+);
+
+export {
+  makeSelectCreate, makeSelectCreateResponse,
+};

package/containers/MobilePush/Create/test/saga.test.js

@@ -0,0 +1,19 @@
+import { expectSaga } from "redux-saga-test-plan";
+
+import {
+  createMPushSaga,
+  duplicateMPushSaga
+} from "../sagas";
+
+describe("MPUSH Sagas", () => {
+  describe("duplicateMPushSaga Combined", () => {
+    it.concurrent("should initialize all MPUSH-related watcher sagas without error", () => {
+      return expectSaga(duplicateMPushSaga).run();
+    });
+  });
+  describe("createMPushSaga Combined", () => {
+    it.concurrent("should initialize all MPUSH-related watcher sagas without error", () => {
+      return expectSaga(createMPushSaga).run();
+    });
+  });
+});

package/containers/MobilePush/Edit/_mobilePushCreate.scss

@@ -0,0 +1,39 @@
+.mobile-push-row{
+  margin-bottom: 16px;
+}
+.image-container{
+  border: solid 1px #C2C2C2;
+  border-radius: 5px;
+  margin: 0 !important;
+  .image-placeholder{
+    line-height: 150px;
+    margin-right: 13.5rem;
+  }
+}
+.ant-tabs-bar{
+  margin-bottom: 0 !important;
+  display: flex;
+  align-items: center;
+  flex-direction: row-reverse;
+  justify-content: flex-end;
+}
+.creatives-templates-container {
+  .ant-tabs-tabpane{
+    padding: 16px 16px 16px 0;
+    border: solid 1px #D6D6D6;
+  }
+}
+.ant-radio-wrapper{
+  font-size: 14px;
+  font-family: 'open-sans';
+}
+.ant-radio-inner::after{
+  top: 3px;
+  left: 3px;
+}
+.ant-radio-inner{
+  border: 1px solid #d9d9d9;
+}
+.ant-radio-checked .ant-radio-inner{
+  border: 1px solid #47af46;
+}

package/containers/MobilePush/Edit/actions.js

@@ -0,0 +1,91 @@
+/*
+ *
+ * Create actions
+ *
+ */
+
+
+import * as types from "../../MobilePush/Edit/constants";
+
+export function defaultAction() {
+  return {
+    type: types.DEFAULT_ACTION,
+  };
+}
+
+export function editTemplate(template) {
+  
+  return {
+    type: types.EDIT_TEMPLATE_REQUEST, template,
+  };
+}
+
+export function getTemplateDetails(id) {
+  
+  return {
+    type: types.GET_TEMPLATE_DETAILS_REQUEST, id,
+  };
+}
+export function getIosCtas(licenseCode) {
+  return {
+    type: types.GET_IOS_CTAS, licenseCode,
+  };
+}
+export function uploadAsset(file, assetType, fileParams, mode) {
+  return {
+    type: types.UPLOAD_ASSET_REQUEST,
+    file,
+    assetType,
+    fileParams,
+    mode,
+  };
+}
+export function clearEditResponse() {
+  
+  return {
+    type: types.CLEAR_EDIT_RESPONSE_REQUEST,
+  };
+}
+export function clearData() {
+  return {
+    type: types.CLEAR_DATA,
+  };
+}
+export function clearAsset() {
+  return {
+    type: types.CLEAR_ASSET,
+  };
+}
+
+export function getWeCrmAccounts(source) {
+  return {
+    type: types.GET_WECRM_ACCOUNTS_REQUEST, source,
+  };
+}
+
+export function setWeChatAccount(weChatAccount) {
+  return {
+    type: types.SET_WECHAT_ACCOUNT,
+    weChatAccount,
+  };
+}
+export function getMobilepushTemplatesList(channel, queryParams) {
+  return {
+    type: types.GET_MOBILEPUSH_TEMPLATES_LIST_REQUEST,
+    channel,
+    queryParams,
+  };
+}
+export function setSelectedTemplate(templateData) {
+  return {
+    type: types.SET_SELECTED_TEMPLATE,
+    data: templateData,
+  };
+}
+
+export function setTemplateDetails(templateDetails) {
+  return {
+    type: types.GET_TEMPLATE_DETAILS_SUCCESS,
+    data: templateDetails,
+  };
+}

package/containers/MobilePush/Edit/constants.js

@@ -0,0 +1,35 @@
+/*
+ *
+ * Edit constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/Edit/DEFAULT_ACTION';
+
+export const GET_TEMPLATE_DETAILS_REQUEST = 'app/containers/mobilePush/Edit/GET_TEMPLATE_DETAILS_REQUEST';
+export const GET_TEMPLATE_DETAILS_SUCCESS = 'app/containers/mobilePush/Edit/GET_TEMPLATE_DETAILS_SUCCESS';
+export const GET_TEMPLATE_DETAILS_FAILURE = 'app/containers/mobilePush/Edit/GET_TEMPLATE_DETAILS_FAILURE';
+
+export const EDIT_TEMPLATE_REQUEST = 'app/containers/mobilePush/Edit/EDIT_TEMPLATE_REQUEST';
+export const EDIT_TEMPLATE_SUCCESS = 'app/containers/mobilePush/Edit/EDIT_TEMPLATE_SUCCESS';
+export const EDIT_TEMPLATE_FAILURE = 'app/containers/mobilePush/Edit/EDIT_TEMPLATE_FAILURE';
+
+export const CLEAR_EDIT_RESPONSE_REQUEST = 'app/containers/mobilePush/Edit/CLEAR_EDIT_RESPONSE_REQUEST';
+export const GET_IOS_CTAS = 'app/containers/PushMessage/Edit/GET_IOS_CTAS';
+export const GET_IOS_CTAS_SUCCESS = 'app/containers/PushMessage/Edit/GET_IOS_CTAS_SUCCESS';
+export const GET_IOS_CTAS_FAILURE = 'app/containers/PushMessage/Edit/GET_IOS_CTAS_FAILURE';
+export const UPLOAD_ASSET_REQUEST = 'app/containers/PushMessage/Edit/UPLOAD_ASSET_REQUEST';
+export const UPLOAD_ASSET_SUCCESS = 'app/containers/PushMessage/Edit/UPLOAD_ASSET_SUCCESS';
+export const UPLOAD_ASSET_FAILURE = 'app/containers/PushMessage/Edit/UPLOAD_ASSET_FAILURE';
+export const CLEAR_DATA = 'app/containers/PushMessage/Edit/CLEAR_DATA';
+export const CLEAR_ASSET = 'app/containers/PushMessage/Edit/CLEAR_ASSET';
+export const SET_SELECTED_TEMPLATE = 'app/containers/PushMessage/Edit/SET_SELECTED_TEMPLATE';
+
+export const SET_WECHAT_ACCOUNT = "app/containers/MobilePush/SET_WECHAT_ACCOUNT";
+export const GET_WECRM_ACCOUNTS_REQUEST = "app/containers/MobilePush/GET_WECRM_ACCOUNTS_REQUEST";
+export const GET_WECRM_ACCOUNTS_SUCCESS = "app/containers/MobilePush/GET_WECRM_ACCOUNTS_SUCCESS";
+export const GET_WECRM_ACCOUNTS_FAILURE = "app/containers/MobilePush/GET_WECRM_ACCOUNTS_FAILURE";
+
+export const GET_MOBILEPUSH_TEMPLATES_LIST_REQUEST = 'app/containers/WeChat/GET_MOBILEPUSH_TEMPLATES_LIST_REQUEST';
+export const GET_MOBILEPUSH_TEMPLATES_LIST_SUCCESS = 'app/containers/WeChat/GET_MOBILEPUSH_TEMPLATES_LIST_SUCCESS';
+export const GET_MOBILEPUSH_TEMPLATES_LIST_FAILURE = 'app/containers/WeChat/GET_MOBILEPUSH_TEMPLATES_LIST_FAILURE';