@capillarytech/creatives-library 2.0.69 → 2.0.71

package/v2Containers/Email/messages.js

@@ -0,0 +1,237 @@
+/*
+ * Email Messages
+ *
+ * This contains all the text for the Email component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  createHeading: {
+    id: 'app.containers.Email.createHeading',
+    defaultMessage: 'Create Email Template',
+  },
+  editHeading: {
+    id: 'app.containers.Email.editHeading',
+    defaultMessage: 'Edit Email Template',
+  },
+  mostRecentOption: {
+    id: 'app.containers.Email.mostRecentOption',
+    defaultMessage: "Most Recent",
+  },
+  alphabeticallyOption: {
+    id: 'app.containers.Email.alphabeticallyOption',
+    defaultMessage: "Alphabetically",
+  },
+  templateLoader: {
+    id: 'app.containers.Email.templateLoader',
+    defaultMessage: 'Loading Template...',
+  },
+  loadingImages: {
+    id: 'app.containers.Email.loadingImage',
+    defaultMessage: 'Loading images...',
+  },
+  blankTemplate: {
+    id: 'app.containers.Email.blankTemplate',
+    defaultMessage: "Blank Template",
+  },
+  searchText: {
+    id: 'app.containers.Email.searchText',
+    defaultMessage: "Search",
+  },
+  sortBy: {
+    id: 'app.containers.Email.sortBy',
+    defaultMessage: "Sort by",
+  },
+  selectButton: {
+    id: 'app.containers.Email.selectButton',
+    defaultMessage: "Select",
+  },
+  previewButton: {
+    id: 'app.containers.Email.previewButton',
+    defaultMessage: "Preview",
+  },
+  editButton: {
+    id: 'app.containers.Email.editButton',
+    defaultMessage: "Edit",
+  },
+  uploadedAt: {
+    id: 'app.containers.Email.uploadedAt',
+    defaultMessage: 'Modified',
+  },
+  uploadedBy: {
+    id: 'app.containers.Email.uploadedBy',
+    defaultMessage: 'Uploaded By',
+  },
+  select: {
+    id: 'app.containers.Email.select',
+    defaultMessage: 'Select',
+  },
+  preview: {
+    id: 'app.containers.Email.preview',
+    defaultMessage: 'Preview',
+  },
+  delete: {
+    id: 'app.containers.Email.delete',
+    defaultMessage: 'Delete',
+  },
+  emailEditSuccess: {
+    id: 'app.containers.Email.emailEditSuccess',
+    defaultMessage: "Email Template Edited Successfully",
+  },
+  emailCreateSuccess: {
+    id: 'app.containers.Email.emailCreateSuccess',
+    defaultMessage: "Email Template Created Successfully",
+  },
+  somethingWentWrong: {
+    id: 'app.containers.Email.somethingWentWrong',
+    defaultMessage: "Something Went Wrong!!",
+  },
+  yes: {
+    id: 'app.containers.Email.yes',
+    defaultMessage: "Yes",
+  },
+  cancel: {
+    id: 'app.containers.Email.cancel',
+    defaultMessage: "Cancel",
+  },
+  edmSwtichMessage: {
+    id: 'app.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: 'app.containers.Email.edmSwitchAcceptText',
+    defaultMessage: "I understand that this cannot be reversed.",
+  },
+  switchEditor: {
+    id: 'app.containers.Email.switchEditor',
+    defaultMessage: "Switch Editor",
+  },
+  mostRecent: {
+    id: 'app.containers.Email.mostRecent',
+    defaultMessage: 'Most Recent',
+  },
+  alphabetically: {
+    id: 'app.containers.Email.alphabetically',
+    defaultMessage: 'Alphabetically',
+  },
+  sortby: {
+    id: 'app.containers.Email.sortby',
+    defaultMessage: 'Sort by',
+  },
+  upload: {
+    id: 'app.containers.Email.upload',
+    defaultMessage: 'Upload Image',
+  },
+  saveTemplateLoader: {
+    id: 'app.containers.Email.saveTemplateLoader',
+    defaultMessage: 'Saving Template...',
+  },
+  "Enter Email Subject": {
+    id: 'app.containers.Email.emailSubject',
+    defaultMessage: 'Enter Email Subject',
+  },
+  "Subject": {
+    id: 'app.containers.Email.Subject',
+    defaultMessage: 'Subject',
+  },
+  "Email Subject cannot be empty.": {
+    id: 'app.containers.Email.emailSubjectNotEmplty',
+    defaultMessage: 'Email Subject cannot be empty.',
+  },
+  "Enter template name": {
+    id: 'app.containers.Email.templateNamePlaceholder',
+    defaultMessage: 'Enter template name',
+  },
+  "Template name cannot be empty.": {
+    id: 'app.containers.Email.templateNameNotEmpty',
+    defaultMessage: 'Please provide a template name ',
+  },
+  "Preview": {
+    id: 'app.containers.Email.Preview',
+    defaultMessage: 'Preview',
+  },
+  "Cancel": {
+    id: 'app.containers.Email.Cancel',
+    defaultMessage: 'Cancel',
+  },
+  "Save": {
+    id: 'app.containers.Email.Save',
+    defaultMessage: 'Save',
+  },
+  "Tags": {
+    id: 'app.containers.Email.Tags',
+    defaultMessage: 'Tags',
+  },
+  "image": {
+    id: 'app.containers.Email.kmage',
+    defaultMessage: 'Image',
+  },
+  "Mark as Final": {
+    id: 'app.containers.Email.markAsFinal',
+    defaultMessage: 'Mark as Final',
+  },
+  "Duplicate Version": {
+    id: 'app.containers.Email.dupicateVersion',
+    defaultMessage: 'Duplicate Version',
+  },
+  "Delete Version": {
+    id: 'app.containers.Email.deleteVersion',
+    defaultMessage: 'Delete Version',
+  },
+  "Delete Language": {
+    id: 'app.containers.Email.deleteLanguage',
+    defaultMessage: 'Delete Language',
+  },
+  "Switch Editor": {
+    id: 'app.containers.Email.switchEditor',
+    defaultMessage: 'Switch Editor',
+  },
+  "Do you really want to delete this language?": {
+    id: 'app.containers.Email.deleteLanguageConfirmation',
+    defaultMessage: 'Do you really want to delete this language?',
+  },
+  "Template Marked as Final Successfully": {
+    id: 'app.containers.Email.templateMarkedFinalSuccess',
+    defaultMessage: 'Template Marked as Final Successfully',
+  },
+  "You cant have more that 5 versions": {
+    id: 'app.containers.Email.moreThanFiveVersionNotAllowed',
+    defaultMessage: 'You cant have more that 5 versions',
+  },
+  "Email Preview": {
+    id: 'app.containers.Email.emailPreview',
+    defaultMessage: 'Email Preview',
+  },
+  "Image Selection": {
+    id: 'app.containers.Email.imageSelection',
+    defaultMessage: 'Image Selection',
+  },
+  Campaigns: {
+    id: 'app.containers.Email.Campaigns',
+    defaultMessage: 'Campaigns',
+  },
+  Creatives: {
+    id: 'app.containers.Email.Creatives',
+    defaultMessage: 'Creatives',
+  },
+  Email: {
+    id: 'app.containers.Email.emailText',
+    defaultMessage: 'Email',
+  },
+  "Do you really want to delete this version?": {
+    id: 'app.containers.Email.deleteVersionConfirm',
+    defaultMessage: 'Do you really want to delete this version?',
+  },
+  uploadingImage: {
+    id: 'app.containers.Email.uploadingImage',
+    defaultMessage: 'Uploading Image...',
+  },
+  uploadSizeError: {
+    id: 'app.containers.Email.uploadSizeError',
+    defaultMessage: 'File Size Too large to upload. Please upload file upto 5 MB',
+  },
+  assetUploadFailed: {
+    id: 'app.containers.Email.assetUploadFailed',
+    defaultMessage: 'Image uploaded failed',
+  },
+});

package/v2Containers/Email/reducer.js

@@ -0,0 +1,147 @@
+/*
+ *
+ * Email reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+
+const initialState = fromJS({
+  createTemplateInProgress: false,
+  createResponse: {},
+});
+
+function emailReducer(state = initialState, action) {
+  //console.log('email reducer', 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('duplicateTemplateInProgress', true)
+        .set('duplicateTemplateError', false)
+        .set('duplicateTemplateErrorMessage', fromJS(""));
+    case types.DUPLICATE_TEMPLATE_SUCCESS:
+      return state
+        .set('duplicateTemplateInProgress', false)
+        .set('duplicateResponse', action.data)
+        .set('duplicateTemplateErrorMessage', fromJS(action.errorMsg))
+        .set('duplicateTemplateError', (action.statusCode !== undefined && action.statusCode > 300));
+    case types.DUPLICATE_TEMPLATE_FAILURE:
+      return state
+        .set('duplicateTemplateInProgress', false)
+        .set('duplicateTemplateError', true)
+        .set('duplicateTemplateErrorMessage', 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.RESET_CMS_EDITOR_DATA:
+      return state
+        .set('cmsData', '');
+    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({}))
+        .set('fetchingCmsData', false)
+        .set('cmsData', '');
+    default:
+      return state;
+  }
+}
+
+export default emailReducer;

package/v2Containers/Email/sagas.js

@@ -0,0 +1,133 @@
+import { take, cancel, call, put, takeLatest, takeEvery } from 'redux-saga/effects';
+import { LOCATION_CHANGE } from 'react-router-redux';
+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 });
+    yield template.onCreateTemplateComplete(result.response);
+  } 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.data.response, isReset: assetType.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() {
+  const watcher = yield takeLatest(types.CREATE_TEMPLATE_REQUEST, createTemplate);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchGetTemplateDetails() {
+  const watcher = yield takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchGetAllAssets() {
+  const watcher = yield takeLatest(types.GET_ALL_ASSETS_REQUEST, getAllAssets);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchGetCmsSetting() {
+  const watcher = yield takeEvery(types.GET_CMS_EDITOR_DETAILS_REQUEST, getCmsSetting);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchGetCmsData() {
+  const watcher = yield takeEvery(types.GET_CMS_EDITOR_DATA_REQUEST, getCmsData);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchUploadAsset() {
+  const watcher = yield takeLatest(types.UPLOAD_ASSET_REQUEST, uploadAsset);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+function* watchDuplicateTemplate() {
+  const watcher = yield takeLatest(types.DUPLICATE_TEMPLATE_REQUEST, duplicateTemplate);
+  yield take(LOCATION_CHANGE);
+  yield cancel(watcher);
+}
+
+// All sagas to be loaded
+export default [
+  watchCreateTemplate,
+  watchGetTemplateDetails,
+  watchGetAllAssets,
+  watchGetCmsSetting,
+  watchGetCmsData,
+  watchUploadAsset,
+  watchDuplicateTemplate,
+];

package/v2Containers/Email/selectors.js

@@ -0,0 +1,34 @@
+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')
+);
+const selectLoadingStatus = () => createSelector(
+  selectEmailDomain(), (email) => email.createTemplateInProgress || (email.assetUploading !== undefined && email.assetUploading)
+);
+
+export default makeSelectEmail;
+export {
+  makeSelectEmail,
+  makeSelectCreateResponse,
+  selectLoadingStatus,
+};

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

@@ -0,0 +1,18 @@
+
+import {
+  defaultAction,
+} from '../actions';
+import {
+  DEFAULT_ACTION,
+} from '../constants';
+
+describe('Email actions', () => {
+  describe('Default Action', () => {
+    it('has a type of DEFAULT_ACTION', () => {
+      const expected = {
+        type: DEFAULT_ACTION,
+      };
+      expect(defaultAction()).toEqual(expected);
+    });
+  });
+});

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

@@ -0,0 +1,10 @@
+// import React from 'react';
+// import { shallow } from 'enzyme';
+
+// import { Email } from '../index';
+
+describe('<Email />', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(false);
+  });
+});

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

@@ -0,0 +1,9 @@
+
+import { fromJS } from 'immutable';
+import emailReducer from '../reducer';
+
+describe('emailReducer', () => {
+  it('returns the initial state', () => {
+    expect(emailReducer(undefined, {})).toEqual(fromJS({}));
+  });
+});

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

@@ -0,0 +1,15 @@
+/**
+ * Test  sagas
+ */
+
+/* eslint-disable redux-saga/yield-effects */
+// import { take, call, put, select } from 'redux-saga/effects';
+// import { defaultSaga } from '../sagas';
+
+// const generator = defaultSaga();
+
+describe('defaultSaga Saga', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(false);
+  });
+});

package/v2Containers/Email/tests/selectors.test.js

@@ -0,0 +1,10 @@
+// import { fromJS } from 'immutable';
+// import { makeSelectEmailDomain } from '../selectors';
+
+// const selector = makeSelectEmailDomain();
+
+describe('makeSelectEmailDomain', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(false);
+  });
+});

package/v2Containers/EmailWrapper/actions.js

@@ -0,0 +1,15 @@
+/*
+ *
+ * EmailWrapper actions
+ *
+ */
+
+import {
+  DEFAULT_ACTION,
+} from './constants';
+
+export function defaultAction() {
+  return {
+    type: DEFAULT_ACTION,
+  };
+}

package/v2Containers/EmailWrapper/constants.js

@@ -0,0 +1,7 @@
+/*
+ *
+ * EmailWrapper constants
+ *
+ */
+
+export const DEFAULT_ACTION = 'app/EmailWrapper/DEFAULT_ACTION';