@eshal-bot/chat-widget 0.1.113 → 0.1.115

package/dist/chat-widget.esm.js

@@ -1 +1 @@
-export{S as default}from"./chat-widget-index-DWLdojrt.esm.js";import"react";import"react-dom/client";import"react-dom";import"react/jsx-runtime";
+export{S as default}from"./chat-widget-index-DryngjDK.esm.js";import"react";import"react-dom/client";import"react-dom";import"react/jsx-runtime";

package/dist/chat-widget.js

@@ -12051,7 +12051,7 @@
    * See the LICENSE file in the root directory of this source tree.
    */
 
-  const __iconNode$i = [["path", {
+  const __iconNode$j = [["path", {
     d: "M2 10v3",
     key: "1fnikh"
   }], ["path", {
@@ -12070,7 +12070,20 @@
     d: "M22 10v3",
     key: "154ddg"
   }]];
-  const AudioLines = createLucideIcon("audio-lines", __iconNode$i);
+  const AudioLines = createLucideIcon("audio-lines", __iconNode$j);
+
+  /**
+   * @license lucide-react v0.575.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   */
+
+  const __iconNode$i = [["path", {
+    d: "M20 6 9 17l-5-5",
+    key: "1gmf2c"
+  }]];
+  const Check = createLucideIcon("check", __iconNode$i);
 
   /**
    * @license lucide-react v0.575.0 - ISC
@@ -15070,13 +15083,53 @@
       downloadingKey
     };
   }
-  const AssistantMessage = _ref8 => {
+
+  // EV-2719: per-message copy, alongside the header's existing whole-chat
+  // "Copy Chat" action. Styled to match the thumbs up/down buttons below
+  // (same size/color classes) and always visible rather than hover-only -
+  // this widget runs on customer sites where touch devices with no hover
+  // state are common, unlike the desktop-first admin Inbox.
+  function CopyMessageButton(_ref8) {
+    let {
+      content,
+      isDark
+    } = _ref8;
+    const [copied, setCopied] = reactExports.useState(false);
+    const handleCopy = reactExports.useCallback(() => {
+      var _navigator$clipboard;
+      if (!content) return;
+      (_navigator$clipboard = navigator.clipboard) === null || _navigator$clipboard === void 0 || _navigator$clipboard.writeText(content).catch(() => {});
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    }, [content]);
+    return /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+      type: "button",
+      onClick: handleCopy,
+      className: "p-0.5 rounded transition-colors ".concat(isDark ? "text-gray-500 hover:text-gray-300" : "text-gray-400 hover:text-gray-600"),
+      style: {
+        border: "none",
+        background: "transparent",
+        appearance: "none",
+        WebkitAppearance: "none",
+        cursor: "pointer"
+      },
+      "aria-label": copied ? "Copied" : "Copy message",
+      title: copied ? "Copied" : "Copy message",
+      children: copied ? /*#__PURE__*/jsxRuntimeExports.jsx(Check, {
+        className: "w-3 h-3 text-green-500"
+      }) : /*#__PURE__*/jsxRuntimeExports.jsx(Copy, {
+        className: "w-3 h-3"
+      })
+    });
+  }
+  const AssistantMessage = _ref9 => {
     let {
       message,
       formatTime,
       isDark,
       primaryColor,
       agentMessageBubbleColor,
+      resolvedAgentBubbleColor,
       textColor,
       assistantTextColor,
       fontFamily,
@@ -15095,7 +15148,7 @@
       provideCitations = true,
       onFeedback,
       headerTextColor
-    } = _ref8;
+    } = _ref9;
     const rawContent = typeof message.content === "string" ? message.content : "";
     // 2026-07-14 - `[N]` markers are preserved verbatim in `displayContent`
     // so the ReactMarkdown pipeline's `rehypeCitations` plugin can spot
@@ -15188,7 +15241,14 @@
       setPendingFeedback(null);
     }, []);
     const isError = (message === null || message === void 0 ? void 0 : message.isError) === true;
-    const bubbleColor = isError ? isDark ? "rgba(239,68,68,0.15)" : "#fee2e2" : agentMessageBubbleColor !== undefined && agentMessageBubbleColor !== null ? agentMessageBubbleColor : isDark ? "#1f2937" : "#FFFFFF";
+    // EV-2677: ChatWindow computes resolvedAgentBubbleColor (dark-mode-aware -
+    // see its useMemo) but this used to fall through to agentMessageBubbleColor
+    // (raw) / a hardcoded isDark ternary instead, same dead-path bug already
+    // fixed for resolvedUserMessageColor above. No visible symptom today since
+    // ChatWindow's dark-mode default (#1f2937) coincidentally matches this
+    // component's own fallback, but wiring it through removes the duplicate,
+    // independently-maintained color logic.
+    const bubbleColor = isError ? isDark ? "rgba(239,68,68,0.15)" : "#fee2e2" : resolvedAgentBubbleColor !== undefined && resolvedAgentBubbleColor !== null ? resolvedAgentBubbleColor : agentMessageBubbleColor !== undefined && agentMessageBubbleColor !== null ? agentMessageBubbleColor : isDark ? "#1f2937" : "#FFFFFF";
     const hasCustomBubbleColor = agentMessageBubbleColor !== undefined && agentMessageBubbleColor !== null && agentMessageBubbleColor !== "#ffffff" && agentMessageBubbleColor !== "#FFFFFF" && agentMessageBubbleColor !== "#1f2937";
     const messageTextColor = isError ? isDark ? "#fca5a5" : "#991b1b" : assistantTextColor !== undefined && assistantTextColor !== null ? assistantTextColor : textColor !== undefined && textColor !== null ? textColor : isDark ? "#f3f4f6" : "#1A1A1A";
     const messageFontFamily = agentMessageBubbleFontFamily !== undefined && agentMessageBubbleFontFamily !== null ? agentMessageBubbleFontFamily : fontFamily !== undefined && fontFamily !== null ? fontFamily : "Inter";
@@ -15311,6 +15371,9 @@
                 className: "text-xs leading-none ".concat(isDark ? "text-gray-400" : "text-gray-500"),
                 dir: "auto",
                 children: formatTime(message.timestamp)
+              }), !isTypingMessage && !message.isProcessing && displayContent && /*#__PURE__*/jsxRuntimeExports.jsx(CopyMessageButton, {
+                content: displayContent,
+                isDark: isDark
               }), allowFeedback !== false && onFeedback && !isTypingMessage && !message.isProcessing && displayContent && message.type !== 'welcome' && !message.isWelcome && /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
                 className: "flex items-center gap-0.5 ml-0.5",
                 children: [/*#__PURE__*/jsxRuntimeExports.jsx("button", {
@@ -15400,7 +15463,7 @@
       })
     );
   };
-  const UserMessage = _ref9 => {
+  const UserMessage = _ref0 => {
     let {
       message,
       formatTime,
@@ -15415,7 +15478,7 @@
       fontSize,
       isDark,
       isRtl
-    } = _ref9;
+    } = _ref0;
     const primary = resolvedUserMessageColor !== undefined && resolvedUserMessageColor !== null ? resolvedUserMessageColor : userMessageBoxColor !== undefined && userMessageBoxColor !== null ? userMessageBoxColor : primaryColor !== undefined && primaryColor !== null ? primaryColor : "#2563eb";
     const messageTextColor = userTextColor !== undefined && userTextColor !== null ? userTextColor : textColor !== undefined && textColor !== null ? textColor : "#FFFFFF";
     const messageFontFamily = userMessageBubbleFontFamily !== undefined && userMessageBubbleFontFamily !== null ? userMessageBubbleFontFamily : fontFamily !== undefined && fontFamily !== null ? fontFamily : "Inter";
@@ -15505,15 +15568,21 @@
             },
             children: message.content
           })
-        }), /*#__PURE__*/jsxRuntimeExports.jsx("p", {
-          className: "text-xs mt-1.5 px-1 ".concat(isDark ? "text-gray-400" : "text-gray-500"),
-          dir: "auto",
-          children: formatTime(message.timestamp)
+        }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+          className: "flex items-center gap-1.5 mt-1.5 px-1",
+          children: [/*#__PURE__*/jsxRuntimeExports.jsx("p", {
+            className: "text-xs leading-none ".concat(isDark ? "text-gray-400" : "text-gray-500"),
+            dir: "auto",
+            children: formatTime(message.timestamp)
+          }), message.content && message.content.trim() !== "" && /*#__PURE__*/jsxRuntimeExports.jsx(CopyMessageButton, {
+            content: message.content,
+            isDark: isDark
+          })]
         })]
       })
     });
   };
-  const MessageBubble = _ref0 => {
+  const MessageBubble = _ref1 => {
     let {
       message,
       isDark,
@@ -15544,7 +15613,7 @@
       provideCitations,
       onFeedback,
       headerTextColor
-    } = _ref0;
+    } = _ref1;
     if (!message) {
       return null;
     }
@@ -15571,6 +15640,7 @@
       isDark: isDark,
       primaryColor: primaryColor,
       agentMessageBubbleColor: agentMessageBubbleColor,
+      resolvedAgentBubbleColor: resolvedAgentBubbleColor,
       textColor: textColor,
       assistantTextColor: assistantTextColor,
       fontFamily: fontFamily,
@@ -16657,6 +16727,7 @@
             isDark: isDark,
             primaryColor: primaryColor,
             agentMessageBubbleColor: agentMessageBubbleColor,
+            resolvedAgentBubbleColor: resolvedAgentBubbleColor,
             userMessageBoxColor: userMessageBoxColor,
             textColor: textColor,
             assistantTextColor: assistantTextColor,
@@ -17537,6 +17608,7 @@
       onboardingEnabled = false,
       userMessageBubbleFontSize,
       userMessageBoxColor,
+      resolvedUserMessageColor,
       userTextColor,
       promptSuggestions,
       onPromptSuggestionClick,
@@ -17813,8 +17885,11 @@
       };
     }, []);
 
-    // Match UserMessage styling for prompt suggestion pills
-    const promptPrimary = userMessageBoxColor !== undefined && userMessageBoxColor !== null ? userMessageBoxColor : primaryColor !== undefined && primaryColor !== null ? primaryColor : "#2563eb";
+    // EV-2677: match UserMessage styling for prompt suggestion pills - it reads
+    // resolvedUserMessageColor first (see MessageBubble.jsx's UserMessage), so
+    // this must too, or an unconfigured org gets gray message bubbles but blue
+    // suggestion pills.
+    const promptPrimary = resolvedUserMessageColor !== undefined && resolvedUserMessageColor !== null ? resolvedUserMessageColor : userMessageBoxColor !== undefined && userMessageBoxColor !== null ? userMessageBoxColor : primaryColor !== undefined && primaryColor !== null ? primaryColor : "#2563eb";
     const promptTextColor = userTextColor !== undefined && userTextColor !== null ? userTextColor : textColor !== undefined && textColor !== null ? textColor : "#FFFFFF";
     const promptFontFamily = userMessageBubbleFontFamily !== undefined && userMessageBubbleFontFamily !== null ? userMessageBubbleFontFamily : fontFamily !== undefined && fontFamily !== null ? fontFamily : "Inter";
     const promptFontSize = userMessageBubbleFontSize !== undefined && userMessageBubbleFontSize !== null ? userMessageBubbleFontSize : fontSize !== undefined && fontSize !== null ? fontSize : "14px";
@@ -20105,6 +20180,7 @@
             onboardingCompleted: onboardingCompleted,
             onboardingEnabled: onboardingEnabled,
             userMessageBoxColor: userMessageBoxColor,
+            resolvedUserMessageColor: resolvedUserMessageColor,
             userTextColor: userTextColor,
             promptSuggestions: showResolveForm || isConversationResolved || autoPromptEnabled === false || isLoading ? [] : stablePromptSuggestions,
             onPromptSuggestionClick: stableOnPromptSuggestionClick,