@xapp/chat-widget 1.99.0 → 1.100.0

package/dist/index.js

@@ -12978,7 +12978,7 @@ var ChatMessage = function (props) {
                 return (require$$0.jsxs(require$$0.Fragment, { children: [showToolProgressWithAvatar && (require$$0.jsx(ChatMessagePart, { showAvatar: true, user: user, avatarPosition: (_g = (_f = (_e = chatConfig === null || chatConfig === void 0 ? void 0 : chatConfig.env) === null || _e === void 0 ? void 0 : _e.theme) === null || _f === void 0 ? void 0 : _f.messages) === null || _g === void 0 ? void 0 : _g.avatarPosition, hideUserInfo: hideUserInfo, isStreaming: true, children: require$$0.jsx("div", { className: "chat-msg", children: require$$0.jsx(ToolCallDisplay, { toolCalls: toolCalls, debugMode: debugMode }) }) })), msg.text && (require$$0.jsx(ChatMessagePart, { showAvatar: avaKey === "text", user: user, avatarPosition: (_k = (_j = (_h = chatConfig === null || chatConfig === void 0 ? void 0 : chatConfig.env) === null || _h === void 0 ? void 0 : _h.theme) === null || _j === void 0 ? void 0 : _j.messages) === null || _k === void 0 ? void 0 : _k.avatarPosition, hideUserInfo: hideUserInfo, isStreaming: isStreaming_1 || wasStreamed, children: require$$0.jsx(ChatTextMessage, { message: props.message, sibling: props.sibling, user: user, toolCalls: hasToolCalls ? toolCalls : undefined, debugMode: debugMode }) })), msg.html &&
                             require$$0.jsx(ChatMessagePart, { showAvatar: avaKey === "html", user: user, avatarPosition: (_o = (_m = (_l = chatConfig === null || chatConfig === void 0 ? void 0 : chatConfig.env) === null || _l === void 0 ? void 0 : _l.theme) === null || _m === void 0 ? void 0 : _m.messages) === null || _o === void 0 ? void 0 : _o.avatarPosition, hideUserInfo: hideUserInfo, children: require$$0.jsx(ChatMarkdownMessage, { message: props.message, sibling: props.sibling, onOpenUrl: (_p = props.middlewareContext) === null || _p === void 0 ? void 0 : _p.openUrl }) }), msg.displays && middleware && msg.displays.map(function (display, index) {
                             if (display.type === "ScheduleButton") {
-                                return (require$$0.jsx(ChatScheduleWidget, { minimizeOnClick: props.minimizeOnClick, display: display }));
+                                return (require$$0.jsx(ChatScheduleWidget, { minimizeOnClick: props.minimizeOnClick, display: display }, index));
                             }
                             var Middleware = middleware;
                             return (require$$0.jsx(Middleware, { msg: display, ctx: props.middlewareContext }, index));
@@ -13476,11 +13476,14 @@ var Suggestions = function (props) {
     var actions = React.useMemo(function () { return createActions(onItemUse); }, [onItemUse]);
     var transformContent = function (content) {
         var lines = content.split('\n');
-        return lines.map(function (line) {
+        // Keyed by position: the lines have no id of their own, and a blank line between
+        // paragraphs is not distinguishable by content either. `<></>` cannot carry a key,
+        // hence the explicit Fragment.
+        return lines.map(function (line, index) {
             if (line) {
-                return require$$0.jsx(MarkdownBuilder, { text: line });
+                return require$$0.jsx(MarkdownBuilder, { text: line }, "line-".concat(index));
             }
-            return require$$0.jsx(require$$0.Fragment, {});
+            return require$$0.jsx(React.Fragment, {}, "line-".concat(index));
         });
     };
     var containerClass = "xappw-suggestions ".concat(props.className || "", " ").concat(props.hasWsButton ? "xappw-suggestions--with-ws-button" : "").trim();
@@ -35471,13 +35474,26 @@ var MessageList = function (_a) {
      * until the user scrolled back by hand. Device, 2026-09-10.
      *
      * A container scroll cannot touch an ancestor, which is the entire point.
+     *
+     * `scrollTo` is feature-detected rather than assumed. It is absent in jsdom, so every
+     * test that mounts this component through a passive effect throws on it -- but the
+     * reason to guard is not the test runner: this widget renders on whatever browser a
+     * customer's visitor brought, and a missing `Element.prototype.scrollTo` would throw
+     * inside a passive effect and take the message list down with it. Assigning
+     * `scrollTop` is the universally supported equivalent; it loses the smooth animation
+     * and nothing else.
      */
     var scrollToBottom = React.useCallback(function (behavior) {
         if (behavior === void 0) { behavior = "smooth"; }
         var container = containerRef.current;
-        if (container) {
+        if (!container) {
+            return;
+        }
+        if (typeof container.scrollTo === "function") {
             container.scrollTo({ top: container.scrollHeight, behavior: behavior });
+            return;
         }
+        container.scrollTop = container.scrollHeight;
     }, []);
     // Always scroll to bottom when messages change (unless disabled)
     React.useEffect(function () {
@@ -35568,7 +35584,7 @@ var MessageList = function (_a) {
             case "chat.prechat":
                 return require$$0.jsx(PrechatFormContainer, { time: time }, "prechat");
             default:
-                return (require$$0.jsxs("span", { children: [require$$0.jsx("span", { className: "message-sr-only", children: "at " + time + " system message" }), require$$0.jsxs("div", { children: ["Unhandled message: ", JSON.stringify(msg)] }, "uhm-".concat(+new Date()))] }, "default-".concat(msg.timestamp)));
+                return (require$$0.jsxs("span", { children: [require$$0.jsx("span", { className: "message-sr-only", children: "at " + time + " system message" }), require$$0.jsxs("div", { "data-testid": "unhandled-message", children: ["Unhandled message: ", JSON.stringify(msg)] }, "uhm-".concat(msg.timestamp))] }, "default-".concat(msg.timestamp)));
         }
     }
     /**