@capillarytech/creatives-library 8.0.345-alpha.5 → 8.0.345-alpha.7

package/package.json

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

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -705,14 +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.
-          console.log('[SlideBoxContent] templateData:', templateData);
-          console.log('[SlideBoxContent] templateData.base:', templateData?.base);
-          console.log('[SlideBoxContent] templateData.base.is_drag_drop:', templateData?.base?.is_drag_drop);
-          console.log('[SlideBoxContent] typeof templateData.base.is_drag_drop:', typeof templateData?.base?.is_drag_drop);
-          console.log('[SlideBoxContent] is_drag_drop === true:', templateData?.base?.is_drag_drop === true);
-          console.log('[SlideBoxContent] is_drag_drop === 1:', templateData?.base?.is_drag_drop === 1);
+          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/CreativesContainer/index.js

@@ -966,10 +966,13 @@ export class Creatives extends React.Component {
       case constants.EMAIL:
         if (template?.value?.base) {
           let emailBase = template.value.base;
-          const { html_content } = emailBase || {};
+          const { html_content, drag_drop_id: formDragDropId } = emailBase || {};
           if (!html_content) {
             emailBase = templateRecords.base;
           }
+          if (!emailBase.drag_drop_id && formDragDropId) {
+            emailBase = { ...emailBase, drag_drop_id: formDragDropId };
+          }
           const newHtmlContent = await updateImagesInHtml(html_content);
           templateData = {
             ...templateData, ...emailBase, emailBody: newHtmlContent, emailSubject: (emailBase && emailBase.subject) ? emailBase.subject : '',

package/v2Containers/Email/index.js

@@ -1639,6 +1639,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       if (content.id) {
         tmpData.id = content.id;
       }
+      if (content.drag_drop_id) {
+        tmpData.drag_drop_id = content.drag_drop_id;
+      }
     }
     newFormData.base = _.cloneDeep(tmpData);
     newFormData.secondary_templates.push({template_data: tmpData});

package/v2Containers/EmailWrapper/hooks/useEmailWrapper.js

@@ -65,11 +65,11 @@ const useEmailWrapper = ({
   location,
   emailActions,
   Email,
+  templateData,
   params,
   isEditEmail = true,
 }) => {
   // State management
-  console.log('[SlideBoxContent] mode:', isFullMode);
   const [templateName, setTemplateName] = useState('');
   const [isTemplateNameEmpty, setIsTemplateNameEmpty] = useState(true);
   const [selectedCreateMode, setSelectedCreateMode] = useState('');
@@ -103,9 +103,7 @@ const useEmailWrapper = ({
   }, [onEnterTemplateName, onRemoveTemplateName]);
 
   useEffect(() => () => {
-    return () =>{
-      emailActions.clearStoreValues();
-    }
+    emailActions.clearStoreValues();
   }, []);
 
   // Check BEE enabled status from API response
@@ -728,7 +726,6 @@ const useEmailWrapper = ({
       location: routeParams,
       route: { name: 'email' },
       params: emailParams,
-      templateData,
       isGetFormData,
       getFormdata,
       getFormSubscriptionData: getFormdata,