@innovastudio/contentbuilder 1.5.179 → 1.5.181

package/index.d.ts

@@ -337,5 +337,7 @@ declare class ContentBuilder {
         btn?: HTMLElement
     ): void;
     openIconPicker(callback: (iconHtml: string) => void): void;
+
+    createImage(prompt: string): Promise<string>;
 }
 export default ContentBuilder;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.179",
+  "version": "1.5.181",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "types": "index.d.ts",

package/public/contentbuilder/contentbuilder.esm.js

@@ -51143,11 +51143,12 @@ class SettingsUIGenerator {
         const values = this.getFormValues(form);
         onChange(values, element);
       });
-      form.addEventListener('change', () => {
-        const values = this.getFormValues(form);
-        onChange(values, element);
-      });
+      // form.addEventListener('change', () => {
+      //     const values = this.getFormValues(form);
+      //     onChange(values, element);
+      // });
     }
+
     return form;
   }
 
@@ -72807,14 +72808,14 @@ class Rte {
       _protected = true;
     }
     let customcode = false;
-    let subblock = false;
     if (col.hasAttribute('data-html')) {
       // Column contains custom code.
       customcode = true;
-      if (elm.closest('.is-subblock')) {
-        // dom.parentsHasAttribute(elm, 'data-subblock')
-        subblock = true;
-      }
+    }
+    const plugin = elm.closest('[data-cb-type]');
+    let subblock = false;
+    if (elm.closest('.is-subblock') && !elm.classList.contains('is-subblock')) {
+      subblock = true;
     }
     if (this.builder.canvas) this.hideBlockButtons();
 
@@ -72835,7 +72836,7 @@ class Rte {
     if (btnTextSettings) btnTextSettings.style.display = '';
     if (btnLink) btnLink.style.display = '';
     if (btnSymbol) btnSymbol.style.display = '';
-    if (!customcode && !noedit && !_protected || subblock) {
+    if (!customcode && !noedit && !_protected && !plugin || subblock) {
       if ((dom.hasClass(elm, 'is-social') || dom.hasClass(elm, 'is-rounded-button-medium') || dom.hasClass(elm, 'cell-active')) && !dom.getSelected()) {
         if (this.elementRteTool.style.display === 'none' || this.elementRteTool.style.display === '') {
           this.elementRteTool.style.display = 'flex';
@@ -85218,6 +85219,7 @@ class Dictation {
       label: 'Nano Banana',
       sizes: [],
       // no size options
+      // sizes: ['21:9', '16:9', '3:2', '4:3', '5:4', '1:1', '4:5', '3:4', '2:3', '9:16'], // no size options
       output_format: 'jpeg'
     }, {
       id: 'fal-ai/imagen4/preview/fast',
@@ -100637,14 +100639,42 @@ Please obtain a license at: https://innovastudio.com/contentbox`);
     }
   }
 
+  async createImage(prompt, options) {
+    if (options) this.imageGenerationSettings = options;
+    return new Promise((resolve, reject) => {
+      try {
+        this.generateImage(prompt, imageUrl => {
+          resolve(imageUrl);
+        });
+      } catch (err) {
+        reject(err);
+      }
+    });
+  }
   async generateImage_Fal(prompt, callback) {
-    const modal = this.dictation.modalConfig;
+    let modelId;
+    let imageSize;
+    let outputFormat;
+    const modal = this.builderStuff.querySelector('.commandconfig');
+    if (modal) {
+      const inpImageModelSelect = modal.querySelector('#inpImageModelSelect');
+      const inpImageSizeSelect = modal.querySelector('#inpImageSizeSelect');
+      const outputFormatField = modal.querySelector('#inpImageOutputFormat');
+      modelId = inpImageModelSelect.value;
+      imageSize = inpImageSizeSelect.value;
+      outputFormat = outputFormatField.value;
+    } else if (this.imageGenerationSettings) {
+      modelId = this.imageGenerationSettings.modelId;
+      imageSize = this.imageGenerationSettings.imageSize;
+      outputFormat = this.imageGenerationSettings.outputFormat;
+    } else {
+      modelId = 'fal-ai/flux-1/schnell';
+      imageSize = 'landscape_4_3';
+      outputFormat = 'jpeg';
+    }
 
     // Construct inputs: model, prompt, size, output format
-    const inpImageModelSelect = modal.querySelector('#inpImageModelSelect');
-    const inpImageSizeSelect = modal.querySelector('#inpImageSizeSelect');
-    const outputFormatField = modal.querySelector('#inpImageOutputFormat');
-    const modelId = inpImageModelSelect.value;
+
     const modelDef = this.dictation.imageModels.find(m => m.id === modelId) || {};
 
     // Build options dynamically
@@ -100654,18 +100684,15 @@ Please obtain a license at: https://innovastudio.com/contentbox`);
     if (modelDef && modelDef.sizes !== undefined) {
       if (modelDef.sizes !== null && modelDef.sizes.length !== 0) {
         const sizeParam = modelDef.size_param || 'image_size'; // default
-        const imageSize = inpImageSizeSelect.value;
         options[sizeParam] = imageSize;
       }
       // if sizes = [] => no size options => exclude size.
     } else {
       // if sizes not defined, use default set
-      const imageSize = inpImageSizeSelect.value;
       options['image_size'] = imageSize;
     }
 
     // Handle output_format if present
-    const outputFormat = outputFormatField.value;
     if (outputFormat) {
       const outputParam = modelDef.output_param || 'output_format'; // default
       options[outputParam] = outputFormat;