@eshal-bot/chat-widget 0.1.114 → 0.1.115

package/dist/chat-widget.esm.js

@@ -1 +1 @@
-export{S as default}from"./chat-widget-index-DngtpZEU.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,7 +15083,46 @@
       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,
@@ -15096,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
@@ -15319,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", {
@@ -15408,7 +15463,7 @@
       })
     );
   };
-  const UserMessage = _ref9 => {
+  const UserMessage = _ref0 => {
     let {
       message,
       formatTime,
@@ -15423,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";
@@ -15513,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,
@@ -15552,7 +15613,7 @@
       provideCitations,
       onFeedback,
       headerTextColor
-    } = _ref0;
+    } = _ref1;
     if (!message) {
       return null;
     }