@capillarytech/creatives-library 7.7.18 → 7.7.19

package/components/FormBuilder/index.js

@@ -214,7 +214,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
         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.toUpperCase() === 'EMAIL') {
+        if (type === 'embedded' || (this.props?.schema?.channel || "").toUpperCase() === 'EMAIL') {
           this.validateForm();
         }
         if ((this.props.schema && this.props.schema.channel && this.props.schema.channel.toUpperCase() === 'MOBILEPUSH')) {
@@ -2917,7 +2917,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
               }
 
               const currentLang = ((!_.isEmpty(this.state.formData) && !_.isEmpty(this.state.formData[`${this.state.currentTab - 1}`]) && !_.isEmpty(this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages) && this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages[langIndex]) ? this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages[langIndex] : this.props.baseLanguage) || 'en';
-              const content = (!_.isEmpty(this.state.formData) && this.state.formData[`${this.state.currentTab - 1}`][currentLang]['template-content'] ? this.state.formData[`${this.state.currentTab - 1}`][currentLang]['template-content'] : '');
+              const content = this.state?.formData?.[`${this.state.currentTab - 1}`]?.[currentLang]?.['template-content'] || "";
 
               if (this.state.formData[`${this.state.currentTab - 1}`][currentLang].is_drag_drop) {
                 // content = "";

package/containers/Email/index.js

@@ -872,10 +872,15 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         const langIndex = formData[this.state.currentTab - 1].selectedLanguages.indexOf(langId);
         
         const temp = (schema.containers || {})[this.state.currentTab - 1];
+        const isStyleExists= temp?.tabBarExtraContent?.sections?.[0]?.inputFields?.[0]?.cols?.[4]?.content?.sections?.[0]?.inputFields?.[2]?.cols?.[0]?.style;
         if (baseLanguage === langId && (apiLangId === "undefined" || apiLangId === formData[this.state.currentTab - 1].activeTab)) {
-          temp.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[2].cols[0].style = {display: "none"};
+          if(isStyleExists){
+            temp.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[2].cols[0].style = {display: "none"};
+          }
         } else if (apiLangId === "undefined" || apiLangId === formData[this.state.currentTab - 1].activeTab) {
-          temp.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[2].cols[0].style = {display: ""};
+          if(isStyleExists){
+            temp.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[2].cols[0].style = {display: ""};
+          }
         }
 
         if (nextProps.Email.CmsSettings.isDragDrop) {
@@ -2717,7 +2722,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       }
       formData.base = _.cloneDeep(formData[0]);
       
-      this.setState({formData, loading: false, injectedTags: data.tags, tabKey, isDragDrop: (data.base.is_drag_drop !== 0 )}, () => {
+      this.setState({formData, loading: false, injectedTags: data.tags, tabKey, isDragDrop: (data?.base?.is_drag_drop !== 0 )}, () => {
         // this.setState({tabKey: ''});
         _.forEach(formData[0].selectedLanguages, (language) => {
           if (formData[0][language].is_drag_drop) {

package/containers/MobilePush/Create/index.js

@@ -517,13 +517,13 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       mode: this.props.params.mode,
     };
     const android = {};
-    Object.keys(formData[0]).forEach((data) => {
+    Object.keys((formData[0] || {})).forEach((data) => {
       if (!!formData[0][data] && data !== "tabKey") {
         android[data] = formData[0][data];
       }
     });
     const ios = {};
-    Object.keys(formData[1]).forEach((data) => {
+    Object.keys((formData[1] || {})).forEach((data) => {
       if (!!formData[1][data] && data !== "tabKey") {
         ios[data] = formData[1][data];
       }

package/containers/WeChat/MapTemplates/index.js

@@ -611,7 +611,9 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
   setSelectedTemplateData(weChatData) {
     let schema = _.cloneDeep(this.state.baseSchema);
     const { intl: {formatMessage}} = this.props;
-    schema.standalone.sections[0].childSections[1].childSections[0].childSections[1].inputFields = [];
+    if(schema?.standalone?.sections?.[0]?.childSections?.[1]?.childSections?.[0]?.childSections?.[1]?.inputFields){
+      schema.standalone.sections[0].childSections[1].childSections[0].childSections[1].inputFields = []
+    };
     if (_.isEmpty(weChatData)) {
       // schema.standalone.sections[0].childSections[1].childSections[0].childSections[1].inputFields = [];
       const formData=_.cloneDeep(this.state.formData);

package/package.json

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

package/utils/gtmTrackers/gtmEvents/creativeDetails.js

@@ -31,8 +31,12 @@ const creativeDetails = ({
 
 const isLabelsUsed = (content = '') => {
   const tagRegex = /{{[(A-Z\w+(\s\w+)*$\(\)@!#$%^&*~.,/\\]+}}/g; // eslint-disable-line no-useless-escape
-  content = content.replaceAll('{{optout}}', '');
-  content = content.replaceAll('{{unsubscribe}}', '');
+  const isContentString= typeof content === "string";
+  if(isContentString){
+    content = content.replaceAll('{{optout}}', '');
+    content = content.replaceAll('{{unsubscribe}}', '');
+  }
+  
   const tags = [...content.matchAll(tagRegex)];
   return !!tags.length;
 };

package/utils/gtmTrackers/index.js

@@ -5,13 +5,17 @@ const gtmEvents = require.context('./gtmEvents', true, /\.js$/, 'lazy');
 export const gtmPush = (eventType, eventObject) => {
   try {
     gtmEvents(`./${eventType}.js`)
-      .then(event => {
+      .then((event) => {
         event.default(eventObject);
       })
-      .catch(err => {
-        Bugsnag.notify(err);
+      .catch((err) => {
+        if (err) {
+          Bugsnag.notify(err);
+        }
       });
   } catch (e) {
-    Bugsnag.notify(e);
+    if (e) {
+      Bugsnag.notify(e);
+    }
   }
 };