@alan-ai/alan-sdk-web 1.8.103 → 1.8.105

package/dist/alan_lib.js

@@ -81169,7 +81169,7 @@
           messages[msgInd] = { ...msg };
         }
         const curMsg = messages[msgInd];
-        if ((curMsg?.text || curMsg?.images || curMsg.suggestions) && isFinalMessage(messages[msgInd])) {
+        if ((curMsg?.text || curMsg?.images || curMsg.suggestions) && isFinalMessage(curMsg)) {
           skipUpdating = true;
         }
         isNew = false;
@@ -81177,7 +81177,18 @@
         isNew = false;
         msgInd = existingMsgReqId;
         const curMsg = messages[msgInd];
-        if ((curMsg?.text || curMsg?.images || curMsg.suggestions) && isFinalMessage(messages[msgInd])) {
+        if (curMsg?.ctx?.final !== true) {
+          if (msg.queryProgress) {
+            messages[msgInd] = {
+              ...messages[msgInd],
+              queryProgress: [
+                ...messages[msgInd]?.queryProgress || [],
+                ...msg.queryProgress
+              ]
+            };
+          }
+        }
+        if ((curMsg?.text || curMsg?.images || curMsg.suggestions) && isFinalMessage(curMsg)) {
           skipUpdating = true;
         }
       }
@@ -82107,13 +82118,13 @@
     return btoa(unescape(encodeURIComponent(svg)));
   }
   function parseSvgSize(svgString) {
-    if (!svgString) return [];
+    const defaultSize = uiState6.textChat.defaults.defaultSvgIconSize;
+    if (!svgString) return [defaultSize, defaultSize];
     const parser2 = new DOMParser();
     const svgDoc = parser2.parseFromString(svgString, "image/svg+xml");
     const svgElement = svgDoc.querySelector("svg");
     const width = svgElement.getAttribute("width");
     const height = svgElement.getAttribute("height");
-    const defaultSize = uiState6.textChat.defaults.defaultSvgIconSize;
     return [width || defaultSize, height || defaultSize];
   }
 
@@ -83974,6 +83985,7 @@
     keyFrames += styleSheetMarker + `.alan-btn__chat-incomming-msg-wrapper {
         display: flex;
         max-width: 100%;
+        position: relative;
         align-items: ${waitingResponseBubbleLabelIconAlignment};
         gap: ${waitingResponseBubbleLoaderIconGap}px;
         ${waitingResponseBubbleLayout !== "default" ? `
@@ -83990,8 +84002,8 @@
     keyFrames += styleSheetMarker + `.alan-btn__chat-incomming-msg-loader-icon-holder:not(.alan-btn__bottom-loader)  {
         ${waitingResponseBubbleLoaderWithDetails ? `
         position:absolute;
-        top: 8px;
-        left: 0px;
+        top: -2px;
+        left: -1px;
             ` : ``}
     }`;
     keyFrames += styleSheetMarker + `.alan-btn__chat-incomming-msg-loader-icon-holder:hover svg  {
@@ -85627,6 +85639,7 @@ code.hljs {
 
   // alan_btn/src/autosync.ts
   var SEND_PAGE_STATE_THROTTLE_MS = 2e3;
+  var IFRAME_CONTENT_TIMEOUT_MS = 3e3;
   var autoSyncEnabled = false;
   var requestCounter = 0;
   var lastSendPageStateTime = 0;
@@ -85710,6 +85723,86 @@ code.hljs {
     });
     return scrollableStates;
   }
+  async function collectIframeContent() {
+    const iframes = Array.from(document.querySelectorAll("iframe"));
+    if (iframes.length === 0) {
+      return [];
+    }
+    return new Promise((resolve) => {
+      const responses = /* @__PURE__ */ new Map();
+      const expectedIds = /* @__PURE__ */ new Set();
+      iframes.forEach((iframe, index2) => {
+        expectedIds.add(iframe.id);
+      });
+      const messageHandler = (event) => {
+        if (event.data && event.data.source === "alan-chat-iframe" && event.data.type === "alan-iframe-content-response") {
+          const { iframeId, html: html3 } = event.data;
+          if (expectedIds.has(iframeId)) {
+            responses.set(iframeId, html3);
+            if (responses.size === expectedIds.size) {
+              window.removeEventListener("message", messageHandler);
+              const result = Array.from(responses.entries()).map(([id, html4]) => ({ id, html: html4 }));
+              resolve(result);
+            }
+          }
+        }
+      };
+      window.addEventListener("message", messageHandler);
+      iframes.forEach((iframe) => {
+        try {
+          if (iframe.contentWindow) {
+            iframe.contentWindow.postMessage({
+              type: "alan-return-iframe-content",
+              id: iframe.id
+            }, "*");
+          }
+        } catch (error) {
+          console.error(`Failed to send message to iframe ${iframe.id}`, error);
+          responses.set(iframe.id, "");
+        }
+      });
+      setTimeout(() => {
+        window.removeEventListener("message", messageHandler);
+        const result = Array.from(expectedIds).map((id) => ({
+          id,
+          html: responses.get(id) || ""
+        }));
+        resolve(result);
+      }, IFRAME_CONTENT_TIMEOUT_MS);
+    });
+  }
+  function replaceIframesWithSrcDoc(page, iframeContents) {
+    const contentMap = new Map(iframeContents.map((item) => [item.id, item.html]));
+    const iframes = page.querySelectorAll("iframe");
+    iframes.forEach((iframe) => {
+      const iframeId = iframe.id;
+      const html3 = contentMap.get(iframeId);
+      if (html3) {
+        iframe.removeAttribute("src");
+        iframe.setAttribute("srcdoc", html3);
+      }
+    });
+  }
+  function isElementVisibleInViewport(element) {
+    const rect = element.getBoundingClientRect();
+    const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
+    const viewportWidth = window.innerWidth || document.documentElement.clientWidth;
+    return rect.top < viewportHeight && rect.bottom > 0 && rect.left < viewportWidth && rect.right > 0;
+  }
+  function markIframeVisibility(page) {
+    const liveIframes = Array.from(document.querySelectorAll("iframe"));
+    const visibilityMap = /* @__PURE__ */ new Map();
+    liveIframes.forEach((iframe) => {
+      if (iframe.id) {
+        visibilityMap.set(iframe.id, isElementVisibleInViewport(iframe));
+      }
+    });
+    const pageIframes = page.querySelectorAll("iframe");
+    pageIframes.forEach((iframe) => {
+      const isVisible = visibilityMap.get(iframe.id) || false;
+      iframe.setAttribute("visible-on-screen", String(isVisible));
+    });
+  }
   function generateContentHash(content) {
     let hash = 0;
     for (let i = 0; i < content.length; i++) {
@@ -85788,16 +85881,18 @@ code.hljs {
       const page = document.createElement("html");
       page.innerHTML = document.getElementsByTagName("html")[0].innerHTML;
       const scripts = page.getElementsByTagName("script");
-      const styles = page.getElementsByTagName("style");
-      const alanBtnEl = page.getElementsByClassName("alanBtn-root");
-      const debugChatEl = page.getElementsByClassName("alanStudio-debug-chat");
-      const elementsToRemove = [...scripts, ...styles, ...alanBtnEl, ...debugChatEl];
+      const elementsToRemove = [...scripts];
       for (let i = 0; i < elementsToRemove.length; i++) {
         if (elementsToRemove[i] && elementsToRemove[i].remove) {
           elementsToRemove[i].remove();
         }
       }
       const pageContent = page.outerHTML;
+      const iframeContents = await collectIframeContent();
+      if (iframeContents.length > 0) {
+        replaceIframesWithSrcDoc(page, iframeContents);
+      }
+      markIframeVisibility(page);
       if (onSendCb) {
         onSendCb();
       }
@@ -85809,7 +85904,7 @@ code.hljs {
         return;
       }
       const params = {
-        html: pageContent,
+        html: page.outerHTML,
         url: window.location.href,
         scrollPosition: {
           x: prevPageState.scrollX,
@@ -85824,16 +85919,11 @@ code.hljs {
       if (uiState10.pageState?.autoSync === false) {
         return;
       }
-      const maxWidth = 1280;
-      const maxHeight = 1024;
       if (uiState10.pageState?.screenshot?.enabled) {
         params.screenshot_data = {
           baseHref: window.location.origin,
-          width: Math.min(window.innerWidth, maxWidth),
-          height: Math.min(window.innerHeight, maxHeight),
-          fullPage: true,
-          imageType: "jpeg",
-          quality: 85,
+          width: window.innerWidth,
+          height: window.innerHeight,
           scrollStates: collectScrollableElementStates()
         };
       }
@@ -93878,8 +93968,8 @@ code.hljs {
   // alan_btn/alan_btn.ts
   (function(ns) {
     const uiState10 = getUIState();
-    uiState10.lib.version = "alan-version.1.8.103".replace("alan-version.", "");
-    window.alanLib = { version: "alan-version.1.8.103".replace("alan-version.", "") };
+    uiState10.lib.version = "alan-version.1.8.105".replace("alan-version.", "");
+    window.alanLib = { version: "alan-version.1.8.105".replace("alan-version.", "") };
     if (window.alanBtn) {
       console.warn("Alan: the Alan Button source code has already added (v." + uiState10.lib.version + ")");
     }
@@ -95653,7 +95743,6 @@ ${curDialogId}`);
         if (options.onConnectionStatus) {
           options.onConnectionStatus(res);
         }
-        isMsgTypingInProcess = false;
       }
       function onMicAllowed() {
         sendClientEvent({ micAllowed: true });
@@ -95799,6 +95888,9 @@ ${curDialogId}`);
         }
         renderMessageInTextChat(event);
         turnOffVoiceFn();
+        if (e?.ctx?.final === true) {
+          syncPageState(null, null, "final_msg_received");
+        }
       }
       function onTextCbInMicBtn(e) {
         if (!isAlanActive && e.ctx?.opts?.activate === true) {
@@ -96698,6 +96790,7 @@ ${LEARN_MORE_LABEL}
           reqId: res.reqId
         });
         saveSentMessages(text3);
+        sendSyncPageState(null, "send");
       }
       var lastSendMsgTs = null;
       function isMsgShouldBeSkipped(msg) {
@@ -96721,7 +96814,6 @@ ${LEARN_MORE_LABEL}
         lastSendMsgTs = null;
       }
       const sendMessageToTextChat = throttle(async function sendMessageToTextChat2() {
-        isMsgTypingInProcess = false;
         var textareaEl = getChatTextareaEl();
         var textareaHolderEl = document.getElementById("textarea-holder");
         var text3 = textareaEl.value;
@@ -96735,10 +96827,10 @@ ${LEARN_MORE_LABEL}
         lastSendMsgTs = Date.now();
         if (text3.trim() === "") return;
         textareaEl.value = "";
+        previousTextValue = "";
         _sendText(text3);
         textareaHolderEl.classList.add("alan-btn__inactive");
         textChatScrollPosition = null;
-        sendSyncPageState();
       }, 1e3);
       function getMsgElForMathJax(msgInd) {
         const msgEl = document.getElementById("msg-" + msgInd);
@@ -97032,27 +97124,37 @@ ${LEARN_MORE_LABEL}
           el.scrollLeft = el.scrollWidth;
         }
       }
-      let isMsgTypingInProcess = false;
+      let hasRefocusedTextarea = false;
+      let previousTextValue = "";
       function sendSyncPageState(forceUpdate = false, reason) {
-        if (!isMsgTypingInProcess) {
-          syncPageState(function() {
-            isMsgTypingInProcess = true;
-          }, forceUpdate, reason);
-          setTimeout(() => {
-            isMsgTypingInProcess = false;
-          }, 2e3);
-        }
+        syncPageState(null, forceUpdate, reason);
       }
       function onChatTextAreaFocus() {
-        sendSyncPageState();
+        const textareaEl = getChatTextareaEl();
+        if (textareaEl && textareaEl.value.trim() !== "") {
+          hasRefocusedTextarea = true;
+        }
       }
       function onChatTextAreaBlur() {
-        isMsgTypingInProcess = false;
+        hasRefocusedTextarea = false;
+        const textareaEl = getChatTextareaEl();
+        if (textareaEl) {
+          previousTextValue = textareaEl.value;
+        }
       }
       let delPressed = 0;
       function onChatTextAreaKeyDown(e) {
         const keyCode = e.keyCode || e.which;
-        sendSyncPageState();
+        const textareaEl = e.target;
+        const currentText = textareaEl.value;
+        const isTypingNewChar = e.key && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey;
+        if (previousTextValue.trim() === "" && currentText.trim() === "" && isTypingNewChar || hasRefocusedTextarea && isTypingNewChar && currentText.length >= previousTextValue.length) {
+          sendSyncPageState(null, "user_started_typing");
+          hasRefocusedTextarea = false;
+          previousTextValue = currentText;
+        } else if (isTypingNewChar) {
+          previousTextValue = currentText;
+        }
         if (keyCode === 13 && e.shiftKey) {
           return;
         }
@@ -98198,9 +98300,11 @@ ${LEARN_MORE_LABEL}
         playReadyToListenSound = playSound;
       }
       rootEl.classList.add("alanBtn-root");
+      rootEl.setAttribute("alan-chat-exclude-from-page-context", "true");
       rootEl.classList.add("alan-" + getProjectId());
       if (options.chatEl) {
         options.chatEl.classList.add("alanBtn-root");
+        options.chatEl.setAttribute("alan-chat-exclude-from-page-context", "true");
         if (isInlinedMode()) {
           options.chatEl.classList.add("alanBtn-chat-root-inlined");
         }