@innovastudio/contentbuilder 1.4.70 → 1.4.72

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -3947,14 +3947,15 @@ class Util {
       dom.appendHtml(builderStuff, html);
       modalMessage = builderStuff.querySelector('.modalmessage');
     }
-    this.showModal(modalMessage, true);
-    let buttonok = modalMessage.querySelector('.is-confirm .input-ok');
+    this.showModal(modalMessage, false, () => {
+      modalMessage.parentNode.removeChild(modalMessage);
+    });
+    let buttonok = modalMessage.querySelector('.modalmessage .input-ok');
     dom.addEventListener(buttonok, 'click', () => {
       this.hideModal(modalMessage);
-      modalMessage.parentNode.removeChild(modalMessage); //remove modal
+      modalMessage.parentNode.removeChild(modalMessage);
     });
   }
-
   showChoice(message, yestext, callback) {
     const dom = this.dom;
     let html = '';
@@ -77400,6 +77401,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) {
@@ -77800,20 +77802,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;
@@ -77830,13 +77834,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();
@@ -77844,11 +77850,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() {
@@ -77863,24 +77882,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 = '';
-      }
-    }
   }
 }