@capillarytech/creatives-library 6.3.7 → 6.4.0

package/components/CapTagList/index.js

@@ -50,16 +50,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) => {
       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);
       }
     });
@@ -135,7 +135,7 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
     this.setState({showModal: true, visible: false});
   };
 
-  renderTags(tags, searchString) {
+  renderTags(tags, searchString = '') {
     console.log('final tags list', tags);
     const list = [];
     _.forEach(tags, (val, key) => {
@@ -152,7 +152,7 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
             {temp}
           </TreeNode>
         ));
-      } else if (searchString === '' || !searchString || val.name.toLowerCase().indexOf(searchString.toLowerCase()) !== -1) {
+      } else if (searchString === '' || !searchString || ((val.name || '').toLowerCase().indexOf(searchString.toLowerCase()) !== -1)) {
         const tempNode = (<TreeNode title={val.name} isLeaf key={key}></TreeNode>);
         list.push(tempNode);
       }

package/components/EmailPreview/index.js

@@ -57,9 +57,9 @@ class EmailPreview extends React.Component { // eslint-disable-line react/prefer
             <div id="emailPreivew-content">
               {/* {this.props.content} */}
               <div className="device-wrapper">
-                <div onClick={() => this.props.changePreviewDevice("desktop")} className={(this.props.device.toLowerCase() === "desktop") ? "device-name active" : "device-name"}><FormattedMessage {...messages.desktop} /></div>
-                <div onClick={() => this.props.changePreviewDevice("tablet")} className={(this.props.device.toLowerCase() === "tablet") ? "device-name active" : "device-name"}><FormattedMessage {...messages.tablet} /></div>
-                <div onClick={() => this.props.changePreviewDevice("mobile")} className={(this.props.device.toLowerCase() === "mobile") ? "device-name active" : "device-name"}><FormattedMessage {...messages.mobile} /></div>
+                <div onClick={() => this.props.changePreviewDevice("desktop")} className={((this.props.device || '').toLowerCase() === "desktop") ? "device-name active" : "device-name"}><FormattedMessage {...messages.desktop} /></div>
+                <div onClick={() => this.props.changePreviewDevice("tablet")} className={((this.props.device || '').toLowerCase() === "tablet") ? "device-name active" : "device-name"}><FormattedMessage {...messages.tablet} /></div>
+                <div onClick={() => this.props.changePreviewDevice("mobile")} className={((this.props.device || '').toLowerCase() === "mobile") ? "device-name active" : "device-name"}><FormattedMessage {...messages.mobile} /></div>
               </div>
               <div className="email-preview-container">
                 <div className={this.props.device === 'desktop' ? '' : "shell align-center"}>

package/components/FormBuilder/index.js

@@ -1996,7 +1996,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") {
@@ -2093,7 +2093,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 content = <img src={imgSrc || ''} alt="" />;

package/components/PreviewSideBar/index.js

@@ -51,10 +51,10 @@ class PreviewSideBar extends React.Component { // eslint-disable-line react/pref
     console.log('preview sidebar', this.props);
     // const modeTypeLine = this.props.templateData.modeType; // expected: (text or image)
     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,
@@ -70,7 +70,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 = {
@@ -87,7 +87,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);
@@ -103,7 +103,7 @@ class PreviewSideBar extends React.Component { // eslint-disable-line react/pref
                 <CapButton type={this.state.device === "iphone" ? "primary" : "secondary"} value={"iphone"}><FormattedMessage {...messages.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}
@@ -115,8 +115,8 @@ 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'}
               >
               </TemplatePreview>
             }
@@ -124,7 +124,7 @@ class PreviewSideBar extends React.Component { // eslint-disable-line react/pref
             <p style={{marginBottom: '8px'}} className="preview-info"><FormattedMessage {...messages.uploadedBy} /> : {this.props.templateData.updatedByName}</p>
             <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/components/Sidebar/index.js

@@ -52,14 +52,14 @@ class Sidebar extends React.Component { // eslint-disable-line react/prefer-stat
     return (<Accordion.Content key={keyValue}>{links}</Accordion.Content>);
   }
 
-  getLinkElement(to, text, value, isExternal) {
+  getLinkElement(to, text = '', value, isExternal) {
     const selectedItem = (value && value.trim().toLowerCase() === this.state.activeItem) ? 'selected' : '';
-    if (text.toLowerCase().includes(this.state.searchText.toLowerCase())) {
+    if (text.toLowerCase().includes((this.state.searchText || '').toLowerCase())) {
       if (isExternal) {
-        return ((text.toLowerCase().includes(this.state.searchText.toLowerCase())) ? <a key={to} className={`item menu-item ${selectedItem}`} href={to}>{text}</a> : '');
+        return (text.toLowerCase().includes((this.state.searchText || '').toLowerCase()) ? <a key={to} className={`item menu-item ${selectedItem}`} href={to}>{text}</a> : '');
       }
       return (
-          (text.toLowerCase().includes(this.state.searchText.toLowerCase())) ?
+          text.toLowerCase().includes((this.state.searchText || '').toLowerCase()) ?
             <Link to={to} className={`item menu-item ${selectedItem}`} onClick={this.handleItemClick} key={to} title={text}>{text}</Link>
               : ''
       );
@@ -68,13 +68,13 @@ class Sidebar extends React.Component { // eslint-disable-line react/prefer-stat
   }
 
   selectActiveLinkFromUrl(props) {
-    const activeRoute = props.router.routes[props.router.routes.length - 1];
+    const activeRoute = props.router.routes[props.router.routes.length - 1] || {};
     const activeRouteName = (activeRoute.name && activeRoute.name.trim().toLowerCase()) || '';
     let selectedItem = '';
     let selectedIndex = -1;
     _.forEach(props.menuData, (menuItem, menuIndex) => {
       if (menuItem.items && typeof menuItem.items === 'object') {
-        _.forEach(menuItem.items, (menuData) => {
+        _.forEach(menuItem.items, (menuData = {}) => {
           // console.log('Menua Data ', menuData, activeRouteName, menuItem);
           if ((menuItem.id && menuData.id.toLowerCase() === activeRouteName.toLowerCase()) || (menuData.value.toLowerCase() === activeRouteName.toLowerCase())) {
             selectedIndex = menuIndex;
@@ -84,7 +84,7 @@ class Sidebar extends React.Component { // eslint-disable-line react/prefer-stat
             selectedItem = 'gallery';
           }
         });
-      } else if (menuItem.value.toLowerCase() === activeRouteName.toLowerCase()) {
+      } else if ((menuItem.value || '').toLowerCase() === activeRouteName.toLowerCase()) {
         selectedIndex = menuIndex;
         selectedItem = activeRouteName.toLowerCase();
       }

package/components/TemplatePreview/index.js

@@ -169,7 +169,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 : '';
     const { containsUnicodeContent = false } = this.props;
     let iosActions = [];
-    if (channel.toLowerCase() === "mobilepush") {
+    if ((channel || '').toLowerCase() === "mobilepush") {
       iosActions = _.map(content.actions, (action) => {
         if (action.label) {
           return (<div className="actions">
@@ -181,7 +181,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
     }
     return (
       <div className={`preview-container ${type === 'embedded' ? 'embedded-preview' : ''}`}>
-        { channel && channel.toLowerCase() === 'sms' &&
+        { (channel || '').toLowerCase() === 'sms' &&
             (showLockScreenPreview ? (
               <CapTab
                 panes={[
@@ -212,7 +212,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                 </div>
               </div>)
             )}
-        {channel && channel.toLowerCase() === 'wechat' &&
+        {(channel || '').toLowerCase() === 'wechat' &&
           (showLockScreenPreview ? (
             <CapTab
               panes={[
@@ -231,15 +231,15 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
             />
           ) : (
             <div className="shell align-center" id="sms-preview">
-              <CapImage className="preview-image" src={channel.toLowerCase() === 'wechat' ? wechatMobileAndroid : smsBody} alt={this.props.intl.formatMessage(messages.previewGenerated)}/>
+              <CapImage className="preview-image" src={(channel || '').toLowerCase() === 'wechat' ? wechatMobileAndroid : smsBody} alt={this.props.intl.formatMessage(messages.previewGenerated)}/>
               <div className="msgContainer">
-                <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 className="message-pop align-left" style={{ background: `${(this.props.channel || '').toLowerCase() === 'wechat' ? '#ffffff' : '#3F51B5'}`, color: `${(this.props.channel || '').toLowerCase() === 'wechat' ? '#333333' : '#ffffff'}`}}>{content}
                 </div>
               </div>
             </div>
           )
         )}
-        { channel && (channel.toLowerCase() === 'mobilepush') &&
+        { (channel || '').toLowerCase() === 'mobilepush' &&
           (<div className="shell align-center" id="mobilepush-preview">
             <CapImage className="preview-image" src={this.props.device === "android" ? androidPushMessagePhone : iPhonePushMessagePhone} alt={this.props.intl.formatMessage(messages.previewGenerated)}/>
               {(!!content.header || !!content.bodyText || !!content.bodyImage) &&
@@ -289,7 +289,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
           )
         }
         {
-          channel && channel.toLowerCase() === 'line' ? (
+          (channel || '').toLowerCase() === 'line' ? (
             <div className="shell align-center" id="sms-preview">
               <CapImage className="preview-image" src={wechatBody} alt={this.props.intl.formatMessage(messages.previewGenerated)}/>
               <div className="msgContainer line-preview">

package/containers/Ebill/index.js

@@ -664,7 +664,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}}}`);
     }
   };
@@ -826,7 +826,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/containers/Email/index.js

@@ -1036,7 +1036,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);
         }
@@ -1159,11 +1159,13 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       win.postMessage(msgString, '*');
     } else {
       console.log('tag', this.state, this.state.editorInstanse);
-      if (data === "unsubscribe") {
-        const anchor = `<a href='{{${data}}}'>${data}</a>`;
-        this.state.editorInstanse.insertHtml(`${anchor}`);
-      } else {
-        this.state.editorInstanse.insertHtml(`{{${data}}}`);
+      if (this.state.editorInstanse) {
+        if (data === "unsubscribe") {
+          const anchor = `<a href='{{${data}}}'>${data}</a>`;
+          this.state.editorInstanse.insertHtml(`${anchor}`);
+        } else {
+          this.state.editorInstanse.insertHtml(`{{${data}}}`);
+        }
       }
       //this.resetCkEditorInstance(currentTab, formData, true, data);
     }
@@ -1597,10 +1599,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     console.log('setting instance as ', instance, instance.name);
     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'>`);
+        }
       }
     });
   }
@@ -1671,7 +1675,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 = getMessageObject('error', this.props.intl.formatMessage(messages.uploadSizeError), true);
       this.props.globalActions.addMessageToQueue(message);
@@ -2048,7 +2052,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);
         }
@@ -2424,7 +2428,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() {
@@ -2461,9 +2467,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>
@@ -2569,7 +2576,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: this.props.location.query.type === 'embedded' ? this.props.location.query.type : 'full',
     };
     this.props.globalActions.fetchSchemaForEntity(query);
@@ -2641,7 +2648,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       formData[0].selectedLanguages = [];
       let tabKey;
       if (this.props.location.query.type === 'embedded' && (this.props.location.query.isLanguageSupport === undefined || this.props.location.query.isLanguageSupport === 'false')) {
-        formData['template-subject'] = data.base.subject ? data.base.subject : '';
+        formData['template-subject'] = (data.base && data.base.subject) ? data.base.subject : '';
         const baseLanguage = this.props.Global.currentOrgDetails.basic_details.base_language;
         let languageIndex = _.findIndex(this.supportedLanguages, {iso_code: baseLanguage});
         console.log("startTemplatecreation before index", languageIndex, this.supportedLanguages, baseLanguage, formData);

package/containers/Line/Create/index.js

@@ -702,7 +702,7 @@ export class Line extends Component {
     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);
@@ -711,7 +711,7 @@ export class Line extends Component {
   uploadImage = (pearmData) => {
     console.log("image data line@@@", pearmData);
     const data = pearmData;
-    if (data.file.size > 1000000) {
+    if (data.file && data.file.size > 1000000) {
       const message = getMessageObject('error', this.props.intl.formatMessage(messages['File size cannot be more than 1mb']), true);
       this.props.globalActions.addMessageToQueue(message);
     } else {

package/containers/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") {
@@ -503,8 +503,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'] && (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']),
+        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'],
         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,
       };
@@ -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/containers/MobilePush/Create/index.js

@@ -617,8 +617,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') {
@@ -642,8 +642,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') {
@@ -2162,7 +2162,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);

package/containers/MobilePush/Edit/index.js

@@ -682,8 +682,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') {
@@ -707,8 +707,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") {
@@ -2454,7 +2454,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     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);

package/containers/Sms/Create/index.js

@@ -824,7 +824,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     const query = {
       layout: 'SMS',
       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/Sms/Edit/index.js

@@ -353,7 +353,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     const query = {
       layout: 'SMS',
       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/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.0",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

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) => {