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

package/containers/Email/messages.js

@@ -0,0 +1,289 @@
+/*
+ * Email Messages
+ *
+ * This contains all the text for the Email component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  "createHeading": {
+    id: 'creatives.containers.Email.createHeading',
+    defaultMessage: 'Create email template',
+  },
+  "editHeading": {
+    id: 'creatives.containers.Email.editHeading',
+    defaultMessage: 'Edit email template',
+  },
+  "mostRecentOption": {
+    id: 'creatives.containers.Email.mostRecentOption',
+    defaultMessage: "Most recent",
+  },
+  "alphabeticallyOption": {
+    id: 'creatives.containers.Email.alphabeticallyOption',
+    defaultMessage: "Alphabetically",
+  },
+  "templateLoader": {
+    id: 'creatives.containers.Email.templateLoader',
+    defaultMessage: 'Loading template...',
+  },
+  "blankTemplate": {
+    id: 'creatives.containers.Email.blankTemplate',
+    defaultMessage: "Blank template",
+  },
+  "searchText": {
+    id: 'creatives.containers.Email.searchText',
+    defaultMessage: "Search",
+  },
+  "sortBy": {
+    id: 'creatives.containers.Email.sortBy',
+    defaultMessage: "Sort by",
+  },
+  "selectButton": {
+    id: 'creatives.containers.Email.selectButton',
+    defaultMessage: "Select",
+  },
+  "previewButton": {
+    id: 'creatives.containers.Email.previewButton',
+    defaultMessage: "Preview",
+  },
+  "editButton": {
+    id: 'creatives.containers.Email.editButton',
+    defaultMessage: "Edit",
+  },
+  "uploadedAt": {
+    id: 'creatives.containers.Email.uploadedAt',
+    defaultMessage: 'Modified',
+  },
+  "uploadedBy": {
+    id: 'creatives.containers.Email.uploadedBy',
+    defaultMessage: 'Uploaded by',
+  },
+  "select": {
+    id: 'creatives.containers.Email.select',
+    defaultMessage: 'Select',
+  },
+  "preview": {
+    id: 'creatives.containers.Email.preview',
+    defaultMessage: 'Preview',
+  },
+  "delete": {
+    id: 'creatives.containers.Email.delete',
+    defaultMessage: 'Delete',
+  },
+  "emailEditSuccess": {
+    id: 'creatives.containers.Email.emailEditSuccess',
+    defaultMessage: "Email template edited successfully",
+  },
+  "emailCreateSuccess": {
+    id: 'creatives.containers.Email.emailCreateSuccess',
+    defaultMessage: "Email template created successfully",
+  },
+  "somethingWentWrong": {
+    id: 'creatives.containers.Email.somethingWentWrong',
+    defaultMessage: "Something went wrong!!",
+  },
+  "yes": {
+    id: 'creatives.containers.Email.yes',
+    defaultMessage: "Yes",
+  },
+  "cancel": {
+    id: 'creatives.containers.Email.cancel',
+    defaultMessage: "Cancel",
+  },
+  "edmSwtichMessage": {
+    id: 'creatives.containers.Email.edmSwtichMessage',
+    defaultMessage: "On choosing Edit as HTML, easy email design options such as drag-drop will be no longer available for this template.",
+  },
+  "edmSwitchAcceptText": {
+    id: 'creatives.containers.Email.edmSwitchAcceptText',
+    defaultMessage: "I understand that this cannot be reversed.",
+  },
+  "switchEditor": {
+    id: 'creatives.containers.Email.switchEditor',
+    defaultMessage: "Switch editor",
+  },
+  "mostRecent": {
+    id: 'creatives.containers.Email.mostRecent',
+    defaultMessage: 'Most recent',
+  },
+  "alphabetically": {
+    id: 'creatives.containers.Email.alphabetically',
+    defaultMessage: 'Alphabetically',
+  },
+  "sortby": {
+    id: 'creatives.containers.Email.sortby',
+    defaultMessage: 'Sort by',
+  },
+  "upload": {
+    id: 'creatives.containers.Email.upload',
+    defaultMessage: 'Upload image',
+  },
+  "saveTemplateLoader": {
+    id: 'creatives.containers.Email.saveTemplateLoader',
+    defaultMessage: 'Saving template...',
+  },
+  "Enter Email Subject": {
+    id: 'creatives.containers.Email.emailSubject',
+    defaultMessage: 'Enter email subject',
+  },
+  "Subject": {
+    id: 'creatives.containers.Email.Subject',
+    defaultMessage: 'Subject',
+  },
+  "Email Subject cannot be empty.": {
+    id: 'creatives.containers.Email.emailSubjectNotEmplty',
+    defaultMessage: 'Email subject cannot be empty.',
+  },
+  "Enter template name": {
+    id: 'creatives.containers.Email.templateNamePlaceholder',
+    defaultMessage: 'Enter template name',
+  },
+  "Template name cannot be empty.": {
+    id: 'creatives.containers.Email.templateNameNotEmpty',
+    defaultMessage: 'Please provide a template name ',
+  },
+  "Preview": {
+    id: 'creatives.containers.Email.Preview',
+    defaultMessage: 'Preview',
+  },
+  "Cancel": {
+    id: 'creatives.containers.Email.Cancel',
+    defaultMessage: 'Cancel',
+  },
+  "Save": {
+    id: 'creatives.containers.Email.Save',
+    defaultMessage: 'Save',
+  },
+  "Tags": {
+    id: 'creatives.containers.Email.Tags',
+    defaultMessage: 'Tags',
+  },
+  "Insert Image": {
+    id: 'creatives.containers.Email.insertImage',
+    defaultMessage: 'Insert image',
+  },
+  "Mark as Final": {
+    id: 'creatives.containers.Email.markAsFinal',
+    defaultMessage: 'Mark as final',
+  },
+  "Duplicate Version": {
+    id: 'creatives.containers.Email.dupicateVersion',
+    defaultMessage: 'Duplicate version',
+  },
+  "Delete Version": {
+    id: 'creatives.containers.Email.deleteVersion',
+    defaultMessage: 'Delete version',
+  },
+  "Delete Language": {
+    id: 'creatives.containers.Email.deleteLanguage',
+    defaultMessage: 'Delete language',
+  },
+  "Switch Editor": {
+    id: 'creatives.containers.Email.switchEditor',
+    defaultMessage: 'Switch editor',
+  },
+  "deleteLanguageConfirmation": {
+    id: 'creatives.containers.Email.deleteLanguageConfirmation',
+    defaultMessage: 'Do you really want to delete this language?',
+  },
+  "Template Marked as Final Successfully": {
+    id: 'creatives.containers.Email.templateMarkedFinalSuccess',
+    defaultMessage: 'Template marked as final successfully',
+  },
+  "moreThanFiveVersionNotAllowed": {
+    id: 'creatives.containers.Email.moreThanFiveVersionNotAllowed',
+    defaultMessage: 'You cant have more that 5 versions',
+  },
+  "Email Preview": {
+    id: 'creatives.containers.Email.emailPreview',
+    defaultMessage: 'Email preview',
+  },
+  "Image Selection": {
+    id: 'creatives.containers.Email.imageSelection',
+    defaultMessage: 'Image selection',
+  },
+  "Campaigns": {
+    id: 'creatives.containers.Email.Campaigns',
+    defaultMessage: 'Campaigns',
+  },
+  "Creatives": {
+    id: 'creatives.containers.Email.Creatives',
+    defaultMessage: 'Creatives',
+  },
+  "Email": {
+    id: 'creatives.containers.Email.emailText',
+    defaultMessage: 'Email',
+  },
+  "deleteVersionConfirm": {
+    id: 'creatives.containers.Email.deleteVersionConfirm',
+    defaultMessage: 'Do you really want to delete this version?',
+  },
+  "uploadingImage": {
+    id: 'creatives.containers.Email.uploadingImage',
+    defaultMessage: 'Uploading image...',
+  },
+  "uploadSizeError": {
+    id: 'creatives.containers.Email.uploadSizeError',
+    defaultMessage: 'File size too large to upload. Please upload file upto 5 MB',
+  },
+  "assetUploadFailed": {
+    id: 'creatives.containers.Email.assetUploadFailed',
+    defaultMessage: 'Image uploaded failed',
+  },
+  "goBackConfirmation": {
+    id: 'creatives.containers.Email.Create.goBackConfirmation',
+    defaultMessage: "Going back will discard all the changes you've made. Continue?",
+  },
+  "alertMessage": {
+    id: 'creatives.containers.Email.Create.alertMessage',
+    defaultMessage: "Alert",
+  },
+  "invalidFileMessage": {
+    id: 'creatives.containers.Email.Create.invalidFileMessage',
+    defaultMessage: "Invalid file type added! Please Give a proper zip/html file",
+  },
+  "versionMessage": {
+    id: 'creatives.containers.Email.Create.versionMessage',
+    defaultMessage: "Version",
+  },
+  "versionOneMessage": {
+    id: 'creatives.containers.Email.Create.versionOneMessage',
+    defaultMessage: "Version 1",
+  },
+  "newVersion": {
+    id: 'creatives.containers.Email.Create.newVersion',
+    defaultMessage: "New Version",
+  },
+  "uploadFile": {
+    id: 'creatives.containers.Email.Create.uploadFile',
+    defaultMessage: "Upload File",
+  },
+  "useEditor": {
+    id: 'creatives.containers.Email.Create.useEditor',
+    defaultMessage: "Use Editor",
+  },
+  "copyPrimaryLanguage": {
+    id: 'creatives.containers.Email.Create.copyPrimaryLanguage',
+    defaultMessage: "Copy Primary Language",
+  },
+  "descriptionEmail": {
+    id: 'creatives.containers.Email.Create.descriptionEmail',
+    defaultMessage: "Description of Email",
+  },
+  "campaigns": {
+    id: 'creatives.containers.Email.Create.campaigns',
+    defaultMessage: "Campaigns",
+  },
+  "creatives": {
+    id: 'creatives.containers.Email.Create.creatives',
+    defaultMessage: "Creatives",
+  },
+  "h3emailPreview": {
+    id: 'creatives.containers.Email.Create.h3emailPreview',
+    defaultMessage: "Email preview",
+  },
+  "h3imageSelection": {
+    id: 'creatives.containers.Email.Create.h3imageSelection',
+    defaultMessage: "Image selection",
+  },
+});

package/containers/Email/reducer.js

@@ -0,0 +1,142 @@
+/*
+ *
+ * Email reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+
+const initialState = fromJS({
+  createTemplateInProgress: false,
+  createResponse: {},
+});
+
+function emailReducer(state = initialState, action) {
+  //
+  switch (action.type) {
+    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('createResponse', action.data)
+        .set('createTemplateErrorMessage', fromJS(action.errorMsg))
+        .set('createTemplateError', (action.statusCode !== undefined && action.statusCode > 300));
+    case types.CREATE_TEMPLATE_FAILURE:
+      return state
+        .set('createTemplateInProgress', false)
+        .set('createTemplateError', true)
+        .set('createTemplateErrorMessage', fromJS(action.errorMsg));
+    case types.DUPLICATE_TEMPLATE_REQUEST:
+      return state
+        .set('createTemplateInProgress', true)
+        .set('createTemplateError', false)
+        .set('createTemplateErrorMessage', fromJS(""));
+    case types.DUPLICATE_TEMPLATE_SUCCESS:
+      return state
+        .set('createTemplateInProgress', false)
+        .set('createResponse', action.data)
+        .set('createTemplateErrorMessage', fromJS(action.errorMsg))
+        .set('createTemplateError', (action.statusCode !== undefined && action.statusCode > 300));
+    case types.DUPLICATE_TEMPLATE_FAILURE:
+      return state
+        .set('createTemplateInProgress', false)
+        .set('createTemplateError', true)
+        .set('createTemplateErrorMessage', fromJS(action.errorMsg));
+    case types.GET_TEMPLATE_DETAILS_REQUEST:
+      return state
+        .set('getTemplateDetailsInProgress', true);
+    case types.GET_TEMPLATE_DETAILS_SUCCESS:
+      return state
+        .set('getTemplateDetailsInProgress', false)
+        .set('templateDetails', fromJS(action.data));
+    case types.GET_TEMPLATE_DETAILS_FAILURE:
+      return state
+        .set('getTemplateDetailsInProgress', false);
+    case types.GET_ALL_ASSETS_REQUEST:
+      return state
+        .set('fetchingAllAssets', true)
+        .set('fetchAllAssetSuccess', false);
+    case types.GET_ALL_ASSETS_SUCCESS:
+      if (action.isReset) {
+        return state
+          .set('assetList', fromJS(action.data.assets))
+          .set('fetchingAllAssets', false)
+          .set('fetchAllAssetSuccess', true);
+      }
+      return state
+        .set('assetList', fromJS(state.get('assetList').toJS().concat(action.data.assets)))
+        .set('fetchingAllAssets', false)
+        .set('fetchAllAssetSuccess', true);
+    case types.GET_ALL_ASSETS_FAILURE:
+      return state
+        .set('fetchingAllAssets', false)
+        .set('fetchAllAssetSuccess', false);
+    case types.GET_CMS_EDITOR_DETAILS_REQUEST:
+      return state
+        .set('fetchingCmsSettings', true)
+        .set('fetchingCmsSettingsError', false);
+    case types.GET_CMS_EDITOR_DETAILS_SUCCESS:
+      return state
+        .set('fetchingCmsSettings', false)
+        .set('CmsSettings', fromJS(action.settings));
+    case types.GET_CMS_EDITOR_DETAILS_FAILURE:
+      return state
+        .set('fetchingCmsSettings', false)
+        .set('fetchingCmsSettingsError', true);
+    case types.GET_CMS_EDITOR_DATA_REQUEST:
+      return state
+        .set('fetchingCmsData', true)
+        .set('cmsData', '')
+        .set('langId', undefined)
+        .set('fetchingCmsDataFailed', false);
+    case types.GET_CMS_EDITOR_DATA_SUCCESS:
+      return state
+        .set('fetchingCmsData', false)
+        .set('cmsData', action.data)
+        .set('langId', action.langId);
+    case types.GET_CMS_EDITOR_DATA_FAILURE:
+      return state
+        .set('fetchingCmsData', false)
+        .set('fetchingCmsDataFailed', true);
+    case types.CLEAR_EMAIL_CRUD_RESPONSE_REQUEST:
+      return state
+        .set('createResponse', fromJS({}));
+    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_ALL_VALUES:
+      return state
+        .set('createTemplateInProgress', false)
+        .set('createResponse', fromJS({}))
+        .set('createTemplateError', false)
+        .set('getTemplateDetailsInProgress', false)
+        .set('templateDetails', fromJS([]))
+        .set('fetchingAllAssets', false)
+        .set('fetchAllAssetSuccess', false)
+        .set('assetList', fromJS([]))
+        .set('fetchingCmsSettings', false)
+        .set('fetchingCmsSettingsError', false)
+        .set('CmsSettings', fromJS({}));
+    default:
+      return state;
+  }
+}
+
+export default emailReducer;

package/containers/Email/sagas.js

@@ -0,0 +1,135 @@
+import {
+  call, put, takeLatest, takeEvery, all,
+} from 'redux-saga/effects';
+import * as Api from '../../services/api';
+import * as types from './constants';
+
+
+export function* createTemplate(template) {
+  let errorMsg;
+  try {
+    const result = yield call(Api.createEmailTemplate, 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* duplicateTemplate(id, channel) {
+  let errorMsg;
+  try {
+    const result = yield call(Api.duplicateTemplate, id, channel);
+    if (result.message || result.status.code === 500) {
+      errorMsg = result.message;
+    }
+    yield put({
+      type: types.DUPLICATE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg,
+    });
+  } catch (error) {
+    yield put({ type: types.DUPLICATE_TEMPLATE_FAILURE, error, errorMsg });
+  }
+}
+
+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 });
+  }
+}
+
+export function* getAllAssets({ assetType, queryParams }) {
+  try {
+    const result = yield call(Api.getAllAssets, { assetType, queryParams });
+    yield put({ type: types.GET_ALL_ASSETS_SUCCESS, data: result?.response, isReset: queryParams.page === 1 });
+  } catch (error) {
+    yield put({ type: types.GET_ALL_ASSETS_FAILURE, error });
+  }
+}
+
+export function* getCmsSetting({
+  cmsType, projectId, cmsMode, langId, isEdmSupport,
+}) {
+  try {
+    const result = yield call(Api.getCmsTemplateSettings, cmsType, projectId, cmsMode, langId, isEdmSupport);
+    yield put({ type: types.GET_CMS_EDITOR_DETAILS_SUCCESS, settings: result.data.response.cmsDetails });
+  } catch (error) {
+    yield put({ type: types.GET_CMS_EDITOR_DETAILS_FAILURE, error });
+  }
+}
+
+export function* getCmsData({ cmsType, projectId, langId }) {
+  try {
+    const result = yield call(Api.getCmsTemplateData, cmsType, projectId, langId);
+    yield put({ type: types.GET_CMS_EDITOR_DATA_SUCCESS, data: result.data.response.data, langId: result.data.response.langId });
+  } catch (error) {
+    yield put({ type: types.GET_CMS_EDITOR_DATA_FAILURE, error });
+  }
+}
+
+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 });
+  }
+}
+
+function* watchCreateTemplate() {
+  yield takeLatest(types.CREATE_TEMPLATE_REQUEST, createTemplate);
+}
+
+function* watchGetTemplateDetails() {
+  yield takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
+}
+
+function* watchGetAllAssets() {
+  yield takeLatest(types.GET_ALL_ASSETS_REQUEST, getAllAssets);
+}
+
+function* watchGetCmsSetting() {
+  yield takeEvery(types.GET_CMS_EDITOR_DETAILS_REQUEST, getCmsSetting);
+}
+
+function* watchGetCmsData() {
+  yield takeEvery(types.GET_CMS_EDITOR_DATA_REQUEST, getCmsData);
+}
+
+function* watchUploadAsset() {
+  yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
+}
+
+function* watchDuplicateTemplate() {
+  yield takeLatest(types.DUPLICATE_TEMPLATE_REQUEST, duplicateTemplate);
+}
+
+// All sagas to be loaded
+export default [
+  watchCreateTemplate,
+  watchGetTemplateDetails,
+  watchGetAllAssets,
+  watchGetCmsSetting,
+  watchGetCmsData,
+  watchUploadAsset,
+  watchDuplicateTemplate,
+];
+
+export function* emailSaga() {
+  yield all([
+    watchCreateTemplate(),
+    watchGetTemplateDetails(),
+    watchGetAllAssets(),
+    watchGetCmsSetting(),
+    watchGetCmsData(),
+    watchUploadAsset(),
+    watchDuplicateTemplate(),
+  ]);
+}

package/containers/Email/selectors.js

@@ -0,0 +1,31 @@
+import { createSelector } from 'reselect';
+
+/**
+ * Direct selector to the email state domain
+ */
+const selectEmailDomain = () => (state) => state.get('email');
+
+/**
+ * Other specific selectors
+ */
+
+
+/**
+ * Default selector used by Email
+ */
+
+const makeSelectEmail = () => createSelector(
+  selectEmailDomain(),
+  (substate) => substate.toJS()
+);
+
+const makeSelectCreateResponse = () => createSelector(
+  selectEmailDomain(), (dimensionState) => dimensionState.get('createResponse')
+);
+
+
+export default makeSelectEmail;
+export {
+  makeSelectEmail,
+  makeSelectCreateResponse,
+};