@anker-in/campaign-ui 0.2.11-beta.30 → 0.2.11-beta.32

package/dist/esm/components/LiveChatWidget/hooks/useChatState.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/LiveChatWidget/hooks/useChatState.ts"],
-  "sourcesContent": ["/**\n * \u804A\u5929\u72B6\u6001\u7BA1\u7406 Hook\n * \u7BA1\u7406\u6D88\u606F\u5217\u8868\u3001\u7A97\u53E3\u72B6\u6001\u3001\u8F93\u5165\u6846\u72B6\u6001\u3001\u6D41\u5F0F\u6D88\u606F\u7D2F\u79EF\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u72B6\u6001\u7BA1\u7406\u7B56\u7565\n */\n\nimport { useState, useCallback, useRef, useEffect } from 'react'\nimport type { Message, MessageContent, SSEEvent, StatusData, ErrorData, MessageStartData, BackendCartData, Product, TextContent, ProductCardContent, ProductListContent } from '../types'\nimport { getUserId } from '../utils/userId'\nimport { useSession } from './useSession'\nimport { transformProducts } from '../utils/productTransformers'\nimport { transformCartData } from '../utils/cartTransformers'\n\n// ============================================================================\n// \u8F85\u52A9\u51FD\u6570\uFF1A\u6587\u672C\u89E3\u6790\u548C\u6D88\u606F\u91CD\u7EC4\n// ============================================================================\n\n/**\n * \u5B9E\u65F6\u89E3\u6790\u6D41\u5F0F\u6587\u672C\u4E2D\u7684\u4EA7\u54C1\u5360\u4F4D\u7B26\n * \u5904\u7406\u7F13\u51B2\u533A\u4E2D\u7684\u6587\u672C\uFF0C\u68C0\u6D4B\u5B8C\u6574\u7684 {{product:xxx}} \u5360\u4F4D\u7B26\n *\n * @param buffer \u5F53\u524D\u7F13\u51B2\u533A\u5185\u5BB9\uFF08\u5305\u542B\u65B0\u63A5\u6536\u7684\u6587\u672C\uFF09\n * @param productMap shopifyId \u2192 Product \u7684\u6620\u5C04\u8868\n * @param onAddToCart \u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\u56DE\u8C03\n * @returns { contents: \u9700\u8981\u6DFB\u52A0\u7684\u5185\u5BB9\u6570\u7EC4, remainingBuffer: \u5269\u4F59\u7F13\u51B2\u533A\u5185\u5BB9 }\n */\nfunction parseStreamingText(\n  buffer: string,\n  productMap: Map<string, Product>,\n  onAddToCart?: (product: Product) => void\n): { contents: MessageContent[]; remainingBuffer: string } {\n  const contents: MessageContent[] = []\n  const regex = /\\{\\{(?:product:)?([^}]+)\\}\\}/g\n\n  let lastIndex = 0\n  let match: RegExpExecArray | null\n  let foundMatch = false\n\n  // \u67E5\u627E\u6240\u6709\u5B8C\u6574\u7684\u5360\u4F4D\u7B26\n  while ((match = regex.exec(buffer)) !== null) {\n    foundMatch = true\n\n    // \u63D0\u53D6\u5360\u4F4D\u7B26\u524D\u7684\u6587\u672C\n    const beforeText = buffer.slice(lastIndex, match.index)\n    if (beforeText) {\n      contents.push({ type: 'text', text: beforeText } as TextContent)\n    }\n\n    // \u63D0\u53D6\u4EA7\u54C1 ID \u5E76\u521B\u5EFA\u4EA7\u54C1\u5361\u7247\n    const productId = match[1].trim()\n    const product = productMap.get(productId)\n\n    if (product) {\n      console.log('[useChatState] \uD83C\uDFAF \u5B9E\u65F6\u68C0\u6D4B\u5230\u4EA7\u54C1:', productId, '\u2192', product.title)\n      contents.push({\n        type: 'product_card',\n        data: { product: product, onAddToCart: onAddToCart }\n      } as ProductCardContent)\n    } else {\n      // \u4EA7\u54C1\u672A\u627E\u5230\uFF0C\u4FDD\u7559\u539F\u59CB\u6587\u672C\n      console.warn('[useChatState] \u26A0\uFE0F \u5B9E\u65F6\u89E3\u6790\u672A\u627E\u5230\u4EA7\u54C1:', productId)\n      contents.push({ type: 'text', text: match[0] } as TextContent)\n    }\n\n    lastIndex = regex.lastIndex\n  }\n\n  // \u5982\u679C\u627E\u5230\u4E86\u81F3\u5C11\u4E00\u4E2A\u5B8C\u6574\u5360\u4F4D\u7B26\n  if (foundMatch) {\n    // \u8FD4\u56DE\u5269\u4F59\u7684\u6587\u672C\u4F5C\u4E3A\u7F13\u51B2\u533A\uFF08\u53EF\u80FD\u5305\u542B\u4E0D\u5B8C\u6574\u7684\u5360\u4F4D\u7B26\uFF09\n    const remainingBuffer = buffer.slice(lastIndex)\n    return { contents, remainingBuffer }\n  } else {\n    // \u6CA1\u6709\u627E\u5230\u5B8C\u6574\u5360\u4F4D\u7B26\uFF0C\u68C0\u67E5\u662F\u5426\u6709\u4E0D\u5B8C\u6574\u7684\u5360\u4F4D\u7B26\u5F00\u5934\n    // \u4F8B\u5982\uFF1A\u7F13\u51B2\u533A\u662F \"some text {{prod\"\uFF0C\u6211\u4EEC\u9700\u8981\u4FDD\u7559 \"{{prod\" \u7B49\u5F85\u66F4\u591A\u6587\u672C\n    const incompleteMatch = buffer.match(/\\{\\{[^}]*$/)\n\n    if (incompleteMatch) {\n      // \u6709\u4E0D\u5B8C\u6574\u7684\u5360\u4F4D\u7B26\u5F00\u5934\n      const completeText = buffer.slice(0, incompleteMatch.index)\n      if (completeText) {\n        contents.push({ type: 'text', text: completeText } as TextContent)\n      }\n      return { contents, remainingBuffer: incompleteMatch[0] }\n    } else {\n      // \u6CA1\u6709\u4E0D\u5B8C\u6574\u7684\u5360\u4F4D\u7B26\uFF0C\u6574\u4E2A\u7F13\u51B2\u533A\u90FD\u662F\u666E\u901A\u6587\u672C\n      if (buffer) {\n        contents.push({ type: 'text', text: buffer } as TextContent)\n      }\n      return { contents, remainingBuffer: '' }\n    }\n  }\n}\n\n/**\n * \u89E3\u6790\u6587\u672C\u4E2D\u7684 {{shopifyId}}\uFF0C\u8FD4\u56DE [text, product_card, text, ...] \u6570\u7EC4\uFF08\u7528\u4E8E\u5386\u53F2\u6D88\u606F\u91CD\u7EC4\uFF09\n *\n * @param text \u5305\u542B {{shopifyId}} \u6807\u8BB0\u7684\u6587\u672C\n * @param productMap shopifyId \u2192 Product \u7684\u6620\u5C04\u8868\n * @param onAddToCart \u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\u56DE\u8C03\n * @returns MessageContent \u6570\u7EC4\n *\n * @example\n * \u8F93\u5165\uFF1A\n *   text: \"\u6211\u63A8\u8350\u4EE5\u4E0B\u4EA7\u54C1\uFF1A\\n{{12345}}\\n\u8FD9\u6B3E\u4EA7\u54C1\u6027\u4EF7\u6BD4\u5F88\u9AD8\u3002\"\n *   productMap: Map { '12345' => Product {...} }\n * \u8F93\u51FA\uFF1A\n *   [\n *     { type: 'text', text: '\u6211\u63A8\u8350\u4EE5\u4E0B\u4EA7\u54C1\uFF1A' },\n *     { type: 'product_card', data: { product: {...}, onAddToCart } },\n *     { type: 'text', text: '\u8FD9\u6B3E\u4EA7\u54C1\u6027\u4EF7\u6BD4\u5F88\u9AD8\u3002' }\n *   ]\n */\nfunction parseTextWithProductIds(\n  text: string,\n  productMap: Map<string, Product>,\n  onAddToCart?: (product: Product) => void\n): MessageContent[] {\n  const result: MessageContent[] = []\n  // \u4FEE\u6539\u6B63\u5219\u8868\u8FBE\u5F0F\u4EE5\u5339\u914D {{product:ID}} \u683C\u5F0F\n  // \u5339\u914D {{product:xxx}} \u6216 {{xxx}}\uFF08\u517C\u5BB9\u4E24\u79CD\u683C\u5F0F\uFF09\n  const regex = /\\{\\{(?:product:)?([^}]+)\\}\\}/g\n\n  let lastIndex = 0\n  let match: RegExpExecArray | null\n\n  while ((match = regex.exec(text)) !== null) {\n    const beforeText = text.slice(lastIndex, match.index).trim()\n    // match[1] \u662F\u6355\u83B7\u7EC4\u4E2D\u7684\u5185\u5BB9\uFF0C\u5373 product: \u540E\u9762\u7684 ID\n    const productId = match[1].trim()\n\n    // \u6DFB\u52A0\u524D\u9762\u7684\u6587\u672C\uFF08\u5982\u679C\u6709\uFF09\n    if (beforeText) {\n      result.push({\n        type: 'text',\n        text: beforeText,\n      } as TextContent)\n    }\n\n    // \u6DFB\u52A0\u4EA7\u54C1\u5361\u7247\n    const product = productMap.get(productId)\n    if (product) {\n      console.log(`[useChatState] \u2705 \u627E\u5230\u4EA7\u54C1\u5339\u914D: ${productId} \u2192 ${product.title}`)\n      result.push({\n        type: 'product_card',\n        data: {\n          product: product,\n          onAddToCart: onAddToCart,\n        },\n      } as ProductCardContent)\n    } else {\n      // \u627E\u4E0D\u5230\u4EA7\u54C1\u65F6\uFF0C\u4FDD\u7559\u539F\u59CB\u6807\u8BB0\uFF08\u4E0D\u5E94\u8BE5\u53D1\u751F\uFF0C\u4F46\u505A\u515C\u5E95\u5904\u7406\uFF09\n      const availableKeys = Array.from(productMap.keys())\n      console.warn(`[useChatState] \u274C Product not found for ID: \"${productId}\"`)\n      console.warn('[useChatState] \u53EF\u7528\u7684\u4EA7\u54C1ID\u5217\u8868:', availableKeys)\n      console.warn('[useChatState] ID\u7C7B\u578B:', typeof productId, '\u957F\u5EA6:', productId.length)\n      result.push({\n        type: 'text',\n        text: match[0], // \u4FDD\u7559\u539F\u59CB\u5B8C\u6574\u6807\u8BB0\uFF0C\u5305\u62EC product: \u524D\u7F00\n      } as TextContent)\n    }\n\n    lastIndex = regex.lastIndex\n  }\n\n  // \u6DFB\u52A0\u6700\u540E\u5269\u4F59\u7684\u6587\u672C\n  const remainingText = text.slice(lastIndex).trim()\n  if (remainingText) {\n    result.push({\n      type: 'text',\n      text: remainingText,\n    } as TextContent)\n  }\n\n  return result\n}\n\n/**\n * \u91CD\u7EC4\u6D88\u606F\u5185\u5BB9\uFF1A\u89E3\u6790\u6587\u672C\u4E2D\u7684 {{shopifyId}}\uFF0C\u66FF\u6362\u4E3A\u4EA7\u54C1\u5361\u7247\n *\n * \u5904\u7406\u903B\u8F91\uFF1A\n * 1. \u904D\u5386\u6D88\u606F\u7684\u6240\u6709 content blocks\n * 2. \u5BF9\u4E8E text \u7C7B\u578B\uFF0C\u89E3\u6790\u5176\u4E2D\u7684 {{shopifyId}} \u5E76\u62C6\u5206\u4E3A\u591A\u4E2A content\n * 3. \u8DF3\u8FC7 product_list \u7C7B\u578B\uFF08\u5DF2\u7ECF\u88AB\u62C6\u5206\u5230\u6587\u672C\u4E2D\uFF09\n * 4. \u5176\u4ED6\u7C7B\u578B\u76F4\u63A5\u4FDD\u7559\n *\n * @param contents \u539F\u59CB\u6D88\u606F\u5185\u5BB9\u6570\u7EC4\n * @param productMap shopifyId \u2192 Product \u7684\u6620\u5C04\u8868\n * @param onAddToCart \u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\u56DE\u8C03\n * @returns \u91CD\u7EC4\u540E\u7684\u6D88\u606F\u5185\u5BB9\u6570\u7EC4\n */\nfunction reorganizeMessageContent(\n  contents: MessageContent[],\n  productMap: Map<string, Product>,\n  onAddToCart?: (product: Product) => void\n): MessageContent[] {\n  const result: MessageContent[] = []\n\n  for (const content of contents) {\n    // \u53EA\u5904\u7406\u6587\u672C\u7C7B\u578B\n    if (content.type === 'text') {\n      const textContent = content as TextContent\n      const segments = parseTextWithProductIds(textContent.text, productMap, onAddToCart)\n      result.push(...segments)\n    }\n    // \u8DF3\u8FC7 product_list\uFF08\u5DF2\u7ECF\u88AB\u62C6\u5206\u5230\u6587\u672C\u4E2D\uFF09\n    else if (content.type === 'product_list') {\n      continue\n    }\n    // \u5176\u4ED6\u7C7B\u578B\u76F4\u63A5\u4FDD\u7559\n    else {\n      result.push(content)\n    }\n  }\n\n  return result\n}\n\n/**\n * \u5904\u7406\u5355\u6761\u6D88\u606F\u7684\u91CD\u7EC4\uFF08\u7528\u4E8E\u5386\u53F2\u6D88\u606F\u52A0\u8F7D\uFF09\n * \u5982\u679C\u6D88\u606F\u5305\u542B product_list \u548C\u5E26\u6709 {{}} \u7684\u6587\u672C\uFF0C\u5219\u8FDB\u884C\u91CD\u7EC4\n *\n * @param message \u539F\u59CB\u6D88\u606F\n * @param onAddToCart \u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\u56DE\u8C03\n * @returns \u91CD\u7EC4\u540E\u7684\u6D88\u606F\uFF08\u5982\u679C\u9700\u8981\u91CD\u7EC4\uFF09\uFF0C\u5426\u5219\u8FD4\u56DE\u539F\u6D88\u606F\n */\nfunction maybeReorganizeHistoricalMessage(\n  message: Message,\n  onAddToCart?: (product: Product) => void\n): Message {\n  // \u68C0\u67E5\u6D88\u606F\u662F\u5426\u5305\u542B product_list\n  const hasProductList = message.content.some(c => c.type === 'product_list')\n  if (!hasProductList) {\n    return message // \u6CA1\u6709 product_list\uFF0C\u4E0D\u9700\u8981\u91CD\u7EC4\n  }\n\n  // \u68C0\u67E5\u6D88\u606F\u662F\u5426\u5305\u542B\u5E26\u6709 {{}} \u7684\u6587\u672C\n  const hasPlaceholder = message.content.some(\n    c => c.type === 'text' && /\\{\\{(?:product:)?[^}]+\\}\\}/.test((c as TextContent).text)\n  )\n  if (!hasPlaceholder) {\n    return message // \u6CA1\u6709\u5360\u4F4D\u7B26\uFF0C\u4E0D\u9700\u8981\u91CD\u7EC4\n  }\n\n  console.log('[useChatState] \u68C0\u6D4B\u5230\u5386\u53F2\u6D88\u606F\u9700\u8981\u91CD\u7EC4, \u6D88\u606FID:', message.id)\n\n  // \u6784\u5EFA\u4EA7\u54C1\u6620\u5C04\n  const productMap = new Map<string, Product>()\n  message.content.forEach(content => {\n    if (content.type === 'product_list') {\n      const productListContent = content as ProductListContent\n      productListContent.data.products.forEach(product => {\n        if (product && product.shopifyId) {\n          // 1. \u4F7F\u7528\u5B8C\u6574\u7684 shopifyId \u4F5C\u4E3Akey\n          productMap.set(product.shopifyId, product)\n\n          // 2. \u540C\u65F6\u63D0\u53D6\u6570\u5B57\u90E8\u5206\u4F5C\u4E3Akey\n          const numericId = product.shopifyId.match(/\\d+$/)?.[0]\n          if (numericId) {\n            productMap.set(numericId, product)\n          }\n        }\n      })\n    }\n  })\n\n  // \u91CD\u7EC4\u6D88\u606F\u5185\u5BB9\n  const reorganizedContent = reorganizeMessageContent(message.content, productMap, onAddToCart)\n\n  // \u8FD4\u56DE\u65B0\u6D88\u606F\u5BF9\u8C61\n  return {\n    ...message,\n    content: reorganizedContent,\n  }\n}\n\nexport interface UseChatStateOptions {\n  /**\n   * \u521D\u59CB\u6B22\u8FCE\u6D88\u606F\n   */\n  welcomeMessage?: string\n\n  /**\n   * Shopify \u5E97\u94FA\u57DF\u540D\n   */\n  site?: string\n\n  /**\n   * \u53D7\u63A7\u6A21\u5F0F\uFF1A\u662F\u5426\u6253\u5F00\u804A\u5929\u7A97\u53E3\n   * \u63D0\u4F9B\u6B64\u53C2\u6570\u65F6\uFF0C\u7EC4\u4EF6\u5904\u4E8E\u53D7\u63A7\u6A21\u5F0F\n   */\n  open?: boolean\n\n  /**\n   * \u53D7\u63A7\u6A21\u5F0F\uFF1A\u72B6\u6001\u53D8\u5316\u56DE\u8C03\uFF08\u5FC5\u9700\uFF09\n   * \u7528\u4E8E\u540C\u6B65\u72B6\u6001\u5230\u7236\u7EC4\u4EF6\n   */\n  onOpenChange?: (open: boolean) => void\n\n  /**\n   * \u7A97\u53E3\u6253\u5F00\u4E8B\u4EF6\u76D1\u542C\uFF08\u53EF\u9009\uFF09\n   * \u7528\u4E8E\u57CB\u70B9\u3001\u65E5\u5FD7\u7B49\u526F\u4F5C\u7528\n   */\n  onOpen?: () => void\n\n  /**\n   * \u7A97\u53E3\u5173\u95ED\u4E8B\u4EF6\u76D1\u542C\uFF08\u53EF\u9009\uFF09\n   * \u7528\u4E8E\u57CB\u70B9\u3001\u65E5\u5FD7\u7B49\u526F\u4F5C\u7528\n   */\n  onClose?: () => void\n\n  /**\n   * \u6D88\u606F\u53D1\u9001\u56DE\u8C03\n   */\n  onMessageSend?: (message: string) => void\n\n  /**\n   * \u9519\u8BEF\u5904\u7406\u56DE\u8C03\n   */\n  onError?: (error: Error) => void\n\n  /**\n   * AI \u6D88\u606F\u56DE\u8C03\n   */\n  /**\n   * AI \u56DE\u590D\u6587\u672C\u6D88\u606F\u65F6\u89E6\u53D1\n   */\n  onTextMessage?: () => void\n\n  /**\n   * AI \u56DE\u590D\u5546\u54C1\u5217\u8868\u5361\u7247\u65F6\u89E6\u53D1\n   */\n  onProductList?: () => void\n\n  /**\n   * AI \u56DE\u590D\u4FC3\u9500\u5361\u7247\u65F6\u89E6\u53D1\n   */\n  onPromotionList?: () => void\n\n  /**\n   * \u5546\u54C1\u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\u56DE\u8C03\n   */\n  onAddToCart?: (product: any) => void\n\n  /**\n   * \u8D2D\u7269\u8F66\u6309\u94AE\u70B9\u51FB\u56DE\u8C03\n   */\n  onCart?: (cartId: string, checkoutUrl?: string) => void\n}\n\nexport interface UseChatStateReturn {\n  /**\n   * \u6D88\u606F\u5217\u8868\n   */\n  messages: Message[]\n\n  /**\n   * \u804A\u5929\u7A97\u53E3\u662F\u5426\u6253\u5F00\n   */\n  isOpen: boolean\n\n  /**\n   * \u7528\u6237 ID\n   */\n  userId: string\n\n  /**\n   * \u4F1A\u8BDD ID\n   */\n  sessionId: string | null\n\n  /**\n   * \u8F93\u5165\u6846\u5185\u5BB9\n   */\n  inputValue: string\n\n  /**\n   * \u662F\u5426\u6B63\u5728\u63A5\u6536\u6D41\u5F0F\u6D88\u606F\n   */\n  isStreaming: boolean\n\n  /**\n   * \u6253\u5F00\u804A\u5929\u7A97\u53E3\n   */\n  openChat: () => void\n\n  /**\n   * \u5173\u95ED\u804A\u5929\u7A97\u53E3\n   */\n  closeChat: () => void\n\n  /**\n   * \u5207\u6362\u804A\u5929\u7A97\u53E3\u72B6\u6001\n   */\n  toggleChat: () => void\n\n  /**\n   * \u8BBE\u7F6E\u8F93\u5165\u6846\u5185\u5BB9\n   */\n  setInputValue: (value: string) => void\n\n  /**\n   * \u6DFB\u52A0\u6D88\u606F\u5230\u5217\u8868\n   */\n  addMessage: (message: Message) => void\n\n  /**\n   * \u6279\u91CF\u8BBE\u7F6E\u6D88\u606F\u5217\u8868\uFF08\u7528\u4E8E\u52A0\u8F7D\u5386\u53F2\uFF09\n   */\n  setMessages: (messages: Message[]) => void\n\n  /**\n   * \u6E05\u7A7A\u6D88\u606F\u5217\u8868\n   */\n  clearMessages: () => void\n\n  /**\n   * \u5904\u7406 SSE \u4E8B\u4EF6\n   */\n  handleSSEEvent: (event: SSEEvent) => void\n\n  /**\n   * \u4FDD\u5B58\u4F1A\u8BDD ID\n   */\n  saveSession: (id: string) => void\n\n  /**\n   * \u6E05\u7A7A\u4F1A\u8BDD\n   */\n  clearSession: () => void\n}\n\n/**\n * \u804A\u5929\u72B6\u6001\u7BA1\u7406 Hook\n *\n * \u529F\u80FD\uFF1A\n * 1. \u7BA1\u7406\u6D88\u606F\u5217\u8868\uFF08\u6DFB\u52A0\u3001\u6E05\u7A7A\u3001\u6279\u91CF\u8BBE\u7F6E\uFF09\n * 2. \u7BA1\u7406\u7A97\u53E3\u72B6\u6001\uFF08\u6253\u5F00\u3001\u5173\u95ED\u3001\u5207\u6362\uFF09\n * 3. \u7BA1\u7406\u8F93\u5165\u6846\u72B6\u6001\n * 4. \u5904\u7406 SSE \u6D41\u5F0F\u6D88\u606F\u4E8B\u4EF6\n * 5. \u7D2F\u79EF\u6D41\u5F0F\u6587\u672C\u5185\u5BB9\n *\n * @param options Hook \u914D\u7F6E\u9009\u9879\n * @returns \u72B6\u6001\u7BA1\u7406\u5DE5\u5177\u5BF9\u8C61\n */\nexport function useChatState(options: UseChatStateOptions = {}): UseChatStateReturn {\n  const {\n    welcomeMessage,\n    site,\n    open: controlledOpen,\n    onOpenChange,\n    onOpen,\n    onClose,\n    onMessageSend,\n    onError,\n    onTextMessage,\n    onProductList,\n    onPromotionList,\n    onAddToCart,\n    onCart,\n  } = options\n\n  // \u4F1A\u8BDD\u7BA1\u7406\n  const { sessionId, saveSession, clearSession } = useSession()\n\n  // \u7528\u6237 ID (\u521D\u59CB\u5316\u65F6\u5F02\u6B65\u751F\u6210)\n  const [userId, setUserId] = useState<string>('')\n\n  // \u521D\u59CB\u5316 userId\n  useEffect(() => {\n    getUserId().then(id => setUserId(id))\n  }, [])\n\n  // \u6D88\u606F\u5217\u8868\n  const [messages, setMessagesState] = useState<Message[]>(() => {\n    // \u5982\u679C\u6709\u6B22\u8FCE\u6D88\u606F\uFF0C\u521D\u59CB\u5316\u65F6\u6DFB\u52A0\n    if (welcomeMessage) {\n      return [\n        {\n          id: `welcome-${Date.now()}`,\n          role: 'assistant',\n          content: [{ type: 'text', text: welcomeMessage }],\n          timestamp: Date.now(),\n        },\n      ]\n    }\n    return []\n  })\n\n  // \u804A\u5929\u7A97\u53E3\u662F\u5426\u6253\u5F00\uFF08\u652F\u6301\u53D7\u63A7\u548C\u975E\u53D7\u63A7\u4E24\u79CD\u6A21\u5F0F\uFF09\n  const [internalOpen, setInternalOpen] = useState(false)\n  const isControlled = controlledOpen !== undefined\n  const isOpen = isControlled ? controlledOpen : internalOpen\n\n  // \u8F93\u5165\u6846\u5185\u5BB9\n  const [inputValue, setInputValue] = useState('')\n\n  // \u662F\u5426\u6B63\u5728\u63A5\u6536\u6D41\u5F0F\u6D88\u606F\n  const [isStreaming, setIsStreaming] = useState(false)\n\n  // \u5F53\u524D\u6B63\u5728\u7D2F\u79EF\u7684\u6D41\u5F0F\u6D88\u606F (\u4E34\u65F6\u5B58\u50A8)\n  const currentMessageRef = useRef<Message | null>(null)\n\n  // \u6807\u8BB0\u5F53\u524D\u6D88\u606F\u662F\u5426\u5DF2\u89E6\u53D1 onTextMessage \u56DE\u8C03\uFF08\u907F\u514D\u91CD\u590D\u89E6\u53D1\uFF09\n  const textMessageCallbackTriggeredRef = useRef<boolean>(false)\n\n  // \u4EA7\u54C1\u6620\u5C04\u7F13\u5B58 (shopifyId \u2192 Product)\uFF0C\u7528\u4E8E\u5B9E\u65F6\u89E3\u6790\u5360\u4F4D\u7B26\n  const productMapRef = useRef<Map<string, Product>>(new Map())\n\n  // \u6587\u672C\u7F13\u51B2\u533A\uFF0C\u7528\u4E8E\u5B58\u50A8\u672A\u5B8C\u6210\u7684\u6587\u672C\uFF08\u5904\u7406\u5360\u4F4D\u7B26\u8DE8\u8D8A\u591A\u4E2A delta \u7684\u60C5\u51B5\uFF09\n  const textBufferRef = useRef<string>('')\n\n  /**\n   * \u6253\u5F00\u804A\u5929\u7A97\u53E3\n   */\n  const openChat = useCallback(() => {\n    if (!isControlled) {\n      setInternalOpen(true)\n    }\n    onOpenChange?.(true)\n    onOpen?.()\n  }, [isControlled, onOpenChange, onOpen])\n\n  /**\n   * \u5173\u95ED\u804A\u5929\u7A97\u53E3\n   */\n  const closeChat = useCallback(() => {\n    if (!isControlled) {\n      setInternalOpen(false)\n    }\n    onOpenChange?.(false)\n    onClose?.()\n  }, [isControlled, onOpenChange, onClose])\n\n  /**\n   * \u5207\u6362\u804A\u5929\u7A97\u53E3\u72B6\u6001\n   */\n  const toggleChat = useCallback(() => {\n    const newState = !isOpen\n    if (!isControlled) {\n      setInternalOpen(newState)\n    }\n    onOpenChange?.(newState)\n    if (newState) {\n      onOpen?.()\n    } else {\n      onClose?.()\n    }\n  }, [isControlled, isOpen, onOpenChange, onOpen, onClose])\n\n  /**\n   * \u6DFB\u52A0\u6D88\u606F\u5230\u5217\u8868\n   */\n  const addMessage = useCallback((message: Message) => {\n    // \u9632\u62A4\uFF1A\u5982\u679C\u6D88\u606F\u4E3A null \u6216 undefined\uFF0C\u4E0D\u6DFB\u52A0\n    if (!message) {\n      console.warn('[useChatState] Attempted to add null/undefined message')\n      return\n    }\n    setMessagesState(prev => [...prev, message])\n  }, [])\n\n  /**\n   * \u6279\u91CF\u8BBE\u7F6E\u6D88\u606F\u5217\u8868\uFF08\u7528\u4E8E\u52A0\u8F7D\u5386\u53F2\uFF09\n   */\n  const setMessages = useCallback(\n    (newMessages: Message[]) => {\n      // \u9632\u62A4\uFF1A\u8FC7\u6EE4\u6389 null/undefined \u6D88\u606F\n      const validMessages = newMessages.filter(msg => msg != null)\n      if (validMessages.length !== newMessages.length) {\n        console.warn('[useChatState] Filtered out null/undefined messages from batch set')\n      }\n\n      // \u5BF9\u6BCF\u6761\u5386\u53F2\u6D88\u606F\u8FDB\u884C\u91CD\u7EC4\uFF08\u5982\u679C\u9700\u8981\uFF09\n      const reorganizedMessages = validMessages.map(msg => maybeReorganizeHistoricalMessage(msg, onAddToCart))\n\n      setMessagesState(reorganizedMessages)\n    },\n    [onAddToCart]\n  )\n\n  /**\n   * \u6E05\u7A7A\u6D88\u606F\u5217\u8868\n   */\n  const clearMessages = useCallback(() => {\n    setMessagesState([])\n  }, [])\n\n  /**\n   * \u5904\u7406 SSE \u4E8B\u4EF6\n   * \u6839\u636E\u4E8B\u4EF6\u7C7B\u578B\u8FDB\u884C\u4E0D\u540C\u7684\u5904\u7406\n   */\n  const handleSSEEvent = useCallback(\n    (event: SSEEvent) => {\n      const { event: eventType, data } = event\n\n      switch (eventType) {\n        case 'message_start': {\n          // \u5F00\u59CB\u63A5\u6536\u65B0\u6D88\u606F\n          setIsStreaming(true)\n\n          // \u91CD\u7F6E\u6587\u672C\u6D88\u606F\u56DE\u8C03\u6807\u8BB0\n          textMessageCallbackTriggeredRef.current = false\n\n          // \u91CD\u7F6E\u6587\u672C\u7F13\u51B2\u533A\n          textBufferRef.current = ''\n\n          // T039: \u4FDD\u5B58 sessionId\uFF08\u5982\u679C\u540E\u7AEF\u8FD4\u56DE\uFF09\n          const messageStartData = data as MessageStartData\n          if (messageStartData.sessionId && messageStartData.sessionId !== sessionId) {\n            saveSession(messageStartData.sessionId)\n          }\n\n          // \u68C0\u67E5\u6700\u540E\u4E00\u6761\u6D88\u606F\u662F\u5426\u662F thinking \u6D88\u606F\uFF08\u7528\u6237\u53D1\u9001\u6D88\u606F\u65F6\u5DF2\u6DFB\u52A0\uFF09\n          setMessagesState(prev => {\n            const lastMessage = prev[prev.length - 1]\n            const hasThinking =\n              lastMessage &&\n              lastMessage.role === 'assistant' &&\n              lastMessage.content.length === 1 &&\n              lastMessage.content[0].type === 'thinking'\n\n            if (hasThinking) {\n              // \u590D\u7528\u5DF2\u5B58\u5728\u7684 thinking \u6D88\u606F\n              currentMessageRef.current = lastMessage\n              return prev // \u4E0D\u9700\u8981\u6DFB\u52A0\u65B0\u6D88\u606F\n            } else {\n              // \u6CA1\u6709 thinking \u6D88\u606F\uFF0C\u521B\u5EFA\u65B0\u7684\uFF08\u517C\u5BB9\u5176\u4ED6\u573A\u666F\uFF09\n              const messageId = `msg-${Date.now()}`\n              currentMessageRef.current = {\n                id: messageId,\n                role: 'assistant',\n                content: [{ type: 'thinking', data: { status: 'thinking' } }],\n                timestamp: Date.now(),\n              }\n              return [...prev, currentMessageRef.current!]\n            }\n          })\n          break\n        }\n\n        case 'content_delta': {\n          // \u7D2F\u79EF\u6D41\u5F0F\u6587\u672C\u5185\u5BB9\uFF0C\u5E76\u5B9E\u65F6\u68C0\u6D4B\u4EA7\u54C1\u5360\u4F4D\u7B26\n          const deltaData = data as any\n          const deltaText = deltaData.delta || deltaData.text || ''\n\n          if (currentMessageRef.current && deltaText) {\n            // \u89E6\u53D1\u6587\u672C\u6D88\u606F\u56DE\u8C03\uFF08\u4EC5\u89E6\u53D1\u4E00\u6B21\uFF09\n            if (!textMessageCallbackTriggeredRef.current) {\n              textMessageCallbackTriggeredRef.current = true\n              onTextMessage?.()\n            }\n\n            // \u79FB\u9664\u601D\u8003\u6C14\u6CE1\uFF08\u5982\u679C\u5B58\u5728\uFF09\n            const hasThinking = currentMessageRef.current.content.some(c => c.type === 'thinking')\n            if (hasThinking) {\n              currentMessageRef.current.content = currentMessageRef.current.content.filter(c => c.type !== 'thinking')\n            }\n\n            // \u5C06\u65B0\u6587\u672C\u6DFB\u52A0\u5230\u7F13\u51B2\u533A\n            textBufferRef.current += deltaText\n\n            // \u5B9E\u65F6\u89E3\u6790\u7F13\u51B2\u533A\u4E2D\u7684\u5360\u4F4D\u7B26\n            const { contents, remainingBuffer } = parseStreamingText(\n              textBufferRef.current,\n              productMapRef.current,\n              onAddToCart\n            )\n\n            // \u66F4\u65B0\u7F13\u51B2\u533A\u4E3A\u5269\u4F59\u5185\u5BB9\n            textBufferRef.current = remainingBuffer\n\n            // \u5C06\u89E3\u6790\u51FA\u7684\u5185\u5BB9\u6DFB\u52A0\u5230\u6D88\u606F\u4E2D\n            if (contents.length > 0) {\n              contents.forEach(content => {\n                const lastContent = currentMessageRef.current!.content[\n                  currentMessageRef.current!.content.length - 1\n                ] as MessageContent | undefined\n\n                // \u5982\u679C\u662F\u6587\u672C\u5185\u5BB9\u4E14\u6700\u540E\u4E00\u4E2A\u4E5F\u662F\u6587\u672C\uFF0C\u5219\u5408\u5E76\n                if (content.type === 'text' && lastContent && lastContent.type === 'text') {\n                  lastContent.text += content.text\n                } else {\n                  // \u5426\u5219\u6DFB\u52A0\u65B0\u5185\u5BB9\n                  currentMessageRef.current!.content.push(content)\n                }\n              })\n\n              // \u66F4\u65B0\u6D88\u606F\u5217\u8868\u4EE5\u89E6\u53D1\u6E32\u67D3\n              setMessagesState(prev => {\n                if (!currentMessageRef.current) return prev\n\n                const updated = [...prev]\n                const existingIndex = updated.findIndex(m => m && m.id === currentMessageRef.current!.id)\n\n                if (existingIndex >= 0) {\n                  updated[existingIndex] = { ...currentMessageRef.current! }\n                } else {\n                  updated.push({ ...currentMessageRef.current! })\n                }\n\n                return updated\n              })\n            }\n          }\n          break\n        }\n\n        case 'content_block': {\n          // \u63A5\u6536\u7ED3\u6784\u5316\u5185\u5BB9\u5757\uFF08\u5546\u54C1\u3001\u653F\u7B56\u7B49\uFF09\n          // API \u8FD4\u56DE\u683C\u5F0F\u53D8\u66F4:\n          // \u65B0\u683C\u5F0F: {index: number, type: string, data: {...}}  <- type \u5728\u5916\u5C42\n          // \u65E7\u683C\u5F0F: {index: number, data: {type: string, ...}}  <- type \u5728 data \u5185\n          const blockData = data as any\n          if (currentMessageRef.current) {\n            // \u83B7\u53D6 type \u548C data\n            // \u4F18\u5148\u4ECE\u5916\u5C42\u83B7\u53D6 type\uFF0C\u517C\u5BB9\u65E7\u683C\u5F0F\u4ECE data \u5185\u83B7\u53D6\n            const contentType = blockData.type || blockData.data?.type\n            const contentData = blockData.data\n\n            if (!contentType || !contentData) {\n              console.warn('[useChatState] Invalid content_block:', blockData)\n              break\n            }\n\n            // ============================================================\n            // \u8F6C\u6362\u6570\u636E\u7ED3\u6784\u4EE5\u5339\u914D\u7C7B\u578B\u5B9A\u4E49\n            // \u6839\u636E\u540E\u7AEF\u6570\u636E\u7ED3\u6784\u89C4\u8303\uFF08\u98DE\u4E66\u6587\u6863\uFF09\u8FDB\u884C\u8F6C\u6362\n            // ============================================================\n            let messageContent: MessageContent\n\n            // ========== 1. \u4EA7\u54C1\u5217\u8868\u5361\u7247 (Product List) ==========\n            // \u540E\u7AEF\u683C\u5F0F: {type: \"product_list\", data: [product1, product2, ...]}\n            // data \u76F4\u63A5\u662F\u4EA7\u54C1\u6570\u7EC4\uFF0C\u4E0D\u662F {products: [...]}\n            if (contentType === 'product_list' && Array.isArray(contentData)) {\n              // \u89E6\u53D1\u5546\u54C1\u5217\u8868\u56DE\u8C03\n              onProductList?.()\n\n              // \u4F7F\u7528\u7EDF\u4E00\u7684\u4EA7\u54C1\u8F6C\u6362\u5DE5\u5177\u51FD\u6570\n              const transformedProducts = transformProducts(contentData, site)\n\n              // \u5EFA\u7ACB\u4EA7\u54C1\u6620\u5C04\u7F13\u5B58 (shopifyId \u2192 Product)\n              // \u7528\u4E8E\u540E\u7EED\u5728 message_end \u65F6\u89E3\u6790\u6587\u672C\u4E2D\u7684 {{shopifyId}}\n              transformedProducts.forEach(product => {\n                if (product && product.shopifyId) {\n                  // 1. \u4F7F\u7528\u5B8C\u6574\u7684 shopifyId \u4F5C\u4E3Akey\uFF08\u5982 \"gid://shopify/Product/123\"\uFF09\n                  productMapRef.current.set(product.shopifyId, product)\n\n                  // 2. \u540C\u65F6\u63D0\u53D6\u6570\u5B57\u90E8\u5206\u4F5C\u4E3Akey\uFF08\u5982 \"123\"\uFF09\uFF0C\u652F\u6301\u7B80\u5199\u683C\u5F0F\n                  // \u4ECE \"gid://shopify/Product/123\" \u6216 \"123\" \u4E2D\u63D0\u53D6\u7EAF\u6570\u5B57\n                  const numericId = product.shopifyId.match(/\\d+$/)?.[0]\n                  if (numericId) {\n                    productMapRef.current.set(numericId, product)\n                  }\n\n                  console.log('[useChatState] \u5EFA\u7ACB\u4EA7\u54C1\u6620\u5C04:', {\n                    fullId: product.shopifyId,\n                    numericId,\n                    title: product.title,\n                  })\n                }\n              })\n\n              // \u26A0\uFE0F \u4E0D\u8981\u628A product_list \u6DFB\u52A0\u5230\u6D88\u606F\u4E2D\uFF0C\u907F\u514D\u95EA\u70C1\n              // \u7B49\u5230 message_end \u65F6\uFF0C\u901A\u8FC7\u6587\u672C\u89E3\u6790\u521B\u5EFA product_card\uFF0C\u76F4\u63A5\u663E\u793A\u6700\u7EC8\u7684\u4EA4\u66FF\u683C\u5F0F\n              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')\n              break // \u76F4\u63A5\u8DF3\u51FA\uFF0C\u4E0D\u6267\u884C\u540E\u7EED\u7684 push \u64CD\u4F5C\n            }\n            // ========== 2. \u4EA7\u54C1\u5BF9\u6BD4\u5361\u7247 (Product Comparison) ==========\n            // \u540E\u7AEF\u683C\u5F0F: {type: \"product_comparison\", data: {products: [...], dimensions: {...}}}\n            else if (contentType === 'product_comparison' && contentData.products) {\n              // \u4F7F\u7528\u7EDF\u4E00\u7684\u4EA7\u54C1\u8F6C\u6362\u5DE5\u5177\u51FD\u6570\n              const transformedProducts = transformProducts(contentData.products, site)\n\n              messageContent = {\n                type: 'product_comparison',\n                data: {\n                  products: transformedProducts,\n                  dimensions: contentData.dimensions || {},\n                },\n              } as MessageContent\n            }\n            // ========== 3. FAQ \u5217\u8868\u5361\u7247 (FAQ List) ==========\n            // \u540E\u7AEF\u683C\u5F0F: {type: \"faq_list\", data: {found, count, total, results: [...]}}\n            else if (contentType === 'faq_list' && contentData.found !== undefined) {\n              messageContent = {\n                type: 'faq_list',\n                data: contentData, // \u76F4\u63A5\u4F7F\u7528\uFF0C\u7ED3\u6784\u5DF2\u5339\u914D\n              } as MessageContent\n            }\n            // ========== 4. \u5FEB\u6377\u56DE\u590D (Quick Replies) ==========\n            else if (contentType === 'quick_replies' && contentData.replies) {\n              messageContent = {\n                type: 'quick_replies',\n                data: {\n                  replies: contentData.replies,\n                },\n              } as MessageContent\n            }\n            // ========== 5. \u653F\u7B56\u5185\u5BB9 (Policy) ==========\n            else if (contentType === 'policy' && contentData.title && contentData.content) {\n              messageContent = {\n                type: 'policy',\n                data: {\n                  title: contentData.title,\n                  content: contentData.content,\n                },\n              } as MessageContent\n            }\n            // ========== 6. \u4FC3\u9500\u6D3B\u52A8\u5217\u8868 (Promotion List) ==========\n            // \u540E\u7AEF\u683C\u5F0F: {type: \"promotion_list\", data: {found, count, total, results: [...]}}\n            else if (contentType === 'promotion_list' && contentData.found !== undefined) {\n              // \u89E6\u53D1\u4FC3\u9500\u5361\u7247\u56DE\u8C03\n              onPromotionList?.()\n\n              messageContent = {\n                type: 'promotion_list',\n                data: contentData, // \u76F4\u63A5\u4F7F\u7528\uFF0C\u7ED3\u6784\u5DF2\u5339\u914D\n              } as MessageContent\n            }\n            // ========== 7. \u8D2D\u7269\u8F66 (Cart) ==========\n            // \u540E\u7AEF\u683C\u5F0F: {type: \"cart\", data: {id, lines: {edges: [...]}, cost, ...}} (Shopify GraphQL)\n            // \u9700\u8981\u8F6C\u6362\u4E3A\u524D\u7AEF\u683C\u5F0F: {cartId, lines: [...], cost, ...}\n            else if (contentType === 'cart' && contentData.id !== undefined) {\n              // \u8F6C\u6362\u540E\u7AEF Shopify GraphQL \u683C\u5F0F\u4E3A\u524D\u7AEF\u6807\u51C6\u683C\u5F0F\n              const transformedData = transformCartData(contentData as BackendCartData)\n              messageContent = {\n                type: 'cart',\n                data: {\n                  ...transformedData,\n                  onCart: onCart, // \u6CE8\u5165\u8D2D\u7269\u8F66\u6309\u94AE\u56DE\u8C03\n                },\n              } as MessageContent\n            }\n            // ========== 8. \u5176\u4ED6\u7C7B\u578B\uFF08\u901A\u7528\u5904\u7406\uFF09 ==========\n            else {\n              messageContent = {\n                type: contentType,\n                data: contentData,\n              } as MessageContent\n            }\n\n            currentMessageRef.current.content.push(messageContent)\n\n            setMessagesState(prev => {\n              if (!currentMessageRef.current) return prev\n\n              const updated = [...prev]\n              const existingIndex = updated.findIndex(m => m && m.id === currentMessageRef.current!.id)\n\n              if (existingIndex >= 0) {\n                updated[existingIndex] = { ...currentMessageRef.current! }\n              } else {\n                updated.push({ ...currentMessageRef.current! })\n              }\n\n              return updated\n            })\n          }\n          break\n        }\n\n        case 'tool_start':\n        case 'tool_end': {\n          // \u5DE5\u5177\u8C03\u7528\u4E8B\u4EF6\uFF0C\u6682\u65F6\u5FFD\u7565\n          // \u53EF\u4EE5\u5728\u672A\u6765\u7528\u4E8E\u663E\u793A\u5DE5\u5177\u8C03\u7528\u72B6\u6001\n          break\n        }\n\n        case 'message_end': {\n          // \u6D88\u606F\u63A5\u6536\u5B8C\u6210\n          setIsStreaming(false)\n\n          // \u5904\u7406\u7F13\u51B2\u533A\u4E2D\u5269\u4F59\u7684\u6587\u672C\uFF08\u5982\u679C\u6709\uFF09\n          if (currentMessageRef.current && textBufferRef.current) {\n            console.log('[useChatState] \u5904\u7406\u5269\u4F59\u7F13\u51B2\u533A:', textBufferRef.current)\n\n            const lastContent = currentMessageRef.current.content[\n              currentMessageRef.current.content.length - 1\n            ] as MessageContent | undefined\n\n            // \u5982\u679C\u6700\u540E\u4E00\u4E2A\u5185\u5BB9\u662F\u6587\u672C\uFF0C\u5219\u5408\u5E76\n            if (lastContent && lastContent.type === 'text') {\n              lastContent.text += textBufferRef.current\n            } else {\n              // \u5426\u5219\u6DFB\u52A0\u4E3A\u65B0\u7684\u6587\u672C\u5757\n              currentMessageRef.current.content.push({\n                type: 'text',\n                text: textBufferRef.current,\n              })\n            }\n\n            // \u66F4\u65B0\u6D88\u606F\u5217\u8868\n            setMessagesState(prev => {\n              if (!currentMessageRef.current) return prev\n\n              const updated = [...prev]\n              const existingIndex = updated.findIndex(m => m && m.id === currentMessageRef.current!.id)\n\n              if (existingIndex >= 0) {\n                updated[existingIndex] = { ...currentMessageRef.current! }\n              }\n\n              return updated\n            })\n          }\n\n          // \u6E05\u7A7A\u7F13\u51B2\u533A\u548C\u4EA7\u54C1\u6620\u5C04\n          textBufferRef.current = ''\n          productMapRef.current.clear()\n          currentMessageRef.current = null\n          break\n        }\n\n        case 'status': {\n          // T040: \u72B6\u6001\u66F4\u65B0\uFF08\u5982\u4F1A\u8BDD\u8FC7\u671F\uFF09\n          const statusData = data as StatusData\n          if (statusData.type === 'session_expired') {\n            // \u4F1A\u8BDD\u8FC7\u671F\uFF0C\u6E05\u7A7A\u6D88\u606F\u5217\u8868\u548C\u4F1A\u8BDD\n            clearMessages()\n            clearSession()\n            if (welcomeMessage) {\n              addMessage({\n                id: `welcome-${Date.now()}`,\n                role: 'assistant',\n                content: [{ type: 'text', text: welcomeMessage }],\n                timestamp: Date.now(),\n              })\n            }\n          }\n          break\n        }\n\n        case 'error': {\n          // \u9519\u8BEF\u5904\u7406\n          const errorData = data as ErrorData\n          setIsStreaming(false)\n          currentMessageRef.current = null\n\n          // \u6DFB\u52A0\u9519\u8BEF\u6D88\u606F\u5230\u754C\u9762\n          addMessage({\n            id: `error-${Date.now()}`,\n            role: 'system',\n            content: [\n              {\n                type: 'error',\n                data: {\n                  message: errorData.message,\n                  code: errorData.code,\n                },\n              },\n            ],\n            timestamp: Date.now(),\n          })\n\n          onError?.(new Error(errorData.message))\n          break\n        }\n\n        case 'done': {\n          // \u6D41\u7ED3\u675F\n          setIsStreaming(false)\n          currentMessageRef.current = null\n          break\n        }\n\n        default:\n          // \u5176\u4ED6\u4E8B\u4EF6\u7C7B\u578B\uFF08tool_start, tool_end \u7B49\uFF09\n          break\n      }\n    },\n    [\n      welcomeMessage,\n      site,\n      addMessage,\n      clearMessages,\n      clearSession,\n      saveSession,\n      sessionId,\n      onError,\n      onTextMessage,\n      onProductList,\n      onPromotionList,\n      onAddToCart,\n      onCart,\n    ]\n  )\n\n  return {\n    messages,\n    isOpen,\n    userId,\n    sessionId,\n    inputValue,\n    isStreaming,\n    openChat,\n    closeChat,\n    toggleChat,\n    setInputValue,\n    addMessage,\n    setMessages,\n    clearMessages,\n    handleSSEEvent,\n    saveSession,\n    clearSession,\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["useState", "useCallback", "useRef", "useEffect", "getUserId", "useSession", "transformProducts", "transformCartData", "parseStreamingText", "buffer", "productMap", "onAddToCart", "contents", "regex", "lastIndex", "match", "foundMatch", "beforeText", "productId", "product", "remainingBuffer", "incompleteMatch", "completeText", "parseTextWithProductIds", "text", "result", "availableKeys", "remainingText", "reorganizeMessageContent", "content", "segments", "maybeReorganizeHistoricalMessage", "message", "c", "numericId", "reorganizedContent", "useChatState", "options", "welcomeMessage", "site", "controlledOpen", "onOpenChange", "onOpen", "onClose", "onMessageSend", "onError", "onTextMessage", "onProductList", "onPromotionList", "onCart", "sessionId", "saveSession", "clearSession", "userId", "setUserId", "id", "messages", "setMessagesState", "internalOpen", "setInternalOpen", "isControlled", "isOpen", "inputValue", "setInputValue", "isStreaming", "setIsStreaming", "currentMessageRef", "textMessageCallbackTriggeredRef", "productMapRef", "textBufferRef", "openChat", "closeChat", "toggleChat", "newState", "addMessage", "prev", "setMessages", "newMessages", "validMessages", "msg", "reorganizedMessages", "clearMessages", "handleSSEEvent", "event", "eventType", "data", "messageStartData", "lastMessage", "messageId", "deltaData", "deltaText", "lastContent", "updated", "existingIndex", "m", "blockData", "contentType", "contentData", "messageContent", "errorData"]
+  "sourcesContent": ["/**\n * \u804A\u5929\u72B6\u6001\u7BA1\u7406 Hook\n * \u7BA1\u7406\u6D88\u606F\u5217\u8868\u3001\u7A97\u53E3\u72B6\u6001\u3001\u8F93\u5165\u6846\u72B6\u6001\u3001\u6D41\u5F0F\u6D88\u606F\u7D2F\u79EF\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u72B6\u6001\u7BA1\u7406\u7B56\u7565\n */\n\nimport { useState, useCallback, useRef, useEffect } from 'react'\nimport type { Message, MessageContent, SSEEvent, StatusData, ErrorData, MessageStartData, BackendCartData, Product, TextContent, ProductCardContent, ProductListContent } from '../types'\nimport { getUserId } from '../utils/userId'\nimport { useSession } from './useSession'\nimport { transformProducts } from '../utils/productTransformers'\nimport { transformCartData } from '../utils/cartTransformers'\n\n// ============================================================================\n// \u8F85\u52A9\u51FD\u6570\uFF1A\u6587\u672C\u89E3\u6790\u548C\u6D88\u606F\u91CD\u7EC4\n// ============================================================================\n\n/**\n * \u5B9E\u65F6\u89E3\u6790\u6D41\u5F0F\u6587\u672C\u4E2D\u7684\u4EA7\u54C1\u5360\u4F4D\u7B26\n * \u5904\u7406\u7F13\u51B2\u533A\u4E2D\u7684\u6587\u672C\uFF0C\u68C0\u6D4B\u5B8C\u6574\u7684 {{product:xxx}} \u5360\u4F4D\u7B26\n *\n * @param buffer \u5F53\u524D\u7F13\u51B2\u533A\u5185\u5BB9\uFF08\u5305\u542B\u65B0\u63A5\u6536\u7684\u6587\u672C\uFF09\n * @param productMap shopifyId \u2192 Product \u7684\u6620\u5C04\u8868\n * @param rawProductMap shopifyId \u2192 raw backend product \u7684\u6620\u5C04\u8868\n * @param onAddToCart \u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\u56DE\u8C03\n * @param productCardRender \u81EA\u5B9A\u4E49\u4EA7\u54C1\u5361\u7247\u6E32\u67D3\u51FD\u6570\n * @returns { contents: \u9700\u8981\u6DFB\u52A0\u7684\u5185\u5BB9\u6570\u7EC4, remainingBuffer: \u5269\u4F59\u7F13\u51B2\u533A\u5185\u5BB9 }\n */\nfunction parseStreamingText(\n  buffer: string,\n  productMap: Map<string, Product>,\n  rawProductMap: Map<string, any>,\n  onAddToCart?: (product: Product) => void,\n  productCardRender?: (product: any) => React.ReactNode\n): { contents: MessageContent[]; remainingBuffer: string } {\n  const contents: MessageContent[] = []\n  const regex = /\\{\\{(?:product:)?([^}]+)\\}\\}/g\n\n  let lastIndex = 0\n  let match: RegExpExecArray | null\n  let foundMatch = false\n\n  // \u67E5\u627E\u6240\u6709\u5B8C\u6574\u7684\u5360\u4F4D\u7B26\n  while ((match = regex.exec(buffer)) !== null) {\n    foundMatch = true\n\n    // \u63D0\u53D6\u5360\u4F4D\u7B26\u524D\u7684\u6587\u672C\n    const beforeText = buffer.slice(lastIndex, match.index)\n    if (beforeText) {\n      contents.push({ type: 'text', text: beforeText } as TextContent)\n    }\n\n    // \u63D0\u53D6\u4EA7\u54C1 ID \u5E76\u521B\u5EFA\u4EA7\u54C1\u5361\u7247\n    const productId = match[1].trim()\n    const product = productMap.get(productId)\n    const rawProduct = rawProductMap.get(productId)\n\n    if (product) {\n      console.log('[useChatState] \uD83C\uDFAF \u5B9E\u65F6\u68C0\u6D4B\u5230\u4EA7\u54C1:', productId, '\u2192', product.title)\n      contents.push({\n        type: 'product_card',\n        data: {\n          product: product,\n          rawProduct: rawProduct,\n          onAddToCart: onAddToCart,\n          productCardRender: productCardRender\n        }\n      } as ProductCardContent)\n    } else {\n      // \u4EA7\u54C1\u672A\u627E\u5230\uFF0C\u4FDD\u7559\u539F\u59CB\u6587\u672C\n      console.warn('[useChatState] \u26A0\uFE0F \u5B9E\u65F6\u89E3\u6790\u672A\u627E\u5230\u4EA7\u54C1:', productId)\n      contents.push({ type: 'text', text: match[0] } as TextContent)\n    }\n\n    lastIndex = regex.lastIndex\n  }\n\n  // \u5982\u679C\u627E\u5230\u4E86\u81F3\u5C11\u4E00\u4E2A\u5B8C\u6574\u5360\u4F4D\u7B26\n  if (foundMatch) {\n    // \u8FD4\u56DE\u5269\u4F59\u7684\u6587\u672C\u4F5C\u4E3A\u7F13\u51B2\u533A\uFF08\u53EF\u80FD\u5305\u542B\u4E0D\u5B8C\u6574\u7684\u5360\u4F4D\u7B26\uFF09\n    const remainingBuffer = buffer.slice(lastIndex)\n    return { contents, remainingBuffer }\n  } else {\n    // \u6CA1\u6709\u627E\u5230\u5B8C\u6574\u5360\u4F4D\u7B26\uFF0C\u68C0\u67E5\u662F\u5426\u6709\u4E0D\u5B8C\u6574\u7684\u5360\u4F4D\u7B26\u5F00\u5934\n    // \u4F8B\u5982\uFF1A\u7F13\u51B2\u533A\u662F \"some text {{prod\"\uFF0C\u6211\u4EEC\u9700\u8981\u4FDD\u7559 \"{{prod\" \u7B49\u5F85\u66F4\u591A\u6587\u672C\n    const incompleteMatch = buffer.match(/\\{\\{[^}]*$/)\n\n    if (incompleteMatch) {\n      // \u6709\u4E0D\u5B8C\u6574\u7684\u5360\u4F4D\u7B26\u5F00\u5934\n      const completeText = buffer.slice(0, incompleteMatch.index)\n      if (completeText) {\n        contents.push({ type: 'text', text: completeText } as TextContent)\n      }\n      return { contents, remainingBuffer: incompleteMatch[0] }\n    } else {\n      // \u6CA1\u6709\u4E0D\u5B8C\u6574\u7684\u5360\u4F4D\u7B26\uFF0C\u6574\u4E2A\u7F13\u51B2\u533A\u90FD\u662F\u666E\u901A\u6587\u672C\n      if (buffer) {\n        contents.push({ type: 'text', text: buffer } as TextContent)\n      }\n      return { contents, remainingBuffer: '' }\n    }\n  }\n}\n\n/**\n * \u89E3\u6790\u6587\u672C\u4E2D\u7684 {{shopifyId}}\uFF0C\u8FD4\u56DE [text, product_card, text, ...] \u6570\u7EC4\uFF08\u7528\u4E8E\u5386\u53F2\u6D88\u606F\u91CD\u7EC4\uFF09\n *\n * @param text \u5305\u542B {{shopifyId}} \u6807\u8BB0\u7684\u6587\u672C\n * @param productMap shopifyId \u2192 Product \u7684\u6620\u5C04\u8868\n * @param onAddToCart \u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\u56DE\u8C03\n * @param productCardRender \u81EA\u5B9A\u4E49\u4EA7\u54C1\u5361\u7247\u6E32\u67D3\u51FD\u6570\n * @returns MessageContent \u6570\u7EC4\n *\n * @example\n * \u8F93\u5165\uFF1A\n *   text: \"\u6211\u63A8\u8350\u4EE5\u4E0B\u4EA7\u54C1\uFF1A\\n{{12345}}\\n\u8FD9\u6B3E\u4EA7\u54C1\u6027\u4EF7\u6BD4\u5F88\u9AD8\u3002\"\n *   productMap: Map { '12345' => Product {...} }\n * \u8F93\u51FA\uFF1A\n *   [\n *     { type: 'text', text: '\u6211\u63A8\u8350\u4EE5\u4E0B\u4EA7\u54C1\uFF1A' },\n *     { type: 'product_card', data: { product: {...}, onAddToCart } },\n *     { type: 'text', text: '\u8FD9\u6B3E\u4EA7\u54C1\u6027\u4EF7\u6BD4\u5F88\u9AD8\u3002' }\n *   ]\n */\nfunction parseTextWithProductIds(\n  text: string,\n  productMap: Map<string, Product>,\n  rawProductMap: Map<string, any>,\n  onAddToCart?: (product: Product) => void,\n  productCardRender?: (product: any) => React.ReactNode\n): MessageContent[] {\n  const result: MessageContent[] = []\n  // \u4FEE\u6539\u6B63\u5219\u8868\u8FBE\u5F0F\u4EE5\u5339\u914D {{product:ID}} \u683C\u5F0F\n  // \u5339\u914D {{product:xxx}} \u6216 {{xxx}}\uFF08\u517C\u5BB9\u4E24\u79CD\u683C\u5F0F\uFF09\n  const regex = /\\{\\{(?:product:)?([^}]+)\\}\\}/g\n\n  let lastIndex = 0\n  let match: RegExpExecArray | null\n\n  while ((match = regex.exec(text)) !== null) {\n    const beforeText = text.slice(lastIndex, match.index).trim()\n    // match[1] \u662F\u6355\u83B7\u7EC4\u4E2D\u7684\u5185\u5BB9\uFF0C\u5373 product: \u540E\u9762\u7684 ID\n    const productId = match[1].trim()\n\n    // \u6DFB\u52A0\u524D\u9762\u7684\u6587\u672C\uFF08\u5982\u679C\u6709\uFF09\n    if (beforeText) {\n      result.push({\n        type: 'text',\n        text: beforeText,\n      } as TextContent)\n    }\n\n    // \u6DFB\u52A0\u4EA7\u54C1\u5361\u7247\n    const product = productMap.get(productId)\n    const rawProduct = rawProductMap.get(productId)\n    if (product) {\n      console.log(`[useChatState] \u2705 \u627E\u5230\u4EA7\u54C1\u5339\u914D: ${productId} \u2192 ${product.title}`)\n      result.push({\n        type: 'product_card',\n        data: {\n          product: product,\n          rawProduct: rawProduct,\n          onAddToCart: onAddToCart,\n          productCardRender: productCardRender,\n        },\n      } as ProductCardContent)\n    } else {\n      // \u627E\u4E0D\u5230\u4EA7\u54C1\u65F6\uFF0C\u4FDD\u7559\u539F\u59CB\u6807\u8BB0\uFF08\u4E0D\u5E94\u8BE5\u53D1\u751F\uFF0C\u4F46\u505A\u515C\u5E95\u5904\u7406\uFF09\n      const availableKeys = Array.from(productMap.keys())\n      console.warn(`[useChatState] \u274C Product not found for ID: \"${productId}\"`)\n      console.warn('[useChatState] \u53EF\u7528\u7684\u4EA7\u54C1ID\u5217\u8868:', availableKeys)\n      console.warn('[useChatState] ID\u7C7B\u578B:', typeof productId, '\u957F\u5EA6:', productId.length)\n      result.push({\n        type: 'text',\n        text: match[0], // \u4FDD\u7559\u539F\u59CB\u5B8C\u6574\u6807\u8BB0\uFF0C\u5305\u62EC product: \u524D\u7F00\n      } as TextContent)\n    }\n\n    lastIndex = regex.lastIndex\n  }\n\n  // \u6DFB\u52A0\u6700\u540E\u5269\u4F59\u7684\u6587\u672C\n  const remainingText = text.slice(lastIndex).trim()\n  if (remainingText) {\n    result.push({\n      type: 'text',\n      text: remainingText,\n    } as TextContent)\n  }\n\n  return result\n}\n\n/**\n * \u91CD\u7EC4\u6D88\u606F\u5185\u5BB9\uFF1A\u89E3\u6790\u6587\u672C\u4E2D\u7684 {{shopifyId}}\uFF0C\u66FF\u6362\u4E3A\u4EA7\u54C1\u5361\u7247\n *\n * \u5904\u7406\u903B\u8F91\uFF1A\n * 1. \u904D\u5386\u6D88\u606F\u7684\u6240\u6709 content blocks\n * 2. \u5BF9\u4E8E text \u7C7B\u578B\uFF0C\u89E3\u6790\u5176\u4E2D\u7684 {{shopifyId}} \u5E76\u62C6\u5206\u4E3A\u591A\u4E2A content\n * 3. \u8DF3\u8FC7 product_list \u7C7B\u578B\uFF08\u5DF2\u7ECF\u88AB\u62C6\u5206\u5230\u6587\u672C\u4E2D\uFF09\n * 4. \u5176\u4ED6\u7C7B\u578B\u76F4\u63A5\u4FDD\u7559\n *\n * @param contents \u539F\u59CB\u6D88\u606F\u5185\u5BB9\u6570\u7EC4\n * @param productMap shopifyId \u2192 Product \u7684\u6620\u5C04\u8868\n * @param onAddToCart \u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\u56DE\u8C03\n * @param productCardRender \u81EA\u5B9A\u4E49\u4EA7\u54C1\u5361\u7247\u6E32\u67D3\u51FD\u6570\n * @returns \u91CD\u7EC4\u540E\u7684\u6D88\u606F\u5185\u5BB9\u6570\u7EC4\n */\nfunction reorganizeMessageContent(\n  contents: MessageContent[],\n  productMap: Map<string, Product>,\n  rawProductMap: Map<string, any>,\n  onAddToCart?: (product: Product) => void,\n  productCardRender?: (product: any) => React.ReactNode\n): MessageContent[] {\n  const result: MessageContent[] = []\n\n  for (const content of contents) {\n    // \u53EA\u5904\u7406\u6587\u672C\u7C7B\u578B\n    if (content.type === 'text') {\n      const textContent = content as TextContent\n      const segments = parseTextWithProductIds(textContent.text, productMap, rawProductMap, onAddToCart, productCardRender)\n      result.push(...segments)\n    }\n    // \u8DF3\u8FC7 product_list\uFF08\u5DF2\u7ECF\u88AB\u62C6\u5206\u5230\u6587\u672C\u4E2D\uFF09\n    else if (content.type === 'product_list') {\n      continue\n    }\n    // \u5176\u4ED6\u7C7B\u578B\u76F4\u63A5\u4FDD\u7559\n    else {\n      result.push(content)\n    }\n  }\n\n  return result\n}\n\n/**\n * \u5904\u7406\u5355\u6761\u6D88\u606F\u7684\u91CD\u7EC4\uFF08\u7528\u4E8E\u5386\u53F2\u6D88\u606F\u52A0\u8F7D\uFF09\n * \u5982\u679C\u6D88\u606F\u5305\u542B product_list \u548C\u5E26\u6709 {{}} \u7684\u6587\u672C\uFF0C\u5219\u8FDB\u884C\u91CD\u7EC4\n *\n * @param message \u539F\u59CB\u6D88\u606F\n * @param onAddToCart \u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\u56DE\u8C03\n * @param productCardRender \u81EA\u5B9A\u4E49\u4EA7\u54C1\u5361\u7247\u6E32\u67D3\u51FD\u6570\n * @returns \u91CD\u7EC4\u540E\u7684\u6D88\u606F\uFF08\u5982\u679C\u9700\u8981\u91CD\u7EC4\uFF09\uFF0C\u5426\u5219\u8FD4\u56DE\u539F\u6D88\u606F\n */\nfunction maybeReorganizeHistoricalMessage(\n  message: Message,\n  onAddToCart?: (product: Product) => void,\n  productCardRender?: (product: any) => React.ReactNode\n): Message {\n  // \u68C0\u67E5\u6D88\u606F\u662F\u5426\u5305\u542B product_list\n  const hasProductList = message.content.some(c => c.type === 'product_list')\n  if (!hasProductList) {\n    return message // \u6CA1\u6709 product_list\uFF0C\u4E0D\u9700\u8981\u91CD\u7EC4\n  }\n\n  // \u68C0\u67E5\u6D88\u606F\u662F\u5426\u5305\u542B\u5E26\u6709 {{}} \u7684\u6587\u672C\n  const hasPlaceholder = message.content.some(\n    c => c.type === 'text' && /\\{\\{(?:product:)?[^}]+\\}\\}/.test((c as TextContent).text)\n  )\n  if (!hasPlaceholder) {\n    return message // \u6CA1\u6709\u5360\u4F4D\u7B26\uFF0C\u4E0D\u9700\u8981\u91CD\u7EC4\n  }\n\n  console.log('[useChatState] \u68C0\u6D4B\u5230\u5386\u53F2\u6D88\u606F\u9700\u8981\u91CD\u7EC4, \u6D88\u606FID:', message.id)\n\n  // \u6784\u5EFA\u4EA7\u54C1\u6620\u5C04\n  const productMap = new Map<string, Product>()\n  // \u4ECE structured_content \u4E2D\u63D0\u53D6\u539F\u59CB\u540E\u7AEF\u4EA7\u54C1\u6570\u636E\n  const rawProductMap = new Map<string, any>()\n\n  // \u4F18\u5148\u4ECE structured_content \u83B7\u53D6\u539F\u59CB\u4EA7\u54C1\u6570\u636E\uFF08\u5982\u679C\u5B58\u5728\uFF09\n  if (message.structured_content) {\n    message.structured_content.forEach(structuredContent => {\n      if (structuredContent.type === 'product_list' && Array.isArray(structuredContent.data)) {\n        structuredContent.data.forEach((rawProduct: any) => {\n          if (rawProduct && rawProduct.shopify_product_id) {\n            const shopifyId = rawProduct.shopify_product_id\n            // 1. \u4F7F\u7528\u5B8C\u6574\u7684 shopifyId \u4F5C\u4E3Akey\n            rawProductMap.set(shopifyId, rawProduct)\n\n            // 2. \u540C\u65F6\u63D0\u53D6\u6570\u5B57\u90E8\u5206\u4F5C\u4E3Akey\n            const numericId = shopifyId.match(/\\d+$/)?.[0]\n            if (numericId) {\n              rawProductMap.set(numericId, rawProduct)\n            }\n\n            console.log('[useChatState] \u4ECE structured_content \u63D0\u53D6\u539F\u59CB\u4EA7\u54C1\u6570\u636E:', {\n              fullId: shopifyId,\n              numericId,\n              title: rawProduct.title,\n            })\n          }\n        })\n      }\n    })\n  }\n\n  // \u6784\u5EFA\u8F6C\u6362\u540E\u7684\u4EA7\u54C1\u6620\u5C04\uFF08\u7528\u4E8E\u9ED8\u8BA4\u6E32\u67D3\uFF09\n  message.content.forEach(content => {\n    if (content.type === 'product_list') {\n      const productListContent = content as ProductListContent\n      productListContent.data.products.forEach(product => {\n        if (product && product.shopifyId) {\n          // 1. \u4F7F\u7528\u5B8C\u6574\u7684 shopifyId \u4F5C\u4E3Akey\n          productMap.set(product.shopifyId, product)\n\n          // 2. \u540C\u65F6\u63D0\u53D6\u6570\u5B57\u90E8\u5206\u4F5C\u4E3Akey\n          const numericId = product.shopifyId.match(/\\d+$/)?.[0]\n          if (numericId) {\n            productMap.set(numericId, product)\n          }\n        }\n      })\n    }\n  })\n\n  // \u91CD\u7EC4\u6D88\u606F\u5185\u5BB9\n  const reorganizedContent = reorganizeMessageContent(message.content, productMap, rawProductMap, onAddToCart, productCardRender)\n\n  // \u8FD4\u56DE\u65B0\u6D88\u606F\u5BF9\u8C61\n  return {\n    ...message,\n    content: reorganizedContent,\n  }\n}\n\nexport interface UseChatStateOptions {\n  /**\n   * \u521D\u59CB\u6B22\u8FCE\u6D88\u606F\n   */\n  welcomeMessage?: string\n\n  /**\n   * Shopify \u5E97\u94FA\u57DF\u540D\n   */\n  site?: string\n\n  /**\n   * \u53D7\u63A7\u6A21\u5F0F\uFF1A\u662F\u5426\u6253\u5F00\u804A\u5929\u7A97\u53E3\n   * \u63D0\u4F9B\u6B64\u53C2\u6570\u65F6\uFF0C\u7EC4\u4EF6\u5904\u4E8E\u53D7\u63A7\u6A21\u5F0F\n   */\n  open?: boolean\n\n  /**\n   * \u53D7\u63A7\u6A21\u5F0F\uFF1A\u72B6\u6001\u53D8\u5316\u56DE\u8C03\uFF08\u5FC5\u9700\uFF09\n   * \u7528\u4E8E\u540C\u6B65\u72B6\u6001\u5230\u7236\u7EC4\u4EF6\n   */\n  onOpenChange?: (open: boolean) => void\n\n  /**\n   * \u7A97\u53E3\u6253\u5F00\u4E8B\u4EF6\u76D1\u542C\uFF08\u53EF\u9009\uFF09\n   * \u7528\u4E8E\u57CB\u70B9\u3001\u65E5\u5FD7\u7B49\u526F\u4F5C\u7528\n   */\n  onOpen?: () => void\n\n  /**\n   * \u7A97\u53E3\u5173\u95ED\u4E8B\u4EF6\u76D1\u542C\uFF08\u53EF\u9009\uFF09\n   * \u7528\u4E8E\u57CB\u70B9\u3001\u65E5\u5FD7\u7B49\u526F\u4F5C\u7528\n   */\n  onClose?: () => void\n\n  /**\n   * \u6D88\u606F\u53D1\u9001\u56DE\u8C03\n   */\n  onMessageSend?: (message: string) => void\n\n  /**\n   * \u9519\u8BEF\u5904\u7406\u56DE\u8C03\n   */\n  onError?: (error: Error) => void\n\n  /**\n   * AI \u6D88\u606F\u56DE\u8C03\n   */\n  /**\n   * AI \u56DE\u590D\u6587\u672C\u6D88\u606F\u65F6\u89E6\u53D1\n   */\n  onTextMessage?: () => void\n\n  /**\n   * AI \u56DE\u590D\u5546\u54C1\u5217\u8868\u5361\u7247\u65F6\u89E6\u53D1\n   */\n  onProductList?: () => void\n\n  /**\n   * AI \u56DE\u590D\u4FC3\u9500\u5361\u7247\u65F6\u89E6\u53D1\n   */\n  onPromotionList?: () => void\n\n  /**\n   * \u5546\u54C1\u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\u56DE\u8C03\n   */\n  onAddToCart?: (product: any) => void\n\n  /**\n   * \u8D2D\u7269\u8F66\u6309\u94AE\u70B9\u51FB\u56DE\u8C03\n   */\n  onCart?: (cartId: string, checkoutUrl?: string) => void\n\n  /**\n   * \u81EA\u5B9A\u4E49\u4EA7\u54C1\u5361\u7247\u6E32\u67D3\u51FD\u6570\n   */\n  productCardRender?: (product: Product) => React.ReactNode\n}\n\nexport interface UseChatStateReturn {\n  /**\n   * \u6D88\u606F\u5217\u8868\n   */\n  messages: Message[]\n\n  /**\n   * \u804A\u5929\u7A97\u53E3\u662F\u5426\u6253\u5F00\n   */\n  isOpen: boolean\n\n  /**\n   * \u7528\u6237 ID\n   */\n  userId: string\n\n  /**\n   * \u4F1A\u8BDD ID\n   */\n  sessionId: string | null\n\n  /**\n   * \u8F93\u5165\u6846\u5185\u5BB9\n   */\n  inputValue: string\n\n  /**\n   * \u662F\u5426\u6B63\u5728\u63A5\u6536\u6D41\u5F0F\u6D88\u606F\n   */\n  isStreaming: boolean\n\n  /**\n   * \u6253\u5F00\u804A\u5929\u7A97\u53E3\n   */\n  openChat: () => void\n\n  /**\n   * \u5173\u95ED\u804A\u5929\u7A97\u53E3\n   */\n  closeChat: () => void\n\n  /**\n   * \u5207\u6362\u804A\u5929\u7A97\u53E3\u72B6\u6001\n   */\n  toggleChat: () => void\n\n  /**\n   * \u8BBE\u7F6E\u8F93\u5165\u6846\u5185\u5BB9\n   */\n  setInputValue: (value: string) => void\n\n  /**\n   * \u6DFB\u52A0\u6D88\u606F\u5230\u5217\u8868\n   */\n  addMessage: (message: Message) => void\n\n  /**\n   * \u6279\u91CF\u8BBE\u7F6E\u6D88\u606F\u5217\u8868\uFF08\u7528\u4E8E\u52A0\u8F7D\u5386\u53F2\uFF09\n   */\n  setMessages: (messages: Message[]) => void\n\n  /**\n   * \u6E05\u7A7A\u6D88\u606F\u5217\u8868\n   */\n  clearMessages: () => void\n\n  /**\n   * \u5904\u7406 SSE \u4E8B\u4EF6\n   */\n  handleSSEEvent: (event: SSEEvent) => void\n\n  /**\n   * \u4FDD\u5B58\u4F1A\u8BDD ID\n   */\n  saveSession: (id: string) => void\n\n  /**\n   * \u6E05\u7A7A\u4F1A\u8BDD\n   */\n  clearSession: () => void\n}\n\n/**\n * \u804A\u5929\u72B6\u6001\u7BA1\u7406 Hook\n *\n * \u529F\u80FD\uFF1A\n * 1. \u7BA1\u7406\u6D88\u606F\u5217\u8868\uFF08\u6DFB\u52A0\u3001\u6E05\u7A7A\u3001\u6279\u91CF\u8BBE\u7F6E\uFF09\n * 2. \u7BA1\u7406\u7A97\u53E3\u72B6\u6001\uFF08\u6253\u5F00\u3001\u5173\u95ED\u3001\u5207\u6362\uFF09\n * 3. \u7BA1\u7406\u8F93\u5165\u6846\u72B6\u6001\n * 4. \u5904\u7406 SSE \u6D41\u5F0F\u6D88\u606F\u4E8B\u4EF6\n * 5. \u7D2F\u79EF\u6D41\u5F0F\u6587\u672C\u5185\u5BB9\n *\n * @param options Hook \u914D\u7F6E\u9009\u9879\n * @returns \u72B6\u6001\u7BA1\u7406\u5DE5\u5177\u5BF9\u8C61\n */\nexport function useChatState(options: UseChatStateOptions = {}): UseChatStateReturn {\n  const {\n    welcomeMessage,\n    site,\n    open: controlledOpen,\n    onOpenChange,\n    onOpen,\n    onClose,\n    onMessageSend,\n    onError,\n    onTextMessage,\n    onProductList,\n    onPromotionList,\n    onAddToCart,\n    onCart,\n    productCardRender,\n  } = options\n\n  // \u4F1A\u8BDD\u7BA1\u7406\n  const { sessionId, saveSession, clearSession } = useSession()\n\n  // \u7528\u6237 ID (\u521D\u59CB\u5316\u65F6\u5F02\u6B65\u751F\u6210)\n  const [userId, setUserId] = useState<string>('')\n\n  // \u521D\u59CB\u5316 userId\n  useEffect(() => {\n    getUserId().then(id => setUserId(id))\n  }, [])\n\n  // \u6D88\u606F\u5217\u8868\n  const [messages, setMessagesState] = useState<Message[]>(() => {\n    // \u5982\u679C\u6709\u6B22\u8FCE\u6D88\u606F\uFF0C\u521D\u59CB\u5316\u65F6\u6DFB\u52A0\n    if (welcomeMessage) {\n      return [\n        {\n          id: `welcome-${Date.now()}`,\n          role: 'assistant',\n          content: [{ type: 'text', text: welcomeMessage }],\n          timestamp: Date.now(),\n        },\n      ]\n    }\n    return []\n  })\n\n  // \u804A\u5929\u7A97\u53E3\u662F\u5426\u6253\u5F00\uFF08\u652F\u6301\u53D7\u63A7\u548C\u975E\u53D7\u63A7\u4E24\u79CD\u6A21\u5F0F\uFF09\n  const [internalOpen, setInternalOpen] = useState(false)\n  const isControlled = controlledOpen !== undefined\n  const isOpen = isControlled ? controlledOpen : internalOpen\n\n  // \u8F93\u5165\u6846\u5185\u5BB9\n  const [inputValue, setInputValue] = useState('')\n\n  // \u662F\u5426\u6B63\u5728\u63A5\u6536\u6D41\u5F0F\u6D88\u606F\n  const [isStreaming, setIsStreaming] = useState(false)\n\n  // \u5F53\u524D\u6B63\u5728\u7D2F\u79EF\u7684\u6D41\u5F0F\u6D88\u606F (\u4E34\u65F6\u5B58\u50A8)\n  const currentMessageRef = useRef<Message | null>(null)\n\n  // \u6807\u8BB0\u5F53\u524D\u6D88\u606F\u662F\u5426\u5DF2\u89E6\u53D1 onTextMessage \u56DE\u8C03\uFF08\u907F\u514D\u91CD\u590D\u89E6\u53D1\uFF09\n  const textMessageCallbackTriggeredRef = useRef<boolean>(false)\n\n  // \u4EA7\u54C1\u6620\u5C04\u7F13\u5B58 (shopifyId \u2192 Product)\uFF0C\u7528\u4E8E\u5B9E\u65F6\u89E3\u6790\u5360\u4F4D\u7B26\n  const productMapRef = useRef<Map<string, Product>>(new Map())\n\n  // \u539F\u59CB\u4EA7\u54C1\u6570\u636E\u7F13\u5B58 (shopifyId \u2192 raw backend product)\uFF0C\u7528\u4E8E productCardRender\n  const rawProductMapRef = useRef<Map<string, any>>(new Map())\n\n  // \u6587\u672C\u7F13\u51B2\u533A\uFF0C\u7528\u4E8E\u5B58\u50A8\u672A\u5B8C\u6210\u7684\u6587\u672C\uFF08\u5904\u7406\u5360\u4F4D\u7B26\u8DE8\u8D8A\u591A\u4E2A delta \u7684\u60C5\u51B5\uFF09\n  const textBufferRef = useRef<string>('')\n\n  // \u8D85\u65F6\u5B9A\u65F6\u5668 ref\uFF0C\u7528\u4E8E\u5904\u7406 3 \u5206\u949F\u65E0\u54CD\u5E94\u7684\u60C5\u51B5\n  const timeoutTimerRef = useRef<NodeJS.Timeout | null>(null)\n\n  /**\n   * \u6253\u5F00\u804A\u5929\u7A97\u53E3\n   */\n  const openChat = useCallback(() => {\n    if (!isControlled) {\n      setInternalOpen(true)\n    }\n    onOpenChange?.(true)\n    onOpen?.()\n  }, [isControlled, onOpenChange, onOpen])\n\n  /**\n   * \u5173\u95ED\u804A\u5929\u7A97\u53E3\n   */\n  const closeChat = useCallback(() => {\n    if (!isControlled) {\n      setInternalOpen(false)\n    }\n    onOpenChange?.(false)\n    onClose?.()\n  }, [isControlled, onOpenChange, onClose])\n\n  /**\n   * \u5207\u6362\u804A\u5929\u7A97\u53E3\u72B6\u6001\n   */\n  const toggleChat = useCallback(() => {\n    const newState = !isOpen\n    if (!isControlled) {\n      setInternalOpen(newState)\n    }\n    onOpenChange?.(newState)\n    if (newState) {\n      onOpen?.()\n    } else {\n      onClose?.()\n    }\n  }, [isControlled, isOpen, onOpenChange, onOpen, onClose])\n\n  /**\n   * \u6DFB\u52A0\u6D88\u606F\u5230\u5217\u8868\n   */\n  const addMessage = useCallback((message: Message) => {\n    // \u9632\u62A4\uFF1A\u5982\u679C\u6D88\u606F\u4E3A null \u6216 undefined\uFF0C\u4E0D\u6DFB\u52A0\n    if (!message) {\n      console.warn('[useChatState] Attempted to add null/undefined message')\n      return\n    }\n    setMessagesState(prev => [...prev, message])\n  }, [])\n\n  /**\n   * \u6279\u91CF\u8BBE\u7F6E\u6D88\u606F\u5217\u8868\uFF08\u7528\u4E8E\u52A0\u8F7D\u5386\u53F2\uFF09\n   */\n  const setMessages = useCallback(\n    (newMessages: Message[]) => {\n      // \u9632\u62A4\uFF1A\u8FC7\u6EE4\u6389 null/undefined \u6D88\u606F\n      const validMessages = newMessages.filter(msg => msg != null)\n      if (validMessages.length !== newMessages.length) {\n        console.warn('[useChatState] Filtered out null/undefined messages from batch set')\n      }\n\n      // \u5BF9\u6BCF\u6761\u5386\u53F2\u6D88\u606F\u8FDB\u884C\u91CD\u7EC4\uFF08\u5982\u679C\u9700\u8981\uFF09\n      const reorganizedMessages = validMessages.map(msg => maybeReorganizeHistoricalMessage(msg, onAddToCart, productCardRender))\n\n      setMessagesState(reorganizedMessages)\n    },\n    [onAddToCart, productCardRender]\n  )\n\n  /**\n   * \u6E05\u7A7A\u6D88\u606F\u5217\u8868\n   */\n  const clearMessages = useCallback(() => {\n    setMessagesState([])\n  }, [])\n\n  /**\n   * \u5904\u7406 SSE \u4E8B\u4EF6\n   * \u6839\u636E\u4E8B\u4EF6\u7C7B\u578B\u8FDB\u884C\u4E0D\u540C\u7684\u5904\u7406\n   */\n  const handleSSEEvent = useCallback(\n    (event: SSEEvent) => {\n      const { event: eventType, data } = event\n\n      switch (eventType) {\n        case 'message_start': {\n          // \u5F00\u59CB\u63A5\u6536\u65B0\u6D88\u606F\n          setIsStreaming(true)\n\n          // \u91CD\u7F6E\u6587\u672C\u6D88\u606F\u56DE\u8C03\u6807\u8BB0\n          textMessageCallbackTriggeredRef.current = false\n\n          // \u91CD\u7F6E\u6587\u672C\u7F13\u51B2\u533A\n          textBufferRef.current = ''\n\n          // T039: \u4FDD\u5B58 sessionId\uFF08\u5982\u679C\u540E\u7AEF\u8FD4\u56DE\uFF09\n          const messageStartData = data as MessageStartData\n          if (messageStartData.sessionId && messageStartData.sessionId !== sessionId) {\n            saveSession(messageStartData.sessionId)\n          }\n\n          // \u68C0\u67E5\u6700\u540E\u4E00\u6761\u6D88\u606F\u662F\u5426\u662F thinking \u6D88\u606F\uFF08\u7528\u6237\u53D1\u9001\u6D88\u606F\u65F6\u5DF2\u6DFB\u52A0\uFF09\n          setMessagesState(prev => {\n            const lastMessage = prev[prev.length - 1]\n            const hasThinking =\n              lastMessage &&\n              lastMessage.role === 'assistant' &&\n              lastMessage.content.length === 1 &&\n              lastMessage.content[0].type === 'thinking'\n\n            if (hasThinking) {\n              // \u590D\u7528\u5DF2\u5B58\u5728\u7684 thinking \u6D88\u606F\n              currentMessageRef.current = lastMessage\n              return prev // \u4E0D\u9700\u8981\u6DFB\u52A0\u65B0\u6D88\u606F\n            } else {\n              // \u6CA1\u6709 thinking \u6D88\u606F\uFF0C\u521B\u5EFA\u65B0\u7684\uFF08\u517C\u5BB9\u5176\u4ED6\u573A\u666F\uFF09\n              const messageId = `msg-${Date.now()}`\n              currentMessageRef.current = {\n                id: messageId,\n                role: 'assistant',\n                content: [{ type: 'thinking', data: { status: 'thinking' } }],\n                timestamp: Date.now(),\n              }\n              return [...prev, currentMessageRef.current!]\n            }\n          })\n          break\n        }\n\n        case 'content_delta': {\n          // \u7D2F\u79EF\u6D41\u5F0F\u6587\u672C\u5185\u5BB9\uFF0C\u5E76\u5B9E\u65F6\u68C0\u6D4B\u4EA7\u54C1\u5360\u4F4D\u7B26\n          const deltaData = data as any\n          const deltaText = deltaData.delta || deltaData.text || ''\n\n          if (currentMessageRef.current && deltaText) {\n            // \u89E6\u53D1\u6587\u672C\u6D88\u606F\u56DE\u8C03\uFF08\u4EC5\u89E6\u53D1\u4E00\u6B21\uFF09\n            if (!textMessageCallbackTriggeredRef.current) {\n              textMessageCallbackTriggeredRef.current = true\n              onTextMessage?.()\n            }\n\n            // \u79FB\u9664\u601D\u8003\u6C14\u6CE1\uFF08\u5982\u679C\u5B58\u5728\uFF09\n            const hasThinking = currentMessageRef.current.content.some(c => c.type === 'thinking')\n            if (hasThinking) {\n              currentMessageRef.current.content = currentMessageRef.current.content.filter(c => c.type !== 'thinking')\n\n              // \u6E05\u9664\u8D85\u65F6\u5B9A\u65F6\u5668\uFF08\u5DF2\u6536\u5230\u5185\u5BB9\uFF0C\u4E0D\u518D\u9700\u8981\u8D85\u65F6\u63D0\u793A\uFF09\n              if (timeoutTimerRef.current) {\n                clearTimeout(timeoutTimerRef.current)\n                timeoutTimerRef.current = null\n              }\n            }\n\n            // \u5C06\u65B0\u6587\u672C\u6DFB\u52A0\u5230\u7F13\u51B2\u533A\n            textBufferRef.current += deltaText\n\n            // \u5B9E\u65F6\u89E3\u6790\u7F13\u51B2\u533A\u4E2D\u7684\u5360\u4F4D\u7B26\n            const { contents, remainingBuffer } = parseStreamingText(\n              textBufferRef.current,\n              productMapRef.current,\n              rawProductMapRef.current,\n              onAddToCart,\n              productCardRender\n            )\n\n            // \u66F4\u65B0\u7F13\u51B2\u533A\u4E3A\u5269\u4F59\u5185\u5BB9\n            textBufferRef.current = remainingBuffer\n\n            // \u5C06\u89E3\u6790\u51FA\u7684\u5185\u5BB9\u6DFB\u52A0\u5230\u6D88\u606F\u4E2D\n            if (contents.length > 0) {\n              contents.forEach(content => {\n                const lastContent = currentMessageRef.current!.content[\n                  currentMessageRef.current!.content.length - 1\n                ] as MessageContent | undefined\n\n                // \u5982\u679C\u662F\u6587\u672C\u5185\u5BB9\u4E14\u6700\u540E\u4E00\u4E2A\u4E5F\u662F\u6587\u672C\uFF0C\u5219\u5408\u5E76\n                if (content.type === 'text' && lastContent && lastContent.type === 'text') {\n                  lastContent.text += content.text\n                } else {\n                  // \u5426\u5219\u6DFB\u52A0\u65B0\u5185\u5BB9\n                  currentMessageRef.current!.content.push(content)\n                }\n              })\n\n              // \u66F4\u65B0\u6D88\u606F\u5217\u8868\u4EE5\u89E6\u53D1\u6E32\u67D3\n              setMessagesState(prev => {\n                if (!currentMessageRef.current) return prev\n\n                const updated = [...prev]\n                const existingIndex = updated.findIndex(m => m && m.id === currentMessageRef.current!.id)\n\n                if (existingIndex >= 0) {\n                  updated[existingIndex] = { ...currentMessageRef.current! }\n                } else {\n                  updated.push({ ...currentMessageRef.current! })\n                }\n\n                return updated\n              })\n            }\n          }\n          break\n        }\n\n        case 'content_block': {\n          // \u63A5\u6536\u7ED3\u6784\u5316\u5185\u5BB9\u5757\uFF08\u5546\u54C1\u3001\u653F\u7B56\u7B49\uFF09\n          // API \u8FD4\u56DE\u683C\u5F0F\u53D8\u66F4:\n          // \u65B0\u683C\u5F0F: {index: number, type: string, data: {...}}  <- type \u5728\u5916\u5C42\n          // \u65E7\u683C\u5F0F: {index: number, data: {type: string, ...}}  <- type \u5728 data \u5185\n          const blockData = data as any\n          if (currentMessageRef.current) {\n            // \u83B7\u53D6 type \u548C data\n            // \u4F18\u5148\u4ECE\u5916\u5C42\u83B7\u53D6 type\uFF0C\u517C\u5BB9\u65E7\u683C\u5F0F\u4ECE data \u5185\u83B7\u53D6\n            const contentType = blockData.type || blockData.data?.type\n            const contentData = blockData.data\n\n            if (!contentType || !contentData) {\n              console.warn('[useChatState] Invalid content_block:', blockData)\n              break\n            }\n\n            // ============================================================\n            // \u8F6C\u6362\u6570\u636E\u7ED3\u6784\u4EE5\u5339\u914D\u7C7B\u578B\u5B9A\u4E49\n            // \u6839\u636E\u540E\u7AEF\u6570\u636E\u7ED3\u6784\u89C4\u8303\uFF08\u98DE\u4E66\u6587\u6863\uFF09\u8FDB\u884C\u8F6C\u6362\n            // ============================================================\n            let messageContent: MessageContent\n\n            // ========== 1. \u4EA7\u54C1\u5217\u8868\u5361\u7247 (Product List) ==========\n            // \u540E\u7AEF\u683C\u5F0F: {type: \"product_list\", data: [product1, product2, ...]}\n            // data \u76F4\u63A5\u662F\u4EA7\u54C1\u6570\u7EC4\uFF0C\u4E0D\u662F {products: [...]}\n            if (contentType === 'product_list' && Array.isArray(contentData)) {\n              // \u89E6\u53D1\u5546\u54C1\u5217\u8868\u56DE\u8C03\n              onProductList?.()\n\n              // \u7F13\u5B58\u539F\u59CB\u540E\u7AEF\u4EA7\u54C1\u6570\u636E\uFF08\u7528\u4E8E productCardRender\uFF09\n              contentData.forEach((rawProduct: any) => {\n                if (rawProduct && rawProduct.shopify_product_id) {\n                  const shopifyId = rawProduct.shopify_product_id\n                  // 1. \u4F7F\u7528\u5B8C\u6574\u7684 shopifyId \u4F5C\u4E3Akey\n                  rawProductMapRef.current.set(shopifyId, rawProduct)\n\n                  // 2. \u540C\u65F6\u63D0\u53D6\u6570\u5B57\u90E8\u5206\u4F5C\u4E3Akey\n                  const numericId = shopifyId.match(/\\d+$/)?.[0]\n                  if (numericId) {\n                    rawProductMapRef.current.set(numericId, rawProduct)\n                  }\n                }\n              })\n\n              // \u4F7F\u7528\u7EDF\u4E00\u7684\u4EA7\u54C1\u8F6C\u6362\u5DE5\u5177\u51FD\u6570\n              const transformedProducts = transformProducts(contentData, site)\n\n              // \u5EFA\u7ACB\u4EA7\u54C1\u6620\u5C04\u7F13\u5B58 (shopifyId \u2192 Product)\n              // \u7528\u4E8E\u540E\u7EED\u5728 message_end \u65F6\u89E3\u6790\u6587\u672C\u4E2D\u7684 {{shopifyId}}\n              transformedProducts.forEach(product => {\n                if (product && product.shopifyId) {\n                  // 1. \u4F7F\u7528\u5B8C\u6574\u7684 shopifyId \u4F5C\u4E3Akey\uFF08\u5982 \"gid://shopify/Product/123\"\uFF09\n                  productMapRef.current.set(product.shopifyId, product)\n\n                  // 2. \u540C\u65F6\u63D0\u53D6\u6570\u5B57\u90E8\u5206\u4F5C\u4E3Akey\uFF08\u5982 \"123\"\uFF09\uFF0C\u652F\u6301\u7B80\u5199\u683C\u5F0F\n                  // \u4ECE \"gid://shopify/Product/123\" \u6216 \"123\" \u4E2D\u63D0\u53D6\u7EAF\u6570\u5B57\n                  const numericId = product.shopifyId.match(/\\d+$/)?.[0]\n                  if (numericId) {\n                    productMapRef.current.set(numericId, product)\n                  }\n\n                  console.log('[useChatState] \u5EFA\u7ACB\u4EA7\u54C1\u6620\u5C04:', {\n                    fullId: product.shopifyId,\n                    numericId,\n                    title: product.title,\n                  })\n                }\n              })\n\n              // \u26A0\uFE0F \u4E0D\u8981\u628A product_list \u6DFB\u52A0\u5230\u6D88\u606F\u4E2D\uFF0C\u907F\u514D\u95EA\u70C1\n              // \u7B49\u5230 message_end \u65F6\uFF0C\u901A\u8FC7\u6587\u672C\u89E3\u6790\u521B\u5EFA product_card\uFF0C\u76F4\u63A5\u663E\u793A\u6700\u7EC8\u7684\u4EA4\u66FF\u683C\u5F0F\n              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')\n              break // \u76F4\u63A5\u8DF3\u51FA\uFF0C\u4E0D\u6267\u884C\u540E\u7EED\u7684 push \u64CD\u4F5C\n            }\n            // ========== 2. \u4EA7\u54C1\u5BF9\u6BD4\u5361\u7247 (Product Comparison) ==========\n            // \u540E\u7AEF\u683C\u5F0F: {type: \"product_comparison\", data: {products: [...], dimensions: {...}}}\n            else if (contentType === 'product_comparison' && contentData.products) {\n              // \u4F7F\u7528\u7EDF\u4E00\u7684\u4EA7\u54C1\u8F6C\u6362\u5DE5\u5177\u51FD\u6570\n              const transformedProducts = transformProducts(contentData.products, site)\n\n              messageContent = {\n                type: 'product_comparison',\n                data: {\n                  products: transformedProducts,\n                  dimensions: contentData.dimensions || {},\n                },\n              } as MessageContent\n            }\n            // ========== 3. FAQ \u5217\u8868\u5361\u7247 (FAQ List) ==========\n            // \u540E\u7AEF\u683C\u5F0F: {type: \"faq_list\", data: {found, count, total, results: [...]}}\n            else if (contentType === 'faq_list' && contentData.found !== undefined) {\n              messageContent = {\n                type: 'faq_list',\n                data: contentData, // \u76F4\u63A5\u4F7F\u7528\uFF0C\u7ED3\u6784\u5DF2\u5339\u914D\n              } as MessageContent\n            }\n            // ========== 4. \u5FEB\u6377\u56DE\u590D (Quick Replies) ==========\n            else if (contentType === 'quick_replies' && contentData.replies) {\n              messageContent = {\n                type: 'quick_replies',\n                data: {\n                  replies: contentData.replies,\n                },\n              } as MessageContent\n            }\n            // ========== 5. \u653F\u7B56\u5185\u5BB9 (Policy) ==========\n            else if (contentType === 'policy' && contentData.title && contentData.content) {\n              messageContent = {\n                type: 'policy',\n                data: {\n                  title: contentData.title,\n                  content: contentData.content,\n                },\n              } as MessageContent\n            }\n            // ========== 6. \u4FC3\u9500\u6D3B\u52A8\u5217\u8868 (Promotion List) ==========\n            // \u540E\u7AEF\u683C\u5F0F: {type: \"promotion_list\", data: {found, count, total, results: [...]}}\n            else if (contentType === 'promotion_list' && contentData.found !== undefined) {\n              // \u89E6\u53D1\u4FC3\u9500\u5361\u7247\u56DE\u8C03\n              onPromotionList?.()\n\n              messageContent = {\n                type: 'promotion_list',\n                data: contentData, // \u76F4\u63A5\u4F7F\u7528\uFF0C\u7ED3\u6784\u5DF2\u5339\u914D\n              } as MessageContent\n            }\n            // ========== 7. \u8D2D\u7269\u8F66 (Cart) ==========\n            // \u540E\u7AEF\u683C\u5F0F: {type: \"cart\", data: {id, lines: {edges: [...]}, cost, ...}} (Shopify GraphQL)\n            // \u9700\u8981\u8F6C\u6362\u4E3A\u524D\u7AEF\u683C\u5F0F: {cartId, lines: [...], cost, ...}\n            else if (contentType === 'cart' && contentData.id !== undefined) {\n              // \u8F6C\u6362\u540E\u7AEF Shopify GraphQL \u683C\u5F0F\u4E3A\u524D\u7AEF\u6807\u51C6\u683C\u5F0F\n              const transformedData = transformCartData(contentData as BackendCartData)\n              messageContent = {\n                type: 'cart',\n                data: {\n                  ...transformedData,\n                  onCart: onCart, // \u6CE8\u5165\u8D2D\u7269\u8F66\u6309\u94AE\u56DE\u8C03\n                },\n              } as MessageContent\n            }\n            // ========== 8. \u5176\u4ED6\u7C7B\u578B\uFF08\u901A\u7528\u5904\u7406\uFF09 ==========\n            else {\n              messageContent = {\n                type: contentType,\n                data: contentData,\n              } as MessageContent\n            }\n\n            currentMessageRef.current.content.push(messageContent)\n\n            setMessagesState(prev => {\n              if (!currentMessageRef.current) return prev\n\n              const updated = [...prev]\n              const existingIndex = updated.findIndex(m => m && m.id === currentMessageRef.current!.id)\n\n              if (existingIndex >= 0) {\n                updated[existingIndex] = { ...currentMessageRef.current! }\n              } else {\n                updated.push({ ...currentMessageRef.current! })\n              }\n\n              return updated\n            })\n          }\n          break\n        }\n\n        case 'tool_start':\n        case 'tool_end': {\n          // \u5DE5\u5177\u8C03\u7528\u4E8B\u4EF6\uFF0C\u6682\u65F6\u5FFD\u7565\n          // \u53EF\u4EE5\u5728\u672A\u6765\u7528\u4E8E\u663E\u793A\u5DE5\u5177\u8C03\u7528\u72B6\u6001\n          break\n        }\n\n        case 'message_end': {\n          // \u6D88\u606F\u63A5\u6536\u5B8C\u6210\n          setIsStreaming(false)\n\n          // \u5904\u7406\u7F13\u51B2\u533A\u4E2D\u5269\u4F59\u7684\u6587\u672C\uFF08\u5982\u679C\u6709\uFF09\n          if (currentMessageRef.current && textBufferRef.current) {\n            console.log('[useChatState] \u5904\u7406\u5269\u4F59\u7F13\u51B2\u533A:', textBufferRef.current)\n\n            const lastContent = currentMessageRef.current.content[\n              currentMessageRef.current.content.length - 1\n            ] as MessageContent | undefined\n\n            // \u5982\u679C\u6700\u540E\u4E00\u4E2A\u5185\u5BB9\u662F\u6587\u672C\uFF0C\u5219\u5408\u5E76\n            if (lastContent && lastContent.type === 'text') {\n              lastContent.text += textBufferRef.current\n            } else {\n              // \u5426\u5219\u6DFB\u52A0\u4E3A\u65B0\u7684\u6587\u672C\u5757\n              currentMessageRef.current.content.push({\n                type: 'text',\n                text: textBufferRef.current,\n              })\n            }\n\n            // \u66F4\u65B0\u6D88\u606F\u5217\u8868\n            setMessagesState(prev => {\n              if (!currentMessageRef.current) return prev\n\n              const updated = [...prev]\n              const existingIndex = updated.findIndex(m => m && m.id === currentMessageRef.current!.id)\n\n              if (existingIndex >= 0) {\n                updated[existingIndex] = { ...currentMessageRef.current! }\n              }\n\n              return updated\n            })\n          }\n\n          // \u6E05\u7A7A\u7F13\u51B2\u533A\u548C\u4EA7\u54C1\u6620\u5C04\n          textBufferRef.current = ''\n          productMapRef.current.clear()\n          rawProductMapRef.current.clear()\n          currentMessageRef.current = null\n          break\n        }\n\n        case 'status': {\n          // T040: \u72B6\u6001\u66F4\u65B0\uFF08\u5982\u4F1A\u8BDD\u8FC7\u671F\uFF09\n          const statusData = data as StatusData\n          if (statusData.type === 'session_expired') {\n            // \u4F1A\u8BDD\u8FC7\u671F\uFF0C\u6E05\u7A7A\u6D88\u606F\u5217\u8868\u548C\u4F1A\u8BDD\n            clearMessages()\n            clearSession()\n            if (welcomeMessage) {\n              addMessage({\n                id: `welcome-${Date.now()}`,\n                role: 'assistant',\n                content: [{ type: 'text', text: welcomeMessage }],\n                timestamp: Date.now(),\n              })\n            }\n          }\n          break\n        }\n\n        case 'error': {\n          // \u9519\u8BEF\u5904\u7406\n          const errorData = data as ErrorData\n          setIsStreaming(false)\n          currentMessageRef.current = null\n\n          // \u6DFB\u52A0\u9519\u8BEF\u6D88\u606F\u5230\u754C\u9762\n          addMessage({\n            id: `error-${Date.now()}`,\n            role: 'system',\n            content: [\n              {\n                type: 'error',\n                data: {\n                  message: errorData.message,\n                  code: errorData.code,\n                },\n              },\n            ],\n            timestamp: Date.now(),\n          })\n\n          onError?.(new Error(errorData.message))\n          break\n        }\n\n        case 'done': {\n          // \u6D41\u7ED3\u675F\n          setIsStreaming(false)\n\n          // \u68C0\u67E5\u5F53\u524D\u6D88\u606F\u662F\u5426\u8FD8\u5B58\u5728 thinking block\n          if (currentMessageRef.current) {\n            const hasThinking = currentMessageRef.current.content.some(c => c.type === 'thinking')\n\n            if (hasThinking) {\n              // \u5982\u679C\u8FD8\u5B58\u5728 thinking block\uFF0C\u8BBE\u7F6E 3 \u5206\u949F\u8D85\u65F6\n              const currentMessage = currentMessageRef.current\n\n              timeoutTimerRef.current = setTimeout(() => {\n                setMessagesState(prev => {\n                  return prev.map(msg => {\n                    if (msg.id === currentMessage.id) {\n                      // \u79FB\u9664 thinking block\uFF0C\u6DFB\u52A0\u8D85\u65F6\u63D0\u793A\n                      const contentWithoutThinking = msg.content.filter(c => c.type !== 'thinking')\n                      return {\n                        ...msg,\n                        content: [\n                          ...contentWithoutThinking,\n                          {\n                            type: 'text',\n                            text: 'Session timed out, please try again.',\n                          } as TextContent,\n                        ],\n                      }\n                    }\n                    return msg\n                  })\n                })\n              }, 3 * 60 * 1000) // 3 \u5206\u949F\n            }\n          }\n\n          currentMessageRef.current = null\n          break\n        }\n\n        default:\n          // \u5176\u4ED6\u4E8B\u4EF6\u7C7B\u578B\uFF08tool_start, tool_end \u7B49\uFF09\n          break\n      }\n    },\n    [\n      welcomeMessage,\n      site,\n      addMessage,\n      clearMessages,\n      clearSession,\n      saveSession,\n      sessionId,\n      onError,\n      onTextMessage,\n      onProductList,\n      onPromotionList,\n      onAddToCart,\n      onCart,\n    ]\n  )\n\n  // \u7EC4\u4EF6\u5378\u8F7D\u65F6\u6E05\u7406\u8D85\u65F6\u5B9A\u65F6\u5668\n  useEffect(() => {\n    return () => {\n      if (timeoutTimerRef.current) {\n        clearTimeout(timeoutTimerRef.current)\n        timeoutTimerRef.current = null\n      }\n    }\n  }, [])\n\n  return {\n    messages,\n    isOpen,\n    userId,\n    sessionId,\n    inputValue,\n    isStreaming,\n    openChat,\n    closeChat,\n    toggleChat,\n    setInputValue,\n    addMessage,\n    setMessages,\n    clearMessages,\n    handleSSEEvent,\n    saveSession,\n    clearSession,\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["useState", "useCallback", "useRef", "useEffect", "getUserId", "useSession", "transformProducts", "transformCartData", "parseStreamingText", "buffer", "productMap", "rawProductMap", "onAddToCart", "productCardRender", "contents", "regex", "lastIndex", "match", "foundMatch", "beforeText", "productId", "product", "rawProduct", "remainingBuffer", "incompleteMatch", "completeText", "parseTextWithProductIds", "text", "result", "availableKeys", "remainingText", "reorganizeMessageContent", "content", "segments", "maybeReorganizeHistoricalMessage", "message", "c", "structuredContent", "shopifyId", "numericId", "reorganizedContent", "useChatState", "options", "welcomeMessage", "site", "controlledOpen", "onOpenChange", "onOpen", "onClose", "onMessageSend", "onError", "onTextMessage", "onProductList", "onPromotionList", "onCart", "sessionId", "saveSession", "clearSession", "userId", "setUserId", "id", "messages", "setMessagesState", "internalOpen", "setInternalOpen", "isControlled", "isOpen", "inputValue", "setInputValue", "isStreaming", "setIsStreaming", "currentMessageRef", "textMessageCallbackTriggeredRef", "productMapRef", "rawProductMapRef", "textBufferRef", "timeoutTimerRef", "openChat", "closeChat", "toggleChat", "newState", "addMessage", "prev", "setMessages", "newMessages", "validMessages", "msg", "reorganizedMessages", "clearMessages", "handleSSEEvent", "event", "eventType", "data", "messageStartData", "lastMessage", "messageId", "deltaData", "deltaText", "lastContent", "updated", "existingIndex", "m", "blockData", "contentType", "contentData", "messageContent", "errorData", "currentMessage", "contentWithoutThinking"]
 }

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

@@ -30,6 +30,10 @@ export interface Message {
     content: MessageContent[];
     timestamp: number;
     metadata?: MessageMetadata;
+    structured_content?: Array<{
+        type: string;
+        data: any;
+    }>;
 }
 export type MessageContentType = 'text' | 'product_card' | 'product_list' | 'product_comparison' | 'policy' | 'quick_replies' | 'thinking' | 'error' | 'faq_list' | 'cart';
 export type MessageContent = TextContent | ProductCardContent | ProductListContent | ProductComparisonContent | PolicyContent | QuickRepliesContent | ThinkingContent | ErrorContent | FAQListContent | PromotionListContent | CartContent;
@@ -41,7 +45,9 @@ export interface ProductCardContent {
     type: 'product_card';
     data: {
         product: Product;
+        rawProduct?: any;
         onAddToCart?: (product: Product) => void;
+        productCardRender?: (product: any) => React.ReactNode;
     };
 }
 export interface ProductListContent {
@@ -472,6 +478,7 @@ export interface StatusData {
 export interface ErrorData {
     message: string;
     code?: string;
+    type?: string;
 }
 /**
  * 流式对话请求参数
@@ -726,6 +733,25 @@ export interface LiveChatWidgetProps {
      * 用于自定义按钮文案
      */
     commonText?: CommonText;
+    /**
+     * 自定义产品卡片渲染函数
+     * 用于自定义渲染 product_card 类型的产品卡片
+     * 当提供此函数时，将替代默认的产品卡片渲染逻辑
+     * @param product 原始后端产品数据（未经转换的数据）
+     * @returns React 可渲染的内容
+     * @example
+     * ```tsx
+     * <LiveChatWidget
+     *   productCardRender={(product) => (
+     *     <div>
+     *       <h3>{product.title}</h3>
+     *       <p>{product.price_range?.min}</p>
+     *     </div>
+     *   )}
+     * />
+     * ```
+     */
+    productCardRender?: (product: any) => React.ReactNode;
 }
 export interface MessageRenderer {
     render: (content: MessageContent, isUser: boolean, isSystem: boolean) => React.ReactNode;

package/dist/esm/stories/LiveChatWidget.stories.d.ts

@@ -98,3 +98,11 @@ export declare const FAQListMessage: Story;
  * reCAPTCHA 会在后台自动验证用户行为，无需用户手动操作。
  */
 export declare const WithRecaptcha: Story;
+/**
+ * 自定义产品卡片渲染
+ *
+ * 演示如何使用 productCardRender 自定义产品卡片的渲染样式。
+ *
+ * 当后端返回产品占位符 {{product:xxx}} 时，会使用自定义渲染函数来展示产品卡片。
+ */
+export declare const CustomProductCardRender: Story;

package/dist/esm/stories/LiveChatWidget.stories.js

@@ -1,4 +1,4 @@
-import{jsx as t,jsxs as n}from"react/jsx-runtime";import{LiveChatWidget as a}from"../components/LiveChatWidget";import"../styles/livechat.css";const c={title:"Campaign/LiveChatWidget",component:a,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:500},description:{component:`
+import{jsx as o,jsxs as a}from"react/jsx-runtime";import{LiveChatWidget as i}from"../components/LiveChatWidget";import"../styles/livechat.css";const d={title:"Campaign/LiveChatWidget",component:i,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:500},description:{component:`
 # LiveChat \u804A\u5929\u7EC4\u4EF6
 
 \u53EF\u590D\u7528\u7684\u6C14\u6CE1\u5F39\u7A97\u804A\u5929\u7EC4\u4EF6\uFF0C\u652F\u6301 SSE \u6D41\u5F0F\u6D88\u606F\u3001\u81EA\u5B9A\u4E49\u6E32\u67D3\u5668\u548C\u591A\u79CD\u6D88\u606F\u7C7B\u578B\u3002
@@ -48,7 +48,7 @@ const customRenderers = {
   customRenderers={customRenderers}
 />
 \`\`\`
-        `}}},tags:["autodocs"],argTypes:{apiBaseUrl:{control:"text",description:"API \u57FA\u7840 URL"},headers:{control:"object",description:"\u81EA\u5B9A\u4E49\u8BF7\u6C42\u5934\uFF0C\u5C06\u5728\u6240\u6709 API \u8BF7\u6C42\u4E2D\u6DFB\u52A0",table:{defaultValue:{summary:"undefined"}}},recaptchaSitekey:{control:"text",description:"Google reCAPTCHA v3 site key\uFF0C\u63D0\u4F9B\u6B64\u53C2\u6570\u5C06\u81EA\u52A8\u542F\u7528 reCAPTCHA v3 \u9A8C\u8BC1",table:{defaultValue:{summary:"undefined"}}},recaptchaAction:{control:"text",description:"reCAPTCHA action \u540D\u79F0\uFF0C\u7528\u4E8E\u533A\u5206\u4E0D\u540C\u7684\u9A8C\u8BC1\u573A\u666F",table:{defaultValue:{summary:'"activity"'}}},site:{control:"text",description:"Shopify \u5E97\u94FA URL"},channelCode:{control:"text",description:"\u6E20\u9053\u7F16\u7801\uFF0C\u7528\u4E8E\u6807\u8BC6\u6765\u6E90\u6E20\u9053",table:{defaultValue:{summary:"undefined"}}},welcomeMessage:{control:"text",description:"\u6B22\u8FCE\u6D88\u606F",table:{defaultValue:{summary:"\u4F60\u597D\uFF01\u6211\u662F AI \u52A9\u624B\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u52A9\u4F60\u7684\u5417\uFF1F"}}},logoUrl:{control:"text",description:"Logo URL"},position:{control:"object",description:"\u6C14\u6CE1\u6309\u94AE\u4F4D\u7F6E\u5BF9\u8C61",table:{defaultValue:{summary:'{ bottom: "1.5rem", right: "1.5rem" }'}}}},args:{apiBaseUrl:"http://172.16.38.183:3003",site:"www.eufy.com",loginUserId:"test_test",welcomeMessage:"\u4F60\u597D\uFF01\u6211\u662F AI \u52A9\u624B\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u52A9\u4F60\u7684\u5417\uFF1F"}};var p=c;const m={args:{loginUserId:"test_test",apiBaseUrl:"http://172.16.38.183:3003",cartId:"gid://shopify/Cart/hWN7wB3Pa12gh78d8hPOAUBI?key=0e73db1d3fb5ac21da19099c45033253",accessToken:"47b1aa2c0797043f9baba39388029d70",title:"eufy",commonText:{learnMore:"Learn More",total:"Total"},site:"beta.eufy.com",channelCode:"dtc",recaptchaAction:"chat"}},g={args:{position:{bottom:"1.5rem",left:"1.5rem"}}},u={args:{logoUrl:"https://images.unsplash.com/photo-1599305445671-ac291c95aaa9?w=100&h=100&fit=crop",welcomeMessage:"\u6B22\u8FCE\u6765\u5230 Soundcore\uFF01\u6211\u662F\u60A8\u7684\u4E13\u5C5E AI \u52A9\u624B \u{1F3A7}"}},y={args:{quickReplies:[{id:"1",label:"\u67E5\u8BE2\u4EF7\u683C",value:"\u6211\u60F3\u4E86\u89E3\u4EA7\u54C1\u4EF7\u683C",icon:"\u{1F4B0}"},{id:"2",label:"\u67E5\u8BE2\u7269\u6D41",value:"\u6211\u60F3\u67E5\u8BE2\u8BA2\u5355\u7269\u6D41",icon:"\u{1F4E6}"},{id:"3",label:"\u552E\u540E\u670D\u52A1",value:"\u6211\u9700\u8981\u552E\u540E\u5E2E\u52A9",icon:"\u{1F527}"},{id:"4",label:"\u4EA7\u54C1\u63A8\u8350",value:"\u8BF7\u63A8\u8350\u9002\u5408\u6211\u7684\u4EA7\u54C1",icon:"\u2B50"}]}},h={args:{welcomeMessage:`
+        `}}},tags:["autodocs"],argTypes:{apiBaseUrl:{control:"text",description:"API \u57FA\u7840 URL"},headers:{control:"object",description:"\u81EA\u5B9A\u4E49\u8BF7\u6C42\u5934\uFF0C\u5C06\u5728\u6240\u6709 API \u8BF7\u6C42\u4E2D\u6DFB\u52A0",table:{defaultValue:{summary:"undefined"}}},recaptchaSitekey:{control:"text",description:"Google reCAPTCHA v3 site key\uFF0C\u63D0\u4F9B\u6B64\u53C2\u6570\u5C06\u81EA\u52A8\u542F\u7528 reCAPTCHA v3 \u9A8C\u8BC1",table:{defaultValue:{summary:"undefined"}}},recaptchaAction:{control:"text",description:"reCAPTCHA action \u540D\u79F0\uFF0C\u7528\u4E8E\u533A\u5206\u4E0D\u540C\u7684\u9A8C\u8BC1\u573A\u666F",table:{defaultValue:{summary:'"activity"'}}},site:{control:"text",description:"Shopify \u5E97\u94FA URL"},channelCode:{control:"text",description:"\u6E20\u9053\u7F16\u7801\uFF0C\u7528\u4E8E\u6807\u8BC6\u6765\u6E90\u6E20\u9053",table:{defaultValue:{summary:"undefined"}}},welcomeMessage:{control:"text",description:"\u6B22\u8FCE\u6D88\u606F",table:{defaultValue:{summary:"\u4F60\u597D\uFF01\u6211\u662F AI \u52A9\u624B\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u52A9\u4F60\u7684\u5417\uFF1F"}}},logoUrl:{control:"text",description:"Logo URL"},position:{control:"object",description:"\u6C14\u6CE1\u6309\u94AE\u4F4D\u7F6E\u5BF9\u8C61",table:{defaultValue:{summary:'{ bottom: "1.5rem", right: "1.5rem" }'}}}},args:{apiBaseUrl:"http://172.16.38.183:3003",site:"www.eufy.com",loginUserId:"test_test",welcomeMessage:"\u4F60\u597D\uFF01\u6211\u662F AI \u52A9\u624B\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u52A9\u4F60\u7684\u5417\uFF1F"}};var y=d;const u={args:{loginUserId:"test_test",apiBaseUrl:"http://172.16.38.183:3003",cartId:"gid://shopify/Cart/hWN7wB3Pa12gh78d8hPOAUBI?key=0e73db1d3fb5ac21da19099c45033253",accessToken:"47b1aa2c0797043f9baba39388029d70",title:"eufy",commonText:{learnMore:"Learn More",total:"Total"},site:"beta.eufy.com",channelCode:"dtc",recaptchaAction:"chat"}},h={args:{position:{bottom:"1.5rem",left:"1.5rem"}}},C={args:{logoUrl:"https://images.unsplash.com/photo-1599305445671-ac291c95aaa9?w=100&h=100&fit=crop",welcomeMessage:"\u6B22\u8FCE\u6765\u5230 Soundcore\uFF01\u6211\u662F\u60A8\u7684\u4E13\u5C5E AI \u52A9\u624B \u{1F3A7}"}},f={args:{quickReplies:[{id:"1",label:"\u67E5\u8BE2\u4EF7\u683C",value:"\u6211\u60F3\u4E86\u89E3\u4EA7\u54C1\u4EF7\u683C",icon:"\u{1F4B0}"},{id:"2",label:"\u67E5\u8BE2\u7269\u6D41",value:"\u6211\u60F3\u67E5\u8BE2\u8BA2\u5355\u7269\u6D41",icon:"\u{1F4E6}"},{id:"3",label:"\u552E\u540E\u670D\u52A1",value:"\u6211\u9700\u8981\u552E\u540E\u5E2E\u52A9",icon:"\u{1F527}"},{id:"4",label:"\u4EA7\u54C1\u63A8\u8350",value:"\u8BF7\u63A8\u8350\u9002\u5408\u6211\u7684\u4EA7\u54C1",icon:"\u2B50"}]}},v={args:{welcomeMessage:`
 \u{1F44B} \u60A8\u597D\uFF01\u6B22\u8FCE\u6765\u5230 Soundcore \u5B98\u65B9\u5546\u57CE\u3002
 
 \u6211\u662F\u60A8\u7684 AI \u8D2D\u7269\u52A9\u624B\uFF0C\u53EF\u4EE5\u5E2E\u60A8\uFF1A
@@ -58,12 +58,12 @@ const customRenderers = {
 - \u{1F4AC} \u89E3\u7B54\u7591\u95EE
 
 \u6709\u4EC0\u4E48\u6211\u53EF\u4EE5\u5E2E\u52A9\u60A8\u7684\u5417\uFF1F
-    `.trim()}},C={args:{title:"",showNewSessionButton:!0,position:{bottom:"24px",right:"30px"},chatBubbleIcon:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/Rectangle_400770314.png?v=1768894153",headers:void 0,site:"beta.eufy.com"},render:o=>t(a,{...o,onOpen:()=>{console.log("[Story] Chat opened")},onClose:()=>{console.log("[Story] Chat closed")},onMessageSend:e=>{console.log("[Story] Message sent:",e)},onError:e=>{console.error("[Story] Error occurred:",e)},onTextMessage:()=>{console.log("\u{1F4DD} [Story] AI started replying with text message")},onProductList:()=>{console.log("\u{1F4E6} [Story] AI replied with product list card")},onPromotionList:()=>{console.log("\u{1F389} [Story] AI replied with promotion list card")},onAddToCart:e=>{console.log("\u{1F6D2} [Story] Add to Cart clicked!"),console.log("\u{1F4E6} Product Info:",{id:e.shopifyId,title:e.title,price:e.price,imageUrl:e.imageUrl,productUrl:e.productUrl}),console.log("\u{1F4CB} Full Product Object:",e),alert(`\u2705 "${e.title}" \u5DF2\u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\uFF01
+    `.trim()}},x={args:{title:"",showNewSessionButton:!0,position:{bottom:"24px",right:"30px"},chatBubbleIcon:"https://cdn.shopify.com/s/files/1/0504/7094/4954/files/Rectangle_400770314.png?v=1768894153",headers:void 0,site:"beta.eufy.com"},render:t=>o(i,{...t,onOpen:()=>{console.log("[Story] Chat opened")},onClose:()=>{console.log("[Story] Chat closed")},onMessageSend:e=>{console.log("[Story] Message sent:",e)},onError:e=>{console.error("[Story] Error occurred:",e)},onTextMessage:()=>{console.log("\u{1F4DD} [Story] AI started replying with text message")},onProductList:()=>{console.log("\u{1F4E6} [Story] AI replied with product list card")},onPromotionList:()=>{console.log("\u{1F389} [Story] AI replied with promotion list card")},onAddToCart:e=>{console.log("\u{1F6D2} [Story] Add to Cart clicked!"),console.log("\u{1F4E6} Product Info:",{id:e.shopifyId,title:e.title,price:e.price,imageUrl:e.imageUrl,productUrl:e.productUrl}),console.log("\u{1F4CB} Full Product Object:",e),alert(`\u2705 "${e.title}" \u5DF2\u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\uFF01
 
 \u4EF7\u683C: ${e.price.currency} ${e.price.amount}`)},onCart:(e,r)=>{console.log("\u{1F6D2} [Story] Cart button clicked!"),console.log("\u{1F4CB} Cart ID:",e),console.log("\u{1F517} Checkout URL:",r),alert(`\u8D2D\u7269\u8F66\u6309\u94AE\u88AB\u70B9\u51FB\uFF01
 
 Cart ID: ${e}
-Checkout URL: ${r||"\u65E0"}`)}})},A={args:{customRenderers:{video:{render:o=>{const e=o;return n("div",{className:"w-full",children:[t("video",{src:e.url,controls:!0,className:"w-full rounded-lg",poster:e.poster,children:"\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u89C6\u9891\u64AD\u653E"}),e.title&&t("p",{className:"mt-2 text-sm text-gray-600",children:e.title})]})}}}}},f={args:{customRenderers:{image_gallery:{render:o=>{const r=o.images||[];return t("div",{className:"grid grid-cols-2 gap-2",children:r.map((s,i)=>t("div",{className:"relative aspect-square",children:t("img",{src:s.url,alt:s.alt||`Image ${i+1}`,className:"size-full rounded-lg object-cover"})},i))})}}}}},v={parameters:{viewport:{defaultViewport:"mobile1"}},args:{}},S={parameters:{viewport:{defaultViewport:"tablet"}},args:{}},b={render:()=>n("div",{className:"relative h-screen w-full bg-gray-50",children:[t("div",{className:"absolute inset-0 flex items-center justify-center",children:t("p",{className:"text-gray-500",children:"\u9875\u9762\u5185\u5BB9\u533A\u57DF"})}),t("div",{className:"absolute bottom-4 right-4 text-xs text-gray-400",children:"\u9ED8\u8BA4\u4F4D\u7F6E (\u53F3\u4E0B\u89D2)"}),t(a,{apiBaseUrl:"https://beta-api-livechat.anker.com",site:"www.eufy.com"})]})},w={render:o=>t(a,{...o,onAddToCart:e=>{console.log("\u{1F6D2} [ProductComparison Story] Add to Cart clicked!"),console.log("\u{1F4E6} Product Info:",{id:e.shopifyId,title:e.title,price:e.price,imageUrl:e.imageUrl,productUrl:e.productUrl}),console.log("\u{1F4CB} Full Product Object:",e),alert(`\u2705 "${e.title}" \u5DF2\u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\uFF01
+Checkout URL: ${r||"\u65E0"}`)}})},b={args:{customRenderers:{video:{render:t=>{const e=t;return a("div",{className:"w-full",children:[o("video",{src:e.url,controls:!0,className:"w-full rounded-lg",poster:e.poster,children:"\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301\u89C6\u9891\u64AD\u653E"}),e.title&&o("p",{className:"mt-2 text-sm text-gray-600",children:e.title})]})}}}}},A={args:{customRenderers:{image_gallery:{render:t=>{const r=t.images||[];return o("div",{className:"grid grid-cols-2 gap-2",children:r.map((s,n)=>o("div",{className:"relative aspect-square",children:o("img",{src:s.url,alt:s.alt||`Image ${n+1}`,className:"size-full rounded-lg object-cover"})},n))})}}}}},S={parameters:{viewport:{defaultViewport:"mobile1"}},args:{}},w={parameters:{viewport:{defaultViewport:"tablet"}},args:{}},k={render:()=>a("div",{className:"relative h-screen w-full bg-gray-50",children:[o("div",{className:"absolute inset-0 flex items-center justify-center",children:o("p",{className:"text-gray-500",children:"\u9875\u9762\u5185\u5BB9\u533A\u57DF"})}),o("div",{className:"absolute bottom-4 right-4 text-xs text-gray-400",children:"\u9ED8\u8BA4\u4F4D\u7F6E (\u53F3\u4E0B\u89D2)"}),o(i,{apiBaseUrl:"https://beta-api-livechat.anker.com",site:"www.eufy.com"})]})},I={render:t=>o(i,{...t,onAddToCart:e=>{console.log("\u{1F6D2} [ProductComparison Story] Add to Cart clicked!"),console.log("\u{1F4E6} Product Info:",{id:e.shopifyId,title:e.title,price:e.price,imageUrl:e.imageUrl,productUrl:e.productUrl}),console.log("\u{1F4CB} Full Product Object:",e),alert(`\u2705 "${e.title}" \u5DF2\u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\uFF01
 
 \u4EF7\u683C: ${e.price.currency} ${e.price.amount}`)}}),args:{welcomeMessage:"\u4EE5\u4E0B\u662F\u60A8\u5173\u6CE8\u7684\u4EA7\u54C1\u5BF9\u6BD4\u4FE1\u606F\uFF1A"},parameters:{docs:{description:{story:`
 \u4EA7\u54C1\u5BF9\u6BD4\u6D88\u606F\u652F\u6301\u4EE5\u4E0B\u7EF4\u5EA6\uFF1A
@@ -82,7 +82,7 @@ Checkout URL: ${r||"\u65E0"}`)}})},A={args:{customRenderers:{video:{render:o=>{c
 - \u70B9\u51FB\u4EA7\u54C1\u5BF9\u6BD4\u5361\u7247\u4E2D\u7684 "Add to Cart" \u6309\u94AE
 - \u67E5\u770B\u63A7\u5236\u53F0\u8F93\u51FA\u7684\u4EA7\u54C1\u4FE1\u606F
 - \u4F1A\u5F39\u51FA\u786E\u8BA4\u63D0\u793A\u6846\u663E\u793A\u5DF2\u6DFB\u52A0\u5230\u8D2D\u7269\u8F66
-        `}}}},x={args:{welcomeMessage:"\u4EE5\u4E0B\u662F\u4E0E\u60A8\u7684\u95EE\u9898\u76F8\u5173\u7684\u5E38\u89C1\u89E3\u7B54\uFF1A"},parameters:{docs:{description:{story:`
+        `}}}},R={args:{welcomeMessage:"\u4EE5\u4E0B\u662F\u4E0E\u60A8\u7684\u95EE\u9898\u76F8\u5173\u7684\u5E38\u89C1\u89E3\u7B54\uFF1A"},parameters:{docs:{description:{story:`
 FAQ \u5217\u8868\u6D88\u606F\u652F\u6301\uFF1A
 
 - **\u53EF\u6298\u53E0\u95EE\u9898**: \u70B9\u51FB\u95EE\u9898\u6807\u9898\u5C55\u5F00/\u6298\u53E0\u7B54\u6848
@@ -95,7 +95,7 @@ FAQ \u5217\u8868\u6D88\u606F\u652F\u6301\uFF1A
 - \u7528\u6237\u8BE2\u95EE\u5E38\u89C1\u95EE\u9898\u65F6\u8FD4\u56DE FAQ \u5217\u8868
 - \u4EA7\u54C1\u4E13\u5C5E\u95EE\u9898\u67E5\u8BE2
 - \u6309\u5206\u7C7B\u67E5\u8BE2 FAQ
-        `}}}},k={args:{recaptchaSitekey:"6LfS4J4pAAAAACX1e_WrxutmxxzCK7FU4WzVqL14",recaptchaAction:"livechat"},parameters:{docs:{description:{story:`
+        `}}}},U={args:{recaptchaSitekey:"6LfS4J4pAAAAACX1e_WrxutmxxzCK7FU4WzVqL14",recaptchaAction:"livechat"},parameters:{docs:{description:{story:`
 ### reCAPTCHA v3 \u914D\u7F6E
 
 \u542F\u7528 reCAPTCHA v3 \u53EF\u4EE5\u4FDD\u62A4\u4F60\u7684 API \u514D\u53D7\u673A\u5668\u4EBA\u548C\u6EE5\u7528\u884C\u4E3A\u7684\u653B\u51FB\u3002
@@ -128,5 +128,22 @@ FAQ \u5217\u8868\u6D88\u606F\u652F\u6301\uFF1A
 - \u5EFA\u8BAE\u4E3A\u4E0D\u540C\u7684\u64CD\u4F5C\u4F7F\u7528\u4E0D\u540C\u7684 \`recaptchaAction\` \u4EE5\u4FBF\u5206\u6790
 - \u786E\u4FDD\u540E\u7AEF\u6B63\u786E\u9A8C\u8BC1 reCAPTCHA token
 - \u4E0D\u63D0\u4F9B recaptchaSitekey \u5219\u4E0D\u542F\u7528\u9A8C\u8BC1\uFF08\u4EC5\u7528\u4E8E\u5F00\u53D1\u73AF\u5883\uFF09
-        `}}}};export{u as CustomBranding,f as CustomImageGalleryRenderer,g as CustomPosition,A as CustomVideoRenderer,h as CustomWelcomeMessage,m as Default,b as DefaultPositionDemo,x as FAQListMessage,v as MobileView,w as ProductComparisonMessage,S as TabletView,C as WithEventCallbacks,y as WithQuickReplies,k as WithRecaptcha,p as default};
+        `}}}},M={args:{loginUserId:"test_test",apiBaseUrl:"http://172.16.38.183:3003",cartId:"gid://shopify/Cart/hWN7wB3Pa12gh78d8hPOAUBI?key=0e73db1d3fb5ac21da19099c45033253",accessToken:"47b1aa2c0797043f9baba39388029d70",title:"eufy",site:"beta.eufy.com",channelCode:"dtc",welcomeMessage:'\u4F60\u597D\uFF01\u6211\u53EF\u4EE5\u4E3A\u4F60\u63A8\u8350\u4EA7\u54C1\uFF0C\u8BD5\u8BD5\u53D1\u9001 "\u63A8\u8350\u4EA7\u54C1" \u6765\u67E5\u770B\u81EA\u5B9A\u4E49\u4EA7\u54C1\u5361\u7247\u6548\u679C\u3002',productCardRender:t=>{const e=t.featured_image||"",r=t.title||"",s=t.description||"",n=t.price_range?.min||t.variants?.[0]?.price||0,p=t.price_range?.currency||t.variants?.[0]?.currency||"USD",c=t.average_rating;return o("div",{style:{border:"2px solid #4CAF50",borderRadius:"16px",padding:"20px",margin:"12px 0",backgroundColor:"#f0f9ff",boxShadow:"0 4px 12px rgba(76, 175, 80, 0.15)",transition:"transform 0.2s"},onMouseEnter:l=>{l.currentTarget.style.transform="scale(1.02)"},onMouseLeave:l=>{l.currentTarget.style.transform="scale(1)"},children:a("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[o("div",{style:{width:"70px",height:"auto",flexShrink:0,borderRadius:"12px",overflow:"hidden",border:"2px solid #e0e0e0"},children:o("img",{src:e,alt:r,style:{width:"100%",height:"100%",objectFit:"cover"}})}),a("div",{style:{flex:1},children:[o("h3",{style:{margin:"0 0 8px 0",fontSize:"18px",fontWeight:"bold",color:"#1a1a1a",lineHeight:"1.4"},children:r}),s&&o("p",{style:{margin:"0 0 12px 0",fontSize:"14px",color:"#666",lineHeight:"1.5",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:s}),a("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[o("div",{style:{fontSize:"24px",fontWeight:"bold",color:"#4CAF50"},children:"'test price'"}),c!==void 0&&a("div",{style:{display:"flex",alignItems:"center",gap:"4px",fontSize:"14px",color:"#666"},children:[o("span",{style:{color:"#FFB800"},children:"\u2B50"}),o("span",{children:c.toFixed(1)})]}),o("button",{style:{marginLeft:"auto",padding:"8px 20px",backgroundColor:"#4CAF50",color:"white",borderRadius:"8px",textDecoration:"none",fontSize:"14px",fontWeight:"bold",transition:"background-color 0.2s"},onClick:()=>{console.log("View Details",t)},children:"View Details"})]})]})]})})},onAddToCart:t=>{console.log("Add to cart:",t),alert(`Added ${t.title} to cart!`)}},parameters:{docs:{description:{story:`
+### \u81EA\u5B9A\u4E49\u4EA7\u54C1\u5361\u7247\u6E32\u67D3
+
+\u4F7F\u7528 \`productCardRender\` \u5C5E\u6027\u53EF\u4EE5\u5B8C\u5168\u81EA\u5B9A\u4E49\u4EA7\u54C1\u5361\u7247\u7684\u5C55\u793A\u6837\u5F0F\u3002
+
+**\u529F\u80FD\u8BF4\u660E\uFF1A**
+
+- \u5F53\u540E\u7AEF\u8FD4\u56DE\u5E26\u6709\u4EA7\u54C1\u5360\u4F4D\u7B26 \`{{product:xxx}}\` \u7684\u6587\u672C\u6D41\u65F6\uFF0C\u4F1A\u4F7F\u7528\u81EA\u5B9A\u4E49\u6E32\u67D3\u51FD\u6570
+- \u81EA\u5B9A\u4E49\u51FD\u6570\u63A5\u6536\u5B8C\u6574\u7684\u4EA7\u54C1\u5BF9\u8C61\u4F5C\u4E3A\u53C2\u6570
+- \u8FD4\u56DE React \u8282\u70B9\uFF0C\u53EF\u4EE5\u662F\u4EFB\u4F55\u5408\u6CD5\u7684 JSX
+- \u5982\u679C\u4E0D\u63D0\u4F9B \`productCardRender\`\uFF0C\u5219\u4F7F\u7528\u9ED8\u8BA4\u7684\u4EA7\u54C1\u5361\u7247\u6837\u5F0F
+
+**\u6D4B\u8BD5\u6B65\u9AA4\uFF1A**
+
+1. \u6253\u5F00\u804A\u5929\u7A97\u53E3
+2. \u53D1\u9001 "\u63A8\u8350\u4EA7\u54C1" \u6216\u4EFB\u4F55\u4F1A\u89E6\u53D1\u4EA7\u54C1\u63A8\u8350\u7684\u6D88\u606F
+3. \u89C2\u5BDF\u8FD4\u56DE\u7684\u4EA7\u54C1\u5361\u7247\u4F7F\u7528\u7684\u662F\u81EA\u5B9A\u4E49\u6837\u5F0F\uFF08\u7EFF\u8272\u8FB9\u6846\u3001\u60AC\u505C\u653E\u5927\u6548\u679C\uFF09
+        `}}}};export{C as CustomBranding,A as CustomImageGalleryRenderer,h as CustomPosition,M as CustomProductCardRender,b as CustomVideoRenderer,v as CustomWelcomeMessage,u as Default,k as DefaultPositionDemo,R as FAQListMessage,S as MobileView,I as ProductComparisonMessage,w as TabletView,x as WithEventCallbacks,f as WithQuickReplies,U as WithRecaptcha,y as default};
 //# sourceMappingURL=LiveChatWidget.stories.js.map