impact-chatbot 2.3.83 → 2.3.85

package/dist/index.esm.js

@@ -17,9 +17,9 @@ import rehypeSanitize from 'rehype-sanitize';
 import remarkBreaks from 'remark-breaks';
 import remarkGfm from 'remark-gfm';
 import DOMPurify from 'dompurify';
+import { useNavigate, useLocation } from 'react-router-dom-v5-compat';
 import { setSelectedFilters, setFilterConfiguration, getFilterUserConfiguration } from 'core/actions/filterAction';
 import { setChatbotContext, setStepFormStreamData, setMinimizedStreamData, setThinkingContext, setPersistedFormValues, clearPersistedFormValues, setCurrentAgentChatId, setHierarchyKeyValue, setChatbotFilterOptions, setSavedFilterSets } from 'core/actions/smartBotActions';
-import { useNavigate, useLocation } from 'react-router-dom-v5-compat';
 import RefreshIcon from '@mui/icons-material/Refresh';
 import styled from 'styled-components';
 import { CircularProgress, Typography, Grid } from '@mui/material';
@@ -653,8 +653,11 @@ const handleMessageLike = async (question, liked, setLoadingState, displaySnackM
     try {
         let request;
         if (currentMode === "agent") {
+            // Use the session stored on this specific message. The live sessionId is
+            // reset once a flow completes / awaits follow-up, so relying on it would
+            // send an empty session_id or the session of a newer chat.
             const agentPayload = {
-                session_id: sessionId,
+                session_id: activeMessage?.chatSessionId || activeMessage?.sessionId || sessionId,
                 liked,
             };
             request = await likeDislikeCommentForAgent(agentPayload, baseUrl);
@@ -1098,6 +1101,66 @@ const getFormattedApplicationName = (applicationURL) => {
   }
 };
 
+/**
+ * Resolves a link href to an in-app route (path + search + hash) when the link
+ * points to a screen of this application, otherwise returns null.
+ * Handles both relative links ("/inventory-smart/create-allocation?step=0") and
+ * absolute links sent by the backend
+ * ("https://tapestry.test.impactsmartsuite.com/inventory-smart/create-allocation?step=0").
+ */
+const resolveInternalPath = (href) => {
+    if (!href || typeof href !== 'string')
+        return null;
+    // Non navigational protocols (mailto:, tel:, javascript:, #anchor) stay as-is
+    if (/^(mailto:|tel:|javascript:)/i.test(href) || href.startsWith('#'))
+        return null;
+    try {
+        const url = new URL(href, window.location.origin);
+        if (url.protocol !== 'http:' && url.protocol !== 'https:')
+            return null;
+        const currentApp = window.location.pathname.split('/')[1];
+        const targetApp = url.pathname.split('/')[1];
+        // Same origin, or a different host of the same app (e.g. backend returns the
+        // deployed host while running locally) - both resolve to a client side route
+        const isInternal = url.origin === window.location.origin ||
+            (!!currentApp && currentApp === targetApp);
+        if (!isInternal)
+            return null;
+        return `${url.pathname}${url.search}${url.hash}`;
+    }
+    catch (e) {
+        return null;
+    }
+};
+/**
+ * Minimizes the chat window so the user can see the screen they navigated to.
+ * SmartBot (index.tsx) listens for this event and sets partialClose.
+ */
+const minimizeChatBot = () => {
+    window.dispatchEvent(new CustomEvent("smartBotMinimize"));
+};
+/**
+ * Anchor rendered inside chatbot markdown. Internal links are navigated through
+ * react-router so the chatbot is not remounted by a full page load.
+ */
+const MarkdownLink = ({ href, children, ...props }) => {
+    const navigate = useNavigate();
+    const handleClick = (event) => {
+        // Let the browser handle new tab / new window / download intents
+        if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0)
+            return;
+        const internalPath = resolveInternalPath(href);
+        if (!internalPath)
+            return;
+        event.preventDefault();
+        const currentPath = `${window.location.pathname}${window.location.search}`;
+        if (currentPath !== internalPath) {
+            navigate(internalPath);
+        }
+        minimizeChatBot();
+    };
+    return (jsx("a", { href: href, target: "_self", onClick: handleClick, ...props, children: children }));
+};
 /**
  * Checks whether the input string contains meaningful HTML markup
  * (beyond simple inline tags like <b>, <i>, <em>, <strong>, <br>, <a>, <u>
@@ -1138,9 +1201,16 @@ const preprocessMarkdown = (content) => {
         .replace(/(^|\n)([^\n-•]*[a-zA-Z0-9][^\n]*)\n([-•]\s+)/g, '$1$2\n\n$3')
         // Handle list items with - or • appearing directly after text without newline
         // Only treat as a new bullet when preceded by sentence-ending punctuation (to avoid splitting inline hyphens like "KSO- ORLANDO")
-        .replace(/([.!?:)\"])\s*([-•])\s+/g, '$1\n\n$2 ')
-        // Handle nested list items with proper indentation
-        .replace(/(\n\s{2,})([-•]|\d+\.)\s+/g, '\n    $2 ')
+        // [^\S\n] (horizontal whitespace only) keeps this from crossing line breaks,
+        // which would dedent already correctly indented nested bullets
+        .replace(/([.!?:)"])[^\S\n]*([-\u2022])[^\S\n]+/g, '$1\n\n$2 ')
+        // Handle nested list items with proper indentation.
+        // Matching only horizontal whitespace after the newline keeps blank lines and
+        // top level numbered items intact (indenting those turns them into plain text).
+        // Normalize to 3 spaces: enough to nest under both "- " and "1. " parents, and
+        // below the 4 space threshold that would turn the line into a code block.
+        // Indents of 4 or more are left untouched (deliberate deeper nesting).
+        .replace(/(\n[^\S\n]{2,3})([-\u2022]|\d+\.)[^\S\n]+/g, '\n   $2 ')
         // Ensure double line breaks after list sections
         .replace(/(\n\d+\.\s+.*?)(\n\n###)/g, '$1\n$2')
         .replace(/(\n[-•]\s+.*?)(\n\n###)/g, '$1\n$2')
@@ -1152,8 +1222,8 @@ const preprocessMarkdown = (content) => {
  * Custom components for markdown rendering
  */
 const markdownComponents = {
-    // Custom link component that opens in the same tab
-    a: ({ href, children, ...props }) => (jsx("a", { href: href, target: "_self", ...props, children: children })),
+    // Custom link component that navigates in-app without reloading the page
+    a: MarkdownLink,
     // Custom code component
     code: ({ children, className, ...props }) => (jsx("code", { className: `markdown-code ${className || ''}`, ...props, children: children })),
     // Custom pre component for code blocks
@@ -1173,13 +1243,32 @@ const markdownComponents = {
  * Markdown renderer component with sanitization
  */
 const TextRenderer = ({ text, thinking }) => {
+    const navigate = useNavigate();
+    // Click delegation for anchors inside raw HTML content (dangerouslySetInnerHTML),
+    // so in-app links navigate through react-router instead of reloading the page.
+    const handleHtmlClick = (event) => {
+        if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0)
+            return;
+        const anchor = event.target.closest?.('a');
+        if (!anchor || anchor.target === '_blank')
+            return;
+        const internalPath = resolveInternalPath(anchor.getAttribute('href'));
+        if (!internalPath)
+            return;
+        event.preventDefault();
+        const currentPath = `${window.location.pathname}${window.location.search}`;
+        if (currentPath !== internalPath) {
+            navigate(internalPath);
+        }
+        minimizeChatBot();
+    };
     // If the input contains rich HTML, render it directly with DOMPurify sanitization
     if (containsRichHtml(text)) {
         const sanitizedHtml = DOMPurify.sanitize(text, {
             ADD_TAGS: ['style'],
             ADD_ATTR: ['style', 'class', 'target', 'rel'],
         });
-        return (jsx("div", { className: `markdown-content md-content ${thinking ? "thinking" : ""}`, dangerouslySetInnerHTML: { __html: sanitizedHtml } }));
+        return (jsx("div", { className: `markdown-content md-content ${thinking ? "thinking" : ""}`, onClick: handleHtmlClick, dangerouslySetInnerHTML: { __html: sanitizedHtml } }));
     }
     // Otherwise, use the existing markdown pipeline
     const processedContent = preprocessMarkdown(text);
@@ -5229,6 +5318,13 @@ const sseevent = (message, messageToStoreRef) => {
                 ? parsedData.chat_id
                 : "";
             messageToStoreRef.current.sessionId = parsedData?.session_id;
+            // Sticky copy of the session id this message belongs to. sessionId gets
+            // cleared on completed/follow-up so the next user message starts a fresh
+            // session, but message level actions (like/dislike) still need to refer
+            // to the session that actually produced this response.
+            if (parsedData?.session_id) {
+                messageToStoreRef.current.chatSessionId = parsedData.session_id;
+            }
         }
         if (messageToStoreRef.current.currentMode === "navigation" &&
             parsedData?.session_id) {
@@ -9575,7 +9671,12 @@ const StreamedContent = ({ botData, botProps }) => {
                     },
                 };
                 const hasStepFormWidgets = !isEmpty(stepFormDataMapRef.current);
-                processResponse(response, botData.inputBody, currentMode, botData.utilityObject.customChatConfig, {
+                // response.session_id is intentionally blank once the flow completes, so
+                // keep the retained session separately and stamp it on the stored message.
+                const messageChatSessionId = messageToStoreRef.current.chatSessionId ||
+                    messageToStoreRef.current.sessionId ||
+                    "";
+                Promise.resolve(processResponse(response, botData.inputBody, currentMode, botData.utilityObject.customChatConfig, {
                     newChatData: chatDataInfoRef,
                     isTabEnabled: true,
                     steps: stepRef.current.map(s => ({ ...s })),
@@ -9583,7 +9684,15 @@ const StreamedContent = ({ botData, botProps }) => {
                     questions: [...questionsRef.current],
                     questionsStepsMap: { ...questionsStepsMapRef.current },
                     stepFormDataMap: { ...stepFormDataMapRef.current },
-                }, activeConversationId);
+                }, activeConversationId)).then(() => {
+                    if (!messageChatSessionId)
+                        return;
+                    const storedMessages = chatDataInfoRef.current?.[currentMode]?.conversations?.[activeConversationId]?.messages;
+                    if (storedMessages?.length) {
+                        storedMessages[storedMessages.length - 1].chatSessionId =
+                            messageChatSessionId;
+                    }
+                });
                 // [
                 //   {
                 //     header: "Finding relevant information",
@@ -15031,13 +15140,19 @@ const SmartBot = (props) => {
             if (newChatId !== undefined)
                 setUniqueChatId(newChatId);
         };
+        // Minimize the chat window when the user follows an in-app link from a bot response
+        const handleMinimizeRequest = () => {
+            setPartialClose(true);
+        };
         window.addEventListener("stepFormStreamStart", handleStepFormStreamStart);
         window.addEventListener("stepFormStreamEnd", handleStepFormStreamEnd);
         window.addEventListener("stepFormInitStateUpdate", handleStepFormInitStateUpdate);
+        window.addEventListener("smartBotMinimize", handleMinimizeRequest);
         return () => {
             window.removeEventListener("stepFormStreamStart", handleStepFormStreamStart);
             window.removeEventListener("stepFormStreamEnd", handleStepFormStreamEnd);
             window.removeEventListener("stepFormInitStateUpdate", handleStepFormInitStateUpdate);
+            window.removeEventListener("smartBotMinimize", handleMinimizeRequest);
         };
     }, []);
     const fetchCustomBotConfigurations = async () => {