@capillarytech/creatives-library 6.3.7 → 6.4.1

package/containers/Templates/index.js

@@ -316,7 +316,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         return;
       }
       this.props.router.push({
-        pathname: `/${nextProps.route.name.toLowerCase()}/create`,
+        pathname: `/${(nextProps.route.name || '').toLowerCase()}/create`,
         query: type === 'embedded' ? {type: 'embedded', module, isLanguageSupport, isEdmSupport} : {module},
       });
     }
@@ -498,12 +498,12 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     this.setState({loading: true});
   }
 
-  handleMenuAction = (item, key) => {
+  handleMenuAction = (item = {}, key) => {
     console.log('Menu Clicked ', item.key, key);
-    if (item.key.toLowerCase() === 'uploadfile') {
+    if ((item.key || '').toLowerCase() === 'uploadfile') {
       document.getElementById('filename').click();
       console.log('Upload File');
-    } else if (item.key.toLowerCase() === 'useeditor') {
+    } else if ((item.key || '').toLowerCase() === 'useeditor') {
       console.log('Use Editor');
       this.toggleEdmEmailTemplateSelection();
     }
@@ -827,7 +827,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,
@@ -1076,14 +1076,14 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         </div>,
       });
     }*/
-    data.map( (template) => {
+    data.map( (template = {}) => {
       // console.log("Templates ", template._id, " Data ", template);
       const temp = {};
       // console.log('template ', template);
       const updateDateTime = (moment().format('DD-MM-YYYY') === moment(template.updatedAt).format('DD-MM-YYYY')) ? moment(template.updatedAt).format('hh:mma') : moment(template.updatedAt).format('DD MMM YYYY');
       let content = '';
       temp.id = template._id;
-      if (this.state.channel === 'wechat' && template.type.toLowerCase() === 'wechat') {
+      if (this.state.channel === 'wechat' && (template.type || '').toLowerCase() === 'wechat') {
         let path = '';
         if (template && template.versions && template.versions.base && !_.isEmpty(template.versions.base)) {
           if (template.definition && template.definition.msgcontent && template.definition.msgcontent === "RICH_MEDIA_WECHAT") {
@@ -1131,7 +1131,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
             {template._id === this.state.hoveredItem ? <CapButton onClick={(e) => this.handleEditClick(e, template._id)} className="edit-button" type="secondary">{type === 'embedded' ? this.props.intl.formatMessage(messages.selectButton) : this.props.intl.formatMessage(messages.editButton)}</CapButton> : ''}
             {template._id === this.state.hoveredItem ? <CapButton onClick={() => this.handlePreviewClick(template)} className="preview-button" type="cancel">{this.props.intl.formatMessage(messages.previewButton)}</CapButton> : ''}
           </div>);
-      } else if (this.state.channel.toLowerCase() === 'line' && template.type.toLowerCase() === 'line') {
+      } else if (this.state.channel.toLowerCase() === 'line' && template.type && template.type.toLowerCase() === 'line') {
         //content = template.versions.base.messages[0].Text;
         content = {
           bodyText: template.versions.base.content.messages[0].text ? template.versions.base.content.messages[0].text : '',

package/containers/WeChat/MapTemplates/index.js

@@ -985,7 +985,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/containers/WeChat/RichmediaTemplates/Create/index.js

@@ -796,9 +796,9 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     const templateData = _.cloneDeep(this.state.templateData);
     const titleSet = new Set();
     let isRepeated = false;
-    _.forEach(templateData, (content) => {
+    _.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;
@@ -896,7 +896,9 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     return true;
   }
   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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "6.3.7",
+  "version": "6.4.1",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -13,7 +13,9 @@
   "license": "LicenseRef-LICENSE",
   "dependencies": {
     "@babel/polyfill": "7.4.3",
-    "@capillarytech/cap-ui-utils": "1.2.4",
+    "@bugsnag/js": "^7.2.1",
+    "@bugsnag/plugin-react": "^7.2.1",
+    "@capillarytech/cap-ui-utils": "1.2.6",
     "babel-cli": "^6.26.0",
     "chalk": "1.1.3",
     "jquery": "^3.3.1",
@@ -28,6 +30,7 @@
     "redux-immutable": "3.0.8",
     "reselect": "2.5.4",
     "styled-components": "^3.2.1",
-    "whatwg-fetch": "2.0.1"
+    "whatwg-fetch": "2.0.1",
+    "webpack-bugsnag-plugins": "^1.4.3"
   }
 }

package/utils/Formatter.js

@@ -8,7 +8,7 @@ export function formatUnderscoreToSpaces(str) {
   return str.split('_').join(' ');
 }
 
-export function capitalizeString(str) {
+export function capitalizeString(str = '') {
   const newStr = [];
   const words = str.toLowerCase().split(' ');
   _.forEach(words, (value) => {

package/v2Components/CapTagList/index.js

@@ -49,16 +49,16 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
     this.handleOnExpand(info.node.props.eventKey);
   };
 
-  getSearchedExpandedKeys(tags, value) {
+  getSearchedExpandedKeys(tags, value = '') {
     let list = [];
-    _.forEach(tags, (val, key) => {
+    _.forEach(tags, (val = {}, key) => {
       if (_.has(val, 'subtags')) {
-        if (val.name.toLowerCase().indexOf(value.toLowerCase()) !== -1) {
+        if ((val.name || '').toLowerCase().indexOf(value.toLowerCase()) !== -1) {
           list.push(key);
         }
         const temp = this.getSearchedExpandedKeys(val.subtags, value);
         list = list.concat(temp);
-      } else if (val.name.toLowerCase().indexOf(value.toLowerCase()) !== -1) {
+      } else if ((val.name || '').toLowerCase().indexOf(value.toLowerCase()) !== -1) {
         list.push(key);
       }
     });
@@ -131,9 +131,9 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
     this.setState({showModal: true, visible: false});
   };
 
-  renderTags(tags, searchString) {
+  renderTags(tags, searchString = '') {
     const list = [];
-    _.forEach(tags, (val, key) => {
+    _.forEach(tags, (val = '', key) => {
       let supportedTagsString = '';
       _.forEach(val.supportedTags, (supportedTag) => {
         supportedTagsString += `${supportedTag} ,`;
@@ -147,7 +147,7 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
             {temp}
           </CapTreeNode>
         ));
-      } else if (searchString === '' || !searchString || val.name.toLowerCase().indexOf(searchString.toLowerCase()) !== -1) {
+      } else if (searchString === '' || !searchString || ((val.name || '').toLowerCase().indexOf(searchString.toLowerCase()) !== -1)) {
         const tempNode = (<CapTreeNode title={val.desc || val.name} tag={val} isLeaf key={val.couponSeriesId ? `${key}(${val.couponSeriesId})` : `${key}`}></CapTreeNode>);
         list.push(tempNode);
       }

package/v2Components/EmailPreview/index.js

@@ -43,7 +43,7 @@ const StyledCapIcon = styled(CapIcon)`
 class EmailPreview extends React.Component { // eslint-disable-line react/prefer-stateless-function
   render() {
     const { device, content, versions = {} } = this.props;
-    const emailSubject = get(versions, 'base.subject');
+    const emailSubject = get(versions, 'base.subject', '');
     let messageContainerName = '';
     let subjectClassName = 'email-subject-desktop';
     if (device === 'tablet') {

package/v2Components/FormBuilder/index.js

@@ -2099,7 +2099,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
       const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
       const module = this.props.location.query.module ? this.props.location.query.module : 'default';
       this.props.router.push({
-        pathname: `/${this.props.schema.channel.toLowerCase()}/`,
+        pathname: `/${(this.props.schema.channel || '').toLowerCase()}/`,
         query: type === 'embedded' ? {type: 'embedded', module, isLanguageSupport, isEdmSupport} : {module, isLanguageSupport, isEdmSupport},
       });
     } else if (id === "email-language-delete-modal") {
@@ -2156,7 +2156,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
       const fileParams = {
         width: this.width || img.width,
         height: this.height || img.height,
-        error: file.size / (1e+6) > 3,
+        error: file && (file.size / (1e+6) > 3),
       };
       this.callChildEvent({file, type: 'image', fileParams}, val, val.submitAction);
     };
@@ -2204,7 +2204,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
       //
       const temp = {};
       temp.id = template._id;
-      if (this.props.schema.channel.toLowerCase() === 'email') {
+      if ((this.props.schema.channel || '').toLowerCase() === 'email') {
         //
         const imgSrc = template && template.versions && template.versions.base ? template.versions.base.preview_http_url : '';
         // const ifPreviewGenerated = template && template.versions && template.versions.base ? template.versions.base.isPreviewGenerated : 0;
@@ -3149,7 +3149,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
           }
             break;
           case "ckeditor": {
-            if (this.props.schema && this.props.schema.channel && this.props.schema.channel.toLowerCase() === 'wechat' ) {
+            if (this.props.schema && (this.props.schema.channel || '').toLowerCase() === 'wechat' ) {
               const content = !_.isEmpty(this.state.formData) && this.state.formData['content-value'] ? this.state.formData['content-value'] : '';
               columns.push(
                 <CKEditor

package/v2Components/NavigationBar/index.js

@@ -89,11 +89,11 @@ class NavigationBar extends React.Component {
     const { currentOrgDetails } = this.props.userData;
     const productsList = [];
     if (!isEmpty(currentOrgDetails)) {
-      forEach(currentOrgDetails.module_details, (module) => {
-        if (module.name.toLowerCase() !== PRODUCT_MASTERS) {
+      forEach(currentOrgDetails.module_details, (module = {}) => {
+        if ((module.name || '').toLowerCase() !== PRODUCT_MASTERS) {
           const productName = module.code;
           const intlProductName = messages[productName];
-          const moduleName = intlProductName ? formatMessage(intlProductName) : module.name.toLowerCase();
+          const moduleName = intlProductName ? formatMessage(intlProductName) : (module.name || '').toLowerCase();
           productsList.push({
             value: moduleName,
             url: module.url,

package/v2Components/PreviewSideBar/index.js

@@ -49,10 +49,10 @@ class PreviewSideBar extends React.Component { // eslint-disable-line react/pref
   render() {
     console.log('preview sidebar', this.props);
     let content = '';
-    if (this.props.channel.toLowerCase() === 'wechat') {
+    if ((this.props.channel || '').toLowerCase() === 'wechat') {
       console.log('Template Infog ', this.props.templateData);
       content = this.props.templateData.content;
-    } else if (this.props.channel.toLowerCase() === "mobilepush" && !_.isEmpty(this.props.templateData)) {
+    } else if ((this.props.channel || '').toLowerCase() === "mobilepush" && !_.isEmpty(this.props.templateData)) {
       const data = this.state.device === "android" ? this.props.templateData.versions.base.ANDROID : this.props.templateData.versions.base.IOS;
       content = {
         header: data.title,
@@ -68,7 +68,7 @@ class PreviewSideBar extends React.Component { // eslint-disable-line react/pref
           content.actions = [{label: data.expandableDetails.ctas[0].actionLabel}, {label: data.expandableDetails.ctas[0].actionLabel2}];
         }
       }
-    } else if (this.props.channel.toLowerCase() === "line") {
+    } else if ((this.props.channel || '').toLowerCase() === "line") {
       const isMsgReady = (this.props.templateData && this.props.templateData.versions && this.props.templateData.versions.base);
       if (isMsgReady) {
         content = {
@@ -85,7 +85,7 @@ class PreviewSideBar extends React.Component { // eslint-disable-line react/pref
       }
     }
     let path = '';
-    if (this.props.channel.toLowerCase() === 'wechat') {
+    if ((this.props.channel || '').toLowerCase() === 'wechat') {
       path = this.props.templateData && this.props.templateData.definition && this.props.templateData.definition.msgcontent === "RICH_MEDIA_WECHAT" ? `/wechat/richmedia/edit/${this.props.templateData._id}` : `/wechat/edit/${this.props.templateData._id}`;
     }
     console.log('final content is', content);
@@ -101,7 +101,7 @@ class PreviewSideBar extends React.Component { // eslint-disable-line react/pref
                 <CapButton type={this.state.device === "iphone" ? "primary" : "secondary"} value={"iphone"}>IOS</CapButton>
               </ButtonGroup>}
             </div>
-            {this.props.channel.toLowerCase() === "mobilepush" ?
+            {(this.props.channel || '').toLowerCase() === "mobilepush" ?
               <TemplatePreview
                 device={this.state.device === "android" ? "android" : "iphone"}
                 channel={this.props.channel}
@@ -114,15 +114,15 @@ class PreviewSideBar extends React.Component { // eslint-disable-line react/pref
                 content={content || ''}
                 channel={this.props.channel}
                 location={this.props.location}
-                charCounterEnabled={this.props.channel.toLowerCase() === 'sms'}
-                unicodeEnabled={this.props.channel.toLowerCase() === 'sms'}
+                charCounterEnabled={(this.props.channel || '').toLowerCase() === 'sms'}
+                unicodeEnabled={(this.props.channel || '').toLowerCase() === 'sms'}
                 templateData={this.props.templateData}
               >
               </TemplatePreview>
             }
             <hr className="seperator-line" />
             <div className="preview-action-container" style={{margin: '16px'}}>
-              {this.props.channel.toLowerCase() === 'sms' && !this.props.embedded && <CapButton onClick={() => this.goToDuplicate()}className="preview-buttons" style={{marginRight: '8px'}} type="secondary"><FormattedMessage {...messages.duplicate} /></CapButton>}
+              {(this.props.channel || '').toLowerCase() === 'sms' && !this.props.embedded && <CapButton onClick={() => this.goToDuplicate()}className="preview-buttons" style={{marginRight: '8px'}} type="secondary"><FormattedMessage {...messages.duplicate} /></CapButton>}
               <CapButton onClick={(e) => this.goToEdit(e, path)} className="preview-buttons" type="primary">{this.props.location.query.type === 'embedded' ? <FormattedMessage {...messages.select} /> : <FormattedMessage {...messages.edit} />}</CapButton>
             </div>
           </div>

package/v2Components/TemplatePreview/index.js

@@ -137,7 +137,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
     }
     const type = this.props.location && this.props.location.query.type ? this.props.location.query.type : '';
     let iosActions = [];
-    if (channel.toLowerCase() === "mobilepush") {
+    if ((channel || '').toLowerCase() === "mobilepush") {
       iosActions = _.map(content.actions, (action) => {
         if (action.label) {
           return (<div className="actions" key={`action-${action.label}`}>
@@ -212,7 +212,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                 </div>
                 {!this.props.showCount && <div>
                   <CapColumn className="character-count-col" span={22}>
-                    {channel && channel.toLowerCase() === 'sms' && <CapHeading type="h3">
+                    {(channel || '').toLowerCase() === 'sms' && <CapHeading type="h3">
                       <FormattedMessage {...messages.charactersTotal} values={{smsCount: smsDetails.parts, charCount: smsDetails.chars_used}}/>
                       {smsDetails.unicode &&
                         <FormattedMessage {...messages.smsFormatType}/>
@@ -227,7 +227,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
             }
             {channel && channel.toLowerCase() === 'wechat' ?
             ( <div className="shell-v2 align-center" id="sms-preview">
-              <CapImage className="preview-image" src={channel.toLowerCase() === 'wechat' ? wechatBodyNew : smsMobileAndroid} alt="Preview is being generated"/>
+              <CapImage className="preview-image" src={(channel || '').toLowerCase() === 'wechat' ? wechatBodyNew : smsMobileAndroid} alt="Preview is being generated"/>
               <div className="msgContainer wechat">
                 <div className="message-pop align-left" style={{ background: `${this.props.channel.toLowerCase() === 'wechat' ? '#ffffff' : '#3F51B5'}`, color: `${this.props.channel.toLowerCase() === 'wechat' ? '#333333' : '#ffffff'}`}}>{content}
                 </div>

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -82,7 +82,7 @@ function SlideBoxContent(props) {
       isGetFormData,
       getFormData,
       onCreateComplete,
-      messageDetails,
+      messageDetails = {},
       onCreateNew,
       currentChannel,
       onChannelChange,
@@ -116,14 +116,14 @@ function SlideBoxContent(props) {
       saveMessage,
       selectedAccount,
     } = props;
-  const type = messageDetails.type.toLowerCase(); // type is context in get tags values : outbound | dvs | referral | loyalty | coupons
+  const type = (messageDetails.type || '').toLowerCase(); // type is context in get tags values : outbound | dvs | referral | loyalty | coupons
   const query = { type: !isFullMode && 'embedded', module: isFullMode ? 'default' : 'library', isEditFromCampaigns: (templateData || {}).isEditFromCampaigns};
   const creativesLocationProps = {
     pathname: `/sms/edit`,
     query,
     search: '',
   };
-  let channel = currentChannel;//for create mode
+  let channel = currentChannel || '';//for create mode
   const {
     isCreate: isCreateLine = false,
     isEdit: isEditLine = false,
@@ -193,7 +193,7 @@ function SlideBoxContent(props) {
         handlePeviewTemplate={onPreviewTemplate}
         location={location}
         createNew={onCreateNew}
-        channel={channel.toLowerCase()}
+        channel={(channel || '').toLowerCase()}
         onChannelChange={onChannelChange}
         onCallTaskSubmit={onCallTaskSubmit}
         cap={cap}
@@ -208,7 +208,7 @@ function SlideBoxContent(props) {
       <TemplatePreview
         content={getChannelPreviewContent(templateData)}
         unicodeEnabled={get(templateData, `versions.base['unicode-validity']`)}
-        channel={templateData.type.toLowerCase()}
+        channel={(templateData.type || '').toLowerCase()}
         charCounterEnabled={channel === constants.SMS}
         templateData={templateData}
         showCount

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -9,7 +9,7 @@ import { MAP_TEMPLATE } from '../WeChat/Wrapper/constants';
 const PrefixWrapper = styled.div`
   margin-right: 16px;
 `;
-function getChannelLabel(channel) {
+function getChannelLabel(channel = '') {
   const labels = {
     sms: 'SMS',
     email: 'Email',

package/v2Containers/CreativesContainer/index.js

@@ -174,16 +174,16 @@ class Creatives extends React.Component {
         }
         case constants.CALL_TASK: {
           creativesTemplateData = {
-            subject: templateData.subject,
-            messageBody: templateData.messageBody,
-            description: templateData.description,
+            subject: templateData && templateData.subject,
+            messageBody: templateData && templateData.messageBody,
+            description: templateData && templateData.description,
             edit: true,
             type: channel,
           };
           break;
         }
         case constants.MOBILE_PUSH: {
-          const mode = get(templateData, 'androidContent.type') || get(templateData, 'iosContent.type');
+          const mode = get(templateData, 'androidContent.type') || get(templateData, 'iosContent.type') || '';
           creativesTemplateData = {
             type: channel,
             name: templateData.messageSubject,
@@ -262,7 +262,7 @@ class Creatives extends React.Component {
       case constants.EMAIL:
         if (template.value.base) {
           const emailBase = template.value.base;
-          templateData = {...templateData, ...emailBase, emailBody: emailBase.html_content, emailSubject: emailBase.subject};
+          templateData = {...templateData, ...emailBase, emailBody: emailBase.html_content, emailSubject: (emailBase && emailBase.subject) ? emailBase.subject : ''};
           delete templateData.html_content;
           delete templateData.subject;
         }

package/v2Containers/Ebill/index.js

@@ -663,7 +663,7 @@ export class Ebill extends React.Component { // eslint-disable-line react/prefer
       const msgString = JSON.stringify(msg);
       const win = document.getElementById(`edmeditor${this.state.currentTab > 1 ? this.state.currentTab : ''}`).contentWindow;
       win.postMessage(msgString, '*');
-    } else {
+    } else if (this.state.editorInstanse) {
       this.state.editorInstanse.insertHtml(`{{${data}}}`);
     }
   };
@@ -825,7 +825,7 @@ export class Ebill extends React.Component { // eslint-disable-line react/prefer
     const query = {
       layout: 'EBILL',
       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/Email/index.js

@@ -481,7 +481,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
             }), "*");
           }
           this.edmEvent = undefined;
-        } else {
+        } else if (this.state.editorInstanse) {
           this.state.editorInstanse.insertHtml(`<img src='${nextProps.Email.uploadedAssetData.metaInfo.secure_file_path}' alt='Capillary Image'>`);
           //this.resetCkEditorInstance(this.state.currentTab, this.state.formData, true, nextProps.Email.uploadedAssetData, true);
         }
@@ -606,10 +606,10 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       const langIndex = formData[this.state.currentTab - 1].selectedLanguages.indexOf(langId);
       const win = document.getElementById(`edmeditor${(langIndex + 1) > 1 ? (langIndex + 1) : ''}`).contentWindow;
       win.postMessage(msgString, '*');
-    } else if (data === "unsubscribe") {
+    } else if (data === "unsubscribe" && this.state.editorInstanse) {
       const anchor = `<a href='{{${data}}}'>${data}</a>`;
       this.state.editorInstanse.insertHtml(`${anchor}`);
-    } else {
+    } else if (this.state.editorInstanse) {
       this.state.editorInstanse.insertHtml(`{{${data}}}`);
     }
       //this.resetCkEditorInstance(currentTab, formData, true, data);
@@ -1079,10 +1079,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
     instance1 = instance;
     this.setState({editorInstanse: instance1}, () => {
-      if (onInsert && !isImage) {
-        this.state.editorInstanse.insertHtml(`{{${value}}}`);
-      } else if (onInsert) {
-        this.state.editorInstanse.insertHtml(`<img src='${value.metaInfo.secure_file_path}' alt='Capillary Image'>`);
+      if (this.state.editorInstanse) {
+        if (onInsert && !isImage) {
+          this.state.editorInstanse.insertHtml(`{{${value}}}`);
+        } else if (onInsert) {
+          this.state.editorInstanse.insertHtml(`<img src='${value.metaInfo.secure_file_path}' alt='Capillary Image'>`);
+        }
       }
     });
   }
@@ -1147,7 +1149,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     e.preventDefault();
     const _URL = window.URL || window.webkitURL;
     const file = files[0];
-    const fileSize = (file.size / ( 1024 * 1024 ));
+    const fileSize = file && (file.size / ( 1024 * 1024 ));
     if (fileSize > 5) {
       const message = this.props.intl.formatMessage(messages.uploadSizeError);
       CapNotification.error({key: 'uploadImageIssue', message});
@@ -1514,7 +1516,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
             }), "*");
           }
           this.edmEvent = undefined;
-        } else {
+        } else if (this.state.editorInstanse) {
           this.state.editorInstanse.insertHtml(`<img src='${data.metaInfo.secure_file_path}' alt='Capillary Image'>`);
           //this.resetCkEditorInstance(this.state.currentTab, this.state.formData, true, data, true);
         }
@@ -1862,7 +1864,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   selectAsset = (asset) => {
-    this.state.editorInstanse.insertHtml(`<img src='${asset}' alt='Capillary Image'>`);
+    if (this.state.editorInstanse) {
+      this.state.editorInstanse.insertHtml(`<img src='${asset}' alt='Capillary Image'>`);
+    }
   }
 
   prepareImageData() {
@@ -1898,9 +1902,10 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
             <div className="more-icon-wrapper">
               <Popover
                 placement="leftTop"
-                content={<div style={{ cursor: 'pointer'}}><p onClick={() => this.deleteAsset(asset)}>
-                  <FormattedMessage {...messages.delete} />
-                </p></div>} trigger="click">
+                content={<div style={{ cursor: 'pointer'}}>
+                  <p>
+                    <FormattedMessage {...messages.delete} />
+                  </p></div>} trigger="click">
                 <i className="material-icons creative-icons">more_vert</i>
               </Popover>
             </div>
@@ -1998,7 +2003,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     const query = {
       layout: 'EMAIL',
       type: 'TAG',
-      context: data.toLowerCase() === 'all' ? 'default' : data.toLowerCase(),
+      context: (data || '').toLowerCase() === 'all' ? 'default' : (data || '').toLowerCase(),
       embedded: 'full',
     };
     this.props.globalActions.fetchSchemaForEntity(query);

package/v2Containers/Email/sagas.js

@@ -7,7 +7,7 @@ export function* createTemplate(template) {
   let errorMsg;
   try {
     const result = yield call(Api.createEmailTemplate, template);
-    if (result.message || result.status.code === 500) {
+    if (!result.success || result.status.code === 500) {
       errorMsg = result.message;
       yield put({ type: types.CREATE_TEMPLATE_FAILURE, errorMsg });
     } else {

package/v2Containers/EmailWrapper/index.js

@@ -118,7 +118,7 @@ export class EmailWrapper extends React.Component { // eslint-disable-line react
       label: 'uploadZip',
     });
   }
-  handleFileUpload = (file) => {
+  handleFileUpload = (file = {}) => {
     const { templatesActions, intl, showNextStep, isUploading } = this.props;
     if (!isUploading) {
       const fileExtension = file.name.split('.').pop();

package/v2Containers/Line/Create/index.js

@@ -881,7 +881,7 @@ export class Line extends Component {
       layout: 'LINE',
       type: 'TAG',
       context:
-        data.toLowerCase() === 'all' ? 'default' : data.toLowerCase(),
+        (data || '').toLowerCase() === 'all' ? 'default' : (data || '').toLowerCase(),
       embedded:
         this.props.location.query.type === 'embedded'
           ? this.props.location.query.type

package/v2Containers/Line/Edit/index.js

@@ -431,8 +431,8 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       if (secondaryCta1) {
         const cta = {
           actionText: android['secondary-cta-0-label'],
-          type: android['cta-deeplink-secondary-cta-0'].toLowerCase() === "deeplink" ? "DEEP_LINK" : "EXTERNAL_URL",
-          actionLink: android['cta-deeplink-secondary-cta-0'].toLowerCase() === "deeplink" ? android['cta-deeplink-secondary-cta-0-select'] : android['cta-deeplink-secondary-cta-0-text'],
+          type: (android['cta-deeplink-secondary-cta-0'] || '').toLowerCase() === "deeplink" ? "DEEP_LINK" : "EXTERNAL_URL",
+          actionLink: (android['cta-deeplink-secondary-cta-0'] || '').toLowerCase() === "deeplink" ? android['cta-deeplink-secondary-cta-0-select'] : android['cta-deeplink-secondary-cta-0-text'],
           seccdeepLinkName: this.getLinkName(android['cta-deeplink-secondary-cta-0-select']),
         };
         if (this.props.location.query.type === 'embedded') {
@@ -456,8 +456,8 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       if (secondaryCta2) {
         obj.versions.base.ANDROID.expandableDetails.ctas.push({
           actionText: android['secondary-cta-1-label'],
-          type: android['cta-deeplink-secondary-cta-1'].toLowerCase() === "deeplink" ? "DEEP_LINK" : "EXTERNAL_URL",
-          actionLink: android['cta-deeplink-secondary-cta-1'].toLowerCase() === "deeplink" ? android['cta-deeplink-secondary-cta-1-select'] : android['cta-deeplink-secondary-cta-1-text'],
+          type: (android['cta-deeplink-secondary-cta-1'] || '').toLowerCase() === "deeplink" ? "DEEP_LINK" : "EXTERNAL_URL",
+          actionLink: (android['cta-deeplink-secondary-cta-1'] || '').toLowerCase() === "deeplink" ? android['cta-deeplink-secondary-cta-1-select'] : android['cta-deeplink-secondary-cta-1-text'],
           seccdeepLinkName: this.getLinkName(android['cta-deeplink-secondary-cta-1-select']),
         });
         if (obj.versions.base.ANDROID.expandableDetails.ctas[obj.versions.base.ANDROID.expandableDetails.ctas.length - 1].type === "DEEP_LINK") {
@@ -947,7 +947,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     const query = {
       layout: 'line',
       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/MobilePush/Create/index.js

@@ -467,8 +467,8 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         if (secondaryCta1) {
           const cta = {
             actionText: android['secondary-cta-0-label'],
-            type: android['cta-deeplink-secondary-cta-0'].toLowerCase() === "deeplink" ? "DEEP_LINK" : "EXTERNAL_URL",
-            actionLink: android['cta-deeplink-secondary-cta-0'].toLowerCase() === "deeplink" ? android['cta-deeplink-secondary-cta-0-select'] : android['cta-deeplink-secondary-cta-0-text'],
+            type: (android['cta-deeplink-secondary-cta-0'] || '').toLowerCase() === "deeplink" ? "DEEP_LINK" : "EXTERNAL_URL",
+            actionLink: (android['cta-deeplink-secondary-cta-0'] || '').toLowerCase() === "deeplink" ? android['cta-deeplink-secondary-cta-0-select'] : android['cta-deeplink-secondary-cta-0-text'],
             seccdeepLinkName: this.getLinkName(android['cta-deeplink-secondary-cta-0-select']),
           };
           if (this.props.location.query.type === 'embedded') {
@@ -492,8 +492,8 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         if (secondaryCta2) {
           const cta = {
             actionText: android['secondary-cta-1-label'],
-            type: android['cta-deeplink-secondary-cta-1'].toLowerCase() === "deeplink" ? "DEEP_LINK" : "EXTERNAL_URL",
-            actionLink: android['cta-deeplink-secondary-cta-1'].toLowerCase() === "deeplink" ? android['cta-deeplink-secondary-cta-1-select'] : android['cta-deeplink-secondary-cta-1-text'],
+            type: (android['cta-deeplink-secondary-cta-1'] || '').toLowerCase() === "deeplink" ? "DEEP_LINK" : "EXTERNAL_URL",
+            actionLink: (android['cta-deeplink-secondary-cta-1'] || '').toLowerCase() === "deeplink" ? android['cta-deeplink-secondary-cta-1-select'] : android['cta-deeplink-secondary-cta-1-text'],
             seccdeepLinkName: this.getLinkName(android['cta-deeplink-secondary-cta-1-select']),
           };
           if (this.props.location.query.type === 'embedded') {
@@ -1662,7 +1662,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     const query = {
       layout: 'mobilepush',
       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);