@capillarytech/creatives-library 6.3.7 → 6.4.0

package/v2Containers/Templates/index.js

@@ -182,7 +182,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     if (this.props.location.query.type === 'embedded') {
       this.props.actions.resetAccount();
     }
-    if (this.state.channel.toLowerCase() === 'line' || this.state.channel.toLowerCase() === 'sms' || this.state.channel.toLowerCase() === 'email' || this.state.channel.toLowerCase() === 'ebill' || ((this.state.channel.toLowerCase() === 'wechat' || this.state.channel.toLowerCase() === 'mobilepush') && !isEmpty(this.props.Templates.selectedWeChatAccount))) {
+    if ((this.state.channel && (this.state.channel.toLowerCase() === 'line' || this.state.channel.toLowerCase() === 'sms' || this.state.channel.toLowerCase() === 'email' || this.state.channel.toLowerCase() === 'ebill')) || ((this.state.channel.toLowerCase() === 'wechat' || this.state.channel.toLowerCase() === 'mobilepush') && !isEmpty(this.props.Templates.selectedWeChatAccount))) {
       const queryParams = {
         // name: this.state.searchText,
         // sortBy: this.state.sortBy,
@@ -214,7 +214,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
 
     window.addEventListener("message", this.handleFrameTasks);
   }
-  componentWillReceiveProps(nextProps) {
+  componentWillReceiveProps(nextProps = {}) {
     const params = {
       name: this.state.searchText,
       sortBy: this.state.sortBy,
@@ -249,7 +249,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         }
       }
       this.setState({ channel }, () => {
-        if (this.state.channel.toLowerCase() === 'line' || this.state.channel.toLowerCase() === 'sms' || this.state.channel.toLowerCase() === 'email' || this.state.channel.toLowerCase() === 'ebill' || (this.state.channel.toLowerCase() === 'wechat' && !isEmpty(nextProps.Templates.selectedWeChatAccount))) {
+        if ((this.state.channel.toLowerCase() === 'line' || this.state.channel.toLowerCase() === 'sms' || this.state.channel.toLowerCase() === 'email' || this.state.channel.toLowerCase() === 'ebill') || (this.state.channel.toLowerCase() === 'wechat' && !isEmpty(nextProps.Templates.selectedWeChatAccount))) {
           if (this.state.channel.toLowerCase() === 'wechat' && !isEmpty(nextProps.Templates.selectedWeChatAccount)) {
             params.wecrmId = nextProps.Templates.selectedWeChatAccount.configs.wecrm_app_id;
             params.wecrmToken = nextProps.Templates.selectedWeChatAccount.configs.wecrm_token;
@@ -262,12 +262,12 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         }
       });
     }
-    if (this.state.channel.toLowerCase() === 'wechat' && nextProps.Templates.selectedWeChatAccount) {
+    if ((this.state.channel || '').toLowerCase() === 'wechat' && nextProps.Templates.selectedWeChatAccount) {
       params.wecrmId = nextProps.Templates.selectedWeChatAccount.configs.wecrm_app_id;
       params.wecrmToken = nextProps.Templates.selectedWeChatAccount.configs.wecrm_token;
       params.originalId = nextProps.Templates.selectedWeChatAccount.sourceAccountIdentifier;
     }
-    if (this.state.channel.toLowerCase() === "mobilepush" && nextProps.Templates.selectedWeChatAccount) {
+    if ((this.state.channel || '').toLowerCase() === "mobilepush" && nextProps.Templates.selectedWeChatAccount) {
       params.accountId = nextProps.Templates.selectedWeChatAccount.id;
     }
     if ((this.state.channel.toLowerCase() === 'wechat' || this.state.channel.toLowerCase() === 'mobilepush') && isEmpty(nextProps.Templates.selectedWeChatAccount) && (this.props.location.query.type === 'embedded') && !this.isEnabledInLibraryModule("showAccountSelection")) {
@@ -301,25 +301,25 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         this.getAllTemplates({params});
       }
     }
-    if (this.state.channel.toLowerCase() === "mobilepush" && nextProps.CreateMobilePush && nextProps.CreateMobilePush.response && nextProps.CreateMobilePush.response.templateId && nextProps.CreateMobilePush.response.templateId !== '') {
+    if ((this.state.channel || '').toLowerCase() === "mobilepush" && nextProps.CreateMobilePush && nextProps.CreateMobilePush.response && nextProps.CreateMobilePush.response.templateId && nextProps.CreateMobilePush.response.templateId !== '') {
 
     }
 
-    if (this.state.channel.toLowerCase() === "ebill" && nextProps.CreateEbill && nextProps.CreateEbill.createResponse && nextProps.CreateEbill.createResponse.templateId && nextProps.CreateEbill.createResponse.templateId !== '') {
+    if ((this.state.channel || '').toLowerCase() === "ebill" && nextProps.CreateEbill && nextProps.CreateEbill.createResponse && nextProps.CreateEbill.createResponse.templateId && nextProps.CreateEbill.createResponse.templateId !== '') {
       const message = `${this.state.channel} ${this.props.intl.formatMessage(messages.templateDuplicateSuccess)}`;
       CapNotification.success({key: 'duplicateSucess', message});
       this.getAllTemplates({params, resetPage: true});
       this.props.ebillActions.clearStoreValues();
     }
 
-    if (this.state.channel.toLowerCase() === "email" && nextProps.EmailCreate && nextProps.EmailCreate.duplicateResponse && nextProps.EmailCreate.duplicateResponse.templateId && nextProps.EmailCreate.duplicateResponse.templateId !== '') {
+    if ((this.state.channel || '').toLowerCase() === "email" && nextProps.EmailCreate && nextProps.EmailCreate.duplicateResponse && nextProps.EmailCreate.duplicateResponse.templateId && nextProps.EmailCreate.duplicateResponse.templateId !== '') {
       const message = `${this.state.channel} ${this.props.intl.formatMessage(messages.templateDuplicateSuccess)}`;
       CapNotification.success({key: 'duplicateSucess', message});
       this.getAllTemplates({params, resetPage: true});
       this.props.emailActions.clearStoreValues();
     }
 
-    if (this.state.channel.toLowerCase() === "line" && nextProps.Line && nextProps.Line.response && nextProps.Line.response.templateId && nextProps.Line.response.templateId !== '') {
+    if ((this.state.channel || '').toLowerCase() === "line" && nextProps.Line && nextProps.Line.response && nextProps.Line.response.templateId && nextProps.Line.response.templateId !== '') {
       const message = `${this.state.channel} ${this.props.intl.formatMessage(messages.templateDuplicateSuccess)}`;
       CapNotification.success({key: 'duplicateSuccess', message});
       this.getAllTemplates({params, resetPage: true});
@@ -329,14 +329,16 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     if (nextProps.Create && this.props.Create && nextProps.Create.createTemplateError && !isEqual(nextProps.Create.createTemplateError, this.props.Create.createTemplateError)) {
       const message = this.props.intl.formatMessage(messages.somethingWentWrong);
       CapNotification.error({key: 'somethingWrong', message});
-      if (this.state.channel.toLowerCase() === "sms") {
-        this.props.smsActions.clearCreateResponse();
-      } else if (this.state.channel.toLowerCase() === "mobilepush") {
-        this.props.mobilepushActions.clearCreateResponse();
-      } else if (this.state.channel.toLowerCase() === "ebill") {
-        this.props.ebillActions.clearCreateResponse();
-      } else if (this.state.channel.toLowerCase() === "line") {
-        this.props.lineActions.clearCreateResponse();
+      if ( this.state.channel) {
+        if (this.state.channel.toLowerCase() === "sms") {
+          this.props.smsActions.clearCreateResponse();
+        } else if (this.state.channel.toLowerCase() === "mobilepush") {
+          this.props.mobilepushActions.clearCreateResponse();
+        } else if (this.state.channel.toLowerCase() === "ebill") {
+          this.props.ebillActions.clearCreateResponse();
+        } else if (this.state.channel.toLowerCase() === "line") {
+          this.props.lineActions.clearCreateResponse();
+        }
       }
     }
 
@@ -360,7 +362,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         return;
       }
       this.setState({routeParams: {
-        pathname: `/${nextProps.route.name.toLowerCase()}/create`,
+        pathname: `/${(nextProps.route.name || '').toLowerCase()}/create`,
         query: type === 'embedded' ? {type: 'embedded', module, isLanguageSupport, isEdmSupport} : {module},
       }});
     }
@@ -618,7 +620,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           if (url) {
             templateData.url = url;
           } else {
-            templateData.content = template.versions.base.subject;
+            templateData.content = template.versions.base && template.versions.base.subject;
           }
           break;
         }
@@ -738,10 +740,10 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     this.setState({loading: true, routeParams});
   }
 
-  handleMenuAction = (item) => {
-    if (item.key.toLowerCase() === 'uploadfile') {
+  handleMenuAction = (item = {}) => {
+    if ((item.key || '').toLowerCase() === 'uploadfile') {
       document.getElementById('filename').click();
-    } else if (item.key.toLowerCase() === 'useeditor') {
+    } else if ((item.key || '').toLowerCase() === 'useeditor') {
       this.toggleEdmEmailTemplateSelection();
     }
   };
@@ -795,7 +797,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           return;
         }
         this.setState({routeParams: {
-          pathname: `/${this.props.route.name.toLowerCase()}/create`,
+          pathname: `/${(this.props.route.name || '').toLowerCase()}/create`,
           query: type === 'embedded' ? {type: 'embedded', module, isLanguageSupport, isEdmSupport} : {module},
         }});
       };
@@ -1063,7 +1065,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       this.getAllTemplates({params, resetPage: true});
     });
   }
-  handleType = (data) => {
+  handleType = (data = '') => {
     this.setState({mode: data}, () => {
       const params = {
         name: this.state.searchText,
@@ -1746,7 +1748,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     // const isfilterContentVisisble = !isEmpty(this.props.TemplatesList) || !isEmpty(this.state.searchText) || !isEmpty(this.props.Templates.templateError);
     const isfilterContentVisisble = true;
     const isWechatEmbedded = !this.props.isFullMode && channel.toUpperCase() === WECHAT;
-    const channelLowerCase = channel.toLowerCase();
+    const channelLowerCase = (channel || '').toLowerCase();
     const filterContent = (( isfilterContentVisisble || [WECHAT, MOBILE_PUSH].includes(this.state.channel.toUpperCase())) && <div className="action-container">
       {isfilterContentVisisble && <CapInput.Search
         className="search-text"

package/v2Containers/WeChat/MapTemplates/index.js

@@ -884,7 +884,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
       const query = {
         layout: 'WECHAT',
         type: 'TAG',
-        context: data.toLowerCase() === 'all' ? 'default' : data.toLowerCase(),
+        context: (data || '').toLowerCase() === 'all' ? 'default' : (data || '').toLowerCase(),
         embedded: this.props.location.query.type === 'embedded' ? this.props.location.query.type : 'full',
       };
       this.props.globalActions.fetchSchemaForEntity(query);

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

@@ -776,7 +776,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     let isRepeated = false;
     forEach(templateData, (content) => {
       const setSizeBefore = titleSet.size;
-      titleSet.add(content.formData['title-value'].toLowerCase());
+      titleSet.add((content.formData['title-value'] || '').toLowerCase());
       const setSizeAfter = titleSet.size;
       if (setSizeAfter === setSizeBefore) {
         isRepeated = true;
@@ -973,7 +973,9 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   updateContentData = () => {
-    this.state.editorInstanse.insertHtml(`<img src='${this.props.ContentImageData.metaInfo.wechatUrl}' alt='Capillary Image'>`);
+    if (this.state.editorInstanse) {
+      this.state.editorInstanse.insertHtml(`<img src='${this.props.ContentImageData.metaInfo.wechatUrl}' alt='Capillary Image'>`);
+    }
     this.props.actions.clearContentImageStore();
     this.setState({loading: false});
   }

package/v2Containers/WeChat/Wrapper/index.js

@@ -123,7 +123,7 @@ export class Wrapper extends React.Component { // eslint-disable-line react/pref
     }
   }
   getPreviewContent() {
-    const { templateType, templateData } = this.props;
+    const { templateType, templateData = {} } = this.props;
     switch (templateType) {
       case RICH_MEDIA:
         return (<WechatRichmediaTemplatePreview
@@ -135,7 +135,7 @@ export class Wrapper extends React.Component { // eslint-disable-line react/pref
       case MAP_TEMPLATE:
       default:
         return (<TemplatePreview
-          channel={templateData.type.toLowerCase()}
+          channel={(templateData.type || '').toLowerCase()}
           content={templateData.content}
       />);
     }