@innovastudio/contentbuilder 1.4.71 → 1.4.73

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.4.71",
+  "version": "1.4.73",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.esm.js

@@ -18588,6 +18588,7 @@ class Draggable$1 {
   dragEnd(e) {
     if (!e.target.hasAttribute('draggable')) return; //any child element (ex. close button) should not be draggable. LATER: revew.
 
+    if (!activeDraggableBox) return;
     e.target.parentNode.style.transition = '';
 
     //Update
@@ -77401,6 +77402,7 @@ class Dictation {
       localStorage.setItem('_mic', '0'); // make mic disable by default
     }
 
+    this.builder.isInProgress = false;
     const commandInfo = this.builder.commandInfo;
     let htmlList = '';
     for (const key in commandInfo) {
@@ -77410,9 +77412,18 @@ class Dictation {
           list,
           width
         } = commandInfo[key];
-        htmlList += `<h2>${title}</h2>`;
-        for (const item of list) {
-          if (width) htmlList += `<div role="button" tabindex="0" class="command-item" style="width:${width}">${item}</div>`;else htmlList += `<div role="button" tabindex="0" class="command-item">${item}</div>`;
+        if (!this.builder.enableShortCommands) {
+          if (key === 'general') {
+            htmlList += `<h2>${title}</h2>`;
+            for (const item of list) {
+              if (width) htmlList += `<div role="button" tabindex="0" class="command-item" style="width:${width}">${item}</div>`;else htmlList += `<div role="button" tabindex="0" class="command-item">${item}</div>`;
+            }
+          }
+        } else {
+          htmlList += `<h2>${title}</h2>`;
+          for (const item of list) {
+            if (width) htmlList += `<div role="button" tabindex="0" class="command-item" style="width:${width}">${item}</div>`;else htmlList += `<div role="button" tabindex="0" class="command-item">${item}</div>`;
+          }
         }
       }
     }
@@ -77801,20 +77812,22 @@ class Dictation {
     this.aborted = true;
   }
   startDictation() {
-    if ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window) {
-      var SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+    if ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window || 'mozSpeechRecognition' in window) {
+      const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition || window.mozSpeechRecognition;
       this.recognition = new SpeechRecognition();
       this.recognition.continuous = true;
       this.recognition.interimResults = true;
       let lang = this.builder.speechRecognitionLang;
       this.recognition.lang = lang;
       this.recognition.start();
-      let speechTimeout;
+      this.speechTimeout;
+      this.builder.commandText = '';
       this.recognition.onresult = event => {
-        clearTimeout(speechTimeout);
-        if (this.builder.isInProgress) return;
-        var interimTranscripts = '';
-        var finalTranscripts = '';
+        if (this.builder.isInProgress) {
+          return;
+        }
+        let interimTranscripts = '';
+        let finalTranscripts = '';
         for (var i = event.resultIndex; i < event.results.length; ++i) {
           if (event.results[i].isFinal) {
             finalTranscripts += event.results[i][0].transcript;
@@ -77831,13 +77844,15 @@ class Dictation {
 
         const inpCommand = this.modalCommand.querySelector('.inp-command');
         inpCommand.value = this.builder.commandText;
-        if (this.builder.autoSendCommand) {
-          speechTimeout = setTimeout(() => {
+        clearTimeout(this.speechTimeout);
+        this.speechTimeout = setTimeout(() => {
+          this.builder.commandText = '';
+          if (this.builder.autoSendCommand) {
             if (inpCommand.value.trim() === '') return;
             const btnSend = this.modalCommand.querySelector('.cmd-send-command');
             btnSend.click();
-          }, 1000);
-        }
+          }
+        }, 3000);
       };
       this.recognition.onend = () => {
         if (!this.aborted) this.startDictation();
@@ -77845,11 +77860,24 @@ class Dictation {
       this.recognition.onstart = () => {
         this.aborted = false;
       };
-      this.recognition.onerror = () => {
-        // console.log(e.error);
+      this.recognition.onerror = e => {
+        console.log(e.message);
       };
     } else {
-      alert(this.util.out('Speech recognition not supported in this browser.'));
+      // See btnDictation click
+      setTimeout(() => {
+        const btnDictation = this.builderStuff.querySelector('.cmd-enable-dictation');
+        const btnClear = this.builderStuff.querySelector('.cmd-clear-command');
+        const chkAutoSend = this.builderStuff.querySelector('#chkAutoSendCommand');
+        this.stopDictation();
+        btnDictation.innerHTML = '<svg class="is-icon-flex" style="width:18px; height:18px;"><use xlink:href="#icon-microphone-off"></use></svg>';
+        localStorage.setItem('_mic', '0');
+        chkAutoSend.parentNode.style.display = 'none';
+        btnClear.style.marginRight = '6px';
+      }, 1); // to give delay from the btnDictation click
+
+      //Show info
+      this.util.showMessage(this.util.out('Speech recognition not supported in this browser.'));
     }
   }
   startSending() {
@@ -77864,24 +77892,12 @@ class Dictation {
     ovl.style.display = 'flex';
     this.builder.isInProgress = true;
   }
-  finish(doNotClear) {
+  finish() {
+    this.builder.isInProgress = false;
     const btnSend = this.modalCommand.querySelector('.cmd-send-command');
     btnSend.innerText = this.util.out('Send');
     const ovl = this.builderStuff.querySelector('.page-command-overlay');
     ovl.style.display = 'none';
-    this.builder.isInProgress = false;
-    if (this.checkMic() === false) {
-      // Do not clear inpCommand text
-      return;
-    }
-    if (this.builder.autoSendCommand) {
-      // Clear
-      const inpCommand = this.builderStuff.querySelector('.inp-command');
-      if (doNotClear) ; else {
-        this.builder.commandText = '';
-        inpCommand.value = '';
-      }
-    }
   }
 }
 
@@ -78609,6 +78625,7 @@ class ContentBuilder {
       isContentBox: false,
       sendCommandUrl: 'http://localhost:8081/answer',
       //sampleCommand: '',
+      enableShortCommands: true,
       speechRecognitionLang: 'en-US',
       headlineList: ['We create simple and effective designs.', 'Ultimate Experiences With Story, Emotion, And Purpose.', 'Build Anything Beautifully', 'With Less Stuff and More Compassion', 'We\'re [CompanyName]. Full stack development with a spark of creativity.', 'Transforming your digital experience with [CompanyName]. Achieve your online goals with our customized solutions.', 'Revolutionizing web development with [CompanyName]. Unleash your digital potential with our high-performance solutions.', 'Creative and Inspiring'],
       shortCommandList: {