@innovastudio/contentbox 1.6.149 → 1.6.150

package/index.d.ts

@@ -148,7 +148,8 @@ interface ContentBoxOptions {
     photoselect?: string;
     moduleConfig?: any[]; 
 
-    uploadFile?: (file: File) => Promise<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.149",
+  "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.144",
+    "@innovastudio/contentbuilder": "^1.5.147",
     "js-beautify": "^1.14.0",
     "sortablejs": "^1.15.2"
   }

package/public/contentbox/contentbox.esm.js

@@ -120459,17 +120459,27 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
 
     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);
-        };
+      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();
+      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/';
@@ -160787,24 +160797,41 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
     }
 
     if (this.uploadFile) {
-      const uploadHandler = type => {
-        return async file => {
-          const data = await this.uploadFile(file);
+      const uploadHandler = async e => {
+        const data = await this.uploadFile(e);
+        this.returnUrl(data.url);
+      };
 
-          if (type === 'cover') {
-            this.boxImage(data.url);
-          } else {
-            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.onUploadCoverImage = uploadHandler('cover');
-      this.onImageUpload = uploadHandler('image');
-      this.onVideoUpload = uploadHandler('video');
-      this.onAudioUpload = uploadHandler('audio');
-      this.onMediaUpload = uploadHandler('media');
-      this.onFileUpload = uploadHandler('file');
+      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) {