@innovastudio/contentbox 1.6.147 → 1.6.149

package/index.d.ts

@@ -148,6 +148,8 @@ interface ContentBoxOptions {
     photoselect?: string;
     moduleConfig?: any[]; 
 
+    uploadFile?: (file: File) => Promise<any>;
+
     largerImageHandler?: string;
     onLargerImageUpload?: () => void;
 

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -105100,13 +105100,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);
@@ -120452,6 +120458,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/';
@@ -157488,6 +157507,8 @@ class ContentBox {
       framework: '',
       imageRenameOnEdit: true,
       imageResizeOnBlock: false,
+      iframeCentered: true,
+      // Centers the page view area within the workspace
       htmlButton: true,
       // HTML button on left sidebar
       undoRedoButtons: true,
@@ -160765,6 +160786,36 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
       localStorage.removeItem('_disableanimation');
     }
 
+    if (this.uploadFile) {
+      const uploadHandler = type => {
+        return async file => {
+          const data = await this.uploadFile(file);
+
+          if (type === 'cover') {
+            this.boxImage(data.url);
+          } else {
+            this.returnUrl(data.url);
+          }
+        };
+      };
+
+      this.onUploadCoverImage = uploadHandler('cover');
+      this.onImageUpload = uploadHandler('image');
+      this.onVideoUpload = uploadHandler('video');
+      this.onAudioUpload = uploadHandler('audio');
+      this.onMediaUpload = uploadHandler('media');
+      this.onFileUpload = uploadHandler('file');
+    }
+
+    if (this.topSpace) {
+      // Disable built-in buttons that will be handled by the topbar:
+      this.undoRedoButtons = false; // Hide undo/redo from the side panel
+
+      this.toggleDeviceButton = false; // Hide device toggle button
+
+      this.deviceButtons = false; // Hide device buttons from top of page view area
+    }
+
     this.templateJSON = [{
       url: this.settings.designUrl1,
       path: this.settings.designPath,
@@ -161350,6 +161401,7 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
       videoHandler: this.settings.videoHandler,
       audioHandler: this.settings.audioHandler,
       fileHandler: this.settings.fileHandler,
+      uploadFile: this.settings.uploadFile,
       onVideoUpload: this.settings.onVideoUpload,
       onAudioUpload: this.settings.onAudioUpload,
       onImageUpload: this.settings.onImageUpload,