@capillarytech/creatives-library 7.13.18 → 7.13.20

package/containers/WeChat/MapTemplates/index.js

@@ -455,9 +455,10 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
   getFormData(e) {
     
     const selectedWeChatAccount = (!_.isEmpty(this.props.Templates.selectedWeChatAccount) ? this.props.Templates.selectedWeChatAccount : this.props.WeChat.selectedWeChatAccount);
+    const base = this.state?.editTemplateData?.versions?.base;
     const data = {
-      template_id: this.state.editTemplateData.versions.base.template_id,
-      Title: this.state.editTemplateData.versions.base.Title,
+      template_id:  _.get(base, 'template_id'),
+      Title:  _.get(base, 'Title'),
       Tag: [],
       TopColor: "#000000",
       data: {},

package/package.json

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

package/v2Components/FormBuilder/index.js

@@ -217,7 +217,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
         this.setState({tabKey});
       }
       this.setState({formData: nextProps.formData, currentLangTab}, () => {
-        if (nextProps.isNewVersionFlow && !this.state.formData[this.state.currentTab - 1][this.state.formData[this.state.currentTab - 1].activeTab].tabKey) {
+        if (nextProps.isNewVersionFlow && !this.state.formData[this.state.currentTab - 1][this.state.formData[this.state.currentTab - 1].activeTab]?.tabKey) {
           this.resetTabKeys(nextProps.formData, nextProps.tabCount, false, true);
         }
         if (type === 'embedded' || ( this.props.schema.channel && this.props.schema.channel.toUpperCase() === 'EMAIL')) {

package/v2Containers/Templates/index.js

@@ -887,8 +887,8 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     const cardDataList = filteredTemplates && filteredTemplates.length ? map(filteredTemplates, (template) => {
       const templateData =
         {
-          key: `${currentChannel}-card-${template.name}`,
-          title: <span title={template.name} >{template.name}</span>,
+          key: `${currentChannel}-card-${template?.name}`,
+          title: <span title={template?.name} >{template?.name}</span>,
           extra: [
             <CapIcon
               className={`view-${channelLowerCase}`}
@@ -1070,7 +1070,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           const { whatsappImageSrc = '', templateMsg} = getWhatsappContent(template);
           templateData.title = (
             <CapRow>
-              <CapLabel className="whatsapp-rcs-template-name">{template.name}</CapLabel>
+              <CapLabel className="whatsapp-rcs-template-name">{template?.name}</CapLabel>
               <WhatsappStatusContainer template={template} />
             </CapRow>
           );
@@ -1094,7 +1094,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           break;
         }
         case RCS: {
-          templateData.title = <CapLabel className="whatsapp-rcs-template-name">{template.name}</CapLabel>;
+          templateData.title = <CapLabel className="whatsapp-rcs-template-name">{template?.name}</CapLabel>;
           templateData.content = getRCSContent(template);
           break;
         }
@@ -1610,7 +1610,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
 
   duplicateTemplate(template) {
     const duplicateObj = cloneDeep(template);
-    duplicateObj.name = `Copy of ${template.name} ${moment().format('MM-DD-YYYY HH:mm:ss')}`;
+    duplicateObj.name = `Copy of ${template?.name} ${moment().format('MM-DD-YYYY HH:mm:ss')}`;
     delete duplicateObj._id;
 
     if (this.state.channel.toLowerCase() === "mobilepush") {
@@ -1953,7 +1953,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
             <div className="card-title">
               <span className="template-name" style={{ fontWeight: `${this.state.channel.toLowerCase() === 'wechat' ? '400' : '600'}` }}>
                 { template && template.versions && template.versions.history && template.versions.history.length > 1 && this.state.channel.toLowerCase() !== 'mobilepush' && <i style={{fontSize: '16px', margin: '0 8px 0 0', verticalAlign: 'middle'}} className="material-icons">filter_none</i>}
-                {template.name}
+                {template?.name}
               </span>
               {this.props.location.query.type !== 'embedded' && <CapPopover
                 trigger="click"