@anker-in/campaign-ui 0.2.11-beta.3 → 0.2.11-beta.31

package/dist/cjs/components/LiveChatWidget/components/MessageContent.d.ts

@@ -0,0 +1,63 @@
+/**
+ * 消息内容容器组件
+ * 根据消息内容类型分发到对应的渲染器
+ * 基于 specs/livechat-widget/plan.md 的消息内容渲染设计
+ */
+import React from 'react';
+import type { MessageContent as MessageContentType, MessageRenderer } from '../types';
+import { MessageRendererRegistry } from '../utils/messageRenderers';
+export interface MessageContentProps {
+    /**
+     * 消息内容
+     */
+    content: MessageContentType;
+    /**
+     * 是否为用户消息
+     */
+    isUser: boolean;
+    /**
+     * 是否为系统消息
+     */
+    isSystem: boolean;
+    /**
+     * 自定义渲染器注册表
+     */
+    rendererRegistry?: MessageRendererRegistry;
+    /**
+     * 默认渲染器（当找不到对应渲染器时使用）
+     */
+    defaultRenderer?: MessageRenderer;
+    /**
+     * 自定义样式类名
+     */
+    className?: string;
+    /**
+     * 商品添加到购物车回调
+     */
+    onAddToCart?: (product: any) => void;
+}
+/**
+ * 消息内容容器组件
+ *
+ * 功能：
+ * - 根据 content.type 分发到对应的渲染器
+ * - 支持自定义渲染器注册表
+ * - 提供默认兜底渲染器
+ *
+ * 渲染流程：
+ * 1. 检查自定义渲染器注册表是否有对应类型
+ * 2. 如果有，使用自定义渲染器
+ * 3. 如果没有，使用默认渲染器
+ * 4. 如果默认渲染器也没有，显示未知类型提示
+ *
+ * @example
+ * ```tsx
+ * <MessageContent
+ *   content={content}
+ *   isUser={message.role === 'user'}
+ *   isSystem={message.role === 'system'}
+ *   rendererRegistry={customRegistry}
+ * />
+ * ```
+ */
+export declare const MessageContent: React.FC<MessageContentProps>;

package/dist/cjs/components/LiveChatWidget/components/MessageContent.js

@@ -0,0 +1,2 @@
+"use strict";var d=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var m=(e,r)=>{for(var t in r)d(e,t,{get:r[t],enumerable:!0})},l=(e,r,t,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of y(r))!R.call(e,s)&&s!==t&&d(e,s,{get:()=>r[s],enumerable:!(a=g(r,s))||a.enumerable});return e};var M=e=>l(d({},"__esModule",{value:!0}),e);var f={};m(f,{MessageContent:()=>C});module.exports=M(f);var n=require("react/jsx-runtime");const u={render:e=>(0,n.jsxs)("div",{className:"text-sm italic text-gray-500",children:["\u672A\u77E5\u6D88\u606F\u7C7B\u578B: ",e.type]})},C=({content:e,isUser:r,isSystem:t,rendererRegistry:a,defaultRenderer:s,className:i="",onAddToCart:p})=>{let o=e;(e.type==="product_card"||e.type==="product_list"||e.type==="product_comparison")&&p&&(o={...e,data:{...e.data,onAddToCart:p}});const c=(a?.get(o.type)||s||u).render(o,r,t);return(0,n.jsx)("div",{className:i,children:c})};
+//# sourceMappingURL=MessageContent.js.map

package/dist/cjs/components/LiveChatWidget/components/MessageContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/LiveChatWidget/components/MessageContent.tsx"],
+  "sourcesContent": ["/**\n * \u6D88\u606F\u5185\u5BB9\u5BB9\u5668\u7EC4\u4EF6\n * \u6839\u636E\u6D88\u606F\u5185\u5BB9\u7C7B\u578B\u5206\u53D1\u5230\u5BF9\u5E94\u7684\u6E32\u67D3\u5668\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u6D88\u606F\u5185\u5BB9\u6E32\u67D3\u8BBE\u8BA1\n */\n\nimport React from 'react'\nimport type { MessageContent as MessageContentType, MessageRenderer } from '../types'\nimport { MessageRendererRegistry } from '../utils/messageRenderers'\n\nexport interface MessageContentProps {\n  /**\n   * \u6D88\u606F\u5185\u5BB9\n   */\n  content: MessageContentType\n\n  /**\n   * \u662F\u5426\u4E3A\u7528\u6237\u6D88\u606F\n   */\n  isUser: boolean\n\n  /**\n   * \u662F\u5426\u4E3A\u7CFB\u7EDF\u6D88\u606F\n   */\n  isSystem: boolean\n\n  /**\n   * \u81EA\u5B9A\u4E49\u6E32\u67D3\u5668\u6CE8\u518C\u8868\n   */\n  rendererRegistry?: MessageRendererRegistry\n\n  /**\n   * \u9ED8\u8BA4\u6E32\u67D3\u5668\uFF08\u5F53\u627E\u4E0D\u5230\u5BF9\u5E94\u6E32\u67D3\u5668\u65F6\u4F7F\u7528\uFF09\n   */\n  defaultRenderer?: MessageRenderer\n\n  /**\n   * \u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D\n   */\n  className?: string\n\n  /**\n   * \u5546\u54C1\u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\u56DE\u8C03\n   */\n  onAddToCart?: (product: any) => void\n}\n\n/**\n * \u9ED8\u8BA4\u6E32\u67D3\u5668 - \u663E\u793A\u672A\u77E5\u7C7B\u578B\u63D0\u793A\n */\nconst defaultFallbackRenderer: MessageRenderer = {\n  render: content => <div className=\"text-sm italic text-gray-500\">\u672A\u77E5\u6D88\u606F\u7C7B\u578B: {content.type}</div>,\n}\n\n/**\n * \u6D88\u606F\u5185\u5BB9\u5BB9\u5668\u7EC4\u4EF6\n *\n * \u529F\u80FD\uFF1A\n * - \u6839\u636E content.type \u5206\u53D1\u5230\u5BF9\u5E94\u7684\u6E32\u67D3\u5668\n * - \u652F\u6301\u81EA\u5B9A\u4E49\u6E32\u67D3\u5668\u6CE8\u518C\u8868\n * - \u63D0\u4F9B\u9ED8\u8BA4\u515C\u5E95\u6E32\u67D3\u5668\n *\n * \u6E32\u67D3\u6D41\u7A0B\uFF1A\n * 1. \u68C0\u67E5\u81EA\u5B9A\u4E49\u6E32\u67D3\u5668\u6CE8\u518C\u8868\u662F\u5426\u6709\u5BF9\u5E94\u7C7B\u578B\n * 2. \u5982\u679C\u6709\uFF0C\u4F7F\u7528\u81EA\u5B9A\u4E49\u6E32\u67D3\u5668\n * 3. \u5982\u679C\u6CA1\u6709\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u6E32\u67D3\u5668\n * 4. \u5982\u679C\u9ED8\u8BA4\u6E32\u67D3\u5668\u4E5F\u6CA1\u6709\uFF0C\u663E\u793A\u672A\u77E5\u7C7B\u578B\u63D0\u793A\n *\n * @example\n * ```tsx\n * <MessageContent\n *   content={content}\n *   isUser={message.role === 'user'}\n *   isSystem={message.role === 'system'}\n *   rendererRegistry={customRegistry}\n * />\n * ```\n */\nexport const MessageContent: React.FC<MessageContentProps> = ({\n  content,\n  isUser,\n  isSystem,\n  rendererRegistry,\n  defaultRenderer,\n  className = '',\n  onAddToCart,\n}) => {\n  // \u52A8\u6001\u6CE8\u5165 onAddToCart \u5230 product_card\u3001product_list \u548C product_comparison \u7C7B\u578B\u7684\u5185\u5BB9\u4E2D\n  let processedContent = content\n  if (\n    (content.type === 'product_card' || content.type === 'product_list' || content.type === 'product_comparison') &&\n    onAddToCart\n  ) {\n    processedContent = {\n      ...content,\n      data: {\n        ...(content as any).data,\n        onAddToCart,\n      },\n    }\n  }\n\n  // \u5C1D\u8BD5\u4ECE\u6CE8\u518C\u8868\u83B7\u53D6\u6E32\u67D3\u5668\n  const customRenderer = rendererRegistry?.get(processedContent.type)\n\n  // \u786E\u5B9A\u6700\u7EC8\u4F7F\u7528\u7684\u6E32\u67D3\u5668\n  const renderer = customRenderer || defaultRenderer || defaultFallbackRenderer\n\n  // \u6E32\u67D3\u5185\u5BB9\n  const rendered = renderer.render(processedContent, isUser, isSystem)\n\n  return <div className={className}>{rendered}</div>\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAmDqB,IAAAI,EAAA,6BADrB,MAAMC,EAA2C,CAC/C,OAAQC,MAAW,QAAC,OAAI,UAAU,+BAA+B,mDAASA,EAAQ,MAAK,CACzF,EA0BaJ,EAAgD,CAAC,CAC5D,QAAAI,EACA,OAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,UAAAC,EAAY,GACZ,YAAAC,CACF,IAAM,CAEJ,IAAIC,EAAmBP,GAEpBA,EAAQ,OAAS,gBAAkBA,EAAQ,OAAS,gBAAkBA,EAAQ,OAAS,uBACxFM,IAEAC,EAAmB,CACjB,GAAGP,EACH,KAAM,CACJ,GAAIA,EAAgB,KACpB,YAAAM,CACF,CACF,GAUF,MAAME,GANiBL,GAAkB,IAAII,EAAiB,IAAI,GAG/BH,GAAmBL,GAG5B,OAAOQ,EAAkBN,EAAQC,CAAQ,EAEnE,SAAO,OAAC,OAAI,UAAWG,EAAY,SAAAG,EAAS,CAC9C",
+  "names": ["MessageContent_exports", "__export", "MessageContent", "__toCommonJS", "import_jsx_runtime", "defaultFallbackRenderer", "content", "isUser", "isSystem", "rendererRegistry", "defaultRenderer", "className", "onAddToCart", "processedContent", "rendered"]
+}

package/dist/cjs/components/LiveChatWidget/components/MessageList.d.ts

@@ -0,0 +1,74 @@
+/**
+ * 消息列表组件
+ * 显示所有聊天消息，支持滚动
+ * 基于 specs/livechat-widget/plan.md 的消息列表设计
+ */
+import React from 'react';
+import type { Message, MessageRenderer } from '../types';
+import { MessageRendererRegistry } from '../utils/messageRenderers';
+export interface MessageListProps {
+    /**
+     * 消息列表
+     */
+    messages: Message[];
+    /**
+     * 自定义渲染器注册表
+     */
+    rendererRegistry?: MessageRendererRegistry;
+    /**
+     * 默认渲染器
+     */
+    defaultRenderer?: MessageRenderer;
+    /**
+     * 是否显示时间戳
+     * @default true
+     */
+    showTimestamp?: boolean;
+    /**
+     * 是否自动滚动到底部
+     * @default true
+     */
+    autoScroll?: boolean;
+    /**
+     * 是否正在加载历史消息
+     * @default false
+     */
+    isLoadingHistory?: boolean;
+    /**
+     * 空状态占位内容
+     */
+    emptyPlaceholder?: React.ReactNode;
+    /**
+     * 自定义样式类名
+     */
+    className?: string;
+    /**
+     * 商品添加到购物车回调
+     */
+    onAddToCart?: (product: any) => void;
+}
+/**
+ * 消息列表组件
+ *
+ * 功能：
+ * - 显示所有消息（用户、助手、系统）
+ * - 自动滚动到最新消息
+ * - 加载历史消息时显示指示器
+ * - 空状态占位
+ *
+ * 样式：
+ * - 使用自定义滚动条样式（livechat.css）
+ * - 内容间距合理
+ * - 支持响应式布局
+ *
+ * @example
+ * ```tsx
+ * <MessageList
+ *   messages={messages}
+ *   rendererRegistry={customRegistry}
+ *   autoScroll={true}
+ *   isLoadingHistory={isLoading}
+ * />
+ * ```
+ */
+export declare const MessageList: React.FC<MessageListProps>;

package/dist/cjs/components/LiveChatWidget/components/MessageList.js

@@ -0,0 +1,5 @@
+"use strict";var f=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var L=(r,o)=>{for(var i in o)f(r,i,{get:o[i],enumerable:!0})},k=(r,o,i,c)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of M(o))!C.call(r,s)&&s!==i&&f(r,s,{get:()=>o[s],enumerable:!(c=w(o,s))||c.enumerable});return r};var B=r=>k(f({},"__esModule",{value:!0}),r);var z={};L(z,{MessageList:()=>S});module.exports=B(z);var e=require("react/jsx-runtime"),n=require("react"),v=require("./ChatMessage"),h=require("./ScrollAnchor");const E=()=>(0,e.jsx)("div",{className:"flex h-full items-center justify-center text-gray-400",children:(0,e.jsx)("p",{className:"text-sm",children:"No messages yet"})}),H=()=>(0,e.jsx)("div",{className:"flex justify-center py-4",children:(0,e.jsxs)("div",{className:"flex gap-1",children:[(0,e.jsx)("div",{className:"size-2 animate-bounce rounded-full bg-gray-400"}),(0,e.jsx)("div",{className:"size-2 animate-bounce rounded-full bg-gray-400",style:{animationDelay:"0.1s"}}),(0,e.jsx)("div",{className:"size-2 animate-bounce rounded-full bg-gray-400",style:{animationDelay:"0.2s"}})]})}),S=({messages:r,rendererRegistry:o,defaultRenderer:i,showTimestamp:c=!0,autoScroll:s=!0,isLoadingHistory:p=!1,emptyPlaceholder:y,className:g="",onAddToCart:b})=>{const a=(0,n.useRef)(null),[u,m]=(0,n.useState)(!1),d=(0,n.useCallback)((t=100)=>{const l=a.current;if(!l)return!0;const{scrollTop:R,scrollHeight:N,clientHeight:T}=l;return N-R-T<t},[]),x=(0,n.useCallback)(()=>{const t=a.current;t&&t.scrollTo({top:t.scrollHeight,behavior:"smooth"})},[]);return(0,n.useEffect)(()=>{const t=a.current;if(!t)return;const l=()=>{m(!d())};return l(),t.addEventListener("scroll",l,{passive:!0}),()=>t.removeEventListener("scroll",l)},[d]),(0,n.useEffect)(()=>{if(s)return;const t=setTimeout(()=>{m(!d())},150);return()=>clearTimeout(t)},[r,s,d]),(0,n.useEffect)(()=>{if(!s||!a.current)return;const t=setTimeout(()=>{a.current&&(a.current.scrollTop=a.current.scrollHeight,m(!1))},100);return()=>clearTimeout(t)},[r,s]),r.length===0&&!p?(0,e.jsx)("div",{className:`flex-1 overflow-hidden ${g}`,children:y||(0,e.jsx)(E,{})}):(0,e.jsxs)("div",{className:"relative flex-1 overflow-hidden",children:[(0,e.jsxs)("div",{ref:a,className:`
+          livechat-message-list absolute inset-0 overflow-y-auto p-4
+          ${g}
+        `,children:[p&&(0,e.jsx)(H,{}),(0,e.jsx)("div",{className:"flex flex-col gap-1",children:r.map(t=>(0,e.jsx)(v.ChatMessage,{message:t,rendererRegistry:o,defaultRenderer:i,showTimestamp:c,onAddToCart:b},t.id))}),s&&(0,e.jsx)(h.ScrollAnchor,{dependencies:[r]})]}),(0,e.jsx)("button",{onClick:x,className:`flex -translate-x-1/2 items-center justify-center ${u?"":"pointer-events-none"}`,style:{position:"absolute",bottom:"24px",left:"50%",zIndex:10,width:"40px",height:"40px",borderRadius:"50%",backgroundColor:"rgba(255, 255, 255, 0.95)",boxShadow:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",transition:"all 300ms ease-in-out",opacity:u?1:0,cursor:"pointer",border:"none"},"aria-label":"Scroll to bottom","aria-hidden":!u,children:(0,e.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"text-gray-700",children:(0,e.jsx)("polyline",{points:"6 9 12 15 18 9"})})})]})};
+//# sourceMappingURL=MessageList.js.map

package/dist/cjs/components/LiveChatWidget/components/MessageList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/LiveChatWidget/components/MessageList.tsx"],
+  "sourcesContent": ["/**\n * \u6D88\u606F\u5217\u8868\u7EC4\u4EF6\n * \u663E\u793A\u6240\u6709\u804A\u5929\u6D88\u606F\uFF0C\u652F\u6301\u6EDA\u52A8\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u6D88\u606F\u5217\u8868\u8BBE\u8BA1\n */\n\nimport React, { useRef, useEffect, useState, useCallback } from 'react'\nimport type { Message, MessageRenderer } from '../types'\nimport { ChatMessage } from './ChatMessage'\nimport { ScrollAnchor } from './ScrollAnchor'\nimport { MessageRendererRegistry } from '../utils/messageRenderers'\n\nexport interface MessageListProps {\n  /**\n   * \u6D88\u606F\u5217\u8868\n   */\n  messages: Message[]\n\n  /**\n   * \u81EA\u5B9A\u4E49\u6E32\u67D3\u5668\u6CE8\u518C\u8868\n   */\n  rendererRegistry?: MessageRendererRegistry\n\n  /**\n   * \u9ED8\u8BA4\u6E32\u67D3\u5668\n   */\n  defaultRenderer?: MessageRenderer\n\n  /**\n   * \u662F\u5426\u663E\u793A\u65F6\u95F4\u6233\n   * @default true\n   */\n  showTimestamp?: boolean\n\n  /**\n   * \u662F\u5426\u81EA\u52A8\u6EDA\u52A8\u5230\u5E95\u90E8\n   * @default true\n   */\n  autoScroll?: boolean\n\n  /**\n   * \u662F\u5426\u6B63\u5728\u52A0\u8F7D\u5386\u53F2\u6D88\u606F\n   * @default false\n   */\n  isLoadingHistory?: boolean\n\n  /**\n   * \u7A7A\u72B6\u6001\u5360\u4F4D\u5185\u5BB9\n   */\n  emptyPlaceholder?: React.ReactNode\n\n  /**\n   * \u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D\n   */\n  className?: string\n\n  /**\n   * \u5546\u54C1\u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\u56DE\u8C03\n   */\n  onAddToCart?: (product: any) => void\n}\n\n/**\n * \u9ED8\u8BA4\u7A7A\u72B6\u6001\u5360\u4F4D\n */\nconst DefaultEmptyPlaceholder: React.FC = () => (\n  <div className=\"flex h-full items-center justify-center text-gray-400\">\n    <p className=\"text-sm\">No messages yet</p>\n  </div>\n)\n\n/**\n * \u52A0\u8F7D\u6307\u793A\u5668\n */\nconst LoadingIndicator: React.FC = () => (\n  <div className=\"flex justify-center py-4\">\n    <div className=\"flex gap-1\">\n      <div className=\"size-2 animate-bounce rounded-full bg-gray-400\" />\n      <div className=\"size-2 animate-bounce rounded-full bg-gray-400\" style={{ animationDelay: '0.1s' }} />\n      <div className=\"size-2 animate-bounce rounded-full bg-gray-400\" style={{ animationDelay: '0.2s' }} />\n    </div>\n  </div>\n)\n\n/**\n * \u6D88\u606F\u5217\u8868\u7EC4\u4EF6\n *\n * \u529F\u80FD\uFF1A\n * - \u663E\u793A\u6240\u6709\u6D88\u606F\uFF08\u7528\u6237\u3001\u52A9\u624B\u3001\u7CFB\u7EDF\uFF09\n * - \u81EA\u52A8\u6EDA\u52A8\u5230\u6700\u65B0\u6D88\u606F\n * - \u52A0\u8F7D\u5386\u53F2\u6D88\u606F\u65F6\u663E\u793A\u6307\u793A\u5668\n * - \u7A7A\u72B6\u6001\u5360\u4F4D\n *\n * \u6837\u5F0F\uFF1A\n * - \u4F7F\u7528\u81EA\u5B9A\u4E49\u6EDA\u52A8\u6761\u6837\u5F0F\uFF08livechat.css\uFF09\n * - \u5185\u5BB9\u95F4\u8DDD\u5408\u7406\n * - \u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\n *\n * @example\n * ```tsx\n * <MessageList\n *   messages={messages}\n *   rendererRegistry={customRegistry}\n *   autoScroll={true}\n *   isLoadingHistory={isLoading}\n * />\n * ```\n */\nexport const MessageList: React.FC<MessageListProps> = ({\n  messages,\n  rendererRegistry,\n  defaultRenderer,\n  showTimestamp = true,\n  autoScroll = true,\n  isLoadingHistory = false,\n  emptyPlaceholder,\n  className = '',\n  onAddToCart,\n}) => {\n  const listRef = useRef<HTMLDivElement>(null)\n  const [showScrollButton, setShowScrollButton] = useState(false)\n\n  // \u68C0\u67E5\u662F\u5426\u63A5\u8FD1\u5E95\u90E8\n  const isNearBottom = useCallback((threshold = 100) => {\n    const container = listRef.current\n    if (!container) return true\n\n    const { scrollTop, scrollHeight, clientHeight } = container\n    return scrollHeight - scrollTop - clientHeight < threshold\n  }, [])\n\n  // \u5E73\u6ED1\u6EDA\u52A8\u5230\u5E95\u90E8\n  const scrollToBottom = useCallback(() => {\n    const container = listRef.current\n    if (!container) return\n\n    container.scrollTo({\n      top: container.scrollHeight,\n      behavior: 'smooth',\n    })\n  }, [])\n\n  // \u76D1\u542C\u6EDA\u52A8\u4E8B\u4EF6\uFF0C\u63A7\u5236\u6309\u94AE\u663E\u793A\n  useEffect(() => {\n    const container = listRef.current\n    if (!container) return\n\n    const handleScroll = () => {\n      setShowScrollButton(!isNearBottom())\n    }\n\n    // \u521D\u59CB\u68C0\u67E5\n    handleScroll()\n\n    container.addEventListener('scroll', handleScroll, { passive: true })\n    return () => container.removeEventListener('scroll', handleScroll)\n  }, [isNearBottom])\n\n  // \u5F53\u6D88\u606F\u5217\u8868\u53D8\u5316\u65F6\uFF0C\u91CD\u65B0\u68C0\u67E5\u6309\u94AE\u72B6\u6001\uFF08\u4F46\u4E0D\u5728\u81EA\u52A8\u6EDA\u52A8\u65F6\uFF09\n  useEffect(() => {\n    if (autoScroll) return // \u81EA\u52A8\u6EDA\u52A8\u4F1A\u5728\u53E6\u4E00\u4E2A effect \u4E2D\u5904\u7406\n\n    const timeoutId = setTimeout(() => {\n      setShowScrollButton(!isNearBottom())\n    }, 150)\n\n    return () => clearTimeout(timeoutId)\n  }, [messages, autoScroll, isNearBottom])\n\n  // \u76D1\u542C\u6D88\u606F\u5217\u8868\u53D8\u5316\uFF0C\u81EA\u52A8\u6EDA\u52A8\n  useEffect(() => {\n    if (!autoScroll || !listRef.current) return\n\n    // \u5EF6\u8FDF\u6EDA\u52A8\u4EE5\u786E\u4FDD DOM \u5DF2\u66F4\u65B0\n    const timeoutId = setTimeout(() => {\n      if (listRef.current) {\n        listRef.current.scrollTop = listRef.current.scrollHeight\n        // \u81EA\u52A8\u6EDA\u52A8\u5230\u5E95\u90E8\u540E\uFF0C\u9690\u85CF\u6309\u94AE\n        setShowScrollButton(false)\n      }\n    }, 100)\n\n    return () => clearTimeout(timeoutId)\n  }, [messages, autoScroll])\n\n  // \u7A7A\u72B6\u6001\n  if (messages.length === 0 && !isLoadingHistory) {\n    return (\n      <div className={`flex-1 overflow-hidden ${className}`}>{emptyPlaceholder || <DefaultEmptyPlaceholder />}</div>\n    )\n  }\n\n  return (\n    <div className=\"relative flex-1 overflow-hidden\">\n      <div\n        ref={listRef}\n        className={`\n          livechat-message-list absolute inset-0 overflow-y-auto p-4\n          ${className}\n        `}\n      >\n        {/* \u52A0\u8F7D\u5386\u53F2\u6D88\u606F\u6307\u793A\u5668 */}\n        {isLoadingHistory && <LoadingIndicator />}\n\n        {/* \u6D88\u606F\u5217\u8868 */}\n        <div className=\"flex flex-col gap-1\">\n          {messages.map(message => (\n            <ChatMessage\n              key={message.id}\n              message={message}\n              rendererRegistry={rendererRegistry}\n              defaultRenderer={defaultRenderer}\n              showTimestamp={showTimestamp}\n              onAddToCart={onAddToCart}\n            />\n          ))}\n        </div>\n\n        {/* \u6EDA\u52A8\u951A\u70B9 */}\n        {autoScroll && <ScrollAnchor dependencies={[messages]} />}\n      </div>\n\n      {/* \u56DE\u5230\u5E95\u90E8\u6309\u94AE */}\n      <button\n        onClick={scrollToBottom}\n        className={`flex -translate-x-1/2 items-center justify-center ${showScrollButton ? '' : 'pointer-events-none'}`}\n        style={{\n          position: 'absolute',\n          bottom: '24px',\n          left: '50%',\n          zIndex: 10,\n          width: '40px',\n          height: '40px',\n          borderRadius: '50%',\n          backgroundColor: 'rgba(255, 255, 255, 0.95)',\n          boxShadow: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n          transition: 'all 300ms ease-in-out',\n          opacity: showScrollButton ? 1 : 0,\n          cursor: 'pointer',\n          border: 'none',\n        }}\n        aria-label=\"Scroll to bottom\"\n        aria-hidden={!showScrollButton}\n      >\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          className=\"text-gray-700\"\n        >\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </button>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["MessageList_exports", "__export", "MessageList", "__toCommonJS", "import_jsx_runtime", "import_react", "import_ChatMessage", "import_ScrollAnchor", "DefaultEmptyPlaceholder", "LoadingIndicator", "messages", "rendererRegistry", "defaultRenderer", "showTimestamp", "autoScroll", "isLoadingHistory", "emptyPlaceholder", "className", "onAddToCart", "listRef", "showScrollButton", "setShowScrollButton", "isNearBottom", "threshold", "container", "scrollTop", "scrollHeight", "clientHeight", "scrollToBottom", "handleScroll", "timeoutId", "message"]
+}

package/dist/cjs/components/LiveChatWidget/components/ScrollAnchor.d.ts

@@ -0,0 +1,44 @@
+/**
+ * 滚动锚点组件
+ * 用于自动滚动到消息列表底部
+ * 基于 specs/livechat-widget/plan.md 的滚动行为设计
+ */
+import React from 'react';
+export interface ScrollAnchorProps {
+    /**
+     * 是否自动滚动
+     * @default true
+     */
+    autoScroll?: boolean;
+    /**
+     * 滚动行为
+     * @default "smooth"
+     */
+    behavior?: ScrollBehavior;
+    /**
+     * 依赖项（当依赖项变化时触发滚动）
+     */
+    dependencies?: any[];
+}
+/**
+ * 滚动锚点组件
+ *
+ * 功能：
+ * - 放置在消息列表底部
+ * - 当新消息到达时自动滚动到此位置
+ * - 支持平滑滚动动画
+ *
+ * 使用场景：
+ * - 接收新消息时自动滚动
+ * - 发送消息后自动滚动
+ * - 加载历史消息后保持位置
+ *
+ * @example
+ * ```tsx
+ * <MessageList>
+ *   {messages.map(msg => <ChatMessage key={msg.id} message={msg} />)}
+ *   <ScrollAnchor dependencies={[messages]} />
+ * </MessageList>
+ * ```
+ */
+export declare const ScrollAnchor: React.FC<ScrollAnchorProps>;

package/dist/cjs/components/LiveChatWidget/components/ScrollAnchor.js

@@ -0,0 +1,2 @@
+"use strict";var l=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var h=(o,e)=>{for(var t in e)l(o,t,{get:e[t],enumerable:!0})},m=(o,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of a(e))!f.call(o,r)&&r!==t&&l(o,r,{get:()=>e[r],enumerable:!(n=u(e,r))||n.enumerable});return o};var p=o=>m(l({},"__esModule",{value:!0}),o);var R={};h(R,{ScrollAnchor:()=>d});module.exports=p(R);var i=require("react/jsx-runtime"),c=require("react");const d=({autoScroll:o=!0,behavior:e="smooth",dependencies:t=[]})=>{const n=(0,c.useRef)(null);return(0,c.useEffect)(()=>{if(!o)return;const r=n.current;if(!r)return;const s=setTimeout(()=>{r.scrollIntoView({behavior:e,block:"end",inline:"nearest"})},100);return()=>clearTimeout(s)},[o,e,...t]),(0,i.jsx)("div",{ref:n,style:{height:0}})};
+//# sourceMappingURL=ScrollAnchor.js.map

package/dist/cjs/components/LiveChatWidget/components/ScrollAnchor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/LiveChatWidget/components/ScrollAnchor.tsx"],
+  "sourcesContent": ["/**\n * \u6EDA\u52A8\u951A\u70B9\u7EC4\u4EF6\n * \u7528\u4E8E\u81EA\u52A8\u6EDA\u52A8\u5230\u6D88\u606F\u5217\u8868\u5E95\u90E8\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u6EDA\u52A8\u884C\u4E3A\u8BBE\u8BA1\n */\n\nimport React, { useEffect, useRef } from 'react'\n\nexport interface ScrollAnchorProps {\n  /**\n   * \u662F\u5426\u81EA\u52A8\u6EDA\u52A8\n   * @default true\n   */\n  autoScroll?: boolean\n\n  /**\n   * \u6EDA\u52A8\u884C\u4E3A\n   * @default \"smooth\"\n   */\n  behavior?: ScrollBehavior\n\n  /**\n   * \u4F9D\u8D56\u9879\uFF08\u5F53\u4F9D\u8D56\u9879\u53D8\u5316\u65F6\u89E6\u53D1\u6EDA\u52A8\uFF09\n   */\n  dependencies?: any[]\n}\n\n/**\n * \u6EDA\u52A8\u951A\u70B9\u7EC4\u4EF6\n *\n * \u529F\u80FD\uFF1A\n * - \u653E\u7F6E\u5728\u6D88\u606F\u5217\u8868\u5E95\u90E8\n * - \u5F53\u65B0\u6D88\u606F\u5230\u8FBE\u65F6\u81EA\u52A8\u6EDA\u52A8\u5230\u6B64\u4F4D\u7F6E\n * - \u652F\u6301\u5E73\u6ED1\u6EDA\u52A8\u52A8\u753B\n *\n * \u4F7F\u7528\u573A\u666F\uFF1A\n * - \u63A5\u6536\u65B0\u6D88\u606F\u65F6\u81EA\u52A8\u6EDA\u52A8\n * - \u53D1\u9001\u6D88\u606F\u540E\u81EA\u52A8\u6EDA\u52A8\n * - \u52A0\u8F7D\u5386\u53F2\u6D88\u606F\u540E\u4FDD\u6301\u4F4D\u7F6E\n *\n * @example\n * ```tsx\n * <MessageList>\n *   {messages.map(msg => <ChatMessage key={msg.id} message={msg} />)}\n *   <ScrollAnchor dependencies={[messages]} />\n * </MessageList>\n * ```\n */\nexport const ScrollAnchor: React.FC<ScrollAnchorProps> = ({\n  autoScroll = true,\n  behavior = 'smooth',\n  dependencies = [],\n}) => {\n  const anchorRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (!autoScroll) return\n\n    const anchor = anchorRef.current\n    if (!anchor) return\n\n    // \u4F7F\u7528 setTimeout \u786E\u4FDD DOM \u5DF2\u66F4\u65B0\n    const timeoutId = setTimeout(() => {\n      anchor.scrollIntoView({\n        behavior,\n        block: 'end',\n        inline: 'nearest',\n      })\n    }, 100)\n\n    return () => clearTimeout(timeoutId)\n  }, [autoScroll, behavior, ...dependencies])\n\n  return <div ref={anchorRef} style={{ height: 0 }} />\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAyES,IAAAI,EAAA,6BAnETC,EAAyC,iBA0ClC,MAAMH,EAA4C,CAAC,CACxD,WAAAI,EAAa,GACb,SAAAC,EAAW,SACX,aAAAC,EAAe,CAAC,CAClB,IAAM,CACJ,MAAMC,KAAY,UAAuB,IAAI,EAE7C,sBAAU,IAAM,CACd,GAAI,CAACH,EAAY,OAEjB,MAAMI,EAASD,EAAU,QACzB,GAAI,CAACC,EAAQ,OAGb,MAAMC,EAAY,WAAW,IAAM,CACjCD,EAAO,eAAe,CACpB,SAAAH,EACA,MAAO,MACP,OAAQ,SACV,CAAC,CACH,EAAG,GAAG,EAEN,MAAO,IAAM,aAAaI,CAAS,CACrC,EAAG,CAACL,EAAYC,EAAU,GAAGC,CAAY,CAAC,KAEnC,OAAC,OAAI,IAAKC,EAAW,MAAO,CAAE,OAAQ,CAAE,EAAG,CACpD",
+  "names": ["ScrollAnchor_exports", "__export", "ScrollAnchor", "__toCommonJS", "import_jsx_runtime", "import_react", "autoScroll", "behavior", "dependencies", "anchorRef", "anchor", "timeoutId"]
+}

package/dist/cjs/components/LiveChatWidget/constants.d.ts

@@ -0,0 +1,13 @@
+/**
+ * LiveChat 组件常量定义
+ */
+import type { CommonText } from './types';
+/**
+ * 货币符号映射表
+ * 用于将货币代码转换为对应的符号
+ */
+export declare const CURRENCY_SYMBOLS: Record<string, string>;
+/**
+ * 默认文案配置
+ */
+export declare const DEFAULT_COMMON_TEXT: Required<CommonText>;

package/dist/cjs/components/LiveChatWidget/constants.js

@@ -0,0 +1,2 @@
+"use strict";var s=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var N=(e,o)=>{for(var r in o)s(e,r,{get:o[r],enumerable:!0})},a=(e,o,r,D)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of T(o))!n.call(e,t)&&t!==r&&s(e,t,{get:()=>o[t],enumerable:!(D=C(o,t))||D.enumerable});return e};var i=e=>a(s({},"__esModule",{value:!0}),e);var M={};N(M,{CURRENCY_SYMBOLS:()=>A,DEFAULT_COMMON_TEXT:()=>L});module.exports=i(M);const A={USD:"$",CAD:"CA$",GBP:"\xA3",EUR:"\u20AC",AUD:"$",SGD:"$",NZD:"NZ$",AED:"AED ",VND:"\u20AB",TWD:"NT$",PLN:"z\u0142",RON:"Lei"},L={learnMore:"Learn More",showLess:"Show Less",addToCart:"Add to Cart",viewMore:"View More",off:"OFF",total:"Total"};
+//# sourceMappingURL=constants.js.map

package/dist/cjs/components/LiveChatWidget/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/LiveChatWidget/constants.ts"],
+  "sourcesContent": ["/**\n * LiveChat \u7EC4\u4EF6\u5E38\u91CF\u5B9A\u4E49\n */\n\nimport type { CommonText } from './types'\n\n/**\n * \u8D27\u5E01\u7B26\u53F7\u6620\u5C04\u8868\n * \u7528\u4E8E\u5C06\u8D27\u5E01\u4EE3\u7801\u8F6C\u6362\u4E3A\u5BF9\u5E94\u7684\u7B26\u53F7\n */\nexport const CURRENCY_SYMBOLS: Record<string, string> = {\n    USD: \"$\",\n    CAD: \"CA$\",\n    GBP: \"\u00A3\",\n    EUR: \"\u20AC\",\n    AUD: \"$\",\n    SGD: \"$\",\n    NZD: \"NZ$\",\n    AED: \"AED \",\n    VND: \"\u20AB\",\n    TWD: \"NT$\",\n    PLN: \"z\u0142\",\n    RON: \"Lei\"\n}\n\n/**\n * \u9ED8\u8BA4\u6587\u6848\u914D\u7F6E\n */\nexport const DEFAULT_COMMON_TEXT: Required<CommonText> = {\n  learnMore: 'Learn More',\n  showLess: 'Show Less',\n  addToCart: 'Add to Cart',\n  viewMore: 'View More',\n  off: 'OFF',\n  total: 'Total',\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,EAAA,wBAAAC,IAAA,eAAAC,EAAAJ,GAUO,MAAME,EAA2C,CACpD,IAAK,IACL,IAAK,MACL,IAAK,OACL,IAAK,SACL,IAAK,IACL,IAAK,IACL,IAAK,MACL,IAAK,OACL,IAAK,SACL,IAAK,MACL,IAAK,UACL,IAAK,KACT,EAKaC,EAA4C,CACvD,UAAW,aACX,SAAU,YACV,UAAW,cACX,SAAU,YACV,IAAK,MACL,MAAO,OACT",
+  "names": ["constants_exports", "__export", "CURRENCY_SYMBOLS", "DEFAULT_COMMON_TEXT", "__toCommonJS"]
+}

package/dist/cjs/components/LiveChatWidget/hooks/useChatAPI.d.ts

@@ -0,0 +1,60 @@
+/**
+ * 聊天 API 调用 Hook
+ * 封装 SSE 流式消息接收、历史消息加载、新会话创建
+ * 基于 specs/livechat-widget/plan.md 的 API 调用策略
+ */
+import type { ChatStreamRequest, SSEEvent, NewSessionRequest, NewSessionResponse } from '../types';
+import { type RecaptchaConfig } from '../api/chat';
+export interface UseChatAPIOptions {
+    /**
+     * API 基础 URL
+     */
+    apiBaseUrl: string;
+    /**
+     * 自定义请求头
+     */
+    headers?: Record<string, string>;
+    /**
+     * reCAPTCHA 配置
+     */
+    recaptchaConfig?: RecaptchaConfig;
+    /**
+     * 错误处理回调
+     */
+    onError?: (error: Error) => void;
+}
+export interface UseChatAPIReturn {
+    /**
+     * 发送消息并接收 SSE 流式响应
+     * @param request 请求参数
+     * @param onEvent SSE 事件回调
+     * @returns Promise<void>
+     */
+    sendMessageStream: (request: ChatStreamRequest, onEvent: (event: SSEEvent) => void) => Promise<void>;
+    /**
+     * 创建新会话或恢复现有会话
+     * @param request 请求参数
+     * @returns 新会话信息，可能包含历史消息
+     */
+    createSession: (request: NewSessionRequest) => Promise<NewSessionResponse>;
+    /**
+     * 中断当前的 SSE 流
+     */
+    abortStream: () => void;
+    /**
+     * 是否正在发送消息
+     */
+    isSending: boolean;
+}
+/**
+ * 聊天 API 调用 Hook
+ *
+ * 功能：
+ * 1. sendMessageStream: 发送消息并接收 SSE 流式响应
+ * 2. createSession: 创建新会话或恢复现有会话
+ * 3. abortStream: 中断当前流
+ *
+ * @param options Hook 配置选项
+ * @returns API 调用工具对象
+ */
+export declare function useChatAPI(options: UseChatAPIOptions): UseChatAPIReturn;

package/dist/cjs/components/LiveChatWidget/hooks/useChatAPI.js

@@ -0,0 +1,2 @@
+"use strict";var f=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var E=(t,e)=>{for(var s in e)f(t,s,{get:e[s],enumerable:!0})},g=(t,e,s,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of R(e))!d.call(t,r)&&r!==s&&f(t,r,{get:()=>e[r],enumerable:!(o=m(e,r))||o.enumerable});return t};var w=t=>g(f({},"__esModule",{value:!0}),t);var b={};E(b,{useChatAPI:()=>v});module.exports=w(b);var a=require("react"),l=require("../api/chat");function v(t){const{apiBaseUrl:e,headers:s,recaptchaConfig:o,onError:r}=t,n=(0,a.useRef)(null),u=(0,a.useRef)(!1),h=(0,a.useCallback)(async(S,i)=>{n.current&&n.current.abort(),n.current=new AbortController,u.current=!0;try{await(0,l.sendMessage)(e,S,i,s,o)}catch(c){if(c instanceof Error&&c.name==="AbortError")return;throw console.error("[useChatAPI] Stream error:",c),r?.(c),c}finally{u.current=!1,n.current=null}},[e,s,o,r]),p=(0,a.useCallback)(async S=>{try{return await(0,l.createNewSession)(e,S,s,o)}catch(i){throw console.error("[useChatAPI] Create session error:",i),r?.(i),i}},[e,s,o,r]),C=(0,a.useCallback)(()=>{n.current&&(n.current.abort(),n.current=null,u.current=!1)},[]);return{sendMessageStream:h,createSession:p,abortStream:C,isSending:u.current}}
+//# sourceMappingURL=useChatAPI.js.map

package/dist/cjs/components/LiveChatWidget/hooks/useChatAPI.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/LiveChatWidget/hooks/useChatAPI.ts"],
+  "sourcesContent": ["/**\n * \u804A\u5929 API \u8C03\u7528 Hook\n * \u5C01\u88C5 SSE \u6D41\u5F0F\u6D88\u606F\u63A5\u6536\u3001\u5386\u53F2\u6D88\u606F\u52A0\u8F7D\u3001\u65B0\u4F1A\u8BDD\u521B\u5EFA\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684 API \u8C03\u7528\u7B56\u7565\n */\n\nimport { useCallback, useRef } from 'react'\nimport type { ChatStreamRequest, SSEEvent, NewSessionRequest, NewSessionResponse } from '../types'\nimport { sendMessage, createNewSession, type RecaptchaConfig } from '../api/chat'\n\nexport interface UseChatAPIOptions {\n  /**\n   * API \u57FA\u7840 URL\n   */\n  apiBaseUrl: string\n\n  /**\n   * \u81EA\u5B9A\u4E49\u8BF7\u6C42\u5934\n   */\n  headers?: Record<string, string>\n\n  /**\n   * reCAPTCHA \u914D\u7F6E\n   */\n  recaptchaConfig?: RecaptchaConfig\n\n  /**\n   * \u9519\u8BEF\u5904\u7406\u56DE\u8C03\n   */\n  onError?: (error: Error) => void\n}\n\nexport interface UseChatAPIReturn {\n  /**\n   * \u53D1\u9001\u6D88\u606F\u5E76\u63A5\u6536 SSE \u6D41\u5F0F\u54CD\u5E94\n   * @param request \u8BF7\u6C42\u53C2\u6570\n   * @param onEvent SSE \u4E8B\u4EF6\u56DE\u8C03\n   * @returns Promise<void>\n   */\n  sendMessageStream: (request: ChatStreamRequest, onEvent: (event: SSEEvent) => void) => Promise<void>\n\n  /**\n   * \u521B\u5EFA\u65B0\u4F1A\u8BDD\u6216\u6062\u590D\u73B0\u6709\u4F1A\u8BDD\n   * @param request \u8BF7\u6C42\u53C2\u6570\n   * @returns \u65B0\u4F1A\u8BDD\u4FE1\u606F\uFF0C\u53EF\u80FD\u5305\u542B\u5386\u53F2\u6D88\u606F\n   */\n  createSession: (request: NewSessionRequest) => Promise<NewSessionResponse>\n\n  /**\n   * \u4E2D\u65AD\u5F53\u524D\u7684 SSE \u6D41\n   */\n  abortStream: () => void\n\n  /**\n   * \u662F\u5426\u6B63\u5728\u53D1\u9001\u6D88\u606F\n   */\n  isSending: boolean\n}\n\n/**\n * \u804A\u5929 API \u8C03\u7528 Hook\n *\n * \u529F\u80FD\uFF1A\n * 1. sendMessageStream: \u53D1\u9001\u6D88\u606F\u5E76\u63A5\u6536 SSE \u6D41\u5F0F\u54CD\u5E94\n * 2. createSession: \u521B\u5EFA\u65B0\u4F1A\u8BDD\u6216\u6062\u590D\u73B0\u6709\u4F1A\u8BDD\n * 3. abortStream: \u4E2D\u65AD\u5F53\u524D\u6D41\n *\n * @param options Hook \u914D\u7F6E\u9009\u9879\n * @returns API \u8C03\u7528\u5DE5\u5177\u5BF9\u8C61\n */\nexport function useChatAPI(options: UseChatAPIOptions): UseChatAPIReturn {\n  const { apiBaseUrl, headers, recaptchaConfig, onError } = options\n\n  // \u7528\u4E8E\u4E2D\u65AD\u5F53\u524D\u8BF7\u6C42\u7684 AbortController\n  const abortControllerRef = useRef<AbortController | null>(null)\n\n  // \u53D1\u9001\u72B6\u6001\u6807\u8BB0\n  const isSendingRef = useRef(false)\n\n  /**\n   * \u53D1\u9001\u6D88\u606F\u5E76\u63A5\u6536 SSE \u6D41\u5F0F\u54CD\u5E94\n   */\n  const sendMessageStream = useCallback(\n    async (request: ChatStreamRequest, onEvent: (event: SSEEvent) => void) => {\n      // \u5982\u679C\u6B63\u5728\u53D1\u9001\uFF0C\u5148\u4E2D\u65AD\u4E4B\u524D\u7684\u8BF7\u6C42\n      if (abortControllerRef.current) {\n        abortControllerRef.current.abort()\n      }\n\n      // \u521B\u5EFA\u65B0\u7684 AbortController\n      abortControllerRef.current = new AbortController()\n      isSendingRef.current = true\n\n      try {\n        await sendMessage(apiBaseUrl, request, onEvent, headers, recaptchaConfig)\n      } catch (error) {\n        // \u5FFD\u7565\u624B\u52A8\u4E2D\u65AD\u7684\u9519\u8BEF\n        if (error instanceof Error && error.name === 'AbortError') {\n          return\n        }\n\n        console.error('[useChatAPI] Stream error:', error)\n        onError?.(error as Error)\n        throw error\n      } finally {\n        isSendingRef.current = false\n        abortControllerRef.current = null\n      }\n    },\n    [apiBaseUrl, headers, recaptchaConfig, onError]\n  )\n\n  /**\n   * \u521B\u5EFA\u65B0\u4F1A\u8BDD\u6216\u6062\u590D\u73B0\u6709\u4F1A\u8BDD\n   */\n  const createSession = useCallback(\n    async (request: NewSessionRequest): Promise<NewSessionResponse> => {\n      try {\n        return await createNewSession(apiBaseUrl, request, headers, recaptchaConfig)\n      } catch (error) {\n        console.error('[useChatAPI] Create session error:', error)\n        onError?.(error as Error)\n        throw error\n      }\n    },\n    [apiBaseUrl, headers, recaptchaConfig, onError]\n  )\n\n  /**\n   * \u4E2D\u65AD\u5F53\u524D\u7684 SSE \u6D41\n   */\n  const abortStream = useCallback(() => {\n    if (abortControllerRef.current) {\n      abortControllerRef.current.abort()\n      abortControllerRef.current = null\n      isSendingRef.current = false\n    }\n  }, [])\n\n  return {\n    sendMessageStream,\n    createSession,\n    abortStream,\n    isSending: isSendingRef.current,\n  }\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAMA,IAAAI,EAAoC,iBAEpCC,EAAoE,uBA8D7D,SAASH,EAAWI,EAA8C,CACvE,KAAM,CAAE,WAAAC,EAAY,QAAAC,EAAS,gBAAAC,EAAiB,QAAAC,CAAQ,EAAIJ,EAGpDK,KAAqB,UAA+B,IAAI,EAGxDC,KAAe,UAAO,EAAK,EAK3BC,KAAoB,eACxB,MAAOC,EAA4BC,IAAuC,CAEpEJ,EAAmB,SACrBA,EAAmB,QAAQ,MAAM,EAInCA,EAAmB,QAAU,IAAI,gBACjCC,EAAa,QAAU,GAEvB,GAAI,CACF,QAAM,eAAYL,EAAYO,EAASC,EAASP,EAASC,CAAe,CAC1E,OAASO,EAAO,CAEd,GAAIA,aAAiB,OAASA,EAAM,OAAS,aAC3C,OAGF,cAAQ,MAAM,6BAA8BA,CAAK,EACjDN,IAAUM,CAAc,EAClBA,CACR,QAAE,CACAJ,EAAa,QAAU,GACvBD,EAAmB,QAAU,IAC/B,CACF,EACA,CAACJ,EAAYC,EAASC,EAAiBC,CAAO,CAChD,EAKMO,KAAgB,eACpB,MAAOH,GAA4D,CACjE,GAAI,CACF,OAAO,QAAM,oBAAiBP,EAAYO,EAASN,EAASC,CAAe,CAC7E,OAASO,EAAO,CACd,cAAQ,MAAM,qCAAsCA,CAAK,EACzDN,IAAUM,CAAc,EAClBA,CACR,CACF,EACA,CAACT,EAAYC,EAASC,EAAiBC,CAAO,CAChD,EAKMQ,KAAc,eAAY,IAAM,CAChCP,EAAmB,UACrBA,EAAmB,QAAQ,MAAM,EACjCA,EAAmB,QAAU,KAC7BC,EAAa,QAAU,GAE3B,EAAG,CAAC,CAAC,EAEL,MAAO,CACL,kBAAAC,EACA,cAAAI,EACA,YAAAC,EACA,UAAWN,EAAa,OAC1B,CACF",
+  "names": ["useChatAPI_exports", "__export", "useChatAPI", "__toCommonJS", "import_react", "import_chat", "options", "apiBaseUrl", "headers", "recaptchaConfig", "onError", "abortControllerRef", "isSendingRef", "sendMessageStream", "request", "onEvent", "error", "createSession", "abortStream"]
+}

package/dist/cjs/components/LiveChatWidget/hooks/useChatState.d.ts

@@ -0,0 +1,151 @@
+/**
+ * 聊天状态管理 Hook
+ * 管理消息列表、窗口状态、输入框状态、流式消息累积
+ * 基于 specs/livechat-widget/plan.md 的状态管理策略
+ */
+import type { Message, SSEEvent, Product } from '../types';
+export interface UseChatStateOptions {
+    /**
+     * 初始欢迎消息
+     */
+    welcomeMessage?: string;
+    /**
+     * Shopify 店铺域名
+     */
+    site?: string;
+    /**
+     * 受控模式：是否打开聊天窗口
+     * 提供此参数时，组件处于受控模式
+     */
+    open?: boolean;
+    /**
+     * 受控模式：状态变化回调（必需）
+     * 用于同步状态到父组件
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * 窗口打开事件监听（可选）
+     * 用于埋点、日志等副作用
+     */
+    onOpen?: () => void;
+    /**
+     * 窗口关闭事件监听（可选）
+     * 用于埋点、日志等副作用
+     */
+    onClose?: () => void;
+    /**
+     * 消息发送回调
+     */
+    onMessageSend?: (message: string) => void;
+    /**
+     * 错误处理回调
+     */
+    onError?: (error: Error) => void;
+    /**
+     * AI 消息回调
+     */
+    /**
+     * AI 回复文本消息时触发
+     */
+    onTextMessage?: () => void;
+    /**
+     * AI 回复商品列表卡片时触发
+     */
+    onProductList?: () => void;
+    /**
+     * AI 回复促销卡片时触发
+     */
+    onPromotionList?: () => void;
+    /**
+     * 商品添加到购物车回调
+     */
+    onAddToCart?: (product: any) => void;
+    /**
+     * 购物车按钮点击回调
+     */
+    onCart?: (cartId: string, checkoutUrl?: string) => void;
+    /**
+     * 自定义产品卡片渲染函数
+     */
+    productCardRender?: (product: Product) => React.ReactNode;
+}
+export interface UseChatStateReturn {
+    /**
+     * 消息列表
+     */
+    messages: Message[];
+    /**
+     * 聊天窗口是否打开
+     */
+    isOpen: boolean;
+    /**
+     * 用户 ID
+     */
+    userId: string;
+    /**
+     * 会话 ID
+     */
+    sessionId: string | null;
+    /**
+     * 输入框内容
+     */
+    inputValue: string;
+    /**
+     * 是否正在接收流式消息
+     */
+    isStreaming: boolean;
+    /**
+     * 打开聊天窗口
+     */
+    openChat: () => void;
+    /**
+     * 关闭聊天窗口
+     */
+    closeChat: () => void;
+    /**
+     * 切换聊天窗口状态
+     */
+    toggleChat: () => void;
+    /**
+     * 设置输入框内容
+     */
+    setInputValue: (value: string) => void;
+    /**
+     * 添加消息到列表
+     */
+    addMessage: (message: Message) => void;
+    /**
+     * 批量设置消息列表（用于加载历史）
+     */
+    setMessages: (messages: Message[]) => void;
+    /**
+     * 清空消息列表
+     */
+    clearMessages: () => void;
+    /**
+     * 处理 SSE 事件
+     */
+    handleSSEEvent: (event: SSEEvent) => void;
+    /**
+     * 保存会话 ID
+     */
+    saveSession: (id: string) => void;
+    /**
+     * 清空会话
+     */
+    clearSession: () => void;
+}
+/**
+ * 聊天状态管理 Hook
+ *
+ * 功能：
+ * 1. 管理消息列表（添加、清空、批量设置）
+ * 2. 管理窗口状态（打开、关闭、切换）
+ * 3. 管理输入框状态
+ * 4. 处理 SSE 流式消息事件
+ * 5. 累积流式文本内容
+ *
+ * @param options Hook 配置选项
+ * @returns 状态管理工具对象
+ */
+export declare function useChatState(options?: UseChatStateOptions): UseChatStateReturn;

package/dist/cjs/components/LiveChatWidget/hooks/useChatState.js

@@ -0,0 +1,2 @@
+"use strict";var V=Object.defineProperty;var rt=Object.getOwnPropertyDescriptor;var ct=Object.getOwnPropertyNames;var it=Object.prototype.hasOwnProperty;var dt=(t,c)=>{for(var h in c)V(t,h,{get:c[h],enumerable:!0})},ut=(t,c,h,x)=>{if(c&&typeof c=="object"||typeof c=="function")for(let p of ct(c))!it.call(t,p)&&p!==h&&V(t,p,{get:()=>c[p],enumerable:!(x=rt(c,p))||x.enumerable});return t};var lt=t=>ut(V({},"__esModule",{value:!0}),t);var yt={};dt(yt,{useChatState:()=>Ct});module.exports=lt(yt);var u=require("react"),K=require("../utils/userId"),W=require("./useSession"),F=require("../utils/productTransformers"),j=require("../utils/cartTransformers");function pt(t,c,h,x,p){const o=[],f=/\{\{(?:product:)?([^}]+)\}\}/g;let S=0,a,C=!1;for(;(a=f.exec(t))!==null;){C=!0;const r=t.slice(S,a.index);r&&o.push({type:"text",text:r});const i=a[1].trim(),M=c.get(i),E=h.get(i);M?(console.log("[useChatState] \u{1F3AF} \u5B9E\u65F6\u68C0\u6D4B\u5230\u4EA7\u54C1:",i,"\u2192",M.title),o.push({type:"product_card",data:{product:M,rawProduct:E,onAddToCart:x,productCardRender:p}})):(console.warn("[useChatState] \u26A0\uFE0F \u5B9E\u65F6\u89E3\u6790\u672A\u627E\u5230\u4EA7\u54C1:",i),o.push({type:"text",text:a[0]})),S=f.lastIndex}if(C){const r=t.slice(S);return{contents:o,remainingBuffer:r}}else{const r=t.match(/\{\{[^}]*$/);if(r){const i=t.slice(0,r.index);return i&&o.push({type:"text",text:i}),{contents:o,remainingBuffer:r[0]}}else return t&&o.push({type:"text",text:t}),{contents:o,remainingBuffer:""}}}function ft(t,c,h,x,p){const o=[],f=/\{\{(?:product:)?([^}]+)\}\}/g;let S=0,a;for(;(a=f.exec(t))!==null;){const r=t.slice(S,a.index).trim(),i=a[1].trim();r&&o.push({type:"text",text:r});const M=c.get(i),E=h.get(i);if(M)console.log(`[useChatState] \u2705 \u627E\u5230\u4EA7\u54C1\u5339\u914D: ${i} \u2192 ${M.title}`),o.push({type:"product_card",data:{product:M,rawProduct:E,onAddToCart:x,productCardRender:p}});else{const R=Array.from(c.keys());console.warn(`[useChatState] \u274C Product not found for ID: "${i}"`),console.warn("[useChatState] \u53EF\u7528\u7684\u4EA7\u54C1ID\u5217\u8868:",R),console.warn("[useChatState] ID\u7C7B\u578B:",typeof i,"\u957F\u5EA6:",i.length),o.push({type:"text",text:a[0]})}S=f.lastIndex}const C=t.slice(S).trim();return C&&o.push({type:"text",text:C}),o}function gt(t,c,h,x,p){const o=[];for(const f of t)if(f.type==="text"){const a=ft(f.text,c,h,x,p);o.push(...a)}else{if(f.type==="product_list")continue;o.push(f)}return o}function ht(t,c,h){if(!t.content.some(a=>a.type==="product_list")||!t.content.some(a=>a.type==="text"&&/\{\{(?:product:)?[^}]+\}\}/.test(a.text)))return t;console.log("[useChatState] \u68C0\u6D4B\u5230\u5386\u53F2\u6D88\u606F\u9700\u8981\u91CD\u7EC4, \u6D88\u606FID:",t.id);const o=new Map,f=new Map;t.structured_content&&t.structured_content.forEach(a=>{a.type==="product_list"&&Array.isArray(a.data)&&a.data.forEach(C=>{if(C&&C.shopify_product_id){const r=C.shopify_product_id;f.set(r,C);const i=r.match(/\d+$/)?.[0];i&&f.set(i,C),console.log("[useChatState] \u4ECE structured_content \u63D0\u53D6\u539F\u59CB\u4EA7\u54C1\u6570\u636E:",{fullId:r,numericId:i,title:C.title})}})}),t.content.forEach(a=>{a.type==="product_list"&&a.data.products.forEach(r=>{if(r&&r.shopifyId){o.set(r.shopifyId,r);const i=r.shopifyId.match(/\d+$/)?.[0];i&&o.set(i,r)}})});const S=gt(t.content,o,f,c,h);return{...t,content:S}}function Ct(t={}){const{welcomeMessage:c,site:h,open:x,onOpenChange:p,onOpen:o,onClose:f,onMessageSend:S,onError:a,onTextMessage:C,onProductList:r,onPromotionList:i,onAddToCart:M,onCart:E,productCardRender:R}=t,{sessionId:O,saveSession:L,clearSession:B}=(0,W.useSession)(),[G,J]=(0,u.useState)("");(0,u.useEffect)(()=>{(0,K.getUserId)().then(m=>J(m))},[]);const[Q,k]=(0,u.useState)(()=>c?[{id:`welcome-${Date.now()}`,role:"assistant",content:[{type:"text",text:c}],timestamp:Date.now()}]:[]),[X,U]=(0,u.useState)(!1),D=x!==void 0,N=D?x:X,[Y,Z]=(0,u.useState)(""),[tt,w]=(0,u.useState)(!1),n=(0,u.useRef)(null),q=(0,u.useRef)(!1),b=(0,u.useRef)(new Map),A=(0,u.useRef)(new Map),_=(0,u.useRef)(""),et=(0,u.useCallback)(()=>{D||U(!0),p?.(!0),o?.()},[D,p,o]),nt=(0,u.useCallback)(()=>{D||U(!1),p?.(!1),f?.()},[D,p,f]),st=(0,u.useCallback)(()=>{const m=!N;D||U(m),p?.(m),m?o?.():f?.()},[D,N,p,o,f]),$=(0,u.useCallback)(m=>{if(!m){console.warn("[useChatState] Attempted to add null/undefined message");return}k(P=>[...P,m])},[]),ot=(0,u.useCallback)(m=>{const P=m.filter(d=>d!=null);P.length!==m.length&&console.warn("[useChatState] Filtered out null/undefined messages from batch set");const T=P.map(d=>ht(d,M,R));k(T)},[M,R]),z=(0,u.useCallback)(()=>{k([])},[]),at=(0,u.useCallback)(m=>{const{event:P,data:T}=m;switch(P){case"message_start":{w(!0),q.current=!1,_.current="";const d=T;d.sessionId&&d.sessionId!==O&&L(d.sessionId),k(l=>{const e=l[l.length-1];if(e&&e.role==="assistant"&&e.content.length===1&&e.content[0].type==="thinking")return n.current=e,l;{const I=`msg-${Date.now()}`;return n.current={id:I,role:"assistant",content:[{type:"thinking",data:{status:"thinking"}}],timestamp:Date.now()},[...l,n.current]}});break}case"content_delta":{const d=T,l=d.delta||d.text||"";if(n.current&&l){q.current||(q.current=!0,C?.()),n.current.content.some(s=>s.type==="thinking")&&(n.current.content=n.current.content.filter(s=>s.type!=="thinking")),_.current+=l;const{contents:y,remainingBuffer:I}=pt(_.current,b.current,A.current,M,R);_.current=I,y.length>0&&(y.forEach(s=>{const g=n.current.content[n.current.content.length-1];s.type==="text"&&g&&g.type==="text"?g.text+=s.text:n.current.content.push(s)}),k(s=>{if(!n.current)return s;const g=[...s],v=g.findIndex(H=>H&&H.id===n.current.id);return v>=0?g[v]={...n.current}:g.push({...n.current}),g}))}break}case"content_block":{const d=T;if(n.current){const l=d.type||d.data?.type,e=d.data;if(!l||!e){console.warn("[useChatState] Invalid content_block:",d);break}let y;if(l==="product_list"&&Array.isArray(e)){r?.(),e.forEach(s=>{if(s&&s.shopify_product_id){const g=s.shopify_product_id;A.current.set(g,s);const v=g.match(/\d+$/)?.[0];v&&A.current.set(v,s)}}),(0,F.transformProducts)(e,h).forEach(s=>{if(s&&s.shopifyId){b.current.set(s.shopifyId,s);const g=s.shopifyId.match(/\d+$/)?.[0];g&&b.current.set(g,s),console.log("[useChatState] \u5EFA\u7ACB\u4EA7\u54C1\u6620\u5C04:",{fullId:s.shopifyId,numericId:g,title:s.title})}}),console.log("[useChatState] \u2705 \u4EA7\u54C1\u5217\u8868\u5DF2\u7F13\u5B58\uFF0C\u4E0D\u6DFB\u52A0\u5230\u6D88\u606F\u4E2D\uFF08\u907F\u514D\u95EA\u70C1\uFF09");break}else l==="product_comparison"&&e.products?y={type:"product_comparison",data:{products:(0,F.transformProducts)(e.products,h),dimensions:e.dimensions||{}}}:l==="faq_list"&&e.found!==void 0?y={type:"faq_list",data:e}:l==="quick_replies"&&e.replies?y={type:"quick_replies",data:{replies:e.replies}}:l==="policy"&&e.title&&e.content?y={type:"policy",data:{title:e.title,content:e.content}}:l==="promotion_list"&&e.found!==void 0?(i?.(),y={type:"promotion_list",data:e}):l==="cart"&&e.id!==void 0?y={type:"cart",data:{...(0,j.transformCartData)(e),onCart:E}}:y={type:l,data:e};n.current.content.push(y),k(I=>{if(!n.current)return I;const s=[...I],g=s.findIndex(v=>v&&v.id===n.current.id);return g>=0?s[g]={...n.current}:s.push({...n.current}),s})}break}case"tool_start":case"tool_end":break;case"message_end":{if(w(!1),n.current&&_.current){console.log("[useChatState] \u5904\u7406\u5269\u4F59\u7F13\u51B2\u533A:",_.current);const d=n.current.content[n.current.content.length-1];d&&d.type==="text"?d.text+=_.current:n.current.content.push({type:"text",text:_.current}),k(l=>{if(!n.current)return l;const e=[...l],y=e.findIndex(I=>I&&I.id===n.current.id);return y>=0&&(e[y]={...n.current}),e})}_.current="",b.current.clear(),A.current.clear(),n.current=null;break}case"status":{T.type==="session_expired"&&(z(),B(),c&&$({id:`welcome-${Date.now()}`,role:"assistant",content:[{type:"text",text:c}],timestamp:Date.now()}));break}case"error":{const d=T;w(!1),n.current=null,$({id:`error-${Date.now()}`,role:"system",content:[{type:"error",data:{message:d.message,code:d.code}}],timestamp:Date.now()}),a?.(new Error(d.message));break}case"done":{w(!1),n.current=null;break}default:break}},[c,h,$,z,B,L,O,a,C,r,i,M,E]);return{messages:Q,isOpen:N,userId:G,sessionId:O,inputValue:Y,isStreaming:tt,openChat:et,closeChat:nt,toggleChat:st,setInputValue:Z,addMessage:$,setMessages:ot,clearMessages:z,handleSSEEvent:at,saveSession:L,clearSession:B}}
+//# sourceMappingURL=useChatState.js.map