@innovastudio/contentbuilder 1.5.112 → 1.5.113

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -51183,6 +51183,12 @@ class Video {
         let source = video.querySelector('source');
         let url = '';
         if (source) url = source.getAttribute('src');
+
+        // base64 handling: save the value and display "[Image Data]"
+        if (url.startsWith('data:')) {
+          this.builder.base64Data = url;
+          url = '[Image Data]';
+        }
         videoModal.querySelector('.input-url').value = url;
         const inpShowControls = videoModal.querySelector('.input-video-controls');
         if (video.hasAttribute('controls')) {
@@ -51359,6 +51365,12 @@ class Video {
         }
         if (videoModal.querySelector('.input-url').value !== '') {
           let url = videoModal.querySelector('.input-url').value;
+
+          // base64 handling: Apply base64 data
+          if (url === '[Image Data]') {
+            url = this.builder.base64Data;
+            this.builder.base64Data = '';
+          }
           let source = video.querySelector('source');
           if (url !== source.getAttribute('src')) {
             if (source) source.setAttribute('src', url);
@@ -51376,6 +51388,8 @@ class Video {
       });
       let btnCancel = videoModal.querySelector('.input-cancel');
       dom.addEventListener(btnCancel, 'click', () => {
+        // base64 handling: Clear previously saved base64 data
+        this.builder.base64Data = '';
         this.builder.hideModal(videoModal);
       });
     }
@@ -51460,6 +51474,12 @@ class Audio {
         if (source) url = source.getAttribute('src');
         this.renderPanel();
         const audioModal = this.audioModal;
+
+        // base64 handling: save the value and display "[Image Data]"
+        if (url.startsWith('data:')) {
+          this.builder.base64Data = url;
+          url = '[Image Data]';
+        }
         audioModal.querySelector('.input-url').value = url;
         util.showModal(audioModal, true, () => {
           btn.removeAttribute('data-focus');
@@ -51488,7 +51508,7 @@ class Audio {
                             <form class="form-upload-larger" target="frameTargetAudioUpload" method="post" action="${this.builder.opts.audioHandler}" enctype="multipart/form-data" style="position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;">
                                 <input id="hidRefAudio" name="hidRefId" type="hidden" value="" />
                                 <svg style="width:16px;height:16px;"><use xlink:href="#icon-upload"></use></svg>
-                                <input title="${util.out('Select')}" id="fileAudio1" name="fileImage" type="file" accept="audio/mp3" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;">
+                                <input title="${util.out('Select')}" id="fileAudio1" name="fileImage" type="file" accept="audio/*" style="position:absolute;top:-30px;left:0;width:100%;height:80px;opacity: 0;cursor: pointer;">
                             </form>
 
                             <iframe tabindex="0" id="frameTargetAudioUpload" name="frameTargetAudioUpload" tabIndex="-1" src="about:blank" style="width:1px;height:1px;position:absolute;top:0;right:-100000px"></iframe>
@@ -51581,6 +51601,12 @@ class Audio {
         if (audioModal.querySelector('.input-url').value !== '') {
           let url = audioModal.querySelector('.input-url').value;
 
+          // base64 handling: Apply base64 data
+          if (url === '[Image Data]') {
+            url = this.builder.base64Data;
+            this.builder.base64Data = '';
+          }
+
           //Render
           let source = audio.querySelector('source');
           if (url !== source.getAttribute('src')) {
@@ -51600,6 +51626,8 @@ class Audio {
       });
       let btnCancel = audioModal.querySelector('.input-cancel');
       dom.addEventListener(btnCancel, 'click', () => {
+        // base64 handling: Clear previously saved base64 data
+        this.builder.base64Data = '';
         this.builder.hideModal(audioModal);
       });
     }
@@ -80764,12 +80792,20 @@ class MediaPicker {
     const btnImageOk = modalMediaSelect.querySelector('.input-ok');
     dom.addEventListener(btnImageOk, 'click', () => {
       const inpSrc = modalMediaSelect.querySelector('.input-src');
-      const url = inpSrc.value;
+      let url = inpSrc.value;
+
+      // base64 handling: Apply base64 data
+      if (url === '[Image Data]') {
+        url = this.builder.base64Data;
+        this.builder.base64Data = '';
+      }
       if (this.builder.mediaSelectedCallback) this.builder.mediaSelectedCallback(url);
       this.builder.hideModal(modalMediaSelect);
     });
     const btnImageCancel = modalMediaSelect.querySelector('.input-cancel');
     dom.addEventListener(btnImageCancel, 'click', () => {
+      // base64 handling: Clear previously saved base64 data
+      this.builder.base64Data = '';
       this.builder.hideModal(modalMediaSelect);
     });
   }
@@ -96491,7 +96527,14 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
     Array.prototype.forEach.call(forms, formUpload => {
       if (this.dom.hasClass(formUpload, 'please-wait')) {
         this.dom.removeClass(formUpload, 'please-wait');
-        if (s) formUpload.parentNode.parentNode.querySelector('input[type="text"]').value = s;
+        if (s) {
+          // base64 handling: save the value and display "[Image Data]"
+          if (s.startsWith('data:')) {
+            this.base64Data = s;
+            s = '[Image Data]';
+          }
+          formUpload.parentNode.parentNode.querySelector('input[type="text"]').value = s;
+        }
         formUpload.parentNode.parentNode.querySelector('input[type="file"]').value = '';
       }
     });
@@ -96557,7 +96600,7 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
         alert(this.util.out('Please select an mp4 file.'));
       }
     } else if (this.targetAssetType === 'audio') {
-      if (extension === 'mp3') {
+      if (extension === 'mp3' || extension === 'wav') {
         ok = true;
       } else {
         alert(this.util.out('Please select an mp3 file.'));
@@ -96647,7 +96690,7 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
           ok = true;
         } else if (targetAssetType === 'video' && ext === 'mp4') {
           ok = true;
-        } else if (targetAssetType === 'audio' && ext === 'mp3') {
+        } else if (targetAssetType === 'audio' && (ext === 'mp3' || ext === 'wav')) {
           ok = true;
         } else if (targetAssetType === 'media' && (s.includes('base64') || ext === 'mp4' || ext === 'jpg' || ext === 'jpeg' || ext === 'png' || ext === 'gif' || ext === 'webm' || ext === 'webp')) {
           ok = true;
@@ -96711,7 +96754,7 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
             alert(out('Please select an image file.'));
           }
         } else if (targetAssetType === 'audio') {
-          if (extension === 'mp3') {
+          if (extension === 'mp3' || extension === 'wav') {
             ok = true;
           } else {
             alert(out('Please select an mp3 file.'));