@anker-in/campaign-ui 0.2.11-beta.2 → 0.2.11-beta.21

package/dist/esm/components/LiveChatWidget/components/MessageContent/QuickReplies.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/LiveChatWidget/components/MessageContent/QuickReplies.tsx"],
+  "sourcesContent": ["/**\n * \u5FEB\u6377\u56DE\u590D\u6309\u94AE\u6E32\u67D3\u5668\n * \u663E\u793A\u53EF\u70B9\u51FB\u7684\u5FEB\u6377\u56DE\u590D\u9009\u9879\n * \u57FA\u4E8E specs/livechat-widget/data-model.md \u7684\u5FEB\u6377\u56DE\u590D\u6570\u636E\u6A21\u578B\n */\n\nimport React from 'react'\nimport type { MessageRenderer, QuickRepliesContent, QuickReply } from '../../types'\n\nexport interface QuickRepliesProps {\n  /**\n   * \u5FEB\u6377\u56DE\u590D\u70B9\u51FB\u56DE\u8C03\n   */\n  onReplyClick?: (reply: QuickReply) => void\n}\n\n/**\n * \u5FEB\u6377\u56DE\u590D\u6309\u94AE\u6E32\u67D3\u5668\n *\n * \u529F\u80FD\uFF1A\n * - \u663E\u793A\u591A\u4E2A\u5FEB\u6377\u56DE\u590D\u6309\u94AE\n * - \u652F\u6301\u56FE\u6807\uFF08\u53EF\u9009\uFF09\n * - \u70B9\u51FB\u540E\u53D1\u9001\u5BF9\u5E94\u7684\u6D88\u606F\n *\n * \u4F7F\u7528\u573A\u666F\uFF1A\n * - \u6B22\u8FCE\u6D88\u606F\u540E\u7684\u5E38\u89C1\u95EE\u9898\n * - \u5F15\u5BFC\u7528\u6237\u9009\u62E9\n * - \u5FEB\u901F\u64CD\u4F5C\u6309\u94AE\n *\n * \u5E03\u5C40\uFF1A\n * ```\n * \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510 \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n * \u2502 \uD83D\uDED2 \u67E5\u4EF7\u683C \u2502 \u2502 \uD83D\uDCE6 \u67E5\u7269\u6D41 \u2502\n * \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518 \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n * \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510 \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n * \u2502 \uD83D\uDCDE \u8054\u7CFB\u5BA2\u670D\u2502 \u2502 \uD83D\uDCAC \u5176\u4ED6\u95EE\u9898\u2502\n * \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518 \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n * ```\n *\n * @example\n * ```tsx\n * const content: QuickRepliesContent = {\n *   type: 'quick_replies',\n *   data: {\n *     replies: [\n *       { id: '1', label: '\u67E5\u4EF7\u683C', value: '\u6211\u60F3\u67E5\u8BE2\u5546\u54C1\u4EF7\u683C', icon: '\uD83D\uDED2' },\n *       { id: '2', label: '\u67E5\u7269\u6D41', value: '\u6211\u60F3\u67E5\u8BE2\u7269\u6D41\u4FE1\u606F', icon: '\uD83D\uDCE6' }\n *     ]\n *   }\n * }\n * <QuickReplies.render(content, false, false) />\n * ```\n */\nexport const createQuickRepliesRenderer = (onReplyClick?: (reply: QuickReply) => void): MessageRenderer => ({\n  render: (content, isUser, isSystem) => {\n    const quickRepliesContent = content as QuickRepliesContent\n    const { replies } = quickRepliesContent.data\n\n    if (!replies || replies.length === 0) {\n      return null\n    }\n\n    const handleClick = (reply: QuickReply) => {\n      onReplyClick?.(reply)\n    }\n\n    return (\n      <div className=\"flex flex-wrap gap-2\">\n        {replies.map(reply => (\n          <button\n            key={reply.id}\n            type=\"button\"\n            onClick={() => handleClick(reply)}\n            className=\"livechat-quick-reply-button inline-flex items-center gap-1 rounded-[19px] px-3 py-[6px] text-sm leading-[140%] tracking-[-0.02em] transition-transform hover:scale-105 active:scale-95\"\n          >\n            {/* \u56FE\u6807\uFF08\u53EF\u9009\uFF09 */}\n            {reply.icon && <span className=\"text-base\">{reply.icon}</span>}\n\n            {/* \u6807\u7B7E */}\n            <span>{reply.label}</span>\n          </button>\n        ))}\n      </div>\n    )\n  },\n})\n\n/**\n * \u9ED8\u8BA4\u5FEB\u6377\u56DE\u590D\u6E32\u67D3\u5668\uFF08\u65E0\u56DE\u8C03\uFF09\n */\nexport const QuickReplies: MessageRenderer = createQuickRepliesRenderer()\n"],
+  "mappings": "AAqEU,OAOiB,OAAAA,EAPjB,QAAAC,MAAA,oBAhBH,MAAMC,EAA8BC,IAAiE,CAC1G,OAAQ,CAACC,EAASC,EAAQC,IAAa,CACrC,MAAMC,EAAsBH,EACtB,CAAE,QAAAI,CAAQ,EAAID,EAAoB,KAExC,GAAI,CAACC,GAAWA,EAAQ,SAAW,EACjC,OAAO,KAGT,MAAMC,EAAeC,GAAsB,CACzCP,IAAeO,CAAK,CACtB,EAEA,OACEV,EAAC,OAAI,UAAU,uBACZ,SAAAQ,EAAQ,IAAIE,GACXT,EAAC,UAEC,KAAK,SACL,QAAS,IAAMQ,EAAYC,CAAK,EAChC,UAAU,yLAGT,UAAAA,EAAM,MAAQV,EAAC,QAAK,UAAU,YAAa,SAAAU,EAAM,KAAK,EAGvDV,EAAC,QAAM,SAAAU,EAAM,MAAM,IATdA,EAAM,EAUb,CACD,EACH,CAEJ,CACF,GAKaC,EAAgCT,EAA2B",
+  "names": ["jsx", "jsxs", "createQuickRepliesRenderer", "onReplyClick", "content", "isUser", "isSystem", "quickRepliesContent", "replies", "handleClick", "reply", "QuickReplies"]
+}

package/dist/esm/components/LiveChatWidget/components/MessageContent/TextBlock.d.ts

@@ -0,0 +1,31 @@
+/**
+ * 文本消息内容渲染器
+ * 支持 Markdown 格式
+ * 基于 specs/livechat-widget/plan.md 的文本消息设计
+ */
+import type { MessageRenderer } from '../../types';
+/**
+ * 文本消息渲染器
+ *
+ * 功能：
+ * - 支持 Markdown 语法（粗体、斜体、链接、列表等）
+ * - 安全渲染（React Markdown 自动防护 XSS）
+ * - 响应式文本样式
+ *
+ * Markdown 支持：
+ * - 粗体：**text** 或 __text__
+ * - 斜体：*text* 或 _text_
+ * - 链接：[text](url)
+ * - 列表：- item 或 1. item
+ * - 代码：`code` 或 ```code block```
+ *
+ * @example
+ * ```tsx
+ * const content: TextContent = {
+ *   type: 'text',
+ *   text: '您好！**这是粗体**，*这是斜体*。'
+ * }
+ * <TextBlock.render(content, false, false) />
+ * ```
+ */
+export declare const TextBlock: MessageRenderer;

package/dist/esm/components/LiveChatWidget/components/MessageContent/TextBlock.js

@@ -0,0 +1,2 @@
+import{jsx as t}from"react/jsx-runtime";import s from"react-markdown";const x={render:(l,a,m)=>{const n=l;return n.text?t("div",{className:"livechat-markdown text-sm leading-relaxed",children:t(s,{components:{a:({node:o,...e})=>t("a",{...e,className:`underline ${a?"text-blue-200 hover:text-blue-100":"text-blue-600 hover:text-blue-700"}`,target:"_blank",rel:"noopener noreferrer"}),code:({node:o,...e})=>e.inline?t("code",{...e,className:`rounded px-1.5 py-0.5 font-mono text-xs ${a?"bg-[#004A6E] text-white":"bg-gray-200 text-gray-800"}`}):t("code",{...e,className:`block overflow-x-auto rounded px-3 py-2 font-mono text-xs ${a?"bg-[#004A6E] text-white":"bg-gray-200 text-gray-800"}`}),p:({node:o,...e})=>t("p",{...e,className:"last:mb-0"}),ul:({node:o,...e})=>t("ul",{...e,className:"mb-2 ml-4 list-disc"}),ol:({node:o,...e})=>t("ol",{...e,className:"mb-2 ml-4 list-decimal"}),li:({node:o,...e})=>t("li",{...e,className:"mb-1"}),h1:({node:o,...e})=>t("h1",{...e,className:"mb-2 text-lg font-bold"}),h2:({node:o,...e})=>t("h2",{...e,className:"mb-2 text-base font-bold"}),h3:({node:o,...e})=>t("h3",{...e,className:"mb-1 text-sm font-bold"}),strong:({node:o,...e})=>t("strong",{...e,className:"font-semibold"}),em:({node:o,...e})=>t("em",{...e,className:"italic"})},children:n.text})}):null}};export{x as TextBlock};
+//# sourceMappingURL=TextBlock.js.map

package/dist/esm/components/LiveChatWidget/components/MessageContent/TextBlock.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/LiveChatWidget/components/MessageContent/TextBlock.tsx"],
+  "sourcesContent": ["/**\n * \u6587\u672C\u6D88\u606F\u5185\u5BB9\u6E32\u67D3\u5668\n * \u652F\u6301 Markdown \u683C\u5F0F\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u6587\u672C\u6D88\u606F\u8BBE\u8BA1\n */\n\nimport React from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport type { MessageRenderer, TextContent } from '../../types'\n\n/**\n * \u6587\u672C\u6D88\u606F\u6E32\u67D3\u5668\n *\n * \u529F\u80FD\uFF1A\n * - \u652F\u6301 Markdown \u8BED\u6CD5\uFF08\u7C97\u4F53\u3001\u659C\u4F53\u3001\u94FE\u63A5\u3001\u5217\u8868\u7B49\uFF09\n * - \u5B89\u5168\u6E32\u67D3\uFF08React Markdown \u81EA\u52A8\u9632\u62A4 XSS\uFF09\n * - \u54CD\u5E94\u5F0F\u6587\u672C\u6837\u5F0F\n *\n * Markdown \u652F\u6301\uFF1A\n * - \u7C97\u4F53\uFF1A**text** \u6216 __text__\n * - \u659C\u4F53\uFF1A*text* \u6216 _text_\n * - \u94FE\u63A5\uFF1A[text](url)\n * - \u5217\u8868\uFF1A- item \u6216 1. item\n * - \u4EE3\u7801\uFF1A`code` \u6216 ```code block```\n *\n * @example\n * ```tsx\n * const content: TextContent = {\n *   type: 'text',\n *   text: '\u60A8\u597D\uFF01**\u8FD9\u662F\u7C97\u4F53**\uFF0C*\u8FD9\u662F\u659C\u4F53*\u3002'\n * }\n * <TextBlock.render(content, false, false) />\n * ```\n */\nexport const TextBlock: MessageRenderer = {\n  render: (content, isUser, isSystem) => {\n    const textContent = content as TextContent\n\n    if (!textContent.text) {\n      return null\n    }\n\n    return (\n      <div className=\"livechat-markdown text-sm leading-relaxed\">\n        <ReactMarkdown\n          components={{\n            // \u81EA\u5B9A\u4E49\u94FE\u63A5\u6837\u5F0F\n            a: ({ node, ...props }) => (\n              <a\n                {...props}\n                className={`underline ${isUser ? 'text-blue-200 hover:text-blue-100' : 'text-blue-600 hover:text-blue-700'}`}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              />\n            ),\n            // \u81EA\u5B9A\u4E49\u4EE3\u7801\u5757\u6837\u5F0F\n            code: ({ node, ...props }: any) =>\n              props.inline ? (\n                <code\n                  {...props}\n                  className={`rounded px-1.5 py-0.5 font-mono text-xs ${isUser ? 'bg-[#004A6E] text-white' : 'bg-gray-200 text-gray-800'}`}\n                />\n              ) : (\n                <code\n                  {...props}\n                  className={`block overflow-x-auto rounded px-3 py-2 font-mono text-xs ${isUser ? 'bg-[#004A6E] text-white' : 'bg-gray-200 text-gray-800'}`}\n                />\n              ),\n            // \u81EA\u5B9A\u4E49\u6BB5\u843D\u6837\u5F0F\n            p: ({ node, ...props }) => <p {...props} className=\"last:mb-0\" />,\n            // \u81EA\u5B9A\u4E49\u5217\u8868\u6837\u5F0F\n            ul: ({ node, ...props }) => <ul {...props} className=\"mb-2 ml-4 list-disc\" />,\n            ol: ({ node, ...props }) => <ol {...props} className=\"mb-2 ml-4 list-decimal\" />,\n            li: ({ node, ...props }) => <li {...props} className=\"mb-1\" />,\n            // \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F\n            h1: ({ node, ...props }) => <h1 {...props} className=\"mb-2 text-lg font-bold\" />,\n            h2: ({ node, ...props }) => <h2 {...props} className=\"mb-2 text-base font-bold\" />,\n            h3: ({ node, ...props }) => <h3 {...props} className=\"mb-1 text-sm font-bold\" />,\n            // \u81EA\u5B9A\u4E49\u5F3A\u8C03\u6837\u5F0F\n            strong: ({ node, ...props }) => <strong {...props} className=\"font-semibold\" />,\n            em: ({ node, ...props }) => <em {...props} className=\"italic\" />,\n          }}\n        >\n          {textContent.text}\n        </ReactMarkdown>\n      </div>\n    )\n  },\n}\n"],
+  "mappings": "AAgDc,cAAAA,MAAA,oBAzCd,OAAOC,MAAmB,iBA2BnB,MAAMC,EAA6B,CACxC,OAAQ,CAACC,EAASC,EAAQC,IAAa,CACrC,MAAMC,EAAcH,EAEpB,OAAKG,EAAY,KAKfN,EAAC,OAAI,UAAU,4CACb,SAAAA,EAACC,EAAA,CACC,WAAY,CAEV,EAAG,CAAC,CAAE,KAAAM,EAAM,GAAGC,CAAM,IACnBR,EAAC,KACE,GAAGQ,EACJ,UAAW,aAAaJ,EAAS,oCAAsC,mCAAmC,GAC1G,OAAO,SACP,IAAI,sBACN,EAGF,KAAM,CAAC,CAAE,KAAAG,EAAM,GAAGC,CAAM,IACtBA,EAAM,OACJR,EAAC,QACE,GAAGQ,EACJ,UAAW,2CAA2CJ,EAAS,0BAA4B,2BAA2B,GACxH,EAEAJ,EAAC,QACE,GAAGQ,EACJ,UAAW,6DAA6DJ,EAAS,0BAA4B,2BAA2B,GAC1I,EAGJ,EAAG,CAAC,CAAE,KAAAG,EAAM,GAAGC,CAAM,IAAMR,EAAC,KAAG,GAAGQ,EAAO,UAAU,YAAY,EAE/D,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMR,EAAC,MAAI,GAAGQ,EAAO,UAAU,sBAAsB,EAC3E,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMR,EAAC,MAAI,GAAGQ,EAAO,UAAU,yBAAyB,EAC9E,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMR,EAAC,MAAI,GAAGQ,EAAO,UAAU,OAAO,EAE5D,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMR,EAAC,MAAI,GAAGQ,EAAO,UAAU,yBAAyB,EAC9E,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMR,EAAC,MAAI,GAAGQ,EAAO,UAAU,2BAA2B,EAChF,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMR,EAAC,MAAI,GAAGQ,EAAO,UAAU,yBAAyB,EAE9E,OAAQ,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMR,EAAC,UAAQ,GAAGQ,EAAO,UAAU,gBAAgB,EAC7E,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMR,EAAC,MAAI,GAAGQ,EAAO,UAAU,SAAS,CAChE,EAEC,SAAAF,EAAY,KACf,EACF,EA9CO,IAgDX,CACF",
+  "names": ["jsx", "ReactMarkdown", "TextBlock", "content", "isUser", "isSystem", "textContent", "node", "props"]
+}

package/dist/esm/components/LiveChatWidget/components/MessageContent/ThinkingBlock.d.ts

@@ -0,0 +1,31 @@
+/**
+ * 思考状态消息渲染器
+ * 显示 AI 助手正在思考的动画
+ * 基于 specs/livechat-widget/plan.md 的思考状态设计
+ */
+import type { MessageRenderer } from '../../types';
+/**
+ * 思考状态渲染器
+ *
+ * 功能：
+ * - 显示"正在思考..."动画
+ * - 三个跳动的圆点
+ * - 黄色背景提示
+ *
+ * 动画效果：
+ * - 使用 CSS 动画（livechat.css 中定义）
+ * - 三个圆点依次跳动
+ * - 循环播放
+ *
+ * @example
+ * ```tsx
+ * const content: ThinkingContent = {
+ *   type: 'thinking',
+ *   data: {
+ *     status: '正在查询商品信息...'
+ *   }
+ * }
+ * <ThinkingBlock.render(content, false, false) />
+ * ```
+ */
+export declare const ThinkingBlock: MessageRenderer;

package/dist/esm/components/LiveChatWidget/components/MessageContent/ThinkingBlock.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as n}from"react/jsx-runtime";const d={render:(s,t,a)=>{const r=s.data.status||"";return e("div",{className:"flex items-center gap-2 py-1",children:n("div",{className:"livechat-thinking-dots flex gap-1",children:[e("span",{className:"size-2 rounded-full",style:{backgroundColor:"rgba(0, 93, 142, 1)"}}),e("span",{className:"size-2 rounded-full",style:{backgroundColor:"rgba(0, 93, 142, 0.6)"}}),e("span",{className:"size-2 rounded-full",style:{backgroundColor:"rgba(0, 93, 142, 0.2)"}})]})})}};export{d as ThinkingBlock};
+//# sourceMappingURL=ThinkingBlock.js.map

package/dist/esm/components/LiveChatWidget/components/MessageContent/ThinkingBlock.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/LiveChatWidget/components/MessageContent/ThinkingBlock.tsx"],
+  "sourcesContent": ["/**\n * \u601D\u8003\u72B6\u6001\u6D88\u606F\u6E32\u67D3\u5668\n * \u663E\u793A AI \u52A9\u624B\u6B63\u5728\u601D\u8003\u7684\u52A8\u753B\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u601D\u8003\u72B6\u6001\u8BBE\u8BA1\n */\n\nimport React from 'react'\nimport type { MessageRenderer, ThinkingContent } from '../../types'\n\n/**\n * \u601D\u8003\u72B6\u6001\u6E32\u67D3\u5668\n *\n * \u529F\u80FD\uFF1A\n * - \u663E\u793A\"\u6B63\u5728\u601D\u8003...\"\u52A8\u753B\n * - \u4E09\u4E2A\u8DF3\u52A8\u7684\u5706\u70B9\n * - \u9EC4\u8272\u80CC\u666F\u63D0\u793A\n *\n * \u52A8\u753B\u6548\u679C\uFF1A\n * - \u4F7F\u7528 CSS \u52A8\u753B\uFF08livechat.css \u4E2D\u5B9A\u4E49\uFF09\n * - \u4E09\u4E2A\u5706\u70B9\u4F9D\u6B21\u8DF3\u52A8\n * - \u5FAA\u73AF\u64AD\u653E\n *\n * @example\n * ```tsx\n * const content: ThinkingContent = {\n *   type: 'thinking',\n *   data: {\n *     status: '\u6B63\u5728\u67E5\u8BE2\u5546\u54C1\u4FE1\u606F...'\n *   }\n * }\n * <ThinkingBlock.render(content, false, false) />\n * ```\n */\nexport const ThinkingBlock: MessageRenderer = {\n  render: (content, isUser, isSystem) => {\n    const thinkingContent = content as ThinkingContent\n    const status = thinkingContent.data.status || ''\n\n    return (\n      <div className=\"flex items-center gap-2 py-1\">\n        {/* \u601D\u8003\u52A8\u753B - \u4E09\u4E2A\u8DF3\u52A8\u7684\u70B9 */}\n        <div className=\"livechat-thinking-dots flex gap-1\">\n          <span className=\"size-2 rounded-full\" style={{ backgroundColor: 'rgba(0, 93, 142, 1)' }} />\n          <span className=\"size-2 rounded-full\" style={{ backgroundColor: 'rgba(0, 93, 142, 0.6)' }} />\n          <span className=\"size-2 rounded-full\" style={{ backgroundColor: 'rgba(0, 93, 142, 0.2)' }} />\n        </div>\n\n        {/* \u72B6\u6001\u6587\u672C\uFF08\u53EF\u9009\uFF09 */}\n        {/* {status && <span className=\"text-sm text-gray-500\">{status}</span>} */}\n      </div>\n    )\n  },\n}\n"],
+  "mappings": "AAyCQ,OACE,OAAAA,EADF,QAAAC,MAAA,oBARD,MAAMC,EAAiC,CAC5C,OAAQ,CAACC,EAASC,EAAQC,IAAa,CAErC,MAAMC,EADkBH,EACO,KAAK,QAAU,GAE9C,OACEH,EAAC,OAAI,UAAU,+BAEb,SAAAC,EAAC,OAAI,UAAU,oCACb,UAAAD,EAAC,QAAK,UAAU,sBAAsB,MAAO,CAAE,gBAAiB,qBAAsB,EAAG,EACzFA,EAAC,QAAK,UAAU,sBAAsB,MAAO,CAAE,gBAAiB,uBAAwB,EAAG,EAC3FA,EAAC,QAAK,UAAU,sBAAsB,MAAO,CAAE,gBAAiB,uBAAwB,EAAG,GAC7F,EAIF,CAEJ,CACF",
+  "names": ["jsx", "jsxs", "ThinkingBlock", "content", "isUser", "isSystem", "status"]
+}

package/dist/esm/components/LiveChatWidget/components/MessageContent/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 消息内容渲染器统一导出
+ */
+export { MessageContent } from '../MessageContent';
+export { TextBlock } from './TextBlock';
+export { ProductCard } from './ProductCard';
+export { ProductList } from './ProductList';
+export { ProductComparison, ProductComparisonRenderer } from './ProductComparison';
+export { PolicyBlock } from './PolicyBlock';
+export { QuickReplies, createQuickRepliesRenderer } from './QuickReplies';
+export { ThinkingBlock } from './ThinkingBlock';
+export { ErrorBlock } from './ErrorBlock';
+export { FAQList, FAQListRenderer } from './FAQList.js';
+export { PromotionList, PromotionListRenderer } from './PromotionList.js';
+export { CartCard } from './CartCard.js';

package/dist/esm/components/LiveChatWidget/components/MessageContent/index.js

@@ -0,0 +1,2 @@
+import{MessageContent as e}from"../MessageContent";import{TextBlock as i}from"./TextBlock";import{ProductCard as p}from"./ProductCard";import{ProductList as c}from"./ProductList";import{ProductComparison as n,ProductComparisonRenderer as s}from"./ProductComparison";import{PolicyBlock as a}from"./PolicyBlock";import{QuickReplies as l,createQuickRepliesRenderer as P}from"./QuickReplies";import{ThinkingBlock as C}from"./ThinkingBlock";import{ErrorBlock as L}from"./ErrorBlock";import{FAQList as Q,FAQListRenderer as g}from"./FAQList.js";import{PromotionList as F,PromotionListRenderer as T}from"./PromotionList.js";import{CartCard as y}from"./CartCard.js";export{y as CartCard,L as ErrorBlock,Q as FAQList,g as FAQListRenderer,e as MessageContent,a as PolicyBlock,p as ProductCard,n as ProductComparison,s as ProductComparisonRenderer,c as ProductList,F as PromotionList,T as PromotionListRenderer,l as QuickReplies,i as TextBlock,C as ThinkingBlock,P as createQuickRepliesRenderer};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/LiveChatWidget/components/MessageContent/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/LiveChatWidget/components/MessageContent/index.ts"],
+  "sourcesContent": ["/**\n * \u6D88\u606F\u5185\u5BB9\u6E32\u67D3\u5668\u7EDF\u4E00\u5BFC\u51FA\n */\n\nexport { MessageContent } from '../MessageContent'\nexport { TextBlock } from './TextBlock'\nexport { ProductCard } from './ProductCard'\nexport { ProductList } from './ProductList'\nexport { ProductComparison, ProductComparisonRenderer } from './ProductComparison'\nexport { PolicyBlock } from './PolicyBlock'\nexport { QuickReplies, createQuickRepliesRenderer } from './QuickReplies'\nexport { ThinkingBlock } from './ThinkingBlock'\nexport { ErrorBlock } from './ErrorBlock'\nexport { FAQList, FAQListRenderer } from './FAQList.js'\nexport { PromotionList, PromotionListRenderer } from './PromotionList.js'\nexport { CartCard } from './CartCard.js'\n"],
+  "mappings": "AAIA,OAAS,kBAAAA,MAAsB,oBAC/B,OAAS,aAAAC,MAAiB,cAC1B,OAAS,eAAAC,MAAmB,gBAC5B,OAAS,eAAAC,MAAmB,gBAC5B,OAAS,qBAAAC,EAAmB,6BAAAC,MAAiC,sBAC7D,OAAS,eAAAC,MAAmB,gBAC5B,OAAS,gBAAAC,EAAc,8BAAAC,MAAkC,iBACzD,OAAS,iBAAAC,MAAqB,kBAC9B,OAAS,cAAAC,MAAkB,eAC3B,OAAS,WAAAC,EAAS,mBAAAC,MAAuB,eACzC,OAAS,iBAAAC,EAAe,yBAAAC,MAA6B,qBACrD,OAAS,YAAAC,MAAgB",
+  "names": ["MessageContent", "TextBlock", "ProductCard", "ProductList", "ProductComparison", "ProductComparisonRenderer", "PolicyBlock", "QuickReplies", "createQuickRepliesRenderer", "ThinkingBlock", "ErrorBlock", "FAQList", "FAQListRenderer", "PromotionList", "PromotionListRenderer", "CartCard"]
+}

package/dist/esm/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/esm/components/LiveChatWidget/components/MessageContent.js

@@ -0,0 +1,2 @@
+import{jsx as c,jsxs as p}from"react/jsx-runtime";const g={render:e=>p("div",{className:"text-sm italic text-gray-500",children:["\u672A\u77E5\u6D88\u606F\u7C7B\u578B: ",e.type]})},f=({content:e,isUser:t,isSystem:n,rendererRegistry:a,defaultRenderer:o,className:d="",onAddToCart:s})=>{let r=e;e.type==="product_list"&&s&&(r={...e,data:{...e.data,onAddToCart:s}});const i=(a?.get(r.type)||o||g).render(r,t,n);return c("div",{className:d,children:i})};export{f as MessageContent};
+//# sourceMappingURL=MessageContent.js.map

package/dist/esm/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_list \u7C7B\u578B\u7684\u5185\u5BB9\u4E2D\n  let processedContent = content\n  if (content.type === 'product_list' && onAddToCart) {\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": "AAmDqB,OAyDZ,OAAAA,EAzDY,QAAAC,MAAA,oBADrB,MAAMC,EAA2C,CAC/C,OAAQC,GAAWF,EAAC,OAAI,UAAU,+BAA+B,mDAASE,EAAQ,MAAK,CACzF,EA0BaC,EAAgD,CAAC,CAC5D,QAAAD,EACA,OAAAE,EACA,SAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,UAAAC,EAAY,GACZ,YAAAC,CACF,IAAM,CAEJ,IAAIC,EAAmBR,EACnBA,EAAQ,OAAS,gBAAkBO,IACrCC,EAAmB,CACjB,GAAGR,EACH,KAAM,CACJ,GAAIA,EAAgB,KACpB,YAAAO,CACF,CACF,GAUF,MAAME,GANiBL,GAAkB,IAAII,EAAiB,IAAI,GAG/BH,GAAmBN,GAG5B,OAAOS,EAAkBN,EAAQC,CAAQ,EAEnE,OAAON,EAAC,OAAI,UAAWS,EAAY,SAAAG,EAAS,CAC9C",
+  "names": ["jsx", "jsxs", "defaultFallbackRenderer", "content", "MessageContent", "isUser", "isSystem", "rendererRegistry", "defaultRenderer", "className", "onAddToCart", "processedContent", "rendered"]
+}

package/dist/esm/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/esm/components/LiveChatWidget/components/MessageList.js

@@ -0,0 +1,5 @@
+import{jsx as t,jsxs as d}from"react/jsx-runtime";import{useRef as T,useEffect as c,useState as w,useCallback as f}from"react";import{ChatMessage as M}from"./ChatMessage";import{ScrollAnchor as C}from"./ScrollAnchor";const L=()=>t("div",{className:"flex h-full items-center justify-center text-gray-400",children:t("p",{className:"text-sm",children:"\u6682\u65E0\u6D88\u606F"})}),k=()=>t("div",{className:"flex justify-center py-4",children:d("div",{className:"flex gap-1",children:[t("div",{className:"size-2 animate-bounce rounded-full bg-gray-400"}),t("div",{className:"size-2 animate-bounce rounded-full bg-gray-400",style:{animationDelay:"0.1s"}}),t("div",{className:"size-2 animate-bounce rounded-full bg-gray-400",style:{animationDelay:"0.2s"}})]})}),I=({messages:s,rendererRegistry:p,defaultRenderer:g,showTimestamp:v=!0,autoScroll:n=!0,isLoadingHistory:u=!1,emptyPlaceholder:h,className:m="",onAddToCart:y})=>{const r=T(null),[a,l]=w(!1),i=f((e=100)=>{const o=r.current;if(!o)return!0;const{scrollTop:x,scrollHeight:R,clientHeight:N}=o;return R-x-N<e},[]),b=f(()=>{const e=r.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]);return c(()=>{const e=r.current;if(!e)return;const o=()=>{l(!i())};return o(),e.addEventListener("scroll",o,{passive:!0}),()=>e.removeEventListener("scroll",o)},[i]),c(()=>{if(n)return;const e=setTimeout(()=>{l(!i())},150);return()=>clearTimeout(e)},[s,n,i]),c(()=>{if(!n||!r.current)return;const e=setTimeout(()=>{r.current&&(r.current.scrollTop=r.current.scrollHeight,l(!1))},100);return()=>clearTimeout(e)},[s,n]),s.length===0&&!u?t("div",{className:`flex-1 overflow-hidden ${m}`,children:h||t(L,{})}):d("div",{className:"relative flex-1 overflow-hidden",children:[d("div",{ref:r,className:`
+          livechat-message-list absolute inset-0 overflow-y-auto p-4
+          ${m}
+        `,children:[u&&t(k,{}),t("div",{className:"flex flex-col gap-1",children:s.map(e=>t(M,{message:e,rendererRegistry:p,defaultRenderer:g,showTimestamp:v,onAddToCart:y},e.id))}),n&&t(C,{dependencies:[s]})]}),t("button",{onClick:b,className:`flex -translate-x-1/2 items-center justify-center ${a?"":"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:a?1:0,cursor:"pointer",border:"none"},"aria-label":"Scroll to bottom","aria-hidden":!a,children:t("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:t("polyline",{points:"6 9 12 15 18 9"})})})]})};export{I as MessageList};
+//# sourceMappingURL=MessageList.js.map

package/dist/esm/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\">\u6682\u65E0\u6D88\u606F</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": ["jsx", "jsxs", "useRef", "useEffect", "useState", "useCallback", "ChatMessage", "ScrollAnchor", "DefaultEmptyPlaceholder", "LoadingIndicator", "MessageList", "messages", "rendererRegistry", "defaultRenderer", "showTimestamp", "autoScroll", "isLoadingHistory", "emptyPlaceholder", "className", "onAddToCart", "listRef", "showScrollButton", "setShowScrollButton", "isNearBottom", "threshold", "container", "scrollTop", "scrollHeight", "clientHeight", "scrollToBottom", "handleScroll", "timeoutId", "message"]
+}

package/dist/esm/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/esm/components/LiveChatWidget/components/ScrollAnchor.js

@@ -0,0 +1,2 @@
+import{jsx as s}from"react/jsx-runtime";import{useEffect as l,useRef as i}from"react";const f=({autoScroll:e=!0,behavior:o="smooth",dependencies:n=[]})=>{const r=i(null);return l(()=>{if(!e)return;const t=r.current;if(!t)return;const c=setTimeout(()=>{t.scrollIntoView({behavior:o,block:"end",inline:"nearest"})},100);return()=>clearTimeout(c)},[e,o,...n]),s("div",{ref:r,style:{height:0}})};export{f as ScrollAnchor};
+//# sourceMappingURL=ScrollAnchor.js.map

package/dist/esm/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": "AAyES,cAAAA,MAAA,oBAnET,OAAgB,aAAAC,EAAW,UAAAC,MAAc,QA0ClC,MAAMC,EAA4C,CAAC,CACxD,WAAAC,EAAa,GACb,SAAAC,EAAW,SACX,aAAAC,EAAe,CAAC,CAClB,IAAM,CACJ,MAAMC,EAAYL,EAAuB,IAAI,EAE7C,OAAAD,EAAU,IAAM,CACd,GAAI,CAACG,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,EAEnCN,EAAC,OAAI,IAAKO,EAAW,MAAO,CAAE,OAAQ,CAAE,EAAG,CACpD",
+  "names": ["jsx", "useEffect", "useRef", "ScrollAnchor", "autoScroll", "behavior", "dependencies", "anchorRef", "anchor", "timeoutId"]
+}

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

@@ -0,0 +1,8 @@
+/**
+ * LiveChat 组件常量定义
+ */
+/**
+ * 货币符号映射表
+ * 用于将货币代码转换为对应的符号
+ */
+export declare const CURRENCY_SYMBOLS: Record<string, string>;

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

@@ -0,0 +1,2 @@
+const r={USD:"$",EUR:"\u20AC",GBP:"\xA3",JPY:"\xA5",CNY:"\xA5"};export{r as CURRENCY_SYMBOLS};
+//# sourceMappingURL=constants.js.map

package/dist/esm/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\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  EUR: '\u20AC',\n  GBP: '\u00A3',\n  JPY: '\u00A5',\n  CNY: '\u00A5',\n}\n"],
+  "mappings": "AAQO,MAAMA,EAA2C,CACtD,IAAK,IACL,IAAK,SACL,IAAK,OACL,IAAK,OACL,IAAK,MACP",
+  "names": ["CURRENCY_SYMBOLS"]
+}

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

@@ -0,0 +1,51 @@
+/**
+ * 聊天 API 调用 Hook
+ * 封装 SSE 流式消息接收、历史消息加载、新会话创建
+ * 基于 specs/livechat-widget/plan.md 的 API 调用策略
+ */
+import type { ChatStreamRequest, SSEEvent, NewSessionRequest, NewSessionResponse } from '../types';
+export interface UseChatAPIOptions {
+    /**
+     * API 基础 URL
+     */
+    apiBaseUrl: string;
+    /**
+     * 错误处理回调
+     */
+    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/esm/components/LiveChatWidget/hooks/useChatAPI.js

@@ -0,0 +1,2 @@
+import{useCallback as i,useRef as u}from"react";import{sendMessage as f,createNewSession as p}from"../api/chat";function E(c){const{apiBaseUrl:s,onError:o}=c,e=u(null),n=u(!1),l=i(async(a,r)=>{e.current&&e.current.abort(),e.current=new AbortController,n.current=!0;try{await f(s,a,r)}catch(t){if(t instanceof Error&&t.name==="AbortError")return;throw console.error("[useChatAPI] Stream error:",t),o?.(t),t}finally{n.current=!1,e.current=null}},[s,o]),S=i(async a=>{try{return await p(s,a)}catch(r){throw console.error("[useChatAPI] Create session error:",r),o?.(r),r}},[s,o]),m=i(()=>{e.current&&(e.current.abort(),e.current=null,n.current=!1)},[]);return{sendMessageStream:l,createSession:S,abortStream:m,isSending:n.current}}export{E as useChatAPI};
+//# sourceMappingURL=useChatAPI.js.map

package/dist/esm/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 } from '../api/chat'\n\nexport interface UseChatAPIOptions {\n  /**\n   * API \u57FA\u7840 URL\n   */\n  apiBaseUrl: string\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, 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)\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, 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)\n      } catch (error) {\n        console.error('[useChatAPI] Create session error:', error)\n        onError?.(error as Error)\n        throw error\n      }\n    },\n    [apiBaseUrl, 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": "AAMA,OAAS,eAAAA,EAAa,UAAAC,MAAc,QAEpC,OAAS,eAAAC,EAAa,oBAAAC,MAAwB,cAoDvC,SAASC,EAAWC,EAA8C,CACvE,KAAM,CAAE,WAAAC,EAAY,QAAAC,CAAQ,EAAIF,EAG1BG,EAAqBP,EAA+B,IAAI,EAGxDQ,EAAeR,EAAO,EAAK,EAK3BS,EAAoBV,EACxB,MAAOW,EAA4BC,IAAuC,CAEpEJ,EAAmB,SACrBA,EAAmB,QAAQ,MAAM,EAInCA,EAAmB,QAAU,IAAI,gBACjCC,EAAa,QAAU,GAEvB,GAAI,CACF,MAAMP,EAAYI,EAAYK,EAASC,CAAO,CAChD,OAASC,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,CAACF,EAAYC,CAAO,CACtB,EAKMO,EAAgBd,EACpB,MAAOW,GAA4D,CACjE,GAAI,CACF,OAAO,MAAMR,EAAiBG,EAAYK,CAAO,CACnD,OAASE,EAAO,CACd,cAAQ,MAAM,qCAAsCA,CAAK,EACzDN,IAAUM,CAAc,EAClBA,CACR,CACF,EACA,CAACP,EAAYC,CAAO,CACtB,EAKMQ,EAAcf,EAAY,IAAM,CAChCQ,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": ["useCallback", "useRef", "sendMessage", "createNewSession", "useChatAPI", "options", "apiBaseUrl", "onError", "abortControllerRef", "isSendingRef", "sendMessageStream", "request", "onEvent", "error", "createSession", "abortStream"]
+}