@innovastudio/contentbuilder 1.5.142 → 1.5.144

package/index.d.ts

@@ -46,6 +46,7 @@ interface ContentBuilderOptions {
     onContentClick?: () => void;
     onChange?: () => void;
     onAdd?: () => void;
+    uploadFile?: (file: File) => Promise<any>;
     largerImageHandler?: string;
     onLargerImageUpload?: () => void;
     imageHandler?: string;

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -78581,13 +78581,19 @@ class Lightbox {
       autoplayVideos: true,
       skin: 'light'
     };
-    if (builder.isContentBox) {
-      this.util.refreshLightbox(this.lightboxOptions);
+
+    /*
+    if(builder.isContentBox) {
+        this.util.refreshLightbox(this.lightboxOptions);
     } else {
-      const glightbox = new GlightboxInit(this.lightboxOptions); // css applied from contentbuilder.css
-      glightbox.init();
-      this.builder.glightbox = glightbox;
+        const glightbox = new GlightboxInit(this.lightboxOptions); // css applied from contentbuilder.css
+        glightbox.init();
+        this.builder.glightbox = glightbox;
     }
+    */
+    const glightbox = new GlightboxInit(this.lightboxOptions); // css applied from contentbuilder.css
+    glightbox.init();
+    this.builder.glightbox = glightbox;
   }
   openImage(url) {
     this.openLightbox(url, this.lightboxOptions);
@@ -93933,6 +93939,19 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
     // obj.preserveSelection = true; (can be set programmatically) to prevent click that clears selection on external custom modal.
 
     this.opts = Object.assign(this, defaults, opts);
+    if (this.opts.uploadFile) {
+      const uploadHandler = () => {
+        return async file => {
+          const data = await this.opts.uploadFile(file);
+          this.returnUrl(data.url);
+        };
+      };
+      this.onImageUpload = uploadHandler();
+      this.onVideoUpload = uploadHandler();
+      this.onAudioUpload = uploadHandler();
+      this.onMediaUpload = uploadHandler();
+      this.onFileUpload = uploadHandler();
+    }
     if (this.opts.basePath) {
       this.opts.assetPath = this.opts.basePath + 'assets/';
       this.opts.fontAssetPath = this.opts.basePath + 'assets/fonts/';