@innovastudio/contentbuilder 1.4.78 → 1.4.80

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -3932,7 +3932,7 @@ class Util {
       return s;
     }
   }
-  showMessage(message, focusOutline) {
+  showMessage(message, focusOutline, callback) {
     const dom = this.dom;
     let html = '';
     html = `<div class="is-modal modalmessage" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
@@ -3949,11 +3949,13 @@ class Util {
     }
     this.showModal(modalMessage, false, () => {
       modalMessage.parentNode.removeChild(modalMessage);
+      if (callback) callback();
     });
     let buttonok = modalMessage.querySelector('.modalmessage .input-ok');
     dom.addEventListener(buttonok, 'click', () => {
       this.hideModal(modalMessage);
       if (modalMessage.parentNode) modalMessage.parentNode.removeChild(modalMessage);
+      if (callback) callback();
     });
     buttonok.focus();
     if (focusOutline) {
@@ -83962,16 +83964,15 @@ class Dictation {
     }
   }
   openDictation() {
+    const inpCommand = this.modalCommand.querySelector('.inp-command');
     if (this.modalCommand.classList.contains('active')) {
       setTimeout(() => {
         // Needed if opens programmatically on builder start (wait until all loaded)
-        const inpCommand = this.modalCommand.querySelector('.inp-command');
         inpCommand.focus();
       }, 600);
       return;
     }
     this.modalCommand.classList.add('active');
-    const inpCommand = this.modalCommand.querySelector('.inp-command');
     inpCommand.focus();
     localStorage.setItem('_dictation', '1');
     const chkAutoSend = this.builderStuff.querySelector('#chkAutoSendCommand');
@@ -83998,6 +83999,7 @@ class Dictation {
     });
   }
   async startDictation() {
+    const inpCommand = this.modalCommand.querySelector('.inp-command');
     if (this.builder.onlineDemo) {
       setTimeout(() => {
         const btnDictation = this.builderStuff.querySelector('.cmd-enable-dictation');
@@ -84011,7 +84013,9 @@ class Dictation {
       }, 1); // to give delay from the btnDictation click
 
       //Show info
-      this.util.showMessage(this.util.out('Speech recognition is disabled in this online demo. Please type your command/prompt in the textbox.'), true);
+      this.util.showMessage(this.util.out('Speech recognition is disabled in this online demo. You can type your command/prompt in the textbox.'), true, () => {
+        inpCommand.focus();
+      });
       return;
     }
     if (this.builder.speechTranscribeUrl) {
@@ -84058,7 +84062,6 @@ class Dictation {
         this.startDictation();
       }
       let finalTranscripts = '';
-      const inpCommand = this.modalCommand.querySelector('.inp-command');
       this.websocket.onmessage = event => {
         const message = JSON.parse(event.data);
         if (message.event === 'can-open-mic') {
@@ -84116,7 +84119,6 @@ class Dictation {
           }
           this.builder.commandText += finalTranscripts; // + '<i style="color:#999">' + interimTranscripts + '</i>';
 
-          const inpCommand = this.modalCommand.querySelector('.inp-command');
           inpCommand.value = this.builder.commandText;
           clearTimeout(this.speechTimeout);
           this.speechTimeout = setTimeout(() => {
@@ -84164,7 +84166,7 @@ class Dictation {
         <span style="margin-left:5px">${this.util.out('Abort')}</span>
         `;
     const ovl = this.builderStuff.querySelector('.page-command-overlay');
-    ovl.style.display = 'flex';
+    if (ovl) ovl.style.display = 'flex';
     this.builder.isInProgress = true;
   }
   finish() {
@@ -84172,7 +84174,7 @@ class Dictation {
     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';
+    if (ovl) ovl.style.display = 'none';
   }
 }