@innovastudio/contentbox 1.6.155 → 1.6.157

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.155",
+  "version": "1.6.157",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "types": "index.d.ts",
@@ -59,7 +59,7 @@
     "ws": "^8.13.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.5.151",
+    "@innovastudio/contentbuilder": "^1.5.152",
     "js-beautify": "^1.14.0",
     "sortablejs": "^1.15.2"
   }

package/public/contentbox/contentbox.esm.js

@@ -25779,16 +25779,30 @@ class ControlPanel {
         this.builder.iframePanel.setScreenMode('desktop');
       }
     } else if (this.builder.iframeSrc && this.builder.controlPanel) {
-      const controlPanel = this.controlPanel;
-      const btnToggleDevice = controlPanel.querySelector('.btn-toggledevice');
+      // const controlPanel = this.controlPanel;
+      // const btnToggleDevice = controlPanel.querySelector('.btn-toggledevice');
+      // const screenMode = this.builder.screenMode;
+      // if(screenMode!=='fullview') {
+      //     this.builder.iframePanel.setScreenMode('fullview');
+      //     btnToggleDevice.classList.remove('on');
+      // } else {
+      //     this.builder.iframePanel.setScreenMode('desktop');
+      //     btnToggleDevice.classList.add('on');
+      // }
       const screenMode = this.builder.screenMode;
 
-      if (screenMode !== 'fullview') {
-        this.builder.iframePanel.setScreenMode('fullview');
-        btnToggleDevice.classList.remove('on');
-      } else {
+      if (screenMode === 'desktop-lg') {
         this.builder.iframePanel.setScreenMode('desktop');
-        btnToggleDevice.classList.add('on');
+      } else if (screenMode === 'desktop') {
+        this.builder.iframePanel.setScreenMode('tablet-landscape');
+      } else if (screenMode === 'tablet-landscape') {
+        this.builder.iframePanel.setScreenMode('tablet');
+      } else if (screenMode === 'tablet') {
+        this.builder.iframePanel.setScreenMode('mobile');
+      } else if (screenMode === 'mobile') {
+        this.builder.iframePanel.setScreenMode('fullview');
+      } else if (screenMode === 'fullview') {
+        this.builder.iframePanel.setScreenMode('desktop-lg');
       }
     }
   }
@@ -113919,6 +113933,7 @@ ${answer}
       temperature,
       topP,
       num,
+      customData: this.builder.settings.customData,
       metadata: this.builder.settings.metadata || {}
     };
 
@@ -125129,10 +125144,9 @@ Please obtain a license at: https://innovastudio.com/contentbox`);
     let inputCheckStatus = {
       model: modelId,
       endpoint: statusEndpoint,
-      request_id: requestId
-      // customData: this.customData
+      request_id: requestId,
+      customData: this.customData
     };
-
     let status;
     do {
       const response = await fetch(this.checkRequestStatusUrl_Fal, {
@@ -134741,9 +134755,6 @@ class Util {
     libraryInstance.init();
 </script>
 
-<!-- Optional: smooth scrolling -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
-
 </body>
 </html>
 `;
@@ -154493,18 +154504,16 @@ class IframePanel {
       tool.querySelectorAll('button').forEach(btn => btn.classList.remove('active'));
       const btn = tool.querySelector(`[data-command="${screenMode}"]`);
       if (btn) btn.classList.add('active'); // set on/off toggle device button
-
-      if (this.builder.controlpanel) {
-        const btnToggleDevice = this.builder.controlpanel.controlPanel.querySelector('.btn-toggledevice');
-
-        if (btnToggleDevice) {
-          if (screenMode !== 'fullview') {
-            btnToggleDevice.classList.add('on');
-          } else {
-            btnToggleDevice.classList.remove('on');
-          }
-        }
-      }
+      // if(this.builder.controlpanel) {
+      //     const btnToggleDevice = this.builder.controlpanel.controlPanel.querySelector('.btn-toggledevice');
+      //     if(btnToggleDevice) {
+      //         if(screenMode!=='fullview') {
+      //             btnToggleDevice.classList.add('on');
+      //         } else {
+      //             btnToggleDevice.classList.remove('on');
+      //         }
+      //     }
+      // }
 
       this.loadIframe();
       let btns = tool.querySelectorAll('button');
@@ -154679,19 +154688,17 @@ class IframePanel {
     }
 
     if (screenMode !== 'fullview') tool.querySelector(`button[data-command="${screenMode}"]`).classList.add('active'); // set on/off toggle device button
-
-    if (this.builder.controlpanel) {
-      const btnToggleDevice = this.builder.controlpanel.controlPanel.querySelector('.btn-toggledevice');
-
-      if (btnToggleDevice) {
-        if (screenMode !== 'fullview') {
-          btnToggleDevice.classList.add('on');
-        } else {
-          btnToggleDevice.classList.remove('on');
-        }
-      }
-    } // Refresh Part 2
-
+    // if(this.builder.controlpanel) {
+    //     const btnToggleDevice = this.builder.controlpanel.controlPanel.querySelector('.btn-toggledevice');
+    //     if(btnToggleDevice) {
+    //         if(screenMode!=='fullview') {
+    //             btnToggleDevice.classList.add('on');
+    //         } else {
+    //             btnToggleDevice.classList.remove('on');
+    //         }
+    //     }
+    // }
+    // Refresh Part 2
 
     if (hasPin) {
       setTimeout(() => {