@capillarytech/creatives-library 0.1.9 → 0.1.11

package/components/Ckeditor/index.js

@@ -11,13 +11,14 @@ import React, { PropTypes } from 'react';
 import _ from 'lodash';
 // import messages from './messages';
 const loadScript = require('load-script');
-const defaultScriptUrl = "https://cdn.ckeditor.com/4.8.0/full/ckeditor.js";
+const defaultScriptUrl = "https://cdn.ckeditor.com/4.5.0/full/ckeditor.js";
 const user = localStorage.getItem('user');
 let locale = 'en';
 if (user && JSON.parse(user).lang) {
   locale = JSON.parse(user).lang;
 }
 const CKEditorConfig = {
+  skin: 'moono',
   toolbar: [
     { name: 'document', items: ['Source', '-'] },
     { name: 'clipboard', items: ['Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
@@ -44,6 +45,7 @@ const CKEditorConfig = {
   // Allow all content.
     $1: {
       // elements: this.editorInstance.dtd,
+      //elements: window.CKEDITOR.dtd,
       attributes: true,
       styles: true,
       classes: true,

package/components/FormBuilder/_formBuilder.scss

@@ -60,3 +60,7 @@
 .error{
   color : #F34F56;
 }
+
+.ant-notification-notice-description {
+  word-wrap: break-word;
+}

package/components/FormBuilder/index.js

@@ -457,6 +457,9 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
           return;
         }
         const index = count + 1;
+        if (!this.state.formData[count]) {
+          continue;
+        }
         const content = this.state.formData[count][`sms-editor${index > 1 ? index : ''}`];
         const unicodeCheck = this.state.formData[count][`unicode-validity${index > 1 ? index : ''}`];
         const ifUnicode = content && content !== '' ? charCount.checkUnicode(content) : false;
@@ -761,11 +764,11 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
         this.setState({androidValid, iosValid});
       }
       if (isOnlyAndroid && androidValid) {
-        isValid = true;
+        isValid = isValid && true;
       } else if (isOnlyIos && iosValid) {
-        isValid = true;
+        isValid = isValid && true;
       } else if (!isOnlyIos && !isOnlyAndroid && androidValid && iosValid) {
-        isValid = true;
+        isValid = isValid && true;
       }
     }
 
@@ -936,7 +939,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
   }
 
   skipTags(tag) {
-    const regexGroups = ["dynamic_expiry_date_after_\\(\\d+\\)_days.FORMAT_\\d"];
+    const regexGroups = ["dynamic_expiry_date_after_\\d+_days.FORMAT_\\d", "user_id_b64", "outbox_id_b64", "unsubscribe\\(#[a-zA-Z\\d]{6}\\)","Link_to_[a-zA-z]"];
     //const regexGroups = [];
     let skipped = false;
     _.forEach(regexGroups, (group) => {

package/containers/Email/_email.scss

@@ -135,3 +135,7 @@
 .version-popover:hover{
   background-color: #ecf6fd;
 }
+
+.ant-notification-notice-description {
+  word-wrap: break-word;
+}

package/containers/Email/actions.js

@@ -13,6 +13,14 @@ export function createTemplate(template) {
   };
 }
 
+export function duplicateTemplate(id, channel) {
+  return {
+    type: types.DUPLICATE_TEMPLATE_REQUEST,
+    id,
+    channel,
+  };
+}
+
 export function getTemplateDetails(id, channel) {
   console.log('getting template', id, channel);
   return {

package/containers/Email/constants.js

@@ -30,3 +30,7 @@ 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';

package/containers/Email/index.js

@@ -1807,7 +1807,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         console.log('Tranforming data for embedded mode', tmpData);
       }
     });
-    if (this.props.location.query.type === 'embedded' && (this.props.location.query.module === "loyalty" || this.props.location.query.module === "dvs" || this.props.location.query.module === "timeline" || this.props.location.query.module === "library")) {
+    if (this.props.location.query.type === 'embedded' && (this.props.location.query.module === "loyalty" || this.props.location.query.module === "dvs" || this.props.location.query.module === "coupon_expiry" || this.props.location.query.module === "timeline" || this.props.location.query.module === "library")) {
       newFormData.base.subject = formData['template-subject'];
     }
 
@@ -2002,7 +2002,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
   showSubject = () => {
     const schema = _.cloneDeep(this.state.schema);
-    if (this.props.location.query.type === 'embedded' && (this.props.location.query.module === "loyalty" || this.props.location.query.module === "dvs" || this.props.location.query.module === "timeline" ||
+    if (this.props.location.query.type === 'embedded' && (this.props.location.query.module === "loyalty" || this.props.location.query.module === "dvs" || this.props.location.query.module === "timeline" || this.props.location.query.module === "coupon_expiry" ||
       this.props.location.query.module === "library")) {
       schema.standalone.sections[0].inputFields[0].style.display = "";
       schema.standalone.sections[0].inputFields[0].labelStyle.display = "";
@@ -2487,6 +2487,13 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     _.forEach(temp.containers, (container) => {
       if (container.isActive) {
         let hideLang = false;
+        _.forEach(container.tabContent.sections[0].inputFields[0].cols, (containerInputFieldCol) => {
+          const tempEl = containerInputFieldCol;
+          if (containerInputFieldCol.id === "tab-header") {
+            const baseLanguage = this.props.Global.currentOrgDetails && this.props.Global.currentOrgDetails.basic_details && this.props.Global.currentOrgDetails.basic_details.base_language && this.props.Global.currentOrgDetails.basic_details.base_language !== "" ? this.props.Global.currentOrgDetails.basic_details.base_language : 'English';
+            tempEl.value = baseLanguage;
+          }
+        });
         _.forEach(container.tabBarExtraContent.sections[0].inputFields[0].cols, (containerInputFieldCol) => {
           if (hideLang && !ifLangSupported) {
             const newContainerInputFieldCol = containerInputFieldCol;
@@ -2528,8 +2535,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       if (type === 'embedded') {
         this.removeStandAlone();
       }
-      if (type === 'embedded' && (this.props.route.name === 'EmailView' || (this.props.location.query.module && (this.props.location.query.module.toLowerCase() === 'loyalty' || this.props.location.query.module.toLowerCase() === 'dvs' || this.props.location.query.module.toLowerCase() === 'timeline')))) {
-        if ((this.props.route.name === "EmailEdit" || this.props.route.name === "EmailCreate") && this.props.location.query.module === "dvs") {
+      if (type === 'embedded' && (this.props.route.name === 'EmailView' || (this.props.location.query.module && (this.props.location.query.module.toLowerCase() === 'loyalty' || this.props.location.query.module.toLowerCase() === 'dvs' || this.props.location.query.module.toLowerCase() === 'coupon_expiry' || this.props.location.query.module.toLowerCase() === 'timeline')))) {
+        if ((this.props.route.name === "EmailEdit" || this.props.route.name === "EmailCreate") && (this.props.location.query.module === "dvs" || this.props.location.query.module.toLowerCase() === 'coupon_expiry')) {
           return;
         }
         const response = {
@@ -2557,7 +2564,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     delete schema.standalone;
     schema.standalone = {};
     schema.standalone.sections = [];
-    if (this.props.location.query.type === 'embedded' && (this.props.location.query.module === "loyalty" || this.props.location.query.module === "dvs" || this.props.location.query.module === "timeline" ||
+    if (this.props.location.query.type === 'embedded' && (this.props.location.query.module === "loyalty" || this.props.location.query.module === "dvs" || this.props.location.query.module === "coupon_expiry" || this.props.location.query.module === "timeline" ||
       this.props.location.query.module === "library")) {
       schema.standalone.sections.push(_.cloneDeep(this.state.schema.standalone.sections[0]));
     }

package/containers/Email/reducer.js

@@ -32,6 +32,22 @@ function emailReducer(state = initialState, action) {
         .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);

package/containers/Email/sagas.js

@@ -18,6 +18,20 @@ export function* createTemplate(template) {
   }
 }
 
+export function* duplicateTemplate(id, channel) {
+  let errorMsg;
+  try {
+    console.log('Duplicate template ', id, channel);
+    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 {
     console.log('saga get Template details', id);
@@ -104,6 +118,12 @@ function* watchUploadAsset() {
   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,
@@ -112,4 +132,5 @@ export default [
   watchGetCmsSetting,
   watchGetCmsData,
   watchUploadAsset,
+  watchDuplicateTemplate,
 ];

package/containers/MobilePush/Create/index.js

@@ -193,7 +193,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     console.log('recieved props ', nextProps, nextProps.Create, this.props.Create);
     if (nextProps.Create.uploadedAssetData) {
       const formData = _.cloneDeep(this.state.formData);
-      formData[this.state.currentTab - 1].image = nextProps.Create.uploadedAssetData.metaInfo.secure_file_path;
+      formData[this.state.currentTab - 1].image = nextProps.Create.uploadedAssetData.metaInfo.public_url;
       this.setState({formData});
       this.props.actions.clearAsset();
     }
@@ -496,7 +496,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     console.log('posting final result', this.state.formData);
     const response = {
       action: "getFormData",
-      value: this.state.formData,
+      value: this.getTransformedData(this.state.formData),
       validity: this.state.isFormValid,
     };
     this.setState({checkValidation: true});
@@ -571,9 +571,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
           "message": ios['message-title2'],
           "ctas": [
 
-          ],
-          "nonActionableCta": [
-
           ],
           "categoryId": ios['secondary-cta-1-table'] ? ios['secondary-cta-1-table'].id : undefined,
         },
@@ -696,8 +693,8 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
           "actionText": ios['secondary-cta-1-label'],
           "actionLabel": ios['secondary-cta-1-action'],
           "actionLabel2": ios['secondary-cta-1-action2'],
-          "type": ios['cta-deeplink-secondary-cta-1'].toLowerCase() === "deeplink" ? "DEEP_LINK" : "EXTERNAL_URL",
-          "actionLink": ios['cta-deeplink-secondary-cta-1'].toLowerCase() === "deeplink" ? (ios['cta-deeplink-secondary-cta-1-select2'] || ios['cta-deeplink-secondary-cta-1-select']) : ios['cta-deeplink-secondary-cta-1-text'],
+          "type": ios['cta-deeplink-secondary-cta-1'] && (ios['cta-deeplink-secondary-cta-1'].toLowerCase() === "deeplink" ? "DEEP_LINK" : "EXTERNAL_URL"),
+          "actionLink": ios['cta-deeplink-secondary-cta-1'] && (ios['cta-deeplink-secondary-cta-1'].toLowerCase() === "deeplink" ? (ios['cta-deeplink-secondary-cta-1-select2'] || ios['cta-deeplink-secondary-cta-1-select']) : ios['cta-deeplink-secondary-cta-1-text']),
           "ioscdeepLinkName": this.getLinkName(ios['cta-deeplink-secondary-cta-1-select']),
           'templateCtaId': ios['secondary-cta-1-table'] ? ios['secondary-cta-1-table'].ctaTemplateDetails[0].id : undefined,
         };
@@ -1160,7 +1157,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   showSelectedIosCta = (selectedConfig) => {
     const currentTab = this.state.currentTab;
     const schema = _.cloneDeep(this.state.schema);
-    const deeplinks = this.props.Templates.selectedWeChatAccount && this.props.Templates.selectedWeChatAccount.configs && !!this.props.Templates.selectedWeChatAccount.configs.deeplink ? this.props.Templates.selectedWeChatAccount : '[]';
+    const deeplinks = this.props.Templates.selectedWeChatAccount && this.props.Templates.selectedWeChatAccount.configs && !!this.props.Templates.selectedWeChatAccount.configs.deeplink ? this.props.Templates.selectedWeChatAccount.configs.deeplink : '[]';
     const deepLinkOptions = this.props.Templates.selectedWeChatAccount ? _.map(JSON.parse(deeplinks), (link) => ({label: link.name, value: link.link, title: link.link }) ) : [];
     _.forEach(schema.containers, (container) => {
       _.forEach(container.panes, (pane, paneIndex) => {
@@ -1705,7 +1702,10 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       const message = getMessageObject('error', this.props.intl.formatMessage(messages["File size cannot be more than 5mb"]), true);
       this.props.globalActions.addMessageToQueue(message);
     } else {
-      this.props.actions.uploadAsset(data.file, data.type, data.fileParams);
+      const name = data.file.name.split('.');
+      const blob = data.file.slice(0, -1, 'image');
+      const newFile = new File([blob], `${name[0]}${Date.now()}.${name[1]}`, {type: 'image'});
+      this.props.actions.uploadAsset(newFile, data.type, data.fileParams);
     }
   };
   selectCtaIos = (selectedConfig) => {

package/containers/MobilePush/Edit/index.js

@@ -234,7 +234,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     }
     if (nextProps.Edit.uploadedAssetData) {
       const formData = _.cloneDeep(this.state.formData);
-      formData[this.state.currentTab - 1].image = nextProps.Edit.uploadedAssetData.metaInfo.secure_file_path;
+      formData[this.state.currentTab - 1].image = nextProps.Edit.uploadedAssetData.metaInfo.public_url;
       this.setState({formData});
       this.props.actions.clearAsset();
     }
@@ -628,9 +628,6 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
           "message": ios['message-title2'],
           "ctas": [
 
-          ],
-          "nonActionableCta": [
-
           ],
           "categoryId": ios['secondary-cta-1-table'] ? ios['secondary-cta-1-table'].id : undefined,
         },
@@ -751,8 +748,8 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
         "actionText": ios['secondary-cta-1-label'],
         "actionLabel": ios['secondary-cta-1-action'],
         "actionLabel2": ios['secondary-cta-1-action2'],
-        "type": ios['cta-deeplink-secondary-cta-1'].toLowerCase() === "deeplink" ? "DEEP_LINK" : "EXTERNAL_URL",
-        "actionLink": ios['cta-deeplink-secondary-cta-1'].toLowerCase() === "deeplink" ? ios['cta-deeplink-secondary-cta-1-select2'] : ios['cta-deeplink-secondary-cta-1-text2'],
+        "type": ios['cta-deeplink-secondary-cta-1'] && (ios['cta-deeplink-secondary-cta-1'].toLowerCase() === "deeplink" ? "DEEP_LINK" : "EXTERNAL_URL"),
+        "actionLink": ios['cta-deeplink-secondary-cta-1'] && (ios['cta-deeplink-secondary-cta-1'].toLowerCase() === "deeplink" ? ios['cta-deeplink-secondary-cta-1-select2'] : ios['cta-deeplink-secondary-cta-1-text2']),
         "ioscdeepLinkName": this.getLinkName(ios['cta-deeplink-secondary-cta-1-select']),
         'templateCtaId': ios['secondary-cta-1-table'] ? ios['secondary-cta-1-table'].ctaTemplateDetails[0].id : undefined,
       };
@@ -925,7 +922,9 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
         ios.image = iosData.expandableDetails.image;
       }
       if (iosData.expandableDetails && iosData.expandableDetails.ctas && iosData.expandableDetails.ctas.length) {
-        ios['cta-deeplink-secondary-cta-1'] = iosData.expandableDetails.ctas[0].type === "DEEP_LINK" ? "Deeplink" : "External Link";
+        if (iosData.expandableDetails.ctas[0].type) {
+          ios['cta-deeplink-secondary-cta-1'] = iosData.expandableDetails.ctas[0].type === "DEEP_LINK" ? "Deeplink" : "External Link";
+        }
         if (iosData.expandableDetails.ctas[0].type === "DEEP_LINK") {
           ios['cta-deeplink-secondary-cta-1-select2'] = iosData.expandableDetails.ctas[0].actionLink;
         } else {
@@ -982,7 +981,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
         schema = this.showCtaKeys(true, formData, {id: 'cta-deeplink2-select'}, 2, schema);
       }
       if (formData[1]['secondary-cta-1-action']) {
-        schema = this.showSelectedIosCta(schema, {id: 'add-sec-cta-ios'}, 2);
+        schema = this.showSelectedIosCta(schema, {id: 'add-sec-cta-ios'}, 2, undefined, formData[1]['cta-deeplink-secondary-cta-1']);
         schema = this.onLinkTypeChange(true, formData, {id: 'cta-deeplink-secondary-cta-1'}, 2, schema);
         schema = this.showCtaKeys(true, formData, {id: 'cta-deeplink-secondary-cta-1-select2'}, 2, schema);
       }
@@ -1055,7 +1054,10 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       const message = getMessageObject('error', this.props.intl.formatMessage(messages['File size cannot be more than 5mb']), true);
       this.props.globalActions.addMessageToQueue(message);
     } else {
-      this.props.actions.uploadAsset(data.file, data.type, data.fileParams, "temp");
+      const name = data.file.name.split('.');
+      const blob = data.file.slice(0, -1, 'image');
+      const newFile = new File([blob], `${name[0]}${Date.now()}.${name[1]}`, {type: 'image'});
+      this.props.actions.uploadAsset(newFile, data.type, data.fileParams);
     }
   };
 
@@ -1080,7 +1082,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     }
   };
 
-  showSelectedIosCta = (inputSchema, field, tab, selectedConfig) => {
+  showSelectedIosCta = (inputSchema, field, tab, selectedConfig, showDeeplink) => {
     const currentTab = tab || this.state.currentTab;
     const schema = inputSchema ? _.cloneDeep(inputSchema) : _.cloneDeep(this.state.schema);
     const selectedWeChatAccount = (!_.isEmpty(this.props.Templates.selectedWeChatAccount) ? this.props.Templates.selectedWeChatAccount : this.props.Edit.selectedWeChatAccount);
@@ -1198,7 +1200,10 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                           },
                         ],
                       };
-                      const showDeeplinkOption = selectedConfig ? (selectedConfig.id !== "16589g0g" && selectedConfig.id !== "17543720" && selectedConfig.id !== "1a491g56") : true;
+                      let showDeeplinkOption = selectedConfig ? (selectedConfig.id !== "16589g0g" && selectedConfig.id !== "17543720" && selectedConfig.id !== "1a491g56") : true;
+                      if (!selectedConfig) {
+                        showDeeplinkOption = showDeeplink;
+                      }
                       if (showDeeplinkOption) {
                         formChaild.inputFields[fieldIndex + 2] = {
                           rowClassName: "mobile-push-row",

package/containers/Sms/Create/index.js

@@ -95,16 +95,17 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     };
     this.props.globalActions.fetchSchemaForEntity(query);
     const type = this.props.location.query.type;
-    const module = this.props.location.query.module;
+    // const module = this.props.location.query.module;
     const name = this.props.route.name;
     window.addEventListener("message", this.handleFrameTasks);
     if (type === 'embedded') {
       const response = {
         action: 'startTemplateCreation',
+        window: name === 'view' ? 'view' : 'create',
       };
-      if (name !== "view" && module.toLowerCase() === "timeline") {
-        return;
-      }
+      // if (name !== "view" && module.toLowerCase() === "timeline") {
+      //   return;
+      // }
       parent.postMessage(JSON.stringify(response), '*');
     }
     //For testing embedded mode data injection

package/containers/Sms/Edit/index.js

@@ -94,16 +94,17 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       this.props.actions.getTemplateDetails(this.props.params.id);
     }
     const type = this.props.location.query.type;
-    const module = this.props.location.query.module;
-    const name = this.props.route.name;
+    // const module = this.props.location.query.module;
+    // const name = this.props.route.name;
     window.addEventListener("message", this.handleFrameTasks);
     if (type === 'embedded') {
       const response = {
         action: 'startTemplateCreation',
+        window: 'edit',
       };
-      if (name !== "view" && module.toLowerCase() === "timeline") {
-        return;
-      }
+      // if (name !== "view" && module.toLowerCase() === "timeline") {
+      //   return;
+      // }
       parent.postMessage(JSON.stringify(response), '*');
     }
   }
@@ -1437,7 +1438,7 @@ Edit.propTypes = {
   intl: intlShape.isRequired,
   templateData: PropTypes.object,
   supportedTags: PropTypes.array,
-  route: PropTypes.object,
+  // route: PropTypes.object,
 };
 
 const mapStateToProps = createStructuredSelector({

package/containers/Templates/index.js

@@ -244,7 +244,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     if (this.state.channel.toLowerCase() === "email" && nextProps.EmailCreate && nextProps.EmailCreate.createResponse && nextProps.EmailCreate.createResponse.templateId && nextProps.EmailCreate.createResponse.templateId !== '') {
       const message = getMessageObject('success', `${this.state.channel} ${this.props.intl.formatMessage(messages.templateDuplicateSuccess)}`, true);
       this.props.globalActions.addMessageToQueue(message);
-      this.getAllTemplates({params});
+      this.getAllTemplates({params, resetPage: true});
       this.props.emailActions.clearStoreValues();
     }
 
@@ -277,6 +277,10 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       const isLanguageSupport = (this.props.location.query.isLanguageSupport) ? this.props.location.query.isLanguageSupport : true;
       const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
       const type = this.props.location.query.type;
+      if (module && module === 'library') {
+        this.props.createNew();
+        return;
+      }
       this.props.router.push({
         pathname: `/${nextProps.route.name.toLowerCase()}/create`,
         query: type === 'embedded' ? {type: 'embedded', module, isLanguageSupport, isEdmSupport} : {module},
@@ -745,7 +749,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     } else if (this.state.channel.toLowerCase() === "ebill") {
       this.props.ebillActions.createTemplate(duplicateObj);
     } else if (this.state.channel.toLowerCase() === "email") {
-      this.props.emailActions.createTemplate(duplicateObj);
+      this.props.emailActions.duplicateTemplate(template._id, "EMAIL");
     }
   }
 

package/containers/Templates/sagas.js

@@ -74,6 +74,7 @@ export function* sendZippedFile({selectedFile}) {
       errorMessage = result.message;
     }
     console.log("Got Result ", result);
+    console.log("Got decoded result", decodeURIComponent(result.response.metaEntity.htmlContent));
     yield [
       put({
         type: types.SEND_ZIPPED_FILE_SUCCESS,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/services/api.js

@@ -178,6 +178,13 @@ export const createMobilePushTemplate = ({template}) => {
   const url = `${API_ENDPOINT}/templates/MOBILEPUSH`;
   return request(url, getAPICallObject('POST', template));
 };
+
+export const duplicateTemplate = ({id, channel}) => {
+  console.log('in api.js duplicateTemplate', id, channel);
+  const url = `${API_ENDPOINT}/templates/duplicate/${id}/${channel}`;
+  return request(url, getAPICallObject('GET'));
+};
+
 export const editWeChatTemplate = ({template}) => {
   console.log('in api.js', template);
   const url = `${API_ENDPOINT}/templates/WECHAT`;