@capillarytech/creatives-library 3.1.31 → 3.1.33

package/components/TemplatePreview/messages.js

@@ -18,6 +18,10 @@ export default defineMessages({
     id: 'creatives.components.TemplatePreview.characters',
     defaultMessage: "characters",
   },
+  charactersPerSms: {
+    id: 'creatives.components.TemplatePreview.charactersPerSms',
+    defaultMessage: "SMS chars",
+  },
   charactersTotal: {
     id: 'creatives.components.TemplatePreview.charactersTotal',
     defaultMessage: "SMS char total",
@@ -28,7 +32,7 @@ export default defineMessages({
   },
   includesOptoutTag: {
     id: 'app.components.TemplatePreview.includesOptoutTag',
-    defaultMessage: 'Includes Optout tag',
+    defaultMessage: 'Includes optout tag',
   },
   previewGenerated: {
     id: 'creatives.components.TemplatePreview.previewGenerated',

package/config/app.js

@@ -16,7 +16,7 @@ const config = {
     api_endpoint: 'https://nightly.capillary.in/arya/api/v1/creatives',
     auth_endpoint: 'https://nightly.capillary.in/arya/api/v1/auth',
     arya_endpoint: 'https://nightly.capillary.in/arya/api/v1',
-    subscription_api_endpoint: 'https://nightly.capillary.in/arya/api/v1/subscription',
+    subscription_api_endpoint: 'https://nightly.capillary.in/arya/api/v1/org-settings/subscription',
     login_url: 'auth/login',
     dashboard_url: '/sms',
     dashboard_url_v2: '/v2',

package/package.json

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

package/utils/smsCharCountV2.js

@@ -73,30 +73,27 @@ export function updateCharCount(content, isUnicodeEnabled) {
   var coding = '7bit';
   var parts = 1;
   var part = 1;
-  var chars_used = showOptoutCount ? ((optoutUrl && optoutUrl.length || 0) * noOfOptout) : 0;
+  var chars_used = 0;
   var chars_sms = 160;
   var sms_parts_container = [];
   var partc = [];
   for (let i = 0; i < chars_arr.length; i++) {
     if (charset7bit.indexOf(chars_arr[i]) >= 0) {
       chars_used = chars_used + 1;
-      console.log('X1:', chars_used);
     } else if (charset7bitext.indexOf(chars_arr[i]) >= 0) {
       chars_used = chars_used + 2;
-      console.log('X2:', chars_used);
     } else {
       coding = '16bit';
       chars_used = chars_arr.length;
-      console.log('X3:', chars_used);
       break;
     }
   }
+  chars_used = showOptoutCount ? (chars_used + (((optoutUrl && optoutUrl.length) || 0) * noOfOptout) - (optoutTagLength * noOfOptout)) : chars_used;
   if (coding == '7bit') {
     if (chars_used > 160) {
       var parts = Math.ceil(chars_used / 153);
       var part_chars_used = 7;
       chars_sms = 153;
-      // partc.push(getUHDHtml(parts, part));
       for (let i = 0; i < chars_arr.length; i++) {
         if (part_chars_used + 1 > 160) {
           part = part + 1;
@@ -123,15 +120,12 @@ export function updateCharCount(content, isUnicodeEnabled) {
     }
   } else {
     if (chars_used > 70) {
-
       parts = Math.ceil(chars_used / 67);
       var part_chars_used = 3;
       chars_sms = 67;
-      //partc.push(getUHDHtml(parts, part));
       for (let i = 0; i < chars_arr.length; i++) {
         if (part_chars_used + 1 > 70) {
           part = part + 1;
-          // partc.push(getUHDHtml(parts, part));
           part_chars_used = 3;
         }
         partc = [...partc, charToSpan(chars_arr[i], coding, isUnicodeEnabled)];
@@ -144,8 +138,6 @@ export function updateCharCount(content, isUnicodeEnabled) {
       }
     }
   }
-
-  chars_used = showOptoutCount ? (chars_used - (optoutTagLength * noOfOptout)) : chars_used;
   return {
     unicode: (coding === '7bit' ? false : true),
     parts,

package/v2Components/FormBuilder/index.js

@@ -12,8 +12,8 @@ import React from 'react';
 import _ from 'lodash';
 import { Tabs, Table, Modal} from 'antd';
 import { CapButton, CapInput, CapPopover, CapCheckbox, CapRadio, CapSelect, CapTable, CapRow, CapColumn, CapNotification, CapUploader, CapHeading, CapIcon} from '@capillarytech/cap-ui-library';
+import { injectIntl, intlShape, FormattedMessage } from 'react-intl';
 import LabelHOC from '@capillarytech/cap-ui-library/assets/HOCs/ComponentWithLabelHOC';
-import { FormattedMessage, intlShape, injectIntl } from 'react-intl';
 import TemplatePreview from '../TemplatePreview';
 import TagList from '../../v2Containers/TagList';
 import SlideBox from '../SlideBox';

package/v2Components/TemplatePreview/messages.js

@@ -24,7 +24,7 @@ export default defineMessages({
   },
   optoutCharactersTotal: {
     id: 'app.components.TemplatePreview.optoutCharactersTotal',
-    defaultMessage: "Includes Optout tag ({optoutUrlLength} characters)",
+    defaultMessage: "Includes optout tag ({optoutUrlLength} characters)",
   },
   smsFormatType: {
     id: 'creatives.componentsV2.TemplatePreview.smsFormatType',

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -60,6 +60,7 @@ function SlideBoxContent(props) {
       onValidationFail,
       channelsToHide,
       forwardedTags,
+      channelsToDisable,
       weChatTemplateType,
       onWechatTemplateChange,
       selectedWeChatAccount,
@@ -113,6 +114,7 @@ function SlideBoxContent(props) {
         cap={cap}
         channelsToHide={channelsToHide}
         forwardedTags={forwardedTags}
+        channelsToDisable={channelsToDisable}
         />
         )}
       {isPreview && (
@@ -323,6 +325,7 @@ SlideBoxContent.propTypes = {
   onValidationFail: PropTypes.func,
   channelsToHide: PropTypes.array,
   forwardedTags: PropTypes.object,
+  channelsToDisable: PropTypes.array,
   weChatTemplateType: PropTypes.string,
   onWechatTemplateChange: PropTypes.func,
   selectedWeChatAccount: PropTypes.object,

package/v2Containers/CreativesContainer/index.js

@@ -465,7 +465,7 @@ class Creatives extends React.Component {
   }
   render() {
     const {slidBoxContent, isGetFormData, showSlideBox, templateData, currentChannel, emailCreateMode, templateStep, isLoadingContent, mobilePushCreateMode, isDiscardMessage, weChatTemplateType, weChatMaptemplateStep} = this.state;
-    const {isFullMode, creativesMode, cap, isUploading, channelsToHide, selectedWeChatAccount, forwardedTags} = this.props;
+    const {isFullMode, creativesMode, cap, isUploading, channelsToHide, selectedWeChatAccount, forwardedTags, channelsToDisable} = this.props;
     const mapTemplateCreate = slidBoxContent === 'createTemplate' && weChatTemplateType === MAP_TEMPLATE && templateStep !== 'modeSelection';
     return (
       <SlideBoxWrapper className={classnames(`${classPrefix} ${isFullMode ? 'creatives-full-mode' : 'creatives-library-mode'} ${mapTemplateCreate ? 'map-template-create' : ''}`)}>
@@ -522,6 +522,7 @@ class Creatives extends React.Component {
               onValidationFail={this.onValidationFail}
               channelsToHide={channelsToHide}
               forwardedTags={forwardedTags}
+              channelsToDisable={channelsToDisable}
               weChatTemplateType={weChatTemplateType}
               onWechatTemplateChange={this.onWechatTemplateChange}
               weChatMaptemplateStep={weChatMaptemplateStep}
@@ -573,6 +574,7 @@ Creatives.propTypes = {
   EmailLayout: PropTypes.string,
   channelsToHide: PropTypes.array,
   forwardedTags: PropTypes.object,
+  channelsToDisable: PropTypes.array,
   selectedWeChatAccount: PropTypes.object,
 };
 const mapStatesToProps = () => createStructuredSelector({

package/v2Containers/TemplatesV2/index.js

@@ -12,6 +12,7 @@ import { createStructuredSelector } from 'reselect';
 import { bindActionCreators } from 'redux';
 import { CapTab, CapCustomCard, CapButton, CapHeader, CapSpin, CapIcon } from '@capillarytech/cap-ui-library';
 import { find, get } from 'lodash';
+import isEmpty from 'lodash/isEmpty';
 import Helmet from 'react-helmet';
 
 import { UserIsAuthenticated } from '../../utils/authWrapper';
@@ -31,7 +32,7 @@ const StyledCapTab = withStyles(CapTab, CapTabStyle);
 export class TemplatesV2 extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
     super(props);
-    const defaultChannel = get(this, 'props.channel') || get(this, 'props.params.channel') || 'sms';
+    let defaultChannel = get(this, 'props.channel') || get(this, 'props.params.channel') || 'sms';
     const defaultPanes = {
       sms: {content: <div></div>, tab: props.intl.formatMessage(messages.sms), key: 'sms'},
       email: {content: <div></div>, tab: props.intl.formatMessage(messages.email), key: 'email'},
@@ -40,8 +41,8 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       mPush: {content: <div></div>, tab: props.intl.formatMessage(messages.pushNotification), key: 'mobilepush'},
     };
     const channelsToHide = this.props.channelsToHide || [];
-
-    const filteredPanes = Object.keys(defaultPanes)
+    const channelsToDisable = this.props.channelsToDisable || [];
+    let filteredPanes = Object.keys(defaultPanes)
       .filter((key) => !channelsToHide.includes(key)).reduce((obj = [], key) => {
         obj.push(defaultPanes[key]);
         return obj;
@@ -53,7 +54,26 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       filteredPanes.push({content: <div></div>, tab: props.intl.formatMessage(messages.callTask), key: 'call_task'});
     }
 
+    filteredPanes = filteredPanes.map( (pane) => {
+      if (channelsToDisable.includes(pane.key)) {
+        pane.disabled = true;
+      }
+    return pane;
+    });
+
+    const channel = ['sms', 'email', 'mobilepush', 'call_task'];
+    if (!isEmpty(channelsToDisable)) {
+      channel.some((ch) => {
+        if (!channelsToDisable.includes(ch)) {
+          defaultChannel = ch;
+          return true;
+        }
+        return false;
+      });
+    }
+
     const panes = this.setChannelContent(defaultChannel, filteredPanes);
+
     this.state = {
       selectedChannel: defaultChannel,
       panes,
@@ -191,6 +211,7 @@ TemplatesV2.propTypes = {
   onChannelChange: PropTypes.func,
   channelsToHide: PropTypes.array,
   className: PropTypes.string.isRequired,
+  channelsToDisable: PropTypes.array,
 };
 
 TemplatesV2.defaultProps = {

package/v2Containers/WeChat/MapTemplates/index.js

@@ -8,7 +8,6 @@ import PropTypes from 'prop-types';
 
 import React from 'react';
 import { bindActionCreators } from 'redux';
-import Helmet from 'react-helmet';
 import { intlShape, FormattedMessage } from 'react-intl';
 import { createStructuredSelector } from 'reselect';
 import { CapRow, CapColumn, CapSpin, CapCustomCard, CapButton, CapHeading } from '@capillarytech/cap-ui-library';
@@ -1214,7 +1213,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
       if (!isLoading && this.props.setIsLoadingContent) {
         this.props.setIsLoadingContent(isLoading);
       }
-      return isLoading;
+      return !!isLoading;
     }
     
     render() {
@@ -1233,9 +1232,6 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
               tip={this.props.intl.formatMessage(messages.gettingTemplateData)}
               spinning={spinning}>
               <div>
-                <Helmet
-                title="WeChat"
-                />
                 <CapHeading type="h5">Template name</CapHeading>
                 <CapHeading type="h3">{weChatData.title}</CapHeading>
                 <CapRow className="wechat-container">

package/v2Containers/WeChat/MapTemplates/messages.js

@@ -46,7 +46,7 @@ export default defineMessages({
     id: 'creatives.containersV2.WeChat.link',
     defaultMessage: 'Link',
   },
-  'Is this internal url': {
+  'isInternalUrl': {
     id: 'creatives.containersV2.WeChat.isInternalUrl',
     defaultMessage: 'Is this internal url',
   },
@@ -94,12 +94,12 @@ export default defineMessages({
     id: 'creatives.containers.WeChat.newWechat',
     defaultMessage: 'New wechat',
   },
-  "Link cannot be empty.": {
+  "linkErrorMessage": {
     id: 'creatives.containers.WeChat.linkErrorMessage',
     defaultMessage: 'Link cannot be empty.',
   },
-  "Invalid content": {
+  "hasInvalidContent": {
     id: 'creatives.containers.WeChat.hasInvalidContent',
-    defaultMessage: 'Invalid content.',
+    defaultMessage: 'has invalid content.',
   },
 });

package/v2Containers/WeChat/RichmediaTemplates/Create/index.js

@@ -17,14 +17,12 @@ import cloneDeep from 'lodash/cloneDeep';
 import forEach from 'lodash/forEach';
 import isEqual from 'lodash/isEqual';
 import get from 'lodash/get';
-import { CapRow, CapColumn, CapButton, CapCard, CapSpin, CapInput, CapHeading, CapDivider, CapIcon, CapLink, CapNotification, CapLabel } from '@capillarytech/cap-ui-library';
+import { CapRow, CapColumn, CapButton, CapCard, CapSpin, CapInput, CapHeading, CapDivider, CapIcon, CapLink, CapLabel, CapNotification } from '@capillarytech/cap-ui-library';
 import makeSelectCreate, {makeSelectTemplates, getAssetDetails, getContentAssetDetails} from './selectors';
 import * as actions from './actions';
 import richmediaschema from './richmediaschema';
 import './_createRichmedia.scss';
 import messages from './messages';
-import * as globalActions from '../../../Cap/actions';
-import {getMessageObject} from '../../../../utils/messageUtils';
 import FormBuilder from '../../../../v2Components/FormBuilder';
 import WechatRichmediaTemplatePreview from '../../../../v2Components/TemplatePreview/WechatRichmediaTemplatePreview';
 import noImage from '../../../../assets/noImage.png';
@@ -146,12 +144,14 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     }
     if (nextProps.Create.saveTemplateRes && !isEmpty(nextProps.Create.saveTemplateRes) && nextProps.Create.saveTemplateSuccess && !isEqual(nextProps.Create.saveTemplateRes, this.props.Create.saveTemplateRes)) {
       this.setState({loading: false});
-      const message = getMessageObject('success', this.props.intl.formatMessage(messages.saveSuccess), true);
-      this.props.globalActions.addMessageToQueue(message);
+      CapNotification.success({
+        message: this.props.intl.formatMessage(messages.saveSuccess),
+      });
     }
     if (!nextProps.Create.saveTemplateSuccess && nextProps.Create.saveTemplateSuccess !== undefined && nextProps.Create.saveTemplateErrorMessage && nextProps.Create.saveTemplateErrorMessage !== this.props.Create.saveTemplateErrorMessage) {
       this.setState({loading: false});
-      this.showErrorMessage(nextProps.Create.saveTemplateErrorMessage);
+      this.showErrorMessage(this.props.intl.formatMessage(messages[nextProps.Create.saveTemplateErrorMessage] || messages.somethingWentWrong));
+      this.props.onValidationFail();
     }
     if (!isEqual(nextProps.templateName, this.props.templateName)) {
       this.setState({templateName: nextProps.templateName});
@@ -173,16 +173,13 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
   onContentChange = (evt) => {
     const templateData = cloneDeep(this.state.templateData);
-    console.log('oncontentchange onChange ', evt, evt.editor.getData(), templateData);
     templateData[this.state.currentContentId].formData['content-value'] = evt.editor.getData();
     this.setState({templateData});
   }
   getEditorInstanse = (instance, id) => {
-    console.log('Got editor Instance ', instance, id);
     window.CKEDITOR.on( 'instanceReady', ( event ) => {
       this.setState({editorInstanse: event.editor});
       event.editor.on( 'focus', () => {
-        console.log( 'focused', event.editor, this );
         this.setState({editorInstanse: event.editor});
       });
     });
@@ -198,7 +195,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     this.setState({isFormValid});
   }
   getCurrentWindow(e) {
-    console.log("moveToTemplates richmedia getCurrentWindow");
     const response = {
       action: e.action,
       value: 'edit',
@@ -281,8 +277,9 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     return temp;
   }
   showErrorMessage = (errorMessage) => {
-    const message = getMessageObject('error', errorMessage, true);
-    this.props.globalActions.addMessageToQueue(message);
+    CapNotification.error({
+      message: errorMessage,
+    });
   }
   checkFormFieldsCount = () => {
     const templateData = cloneDeep(this.state.templateData);
@@ -545,9 +542,9 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       }
       this.setState({loading: true});
       this.props.actions.saveTemplate(saveObj, (response) => {
-        CapNotification.success({
-          message: this.props.intl.formatMessage(messages.saveSuccess),
-        });
+        // CapNotification.success({
+        //   message: this.props.intl.formatMessage(messages.saveSuccess),
+        // });
         if (getFormData) {
           getFormData(this.getFormData({
             mediaId: response.mediaId,
@@ -562,7 +559,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     }
   }
   uploadImage = (data, uploadId) => {
-    console.log("uploadImage", data, uploadId);
     if (data.type === "wrong file") {
       this.showErrorMessage(this.props.intl.formatMessage(messages.wrongFormatFile));
     } else {
@@ -601,12 +597,10 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
   viewContent = (id, e) => {
     e.stopPropagation();
-    console.log("moveContentUpward viewContent", id);
     this.setState({currentContentId: id});
   }
   deleteContent = (id, e) => {
     e.stopPropagation();
-    console.log("clicked delete", id);
     const modalContent = {
       title: this.props.intl.formatMessage(messages.modalTitle),
       body: this.props.intl.formatMessage(messages.deleteContent),
@@ -648,7 +642,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     templateData[id] = cloneDeep(templateData[id - 1]);
     templateData[id - 1] = temp;
     currentContentId = id - 1;
-    console.log("moveContentUpward", id, this.state.currentContentId, currentContentId);
     this.setState({templateData, currentContentId});
   }
   getCardActionBar = (contentBlocks, id) => (
@@ -981,7 +974,6 @@ Create.propTypes = {
   Templates: PropTypes.object,
   ImageData: PropTypes.object,
   actions: PropTypes.object,
-  globalActions: PropTypes.object,
   Create: PropTypes.object,
   intl: intlShape.isRequired,
   ContentImageData: PropTypes.object,
@@ -1002,7 +994,6 @@ const mapStateToProps = createStructuredSelector({
 function mapDispatchToProps(dispatch) {
   return {
     actions: bindActionCreators(actions, dispatch),
-    globalActions: bindActionCreators(globalActions, dispatch),
   };
 }
 

package/v2Containers/WeChat/RichmediaTemplates/Create/messages.js

@@ -7,187 +7,231 @@ import { defineMessages } from 'react-intl';
 
 export default defineMessages({
   "header": {
-    id: 'creatives.containersV2.Create.header',
+    id: 'creatives.containersV2.richMedia.create.header',
     defaultMessage: 'This is Create container !',
   },
   "titleCharacterCount": {
-    id: 'creatives.containersV2.Create.titleCharacterCount',
+    id: 'creatives.containersV2.richMedia.create.titleCharacterCount',
     defaultMessage: 'Title exceeds character count limit by',
   },
   "authorCharacterCount": {
-    id: 'creatives.containersV2.Create.authorCharacterCount',
+    id: 'creatives.containersV2.richMedia.create.authorCharacterCount',
     defaultMessage: 'Author exceeds character count limit by',
   },
   "coverAbstractCharacterCount": {
-    id: 'creatives.containersV2.Create.coverAbstractCharacterCount',
+    id: 'creatives.containersV2.richMedia.create.coverAbstractCharacterCount',
     defaultMessage: 'Cover abstract exceeds character count limit by',
   },
   "saveSuccess": {
-    id: 'creatives.containersV2.Create.saveSuccess',
+    id: 'creatives.containersV2.richMedia.create.saveSuccess',
     defaultMessage: 'Template saved successfully',
   },
   "modalTitle": {
-    id: 'creatives.containersV2.Create.modalTitle',
+    id: 'creatives.containersV2.richMedia.create.modalTitle',
     defaultMessage: 'Alert',
   },
   "modalBody": {
-    id: 'creatives.containersV2.Create.modalBody',
+    id: 'creatives.containersV2.richMedia.create.modalBody',
     defaultMessage: 'Do you really want to go back? All your temporary changes will be lost!',
   },
   "deleteContent": {
-    id: 'creatives.containersV2.Create.deleteContent',
+    id: 'creatives.containersV2.richMedia.create.deleteContent',
     defaultMessage: 'Do you really want to delete? All your temporary changes will be lost!',
   },
   "emptyTemplateName": {
-    id: 'creatives.containersV2.Create.emptyTemplateName',
+    id: 'creatives.containersV2.richMedia.create.emptyTemplateName',
     defaultMessage: 'Cannot leave template name empty',
   },
   "wrongFormatFile": {
-    id: 'creatives.containersV2.Create.wrongFormatFile',
+    id: 'creatives.containersV2.richMedia.create.wrongFormatFile',
     defaultMessage: 'Wrong file upoaded. Please upload image file',
   },
   "formEmpty": {
-    id: 'creatives.containersV2.Create.formEmpty',
+    id: 'creatives.containersV2.richMedia.create.formEmpty',
     defaultMessage: 'Cannot leave form empty',
   },
   "titleEmpty": {
-    id: 'creatives.containersV2.Create.titleEmpty',
+    id: 'creatives.containersV2.richMedia.create.titleEmpty',
     defaultMessage: 'Cannot leave title field empty',
   },
   "noImage": {
-    id: 'creatives.containersV2.Create.noImage',
+    id: 'creatives.containersV2.richMedia.create.noImage',
     defaultMessage: 'Please upload an image',
   },
   "sourceLinkEmpty": {
-    id: 'creatives.containersV2.Create.sourceLinkEmpty',
+    id: 'creatives.containersV2.richMedia.create.sourceLinkEmpty',
     defaultMessage: 'Cannot leave source link field empty',
   },
   "contentEmpty": {
-    id: 'creatives.containersV2.Create.contentEmpty',
+    id: 'creatives.containersV2.richMedia.create.contentEmpty',
     defaultMessage: 'Cannot leave content field empty',
   },
   "titleNameRepeated": {
-    id: 'creatives.containersV2.Create.titleNameRepeated',
+    id: 'creatives.containersV2.richMedia.create.titleNameRepeated',
     defaultMessage: 'Title name cannot be repeated',
   },
   "wrongUrl": {
-    id: 'creatives.containersV2.Create.wrongUrl',
+    id: 'creatives.containersV2.richMedia.create.wrongUrl',
     defaultMessage: 'Enter correct URL',
   },
   "maxContentCount": {
-    id: 'creatives.containersV2.Create.maxContentCount',
+    id: 'creatives.containersV2.richMedia.create.maxContentCount',
     defaultMessage: 'You have reached the maximum template size',
   },
   "addNewRichmedia": {
-    id: 'creatives.containersV2.Create.addNewRichmedia',
+    id: 'creatives.containersV2.richMedia.create.addNewRichmedia',
     defaultMessage: 'Add richmedia content',
   },
   'Title': {
-    id: 'creatives.containersV2.Create.Title',
+    id: 'creatives.containersV2.richMedia.create.Title',
     defaultMessage: 'Title',
   },
   'Please input title': {
-    id: 'creatives.containersV2.Create.Please_input_title',
+    id: 'creatives.containersV2.richMedia.create.Please_input_title',
     defaultMessage: 'Please input title',
   },
   'Author': {
-    id: 'creatives.containersV2.Create.Author',
+    id: 'creatives.containersV2.richMedia.create.Author',
     defaultMessage: 'Author',
   },
   'Please input author': {
-    id: 'creatives.containersV2.Create.Please_input_author',
+    id: 'creatives.containersV2.richMedia.create.Please_input_author',
     defaultMessage: 'Please input author',
   },
   'Cover image': {
-    id: 'creatives.containersV2.Create.Cover_image',
+    id: 'creatives.containersV2.richMedia.create.Cover_image',
     defaultMessage: 'Cover image',
   },
   'Cover abstract': {
-    id: 'creatives.containersV2.Create.Cover_abstract',
+    id: 'creatives.containersV2.richMedia.create.Cover_abstract',
     defaultMessage: 'Cover abstract',
   },
   'Please input cover abstract': {
-    id: 'creatives.containersV2.Create.Please_input_cover_abstract',
+    id: 'creatives.containersV2.richMedia.create.Please_input_cover_abstract',
     defaultMessage: 'Please input cover abstract',
   },
   'Content': {
-    id: 'creatives.containersV2.Create.Content',
+    id: 'creatives.containersV2.richMedia.create.Content',
     defaultMessage: 'Content',
   },
   'Please input content': {
-    id: 'creatives.containersV2.Create.Please_input_content',
+    id: 'creatives.containersV2.richMedia.create.Please_input_content',
     defaultMessage: 'Please input content',
   },
   'Show cover picture': {
-    id: 'creatives.containersV2.Create.Show_cover_picture',
+    id: 'creatives.containersV2.richMedia.create.Show_cover_picture',
     defaultMessage: 'Show cover picture',
   },
   'Who can post comments on this content': {
-    id: 'creatives.containersV2.Create.Who_can_post_comments_on_this_content',
+    id: 'creatives.containersV2.richMedia.create.Who_can_post_comments_on_this_content',
     defaultMessage: 'Who can post comments on this content',
   },
   'No one': {
-    id: 'creatives.containersV2.Create.No_one',
+    id: 'creatives.containersV2.richMedia.create.No_one',
     defaultMessage: 'No one',
   },
   'Anyone': {
-    id: 'creatives.containersV2.Create.Anyone',
+    id: 'creatives.containersV2.richMedia.create.Anyone',
     defaultMessage: 'Anyone',
   },
   'Only followers': {
-    id: 'creatives.containersV2.Create.Only_followers',
+    id: 'creatives.containersV2.richMedia.create.Only_followers',
     defaultMessage: 'Only followers',
   },
   'visibility': {
-    id: 'creatives.containersV2.Create.visibility',
+    id: 'creatives.containersV2.richMedia.create.visibility',
     defaultMessage: 'visibility',
   },
   'delete': {
-    id: 'creatives.containersV2.Create.delete',
+    id: 'creatives.containersV2.richMedia.create.delete',
     defaultMessage: 'delete',
   },
   'This field is required!': {
-    id: 'creatives.containersV2.Create.requiredField',
+    id: 'creatives.containersV2.richMedia.create.requiredField',
     defaultMessage: 'This field is required!',
   },
   "Write a brief headline to draw customer's attention": {
-    id: 'creatives.containersV2.Create.titleInductiveText',
+    id: 'creatives.containersV2.richMedia.create.titleInductiveText',
     defaultMessage: "Write a brief headline to draw customer's attention",
   },
   "Brand/name that your customer will recognise": {
-    id: 'creatives.containersV2.Create.authorInductiveText',
+    id: 'creatives.containersV2.richMedia.create.authorInductiveText',
     defaultMessage: "Brand/name that your customer will recognise",
   },
   'Resolution 360 x 200': {
-    id: 'creatives.containersV2.Create.resolutionText',
+    id: 'creatives.containersV2.richMedia.create.resolutionText',
     defaultMessage: 'Resolution 360 x 200',
   },
   'The relevant image that complements title.': {
-    id: 'creatives.containersV2.Create.coverImageTitle',
+    id: 'creatives.containersV2.richMedia.create.coverImageTitle',
     defaultMessage: 'The relevant image that complements title.',
   },
   'Upload Image': {
-    id: 'creatives.containersV2.Create.uploadImage',
+    id: 'creatives.containersV2.richMedia.create.uploadImage',
     defaultMessage: 'Upload Image',
   },
   'A short description help customers learn more': {
-    id: 'creatives.containersV2.Create.coverAbstractInductive',
+    id: 'creatives.containersV2.richMedia.create.coverAbstractInductive',
     defaultMessage: 'A short description help customers learn more',
   },
   'Article content': {
-    id: 'creatives.containersV2.Create.articleContent',
+    id: 'creatives.containersV2.richMedia.create.articleContent',
     defaultMessage: 'Article content',
   },
   'Insert Image': {
-    id: 'creatives.containersV2.Create.insertImage',
+    id: 'creatives.containersV2.richMedia.create.insertImage',
     defaultMessage: 'Insert Image',
   },
   'Read more link': {
-    id: 'creatives.containersV2.Create.readMoreLink',
+    id: 'creatives.containersV2.richMedia.create.readMoreLink',
     defaultMessage: 'Read more link',
   },
   'Link to help customers discover more about the brand.': {
-    id: 'creatives.containersV2.Create.linkInductiveText',
+    id: 'creatives.containersV2.richMedia.create.linkInductiveText',
     defaultMessage: 'Link to help customers discover more about the brand.',
   },
+  'somethingWentWrong': {
+    id: 'creatives.containersV2.richMedia.create.somethingWentWrong',
+    defaultMessage: 'Something went wrong!!',
+  },
+  'Template with the same name exists. Please try another template name.': {
+    id: 'creatives.containersV2.richMedia.create.templateNameExists',
+    defaultMessage: 'Template with the same name exists. Please try another template name.',
+  },
+  'Template name cannot be blank!': {
+    id: 'creatives.containersV2.richMedia.create.templateNameBlank',
+    defaultMessage: 'Template name cannot be blank',
+  },
+  'Template name contains only whitespaces': {
+    id: 'creatives.containersV2.richMedia.create.templateNameContainsWS',
+    defaultMessage: 'Template name contains only whitespaces',
+  },
+  'Please provide payload to the wechat template': {
+    id: 'creatives.containersV2.richMedia.create.payloadMissing',
+    defaultMessage: 'Please provide payload to create wechat template',
+  },
+  'Please provide source account identifier': {
+    id: 'creatives.containersV2.richMedia.create.sourceIdentMissing',
+    defaultMessage: 'Please provide source account identifier',
+  },
+  'Please provide sufficient parameters to generate richmedia message payload': {
+    id: 'creatives.containersV2.richMedia.create.sufficientPayload',
+    defaultMessage: 'Please provide sufficient parameters to generate richmedia message payload',
+  },
+  'Please provide sufficient params to create richmedia wechat template': {
+    id: 'creatives.containersV2.richMedia.create.sufficientParam',
+    defaultMessage: 'Please provide sufficient params to create richmedia wechat template',
+  },
+  'Upload has failed': {
+    id: 'creatives.containersV2.richMedia.create.uploadFailed',
+    defaultMessage: 'Upload has failed',
+  },
+  'Template with the same name exists': {
+    id: 'creatives.containersV2.richMedia.create.sameTemplateExists',
+    defaultMessage: 'Template with the same name exists',
+  },
+  'Failed to get File content': {
+    id: 'creatives.containersV2.richMedia.create.fileContentFailed',
+    defaultMessage: 'Failed to get File content',
+  },
 });

package/v2Containers/WeChat/RichmediaTemplates/Create/sagas.js

@@ -25,7 +25,7 @@ export function* saveTemplate({template, callback}) {
     if (!result.success || result.status.code === 500) {
       errorMsg = result.message;
     }
-    if (callback) {
+    if (callback && !errorMsg) {
       yield call(callback, result.response);
     }
     yield put({ type: types.SAVE_TEMPLATE_SUCCESS, data: result.response, statusCode: result.status ? result.status.code : '', errorMsg});

package/v2Containers/WeChat/RichmediaTemplates/View/index.js

@@ -8,7 +8,6 @@ import PropTypes from 'prop-types';
 
 import React from 'react';
 import { connect } from 'react-redux';
-import Helmet from 'react-helmet';
 import { FormattedMessage } from 'react-intl';
 import { createStructuredSelector } from 'reselect';
 import makeSelectView from './selectors';
@@ -18,12 +17,6 @@ export class View extends React.PureComponent { // eslint-disable-line react/pre
   render() {
     return (
       <div>
-        <Helmet
-          title="View"
-          meta={[
-            { name: 'description', content: 'Description of View' },
-          ]}
-        />
         <FormattedMessage {...messages.header} />
       </div>
     );