@innovastudio/contentbox 1.6.60 → 1.6.62

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.60",
+  "version": "1.6.62",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -52,7 +52,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.5.52",
+    "@innovastudio/contentbuilder": "^1.5.55",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -14960,7 +14960,7 @@ class PanelBlock {
           this.builder.editor.eb.common.clearBreakpoint(target);
           this.builder.editor.eb.common.applyPixels(target); // this.builder.editor.eb.common.applyPercentage(target);
 
-          this.builder.editor.eb.resizable.updateBlockStyle(target);
+          this.builder.editor.eb.draggable.updateBlockStyle(target);
         });
       } else {
         elms.forEach(target => {
@@ -14968,7 +14968,7 @@ class PanelBlock {
           this.builder.editor.eb.common.clearBreakpoint(target);
           this.builder.editor.eb.common.applyPixels(target); // this.builder.editor.eb.common.applyPercentage(target);
 
-          this.builder.editor.eb.resizable.updateBlockStyle(target);
+          this.builder.editor.eb.draggable.updateBlockStyle(target);
         });
       }
     });
@@ -103197,10 +103197,16 @@ class Dictation {
     };
     this.opts = Object.assign(this, defaults, opts);
     this.builder = builder;
-    const util = this.builder.util;
-    this.util = util;
+  } // constructor
+
+  renderPanel() {
     const builderStuff = this.builder.builderStuff;
     this.builderStuff = builderStuff;
+    const util = this.builder.util;
+    this.util = util;
+
+    // const dom = this.builder.dom;
+
     if (localStorage.getItem('_mic') === null) {
       localStorage.setItem('_mic', '0'); // make mic disable by default
     }
@@ -104000,6 +104006,7 @@ class Dictation {
     }
   }
   openDictation() {
+    this.renderPanel();
     if (this.builder.showDisclaimer) {
       if (localStorage.getItem('_disclaimershown') === null) {
         this.builder.util.showModal(this.modalDisclaimer, true, () => {
@@ -107011,12 +107018,14 @@ ${answer}
     };
     try {
       /*
+      let headers =  {
+          ...this.builder.headers,
+          ...this.builder.defaultHeaders
+      };
       const response = await fetch(this.builder.sendCommandUrl, {
           signal: this.signal, // Abort
           method: 'POST',
-          headers: {
-              'Content-Type': 'application/json',
-          },
+          headers,
           body: JSON.stringify(messages),
       });
        const data = await response.json();
@@ -107026,13 +107035,15 @@ ${answer}
       if (this.builder.sendCommand) {
         data = await this.builder.sendCommand(messages);
       } else {
+        let headers = {
+          ...this.builder.headers,
+          ...this.builder.defaultHeaders
+        };
         const response = await fetch(this.builder.sendCommandUrl, {
           signal: this.signal,
           // Abort
           method: 'POST',
-          headers: {
-            'Content-Type': 'application/json'
-          },
+          headers,
           body: JSON.stringify(messages)
         });
         data = await response.json();
@@ -107096,11 +107107,13 @@ ${answer}
         if (this.builder.consoleLog) {
           if (!(error + '').includes('Failed to fetch')) {
             // Only if not CORS error
+            let headers = {
+              ...this.builder.headers,
+              ...this.builder.defaultHeaders
+            };
             const response = await fetch(this.builder.sendCommandUrl, {
               method: 'POST',
-              headers: {
-                'Content-Type': 'application/json'
-              },
+              headers,
               body: JSON.stringify(messages)
             });
             const data = await response.text();
@@ -112479,7 +112492,7 @@ class ContentBuilder {
       //     { name: 'buttoneditor', showInMainToolbar: false, showInElementToolbar: false },
       // ],
       // pluginPath: 'contentbuilder/', // Location of the plugin scripts
-      disableConfig: false,
+      disableConfig: true,
       // If you don't specify the plugins param and set the disableConfig to true, then no plugins will be loaded.
 
       modulePath: 'assets/modules/',
@@ -113143,6 +113156,11 @@ class ContentBuilder {
       enableDragResize: true,
       simpleTextSettings: false,
       enableColumnsPerLine: true,
+      // For fetch
+      defaultHeaders: {
+        'Content-Type': 'application/json'
+      },
+      headers: {},
       /* Prompt/Command Stuff for AI Assistant */
       startAIAssistant: false,
       isContentBox: false,
@@ -115753,16 +115771,21 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
   }
   closeAIAssistant() {
     let modal = document.querySelector('.is-modal.page-command');
+    if (!modal) return;
     modal.classList.remove('active');
     this.dictation.stopDictation();
     localStorage.setItem('_dictation', '0');
   }
   toggleAIAssistant() {
     let modal = document.querySelector('.is-modal.page-command');
-    if (modal.classList.contains('active')) {
-      this.closeAIAssistant();
-    } else {
+    if (!modal) {
       this.openAIAssistant();
+    } else {
+      if (modal.classList.contains('active')) {
+        this.closeAIAssistant();
+      } else {
+        this.openAIAssistant();
+      }
     }
   }
 
@@ -117472,13 +117495,15 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
         image: image,
         folder_path: ''
       };
+      let headers = {
+        ...this.headers,
+        ...this.defaultHeaders
+      };
       const response = await fetch(this.upscaleImageUrl, {
         signal: this.signal,
         // Abort
         method: 'POST',
-        headers: {
-          'Content-Type': 'application/json'
-        },
+        headers,
         body: JSON.stringify(messages)
       });
       const result = await response.json();
@@ -117508,13 +117533,15 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
     };
     try {
       let url = this.textToImageUrl;
+      let headers = {
+        ...this.headers,
+        ...this.defaultHeaders
+      };
       const response = await fetch(url, {
         signal: this.signal,
         // Abort
         method: 'POST',
-        headers: {
-          'Content-Type': 'application/json'
-        },
+        headers,
         body: JSON.stringify(messages)
       });
       const result = await response.json();
@@ -117549,12 +117576,14 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
       this.signal = this.controller.signal; // Get a new signal object
        const messages = { prompt, num };
        try {
-           const response = await fetch(this.generateImageUrl, {
+           let headers =  {
+              ...this.headers,
+              ...this.defaultHeaders
+          };
+          const response = await fetch(this.generateImageUrl, {
               signal: this.signal, // Abort
               method: 'POST',
-              headers: {
-                  'Content-Type': 'application/json',
-              },
+              headers,
               body: JSON.stringify(messages),
           });
   
@@ -117593,13 +117622,15 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
                   let image = resizedBase64;
                   image = image.replace(/^data:image\/(png|jpeg);base64,/, '');
   
-                  const reqBody = { image: image, filename: filename };
+                  let headers =  {
+                      ...this.headers,
+                      ...this.defaultHeaders
+                  };
+                   const reqBody = { image: image, filename: filename };
                   fetch(this.uploadBase64Url, {
                       method:'POST',
                       body: JSON.stringify(reqBody),
-                      headers: {
-                          'Content-Type': 'application/json',
-                      }
+                      headers
                   })
                       .then(response=>response.json())
                       .then(response=>{
@@ -145068,13 +145099,14 @@ ${currentHtml}
       if (this.builder.sendCommand) {
         data = await this.builder.sendCommand(messages);
       } else {
+        let headers = { ...this.builder.headers,
+          ...this.builder.defaultHeaders
+        };
         const response = await fetch(this.builder.sendCommandUrl, {
           signal: this.signal,
           // Abort
           method: 'POST',
-          headers: {
-            'Content-Type': 'application/json'
-          },
+          headers,
           body: JSON.stringify(messages)
         });
         data = await response.json();
@@ -145143,11 +145175,12 @@ ${currentHtml}
         if (this.builder.consoleLog) {
           if (!(error + '').includes('Failed to fetch')) {
             // Only if not CORS error
+            let headers = { ...this.builder.headers,
+              ...this.builder.defaultHeaders
+            };
             const response = await fetch(this.builder.sendCommandUrl, {
               method: 'POST',
-              headers: {
-                'Content-Type': 'application/json'
-              },
+              headers,
               body: JSON.stringify(messages)
             });
             const data = await response.text();
@@ -146679,17 +146712,14 @@ class ContentBox {
       // Option for self-hosted fonts:
       // fontPath: 'assets/cssfonts/', // If set, will be used
       plugins: [// { name: 'preview', showInMainToolbar: true, showInElementToolbar: true },
+      // { name: 'symbols', showInMainToolbar: true, showInElementToolbar: false },
+      // { name: 'animation', showInMainToolbar: true, showInElementToolbar: true },
       {
         name: 'wordcount',
         showInMainToolbar: true,
         showInElementToolbar: true
-      }, {
-        name: 'symbols',
-        showInMainToolbar: true,
-        showInElementToolbar: false
-      } // { name: 'animation', showInMainToolbar: true, showInElementToolbar: true },
-      ],
-      disableConfig: false,
+      }],
+      disableConfig: true,
       maxColumns: 6,
       useLightbox: true,
       lightboxArrow: true,
@@ -149214,6 +149244,11 @@ class ContentBox {
       //     mode: 'dark',
       //     css: 'contentbuilder/themes/dark.css'
       // }, 
+      // For fetch
+      defaultHeaders: {
+        'Content-Type': 'application/json'
+      },
+      headers: {},
 
       /* Prompt/Command Stuff */
       consoleLog: false,
@@ -150231,6 +150266,8 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
       canvas: this.settings.canvas,
       docContainer: this.settings.wrapper,
       consoleLog: this.settings.consoleLog,
+      defaultHeaders: this.settings.defaultHeaders,
+      headers: this.settings.headers,
       isContentBox: true,
       speechTranscribeUrl: this.settings.speechTranscribeUrl,
       autoSendDelay: this.settings.autoSendDelay,