@capillarytech/creatives-library 8.0.166 → 8.0.167

package/containers/Ebill/messages.js

@@ -0,0 +1,77 @@
+/*
+ * Ebill Messages
+ *
+ * This contains all the text for the Ebill component.
+ */
+import { defineMessages } from 'react-intl';
+
+export default defineMessages({
+  "campaigns": {
+    id: 'creatives.containers.Ebill.campaigns',
+    defaultMessage: 'Campaigns',
+  },
+  "creatives": {
+    id: 'creatives.containers.Ebill.creatives',
+    defaultMessage: 'Creatives',
+  },
+  "ebill": {
+    id: 'creatives.containers.Ebill.ebill',
+    defaultMessage: 'Ebill',
+  },
+  "ebillPreview": {
+    id: 'creatives.containers.Ebill.ebillPreview',
+    defaultMessage: 'Ebill Preview',
+  },
+  "loading": {
+    id: 'creatives.containers.Ebill.loading',
+    defaultMessage: 'Loading..',
+  },
+  "ebillEditSuccess": {
+    id: 'creatives.containers.Ebill.ebillEditSuccess',
+    defaultMessage: "Ebill template edited successfully",
+  },
+  "ebillCreateSuccess": {
+    id: 'creatives.containers.Ebill.ebillCreateSuccess',
+    defaultMessage: "Ebill template created successfully",
+  },
+  "somethingWentWrong": {
+    id: 'creatives.containers.Ebill.somethingWentWrong',
+    defaultMessage: "Something went wrong!!",
+  },
+  "Enter template name": {
+    id: 'creatives.containers.Ebill.enterTemplateName',
+    defaultMessage: "Enter template name",
+  },
+  "Template name cannot be empty.": {
+    id: 'creatives.containers.Ebill.emptyTemplateErrorMessage',
+    defaultMessage: "Please provide a template name ",
+  },
+  "Preview": {
+    id: 'creatives.containers.Ebill.Preview',
+    defaultMessage: "Preview",
+  },
+  "Cancel": {
+    id: 'creatives.containers.Ebill.Cancel',
+    defaultMessage: "Cancel",
+  },
+  "Save": {
+    id: 'creatives.containers.Ebill.Save',
+    defaultMessage: "Save",
+  },
+  "Template content has unsupported/missing tags!": {
+    id: 'creatives.containers.Ebill.tagsErrorMessage',
+    defaultMessage: "Please check the message content for unsupported/missing tags",
+  },
+  "Tags": {
+    id: 'creatives.containers.Ebill.tagsLabel',
+    defaultMessage: "Tags",
+  },
+  "New Version": {
+    id: 'creatives.containers.Ebill.newVersionLabel',
+    defaultMessage: "New version",
+  },
+  "templateNotValid": {
+    id: 'creatives.containers.Ebill.templateNotValid',
+    defaultMessage: "Template data is not valid",
+  },
+});

package/containers/Ebill/reducer.js

@@ -0,0 +1,72 @@
+/*
+ *
+ * Ebill reducer
+ *
+ */
+
+import { fromJS } from 'immutable';
+import * as types from './constants';
+
+const initialState = fromJS({
+  createTemplateInProgress: false,
+  createResponse: {},
+});
+
+function ebillReducer(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.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_CMS_EDITOR_DATA_REQUEST:
+      return state
+        .set('fetchingCmsData', true)
+        .set('cmsData', '')
+        .set('fetchingCmsDataFailed', false);
+    case types.GET_CMS_EDITOR_DATA_SUCCESS:
+      return state
+        .set('fetchingCmsData', false)
+        .set('cmsData', action.data);
+    case types.GET_CMS_EDITOR_DATA_FAILURE:
+      return state
+        .set('fetchingCmsData', false)
+        .set('fetchingCmsDataFailed', true);
+    case types.CLEAR_ALL_VALUES:
+      return state
+        .set('createTemplateInProgress', false)
+        .set('createResponse', fromJS({}))
+        .set('createTemplateError', false)
+        .set('fetchingCmsData', false)
+        .set('cmsData', '')
+        .set('fetchingCmsDataFailed', false);
+    case types.CLEAR_EBILL_CRUD_RESPONSE_REQUEST:
+      return state
+        .set('createResponse', fromJS({}));
+    default:
+      return state;
+  }
+}
+
+export default ebillReducer;

package/containers/Ebill/sagas.js

@@ -0,0 +1,74 @@
+import {
+  call, put, takeLatest, 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.createEbillTemplate, template);
+    if ((result.message && typeof result.message === 'string') || 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* getTemplateDetails(id, channel) {
+  try {
+    
+    const result = yield call(Api.getTemplateDetails, id, channel);
+    // 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* getCmsData({cmsType, projectId}) {
+  try {
+    const result = yield call(Api.getCmsData, cmsType, projectId);
+    
+    yield put({ type: types.GET_CMS_EDITOR_DATA_SUCCESS, data: decodeURIComponent(result.data.response.cmsData.htmlContent) });
+  } catch (error) {
+    yield put({ type: types.GET_CMS_EDITOR_DATA_FAILURE, error });
+  }
+}
+
+function* watchCreateTemplate() {
+  yield takeLatest(types.CREATE_TEMPLATE_REQUEST, createTemplate);
+  
+  
+}
+
+function* watchGetTemplateDetails() {
+  yield takeLatest(types.GET_TEMPLATE_DETAILS_REQUEST, getTemplateDetails);
+  
+  
+}
+
+function* watchGetCmsData() {
+  yield takeLatest(types.GET_CMS_EDITOR_DATA_REQUEST, getCmsData);
+  
+  
+}
+
+// All sagas to be loaded
+export default [
+  watchCreateTemplate,
+  watchGetTemplateDetails,
+  watchGetCmsData,
+];
+
+export function* ebillSaga() {
+  yield all([
+    watchCreateTemplate(),
+    watchGetTemplateDetails(),
+    watchGetCmsData(),
+  ]);
+}

package/containers/Ebill/selectors.js

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

package/containers/Ebill/test/saga.test.js

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

package/containers/Email/_email.scss

@@ -0,0 +1,141 @@
+.email-container {
+  .email-text{
+    height: 100%;
+    overflow: hidden;
+    word-wrap: break-word;
+    /* white-space: nowrap; */
+    text-overflow: ellipsis;
+  }
+  .email-text-blurred{
+    opacity: 0.2;
+  }
+
+  #blankTemplate {
+    .content-wrapper {
+      height: 310px;
+
+      .email-template-content{
+        cursor: pointer;
+
+        .email-text {
+          text-align: center;
+          line-height: 260px;
+          font-family: proxima-nova;
+          font-weight: 600;
+          font-size: 16px;
+        }
+      }
+    }
+    .seperator-line {
+      display: none;
+    }
+    .footer-wrapper {
+      display: none;
+    }
+  }
+
+  .ant-breadcrumb{
+    color: #707070;
+    font-family: open-sans;
+    line-height: 16px;
+    font-size: 12px;
+    padding-left: 8px;
+  }
+  .ant-checkbox{
+    vertical-align: middle !important;
+  }
+
+  #template-name.ant-input{
+    font-size: 20px !important;
+    font-family: proxima-nova, sans-serif;
+    font-style: normal;
+    font-weight: 600;
+  }
+  .ant-tabs.ant-tabs-top.ant-tabs-line {
+    // overflow: hidden !important;
+  }
+  .ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content-animated {
+    margin-left: 0 !important;
+  }
+  .ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content > .ant-tabs-tabpane-inactive {
+    display: none !important;
+  }
+  .ant-tabs-bar{
+    margin-bottom: 0 !important;
+    display: flex;
+    align-items: center;
+    flex-direction: row-reverse;
+    justify-content: flex-end;
+  }
+  .ant-tabs-tabpane{
+    border: 1px solid #d9d9d9;
+    border-top: none;
+    margin-top: -0.2%;
+    min-height: calc(70vh);
+  }
+
+  .ant-tabs-extra-content{
+    flex: 1;
+    align-self: flex-end;
+    padding: 4px;
+    height: 42px;
+  }
+
+  .ant-tabs-nav.ant-tabs-nav-animated {
+    display: flex;
+  }
+
+  #image-preview-content{
+    .card-footer-wrapper{
+      padding-left: 16px;
+      padding-right: 8px;
+
+      .card-title-container {
+        display: inline-flex;
+        width: 100%;
+        height: 24px;
+        margin-top: 8px;
+
+        .card-title-wrapper{
+          width: 75%;
+          .card-title {
+            line-height: 24px;
+            font-size: 16px;
+            // margin-top: 8px;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            overflow: hidden;
+            cursor: pointer;
+            font-family: 'proxima-nova';
+            font-weight: 600;
+            &:first-letter{
+              text-transform: capitalize;
+            }
+          }
+        }
+        .more-icon-wrapper{
+          width: 25%;
+          text-align: right;
+        }
+      }
+    }
+
+    .ant-row{
+      margin-right: 0 !important;
+    }
+  }
+
+}
+
+.version-popover {
+  line-height: 24px;
+  cursor: pointer !important;
+}
+
+.version-popover:hover{
+  background-color: #ecf6fd;
+}
+
+.ant-notification-notice-description {
+  word-wrap: break-word;
+}

package/containers/Email/actions.js

@@ -0,0 +1,81 @@
+/*
+ *
+ * Email actions
+ *
+ */
+
+import * as types from './constants';
+
+export function createTemplate(template) {
+  return {
+    type: types.CREATE_TEMPLATE_REQUEST,
+    template,
+  };
+}
+
+export function duplicateTemplate(id, channel) {
+  return {
+    type: types.DUPLICATE_TEMPLATE_REQUEST,
+    id,
+    channel,
+  };
+}
+
+export function getTemplateDetails(id, channel) {
+  
+  return {
+    type: types.GET_TEMPLATE_DETAILS_REQUEST,
+    id,
+    channel,
+  };
+}
+
+export function getAllAssets(assetType, queryParams) {
+  return {
+    type: types.GET_ALL_ASSETS_REQUEST,
+    assetType,
+    queryParams,
+  };
+}
+
+export function getCmsSetting(cmsType, projectId, cmsMode, langId, isEdmSupport) {
+  
+  return {
+    type: types.GET_CMS_EDITOR_DETAILS_REQUEST,
+    cmsType,
+    projectId,
+    cmsMode,
+    langId,
+    isEdmSupport,
+  };
+}
+
+export function getCmsData(cmsType, projectId, langId) {
+  return {
+    type: types.GET_CMS_EDITOR_DATA_REQUEST,
+    cmsType,
+    projectId,
+    langId,
+  };
+}
+
+export function clearCRUDResponse() {
+  return {
+    type: types.CLEAR_EMAIL_CRUD_RESPONSE_REQUEST,
+  };
+}
+
+export function clearStoreValues() {
+  return {
+    type: types.CLEAR_ALL_VALUES,
+  };
+}
+
+export function uploadAsset(file, assetType, fileParams) {
+  return {
+    type: types.UPLOAD_ASSET_REQUEST,
+    file,
+    assetType,
+    fileParams,
+  };
+}

package/containers/Email/constants.js

@@ -0,0 +1,36 @@
+/*
+ *
+ * Email constants
+ *
+ */
+
+export const CREATE_TEMPLATE_REQUEST = 'app/containers/Email/CREATE_TEMPLATE_REQUEST';
+export const CREATE_TEMPLATE_SUCCESS = 'app/containers/Email/CREATE_TEMPLATE_SUCCESS';
+export const CREATE_TEMPLATE_FAILURE = 'app/containers/Email/CREATE_TEMPLATE_FAILURE';
+
+export const GET_TEMPLATE_DETAILS_REQUEST = 'app/containers/Email/GET_TEMPLATE_DETAILS_REQUEST';
+export const GET_TEMPLATE_DETAILS_SUCCESS = 'app/containers/Email/GET_TEMPLATE_DETAILS_SUCCESS';
+export const GET_TEMPLATE_DETAILS_FAILURE = 'app/containers/Email/GET_TEMPLATE_DETAILS_FAILURE';
+
+export const GET_ALL_ASSETS_REQUEST = 'app/containers/Email/GET_ALL_ASSETS_REQUEST';
+export const GET_ALL_ASSETS_SUCCESS = 'app/containers/Email/GET_ALL_ASSETS_SUCCESS';
+export const GET_ALL_ASSETS_FAILURE = 'app/containers/Email/GET_ALL_ASSETS_FAILURE';
+
+export const GET_CMS_EDITOR_DETAILS_REQUEST = 'app/containers/Email/GET_CMS_EDITOR_DETAILS_REQUEST';
+export const GET_CMS_EDITOR_DETAILS_SUCCESS = 'app/containers/Email/GET_CMS_EDITOR_DETAILS_SUCCESS';
+export const GET_CMS_EDITOR_DETAILS_FAILURE = 'app/containers/Email/GET_CMS_EDITOR_DETAILS_FAILURE';
+
+export const GET_CMS_EDITOR_DATA_REQUEST = 'app/containers/Email/GET_CMS_EDITOR_DATA_REQUEST';
+export const GET_CMS_EDITOR_DATA_SUCCESS = 'app/containers/Email/GET_CMS_EDITOR_DATA_SUCCESS';
+export const GET_CMS_EDITOR_DATA_FAILURE = 'app/containers/Email/GET_CMS_EDITOR_DATA_FAILURE';
+
+export const UPLOAD_ASSET_REQUEST = 'app/containers/Email/UPLOAD_ASSET_REQUEST';
+export const UPLOAD_ASSET_SUCCESS = 'app/containers/Email/UPLOAD_ASSET_SUCCESS';
+export const UPLOAD_ASSET_FAILURE = 'app/containers/Email/UPLOAD_ASSET_FAILURE';
+
+export const CLEAR_EMAIL_CRUD_RESPONSE_REQUEST = "app/containers/Email/CLEAR_EMAIL_CRUD_RESPONSE_REQUEST";
+export const CLEAR_ALL_VALUES = "app/containers/Email/CLEAR_ALL_VALUES";
+
+export const DUPLICATE_TEMPLATE_REQUEST = 'app/containers/Email/DUPLICATE_TEMPLATE_REQUEST';
+export const DUPLICATE_TEMPLATE_SUCCESS = 'app/containers/Email/DUPLICATE_TEMPLATE_SUCCESS';
+export const DUPLICATE_TEMPLATE_FAILURE = 'app/containers/Email/DUPLICATE_TEMPLATE_FAILURE';