impact-chatbot 2.3.83 → 2.3.84

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';
@@ -1098,6 +1098,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 +1198,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 +1219,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 +1240,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);
@@ -15031,13 +15117,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 () => {