@alan-ai/alan-sdk-web 1.8.115 → 1.8.116

package/dist/AlanButton.d.ts

@@ -6,6 +6,7 @@ export interface AlanButton {
     activate: () => Promise<void>;
     deactivate: () => void;
     isActive: () => boolean;
+    isModelReady: () => boolean;
     remove: () => void;
     sendText: (text: string) => void;
     theme: {

package/dist/alan_lib.js

@@ -98082,6 +98082,9 @@
             opacity:0.8;
         }`;
     }
+    keyFrames += getStyleSheetMarker() + `.alan-btn__chat-send-btn.alan-btn__disconnected {
+        pointer-events: none!important;
+    }`;
     keyFrames += getStyleSheetMarker() + `.alan-btn__chat-mic-btn {
         position: absolute;
         left: 0px;
@@ -98875,7 +98878,9 @@
         width:${likeDislikeBtnWidth}px;
         min-width:${likeDislikeBtnWidth}px;
         height:${likeDislikeBtnHeight}px;
+        max-height:${likeDislikeBtnHeight}px;
         min-height:${likeDislikeBtnHeight}px;
+        overflow: hidden;
         ` : ``};
         
      }`;
@@ -98888,7 +98893,9 @@
         width:${likeDislikeBtnWidth}px;
         min-width:${likeDislikeBtnWidth}px;
         height:${likeDislikeBtnHeight}px;
+        max-height:${likeDislikeBtnHeight}px;
         min-height:${likeDislikeBtnHeight}px;
+        overflow: hidden;
         ` : ``};
      }`;
     keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-btn {
@@ -98900,7 +98907,9 @@
         width:${copyBtnWidth}px;
         min-width:${copyBtnWidth}px;
         height:${copyBtnHeight}px;
+        max-height:${copyBtnHeight}px;
         min-height:${copyBtnHeight}px;
+        overflow: hidden;
         ` : ``};
      }`;
     const bottomBtnsBgColor = textChatOptions?.bubbles?.response?.bottomBtns?.backgroundColor?.hover || `#dcddde`;
@@ -98919,14 +98928,17 @@
     keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-btn svg {
         width: 20px;
      }`;
-    keyFrames += styleSheetMarker + `.alan-btn__chat-response__copy-btn svg path {
-        fill: ${bottomBtnsColor};
+    const customCopyIcon = textChatOptions?.bubbles?.response?.copyBtnAppearance?.default?.icon?.svg || textChatOptions?.bubbles?.response?.copyBtnAppearance?.selected?.icon?.svg;
+    keyFrames += styleSheetMarker + ` .alan-btn__chat-response__copy-btn:not(.preview) svg path {
+          fill: ${bottomBtnsColor};
      }`;
-    keyFrames += styleSheetMarker + `.alan-btn__chat-response__like-btn svg path  {
-        fill: ${bottomBtnsColor};
+    const customLikeIcon = textChatOptions?.bubbles?.response?.likeBtnAppearance?.default?.icon?.svg || textChatOptions?.bubbles?.response?.likeBtnAppearance?.selected?.icon?.svg;
+    const customDislikeIcon = textChatOptions?.bubbles?.response?.dislikeBtnAppearance?.default?.icon?.svg || textChatOptions?.bubbles?.response?.dislikeBtnAppearance?.selected?.icon?.svg;
+    keyFrames += styleSheetMarker + ` .alan-btn__chat-response__like-btn:not(.preview) svg path  {
+         fill: ${bottomBtnsColor};
     }`;
-    keyFrames += styleSheetMarker + `.alan-btn__chat-response__dislike-btn svg path  {
-        fill: ${bottomBtnsColor};
+    keyFrames += styleSheetMarker + ` .alan-btn__chat-response__dislike-btn:not(.preview) svg path  {
+           fill: ${bottomBtnsColor};
     }`;
     keyFrames += styleSheetMarker + `.alan-btn__chat-graph  {
         display: none;
@@ -101024,24 +101036,46 @@ code.hljs {
   }
 
   // alan_btn/src/textChat/buildCommandsBlock.ts
-  function buildCommandsBlock(msg, textChatOptions) {
+  function buildCommandsBlock(msg, textChatOptions, customClasses = "") {
     const isBlockVisible = msg.ctx?.enableFeedback || textChatOptions?.bubbles?.response?.copyBtn;
     return `<div class="alan-btn__chat-response-commands-wrapper ${isBlockVisible !== true ? "alan-btn__chat-response-commands-wrapper-hidden" : ""}">
         <div class="alan-btn__chat-response-commands-wrapper-content">
-        ${buildCopyBtnContent(msg)}
+        ${buildCopyBtnContent(msg, textChatOptions, customClasses)}
         ${msg.ctx?.enableFeedback ? `
-        <span class="alan-btn__chat-response__like-btn ${msg.liked >= 1 ? "selected" : ""}">${getLikeSvgIcon(msg)}</span>
-        <span class="alan-btn__chat-response__dislike-btn ${msg.liked <= -1 ? "selected" : ""}">${getDislikeSvgIcon(msg)}</span>` : ""}
+        <span class="alan-btn__chat-response__like-btn ${customClasses} ${msg.liked >= 1 ? "selected" : ""}">${getLikeSvgIcon(msg, textChatOptions)}</span>
+        <span class="alan-btn__chat-response__dislike-btn ${customClasses} ${msg.liked <= -1 ? "selected" : ""}">${getDislikeSvgIcon(msg, textChatOptions)}</span>` : ""}
         </div></div>`;
   }
-  function getLikeSvgIcon(msg) {
-    return msg.liked === 1 ? chatIcons.likeSelected : chatIcons.like;
+  function getLikeSvgIcon(msg, textChatOptions) {
+    const likeIcon = textChatOptions?.bubbles?.response?.likeBtnAppearance?.default?.icon?.svg || chatIcons.like;
+    const likeIconSelected = textChatOptions?.bubbles?.response?.likeBtnAppearance?.selected?.icon?.svg || chatIcons.likeSelected;
+    return msg.liked === 1 ? likeIconSelected : likeIcon;
+  }
+  function getDislikeSvgIcon(msg, textChatOptions) {
+    const dislikeIcon = textChatOptions?.bubbles?.response?.dislikeBtnAppearance?.default?.icon?.svg || chatIcons.dislike;
+    const dislikeIconSelected = textChatOptions?.bubbles?.response?.dislikeBtnAppearance?.selected?.icon?.svg || chatIcons.dislikeSelected;
+    return msg.liked === -1 ? dislikeIconSelected : dislikeIcon;
+  }
+  function setSvgClass(svg, className) {
+    if (!svg || typeof svg !== "string") return "";
+    if (/class\s*=\s*["'][^"']*["']/i.test(svg)) {
+      return svg.replace(/class\s*=\s*(["'])([^"']*)\1/i, (match, quote, classes) => {
+        if ((classes || "").split(/\s+/).includes(className)) return match;
+        return `class=${quote}${className} ${classes}${quote}`;
+      });
+    }
+    return svg.replace(/<svg\b/i, `<svg class="${className}"`);
   }
-  function getDislikeSvgIcon(msg) {
-    return msg.liked === -1 ? chatIcons.dislikeSelected : chatIcons.dislike;
+  function getCopySvgIcon(textChatOptions) {
+    const copyIcon = textChatOptions?.bubbles?.response?.copyBtnAppearance?.default?.icon?.svg || chatIcons.copy;
+    return setSvgClass(copyIcon, "alan-btn__copy-icon");
   }
-  function buildCopyBtnContent(msg) {
-    const copyBtn = `<div class = "alan-btn__chat-response__copy-btn">${chatIcons.copy}${chatIcons.copied}</div>`;
+  function getCopiedSvgIcon(textChatOptions) {
+    const copiedIcon = textChatOptions?.bubbles?.response?.copyBtnAppearance?.selected?.icon?.svg || chatIcons.copied;
+    return setSvgClass(copiedIcon, "alan-btn__copied-icon");
+  }
+  function buildCopyBtnContent(msg, textChatOptions, customClasses) {
+    const copyBtn = `<div class = "alan-btn__chat-response__copy-btn ${customClasses}">${getCopySvgIcon(textChatOptions)}${getCopiedSvgIcon(textChatOptions)}</div>`;
     if (msg.initLoad) return copyBtn;
     return msg.type === "response" && isFinalMessage(msg) ? copyBtn : "";
   }
@@ -101054,12 +101088,12 @@ code.hljs {
       }
     }
   }
-  function resetStylesForLikeAndDislikeBtns(curMsgBubble, msg) {
+  function resetStylesForLikeAndDislikeBtns(curMsgBubble, msg, textChatOptions) {
     const likeBtnEl = curMsgBubble.querySelector(".alan-btn__chat-response__like-btn");
     const dislikeBtnEl = curMsgBubble.querySelector(".alan-btn__chat-response__dislike-btn");
     if (likeBtnEl && dislikeBtnEl) {
-      likeBtnEl.innerHTML = getLikeSvgIcon(msg);
-      dislikeBtnEl.innerHTML = getDislikeSvgIcon(msg);
+      likeBtnEl.innerHTML = getLikeSvgIcon(msg, textChatOptions);
+      dislikeBtnEl.innerHTML = getDislikeSvgIcon(msg, textChatOptions);
     }
   }
   function deleteHiddenImagesWithCode(str) {
@@ -143607,8 +143641,8 @@ Expat https://libexpat.github.io
   // alan_btn/alan_btn.ts
   (function(ns) {
     const uiState10 = getUIState();
-    uiState10.lib.version = "alan-version.1.8.115".replace("alan-version.", "");
-    window.alanLib = { version: "alan-version.1.8.115".replace("alan-version.", "") };
+    uiState10.lib.version = "alan-version.1.8.116".replace("alan-version.", "");
+    window.alanLib = { version: "alan-version.1.8.116".replace("alan-version.", "") };
     if (window.alanBtn) {
       console.warn("Alan: the Alan Button source code has already added (v." + uiState10.lib.version + ")");
     }
@@ -143774,6 +143808,9 @@ Expat https://libexpat.github.io
         isActive: function() {
           return isAlanActive;
         },
+        isModelReady: function() {
+          return isModelReady;
+        },
         sendText: (text5) => {
           _sendText(text5);
         },
@@ -143867,6 +143904,8 @@ Expat https://libexpat.github.io
           window.tutorProject.off("text", onTextCbInMicBtn);
           window.tutorProject.off("queryProgress", onQueryProgressCb);
           window.tutorProject.off("parsed", onParsedCbInMicBtn);
+          window.tutorProject.off("modelUpdate", onModelUpdate);
+          window.tutorProject.off("scripts", onScriptsUpdate);
           alanAudio.off("command", onCommandCbInMicBtn);
           alanAudio.off("afterText", onAfterTextCbInMicBtn);
           document.removeEventListener("click", alanBtnClickEventListener);
@@ -143919,6 +143958,7 @@ Expat https://libexpat.github.io
         "default": "ONLINE",
         "offline": "OFFLINE",
         "disconnected": "CONNECTING",
+        "modelIsUpdating": "MODEL_IS_UPDATING",
         "listening": "LISTEN",
         "understood": "PROCESS",
         "intermediate": "PROCESS",
@@ -143933,6 +143973,7 @@ Expat https://libexpat.github.io
       var INTERMEDIATE = "intermediate";
       var UNDERSTOOD = "understood";
       var DISCONNECTED = "disconnected";
+      var MODEL_IS_UPDATING = "modelIsUpdating";
       var OFFLINE = "offline";
       var LOW_VOLUME = "lowVolume";
       var PERMISSION_DENIED = "permissionDenied";
@@ -143953,6 +143994,9 @@ Expat https://libexpat.github.io
       var previousState = null;
       var isAlanSpeaking = false;
       var isAlanActive = false;
+      var isModelReady = false;
+      var modelHash = null;
+      var scriptHash = null;
       var isLeftAligned = false;
       var isRightAligned = true;
       var isBottomAligned = false;
@@ -144687,6 +144731,8 @@ Expat https://libexpat.github.io
         window.tutorProject.on("text", onTextCbInMicBtn);
         window.tutorProject.on("queryProgress", onQueryProgressCb);
         window.tutorProject.on("parsed", onParsedCbInMicBtn);
+        window.tutorProject.on("modelUpdate", onModelUpdate);
+        window.tutorProject.on("scripts", onScriptsUpdate);
         alanAudio.on("command", onCommandCbInMicBtn);
         alanAudio.on("afterText", onAfterTextCbInMicBtn);
       }
@@ -145462,13 +145508,16 @@ ${getSavedDialogId() || "-"} (prev. dialog)`);
               onNewDialogAutoReconnect();
             } else {
               if (!(0, import_lodash2.isEmpty)(prevUserId) && (0, import_lodash2.isEmpty)(uiState10.userInfo.userId)) {
-                savePrevUserId(uiState10.userInfo.userId);
-                connectToNewDialog();
-                return;
+                if (prevUserId !== "default") {
+                  savePrevUserId(uiState10.userInfo.userId);
+                  connectToNewDialog();
+                  return;
+                }
               }
               saveDialogId(dialogId);
               restoreMessagesInChat(true);
             }
+            saveDialogId(dialogId);
             console.info(`Alan: curDialogId:
 ${curDialogId}`);
             sendSyncPageState(null, "onConnectStatusChange");
@@ -145499,9 +145548,13 @@ ${curDialogId}`);
         if (window.tutorProject) {
           window.tutorProject.off("recognized", onRecognizedCbInMicBtn);
           window.tutorProject.off("parsed", onParsedCbInMicBtn);
+          window.tutorProject.off("modelUpdate", onModelUpdate);
+          window.tutorProject.off("scripts", onScriptsUpdate);
           window.tutorProject.off("options", onOptionsReceived);
           window.tutorProject.on("recognized", onRecognizedCbInMicBtn);
           window.tutorProject.on("parsed", onParsedCbInMicBtn);
+          window.tutorProject.on("modelUpdate", onModelUpdate);
+          window.tutorProject.on("scripts", onScriptsUpdate);
           window.tutorProject.on("options", onOptionsReceived);
         }
       }
@@ -145524,6 +145577,8 @@ ${curDialogId}`);
           window.tutorProject.off("recognized", onRecognizedCbInMicBtn);
           window.tutorProject.off("connectStatus", onConnectStatusChange);
           window.tutorProject.off("options", onOptionsReceived);
+          window.tutorProject.off("modelUpdate", onModelUpdate);
+          window.tutorProject.off("scripts", onScriptsUpdate);
         }
         if (options.onMicStopped) {
           options.onMicStopped();
@@ -145665,6 +145720,37 @@ ${curDialogId}`);
           deactivateAlanButton();
         }
       }
+      function onScriptsUpdate(e) {
+        scriptHash = e.hash;
+        if (scriptHash && modelHash) {
+          if (scriptHash === modelHash) {
+            isModelReady = true;
+            switchState(DEFAULT);
+            sendSyncPageState(null, "model_is_ready");
+          } else {
+            isModelReady = false;
+            switchState(MODEL_IS_UPDATING);
+            manageAutocompeteInChat();
+          }
+        }
+      }
+      function onModelUpdate(e) {
+        if (e?.modelHash && e?.scriptHash) {
+          if (e?.modelHash !== e?.scriptHash) {
+            isModelReady = false;
+            switchState(MODEL_IS_UPDATING);
+            modelHash = e.modelHash;
+            scriptHash = e.scriptHash;
+            manageAutocompeteInChat();
+          } else {
+            isModelReady = true;
+            switchState(DEFAULT);
+            modelHash = e.modelHash;
+            scriptHash = e.scriptHash;
+            sendSyncPageState(null, "model_is_ready");
+          }
+        }
+      }
       function onParsedCbInMicBtn(e) {
         const event = Object.assign(e, { name: "parsed" });
         storeSocketHistory(event);
@@ -146013,7 +146099,7 @@ ${curDialogId}`);
           msg.liked = msg.liked !== -1 ? -1 : 0;
         }
         changeMsgLikeStatus(msg, options);
-        resetStylesForLikeAndDislikeBtns(curMsgBubble, msg);
+        resetStylesForLikeAndDislikeBtns(curMsgBubble, msg, uiState10.textChat.options);
         saveMessageHistory();
       }
       document.removeEventListener("click", performLikeOrDislike);
@@ -146526,6 +146612,8 @@ ${curDialogId}`);
           window.tutorProject.off("text", onTextCbInMicBtn);
           window.tutorProject.off("queryProgress", onQueryProgressCb);
           window.tutorProject.off("parsed", onParsedCbInMicBtn);
+          window.tutorProject.off("modelUpdate", onModelUpdate);
+          window.tutorProject.off("scripts", onScriptsUpdate);
           window.tutorProject.off("connectStatus", onConnectStatusChange);
           window.tutorProject.off("options", onOptionsReceived);
           alanAudio.off("command", onCommandCbInMicBtn);
@@ -146607,6 +146695,10 @@ ${curDialogId}`);
       }
       async function _sendText(text5) {
         manageAutocompeteInChat();
+        if (!canMsgBeSent()) {
+          console.warn("Alan: message cannot be sent. Model is not ready or connection is not established.");
+          return;
+        }
         var msg = { text: text5, type: "request", name: "text" };
         sentMessageInd = null;
         clearMessageProgressStatusInterval();
@@ -146644,6 +146736,12 @@ ${curDialogId}`);
         clearTimeout(lastSendMsgTs);
         lastSendMsgTs = null;
       }
+      function canMsgBeSent() {
+        if (!isModelReady || state === DISCONNECTED || state === OFFLINE) {
+          return false;
+        }
+        return true;
+      }
       const sendMessageToTextChat = throttle(async function sendMessageToTextChat2() {
         var textareaEl = getChatTextareaEl();
         var textareaHolderEl = document.getElementById("textarea-holder");
@@ -146652,6 +146750,9 @@ ${curDialogId}`);
         if (lastSendMsgTs || text5?.length > maxChars) {
           return;
         }
+        if (!canMsgBeSent()) {
+          return;
+        }
         lastSendMsgTs = setTimeout(() => {
           enableTextareaInTheChat();
         }, 5e3);
@@ -146724,6 +146825,10 @@ ${curDialogId}`);
         manageSendButtonAvailability();
       }
       function manageAutocompeteInChat() {
+        if (!isModelReady) {
+          clearChatAutocomplete(false);
+          return;
+        }
         if (uiState10.textChat?.autocomplete?.enabled === true) {
           checkIfNewComplitionNeeded();
           fillChatAutocompleteDebounced();
@@ -146963,6 +147068,9 @@ ${curDialogId}`);
       let hasRefocusedTextarea = false;
       let previousTextValue = "";
       function sendSyncPageState(forceUpdate = false, reason) {
+        if (!isModelReady) {
+          return;
+        }
         syncPageState(null, forceUpdate, reason);
       }
       function onChatTextAreaFocus() {
@@ -147635,6 +147743,12 @@ ${curDialogId}`);
         var textareaHolderDiv = footerHolderDiv || document.getElementById("textarea-holder-content");
         if (chatSendBtn) {
           chatSendBtn.innerHTML = getSendChatIcon(uiState10?.textChat?.options);
+          if (!isModelReady) {
+            chatSendBtn.innerHTML = chatIcons.disconnected;
+            chatSendBtn.classList.add("alan-btn__disconnected");
+          } else {
+            chatSendBtn.classList.remove("alan-btn__disconnected");
+          }
           if (!textareaInnerDiv || !textareaHolderDiv) return;
           if (uiState10?.textChat?.options?.footer?.layout?.name !== "send-btn-outside") {
             textareaInnerDiv.appendChild(chatSendBtn);
@@ -147920,8 +148034,8 @@ ${curDialogId}`);
           btnOval2.style.animation = "";
           btnOval1.style.opacity = "0";
           btnOval2.style.opacity = "0";
-        } else if (newState === DISCONNECTED || newState === OFFLINE) {
-          if (newState === DISCONNECTED) {
+        } else if (newState === DISCONNECTED || newState === OFFLINE || newState === MODEL_IS_UPDATING) {
+          if (newState === DISCONNECTED || newState === MODEL_IS_UPDATING) {
             rootEl.classList.add("alan-btn-disconnected");
           }
           if (newState === OFFLINE) {
@@ -147943,7 +148057,7 @@ ${curDialogId}`);
               replyStateBtnIconImg
             ]
           );
-          if (newState === DISCONNECTED) {
+          if (newState === DISCONNECTED || newState === MODEL_IS_UPDATING) {
             micIconDiv.style.opacity = "0";
             disconnectedMicLoaderIconImg.style.opacity = "1";
           } else {
@@ -147975,6 +148089,7 @@ ${curDialogId}`);
           if (textChatEl) {
             switch (newState) {
               case OFFLINE:
+              case MODEL_IS_UPDATING:
               case DISCONNECTED:
                 sendBtn.innerHTML = newState === OFFLINE ? chatIcons.noWiFi : chatIcons.disconnected;
                 textChatEl.classList.add("alan-btn__disconnected");