@innovastudio/contentbox 1.6.148 → 1.6.150

package/index.d.ts

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

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -120458,6 +120458,29 @@ 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 = async e => {
+        const data = await this.opts.uploadFile(e);
+        this.returnUrl(data.url);
+      };
+      this.onImageUpload = uploadHandler;
+      this.onVideoUpload = uploadHandler;
+      this.onAudioUpload = uploadHandler;
+      this.onMediaUpload = uploadHandler;
+      this.onFileUpload = uploadHandler;
+    }
+    if (this.opts.upload) {
+      const uploadHandler = async e => {
+        const file = e.target.files[0];
+        const data = await this.opts.upload(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/';
@@ -157494,6 +157517,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,
@@ -160771,6 +160796,53 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
       localStorage.removeItem('_disableanimation');
     }
 
+    if (this.uploadFile) {
+      const uploadHandler = async e => {
+        const data = await this.uploadFile(e);
+        this.returnUrl(data.url);
+      };
+
+      this.onImageUpload = uploadHandler;
+      this.onVideoUpload = uploadHandler;
+      this.onAudioUpload = uploadHandler;
+      this.onMediaUpload = uploadHandler;
+      this.onFileUpload = uploadHandler; // Cover upload needs special handling
+
+      this.onUploadCoverImage = async e => {
+        const data = await this.uploadFile(e);
+        this.boxImage(data.url);
+      };
+    }
+
+    if (this.upload) {
+      const uploadHandler = async e => {
+        const file = e.target.files[0];
+        const data = await this.upload(file);
+        this.returnUrl(data.url);
+      };
+
+      this.onImageUpload = uploadHandler;
+      this.onVideoUpload = uploadHandler;
+      this.onAudioUpload = uploadHandler;
+      this.onMediaUpload = uploadHandler;
+      this.onFileUpload = uploadHandler; // Cover upload needs special handling
+
+      this.onUploadCoverImage = async e => {
+        const file = e.target.files[0];
+        const data = await this.upload(file);
+        this.boxImage(data.url);
+      };
+    }
+
+    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,
@@ -161356,6 +161428,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,