@capillarytech/creatives-library 8.0.345-alpha.6 → 8.0.345-alpha.8

package/package.json

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

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -705,8 +705,27 @@ export function SlideBoxContent(props) {
           // and getDetails?type=BEE_PLUGIN would never fire. Routing BEE
           // templates through the direct <Email> path — which is already
           // battle-tested for the CKEditor flow — sidesteps that entirely.
+          const vBase = templateData?.versions?.base;
+          const vBaseActiveTab = vBase?.activeTab || vBase?.selectedLanguages?.[0] || 'en';
           const isBEETemplate = templateData?.base?.is_drag_drop === true
-            || templateData?.base?.is_drag_drop === 1;
+            || templateData?.base?.is_drag_drop === 1
+            || vBase?.[vBaseActiveTab]?.is_drag_drop === true
+            || vBase?.[vBaseActiveTab]?.is_drag_drop === 1;
+          console.log('[SlideBoxContent] BEE routing debug', {
+            supportCKEditor,
+            'templateData._id': templateData?._id,
+            'templateData.type': templateData?.type,
+            'templateData.base': templateData?.base,
+            'templateData.base.is_drag_drop': templateData?.base?.is_drag_drop,
+            'templateData.base.drag_drop_id': templateData?.base?.drag_drop_id,
+            vBase,
+            vBaseActiveTab,
+            'vBase[vBaseActiveTab]': vBase?.[vBaseActiveTab],
+            'vBase[vBaseActiveTab].is_drag_drop': vBase?.[vBaseActiveTab]?.is_drag_drop,
+            'vBase[vBaseActiveTab].drag_drop_id': vBase?.[vBaseActiveTab]?.drag_drop_id,
+            isBEETemplate,
+            routingTo: (supportCKEditor || isBEETemplate) ? 'Email (direct)' : 'EmailWrapper',
+          });
           if (supportCKEditor || isBEETemplate) {
             return (
               <Email

package/v2Containers/Email/index.js

@@ -224,6 +224,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           || _.get(this.props.Templates.BEETemplate, 'versions.base.drag_drop_id')
           || _.get(this.props.Templates.BEETemplate, 'versions.base.id')
           || this.props.Templates.BEETemplate?._id;
+          console.log('[Rafeeq manzoor] comes here 1');
         this.props.actions.getCmsSetting(BEE_PLUGIN, dragDropId, 'open', undefined, isBEESupport, isBEEAppEnable);
       } else if (this.props.location.query.module !== "library" || (this.props.location.query.module === "library" && !this.props.templateData)) {
         // Extract drag_drop_id - check multiple possible paths
@@ -234,6 +235,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           || _.get(this.props.Templates.BEETemplate, 'versions.base.drag_drop_id')
           || _.get(this.props.Templates.BEETemplate, 'versions.base.id')
           || this.props.Templates.BEETemplate?._id;
+        console.log('[Rafeeq manzoor] comes here 2');
         this.props.actions.getCmsSetting(BEE_PLUGIN, dragDropId, 'create', undefined, isBEESupport, isBEEAppEnable);
       }
     }
@@ -286,8 +288,10 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         
         if (this.props.params.id) {
           const activeTabForLang = beeTemplate.versions?.base?.activeTab || 'en';
+          console.log('[Rafeeq manzoor] comes here 3');
           this.props.actions.getCmsSetting(BEE_PLUGIN, dragDropId, 'open', activeTabForLang, isBEESupport, isBEEAppEnable);
         } else {
+          console.log('[Rafeeq manzoor] comes here 4');
           this.props.actions.getCmsSetting(BEE_PLUGIN, dragDropId, 'create', undefined, isBEESupport, isBEEAppEnable);
         }
       }
@@ -452,8 +456,10 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           // Extract langId from active tab
           const activeTabForLang = beeTemplate.versions?.base?.activeTab || 'en';
           if (hasParamsId) {
+            console.log('[Rafeeq manzoor] comes here 5');
             this.props.actions.getCmsSetting(BEE_PLUGIN, dragDropId, 'open', activeTabForLang, isBEESupport, isBEEAppEnable);
           } else if (nextProps.location.query.module !== "library" || (nextProps.location.query.module === "library" && !nextProps.templateData)) {
+            console.log('[Rafeeq manzoor] comes here 6');
             this.props.actions.getCmsSetting(BEE_PLUGIN, dragDropId, 'create', undefined, isBEESupport, isBEEAppEnable);
           }
         }
@@ -1238,6 +1244,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         //   formData.base.activeTab = language;
         // }
         if (language && editData.versions.base[language].is_drag_drop && isBEEAppEnable) {
+          console.log('[Rafeeq manzoor] comes here 7');
           this.props.actions.getCmsSetting(BEE_PLUGIN, editData._id, 'open', language, isBEESupport, isBEEAppEnable);
         }
       });
@@ -1461,6 +1468,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       const currentTab = this.state.currentTab - 1;
       const baseLanguage = this.props.currentOrgDetails.basic_details.base_language ? this.props.currentOrgDetails.basic_details.base_language : 'en';
       if (formData[currentTab][baseLanguage].is_drag_drop && isBEEAppEnable) {
+        console.log('[Rafeeq manzoor] comes here 8');
         this.props.actions.getCmsSetting(BEE_PLUGIN, formData[currentTab][baseLanguage].drag_drop_id, 'duplicate', baseLanguage, isEdmSupport, isBEEAppEnable);
       }
     });
@@ -2518,6 +2526,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           const isBEEAppEnable = this.checkBeeEditorAllowedForLibrary();
           if (templates.drag_drop_id && isBEEAppEnable) {
             tempData.drag_drop_id = templates.drag_drop_id;
+            console.log('[Rafeeq manzoor] comes here 9');
             this.props.actions.getCmsSetting(BEE_PLUGIN, tempData._id, 'open', tempData.iso_code, isEdmSupport, isBEEAppEnable);
           }
           // formData.usingTabContainer = true;
@@ -2538,13 +2547,17 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         });
         this.addLanguage(false, formData, false, additionalLanguages);
       }
+      console.log("[Rafeeq manzoor] comes here lib 1", formData[0])
       formData.base = _.cloneDeep(formData[0]);
       if (formData?.['template-subject'] !== '') {
+        console.log("[Rafeeq manzoor] comes here lib 1 if", formData)
         this.setState({formData, loading: false, injectedTags: data.tags, tabKey, isDragDrop: (data.base.is_drag_drop !== 0 )}, () => {
           // this.setState({tabKey: ''});
           const isBEEEnable = this.checkBeeEditorAllowedForLibrary();
+          console.log("[Rafeeq manzoor] comes here lib 1 isBEEEnable", isBEEEnable)
           _.forEach(formData[0].selectedLanguages, (language) => {
             if (formData[0][language].is_drag_drop && isBEEEnable) {
+              console.log('[Rafeeq manzoor] comes here 10');
               this.props.actions.getCmsSetting(BEE_PLUGIN, formData[0][language].drag_drop_id, 'open', language, isEdmSupport, isBEEEnable);
             }
           });
@@ -2887,6 +2900,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       // let getQuery = '';
       const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
       const isBEEAppEnable = this.checkBeeEditorAllowedForLibrary();
+      console.log('[Rafeeq manzoor] comes here 11');
       this.props.actions.getCmsSetting(BEE_PLUGIN, data._id, 'create', this.state.formData[this.state.currentTab - 1].activeTab, isEdmSupport, isBEEAppEnable);
       // this.props.templatesActions.setEdmTemplate(data);
       this.toggleEdmEmailTemplateSelection();