npm - @anker-in/campaign-ui - Versions diffs - 0.3.4 → 0.3.5 - Mend

@anker-in/campaign-ui 0.3.4 → 0.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

package/dist/cjs/stories/LiveChatWidget.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/LiveChatWidget.stories.tsx"],
-  "sourcesContent": ["/**\n * LiveChatWidget Storybook Stories\n * \u5C55\u793A LiveChat \u7EC4\u4EF6\u7684\u5404\u79CD\u4F7F\u7528\u573A\u666F\u548C\u914D\u7F6E\n */\n\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { LiveChatWidget } from '../components/LiveChatWidget'\nimport type { MessageRenderer, MessageContent } from '../components/LiveChatWidget'\nimport '../styles/livechat.css'\n\nconst meta: Meta<typeof LiveChatWidget> = {\n  title: 'Campaign/LiveChatWidget',\n  component: LiveChatWidget,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      story: {\n        inline: false,\n        iframeHeight: 500,\n      },\n      description: {\n        component: `\n# LiveChat \u804A\u5929\u7EC4\u4EF6\n\n\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\n\n## \u529F\u80FD\u7279\u6027\n\n- \uD83C\uDF88 **\u6C14\u6CE1\u5F39\u7A97**: \u53EF\u81EA\u5B9A\u4E49\u4F4D\u7F6E\u7684\u60AC\u6D6E\u6C14\u6CE1\u6309\u94AE\n- \uD83D\uDCAC **\u6D41\u5F0F\u6D88\u606F**: \u57FA\u4E8E SSE \u7684\u5B9E\u65F6\u6D41\u5F0F\u54CD\u5E94\n- \uD83D\uDCE6 **\u591A\u79CD\u6D88\u606F\u7C7B\u578B**: \u6587\u672C\u3001\u5546\u54C1\u5361\u7247\u3001\u5546\u54C1\u5217\u8868\u3001\u653F\u7B56\u3001\u5FEB\u6377\u56DE\u590D\u7B49\n- \uD83C\uDFA8 **\u53EF\u5B9A\u5236**: \u652F\u6301\u81EA\u5B9A\u4E49\u54C1\u724C\u989C\u8272\u3001Logo\u3001\u6E32\u67D3\u5668\n- \uD83D\uDCF1 **\u54CD\u5E94\u5F0F**: \u79FB\u52A8\u7AEF\u5168\u5C4F\uFF0C\u684C\u9762\u7AEF\u56FA\u5B9A\u5C3A\u5BF8\n- \uD83D\uDCBE **\u4F1A\u8BDD\u7BA1\u7406**: \u81EA\u52A8\u7BA1\u7406 userId \u548C sessionId\n- \uD83D\uDD12 **\u5B89\u5168\u9632\u62A4**: \u5185\u7F6E XSS \u9632\u62A4\u548C\u8F93\u5165\u9A8C\u8BC1\n\n## \u57FA\u7840\u7528\u6CD5\n\n\\`\\`\\`tsx\nimport { LiveChatWidget } from '@anker-in/campaign-ui'\nimport '@anker-in/campaign-ui/livechat.css'\n\nfunction App() {\n  return (\n    <LiveChatWidget\n      apiBaseUrl=\"https://beta-api-livechat.anker.com\"\n      site=\"www.eufy.com\"\n      channel_code=\"web_homepage\"\n      welcomeMessage=\"\u4F60\u597D\uFF01\u6211\u662F AI \u52A9\u624B\"\n    />\n  )\n}\n\\`\\`\\`\n\n## \u81EA\u5B9A\u4E49\u6E32\u67D3\u5668\n\n\\`\\`\\`tsx\nconst customRenderers = {\n  video: {\n    render: (content) => (\n      <video src={content.url} controls className=\"w-full rounded\" />\n    )\n  }\n}\n\n<LiveChatWidget\n  apiBaseUrl=\"...\"\n  site=\"...\"\n  customRenderers={customRenderers}\n/>\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    apiBaseUrl: {\n      control: 'text',\n      description: 'API \u57FA\u7840 URL',\n    },\n    headers: {\n      control: 'object',\n      description: '\u81EA\u5B9A\u4E49\u8BF7\u6C42\u5934\uFF0C\u5C06\u5728\u6240\u6709 API \u8BF7\u6C42\u4E2D\u6DFB\u52A0',\n      table: {\n        defaultValue: { summary: 'undefined' },\n      },\n    },\n    recaptchaSitekey: {\n      control: 'text',\n      description: 'Google reCAPTCHA v3 site key\uFF0C\u63D0\u4F9B\u6B64\u53C2\u6570\u5C06\u81EA\u52A8\u542F\u7528 reCAPTCHA v3 \u9A8C\u8BC1',\n      table: {\n        defaultValue: { summary: 'undefined' },\n      },\n    },\n    recaptchaAction: {\n      control: 'text',\n      description: 'reCAPTCHA action \u540D\u79F0\uFF0C\u7528\u4E8E\u533A\u5206\u4E0D\u540C\u7684\u9A8C\u8BC1\u573A\u666F',\n      table: {\n        defaultValue: { summary: '\"activity\"' },\n      },\n    },\n    site: {\n      control: 'text',\n      description: 'Shopify \u5E97\u94FA URL',\n    },\n    channelCode: {\n      control: 'text',\n      description: '\u6E20\u9053\u7F16\u7801\uFF0C\u7528\u4E8E\u6807\u8BC6\u6765\u6E90\u6E20\u9053',\n      table: {\n        defaultValue: { summary: 'undefined' },\n      },\n    },\n    welcomeMessage: {\n      control: 'text',\n      description: '\u6B22\u8FCE\u6D88\u606F',\n      table: {\n        defaultValue: { summary: '\u4F60\u597D\uFF01\u6211\u662F AI \u52A9\u624B\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u52A9\u4F60\u7684\u5417\uFF1F' },\n      },\n    },\n    logoUrl: {\n      control: 'text',\n      description: 'Logo URL',\n    },\n    position: {\n      control: 'object',\n      description: '\u6C14\u6CE1\u6309\u94AE\u4F4D\u7F6E\u5BF9\u8C61',\n      table: {\n        defaultValue: { summary: '{ bottom: \"1.5rem\", right: \"1.5rem\" }' },\n      },\n    },\n  },\n  args: {\n    apiBaseUrl: 'http://172.16.38.183:3003',\n    site: 'www.eufy.com',\n    loginUserId: 'test_test',\n    welcomeMessage: '\u4F60\u597D\uFF01\u6211\u662F AI \u52A9\u624B\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u52A9\u4F60\u7684\u5417\uFF1F',\n  },\n}\n\nexport default meta\ntype Story = StoryObj<typeof LiveChatWidget>\n\n/**\n * \u9ED8\u8BA4\u914D\u7F6E - \u5C55\u793A\u6240\u6709\u529F\u80FD\n */\nexport const Default: Story = {\n  args: {\n    // \u57FA\u7840\u914D\u7F6E\n    loginUserId: 'test_test',\n    apiBaseUrl: 'http://172.16.38.183:3003',\n    site: 'beta.eufy.com',\n    channelCode: 'dtc',\n    title: 'eufy AI Assistant',\n    cartId: 'gid://shopify/Cart/hWN7wB3Pa12gh78d8hPOAUBI?key=0e73db1d3fb5ac21da19099c45033253',\n    accessToken: '47b1aa2c0797043f9baba39388029d70',\n\n    // \u81EA\u5B9A\u4E49\u4F4D\u7F6E\n    position: { bottom: '24px', right: '30px' },\n\n    // \u6B22\u8FCE\u6D88\u606F\n    welcomeMessage: `Welcome to eufy AI Assistant!\n\nI can help you with:\n- Product recommendations\n- Order tracking\n- FAQs and support\n\nHow can I assist you today?`,\n\n    // \u5FEB\u6377\u56DE\u590D\n    quickReplies: [\n      { id: '1', label: 'Product Info', value: 'Tell me about your products', icon: '\uD83D\uDCE6' },\n      { id: '2', label: 'Track Order', value: 'I want to track my order', icon: '\uD83D\uDE9A' },\n      { id: '3', label: 'Support', value: 'I need help with my device', icon: '\uD83D\uDD27' },\n      { id: '4', label: 'Recommendations', value: 'Recommend products for me', icon: '\u2B50' },\n    ],\n\n    // \u6CD5\u89C4\u534F\u8BAE\u5F39\u7A97\n    complianceConfig: {\n      title: \"Hi! I'm your eufy AI assistant.\",\n      content: \"AI-generated responses can be inaccurate. Please verify important info. Do not input sensitive personal data.\",\n      checkboxText: 'By starting to use \"Live Chat\", you agree to Anker\\'s <a href=\"https://www.anker.com/pages/privacy-policy\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration: underline;\">LIVE CHAT PRIVACY NOTICE</a>.',\n      agreeButtonText: \"Agree\"\n    },\n\n    // reCAPTCHA \u914D\u7F6E\uFF08\u53D6\u6D88\u6CE8\u91CA\u4EE5\u542F\u7528\uFF09\n    // recaptchaSitekey: '6LfS4J4pAAAAACX1e_WrxutmxxzCK7FU4WzVqL14',\n    recaptchaAction: 'livechat',\n\n    // \u663E\u793A\u65B0\u4F1A\u8BDD\u6309\u94AE\n    showNewSessionButton: true,\n\n    // \u81EA\u5B9A\u4E49\u6587\u6848\n    commonText: {\n      learnMore: 'Learn More',\n      total: 'Total',\n    },\n\n    // \u81EA\u5B9A\u4E49\u6D88\u606F\u6E32\u67D3\u5668\n    customRenderers: {\n      video: {\n        render: (content: MessageContent) => {\n          const videoContent = content as any\n          return (\n            <div className=\"w-full\">\n              <video src={videoContent.url} controls className=\"w-full rounded-lg\" poster={videoContent.poster}>\n                Your browser does not support video playback\n              </video>\n              {videoContent.title && <p className=\"mt-2 text-sm text-gray-600\">{videoContent.title}</p>}\n            </div>\n          )\n        },\n      } as MessageRenderer,\n      image_gallery: {\n        render: (content: MessageContent) => {\n          const galleryContent = content as any\n          const images = galleryContent.images || []\n          return (\n            <div className=\"grid grid-cols-2 gap-2\">\n              {images.map((image: any, index: number) => (\n                <div key={index} className=\"relative aspect-square\">\n                  <img\n                    src={image.url}\n                    alt={image.alt || `Image ${index + 1}`}\n                    className=\"size-full rounded-lg object-cover\"\n                  />\n                </div>\n              ))}\n            </div>\n          )\n        },\n      } as MessageRenderer,\n    },\n\n    // \u81EA\u5B9A\u4E49\u4EA7\u54C1\u5361\u7247\u6E32\u67D3\n    productCardRender: (product, productHandle) => {\n      // product \u53EF\u80FD\u4E3A undefined\uFF0C\u6B64\u65F6\u53EF\u7528 productHandle \u67E5\u8BE2\n      if (!product) {\n        return (\n          <div style={{ padding: '16px', border: '1px dashed #ccc', borderRadius: '8px', textAlign: 'center' }}>\n            <p>Product loading... (handle: {productHandle})</p>\n          </div>\n        )\n      }\n\n      const imageUrl = product?.featured_image || ''\n      const title = product?.title || ''\n      const description = product?.description || ''\n      const averageRating = product?.average_rating\n\n      return (\n        <div\n          style={{\n            border: '2px solid #4CAF50',\n            borderRadius: '16px',\n            padding: '16px',\n            margin: '12px 0',\n            backgroundColor: '#f0f9ff',\n            boxShadow: '0 4px 12px rgba(76, 175, 80, 0.15)',\n          }}\n        >\n          <div style={{ display: 'flex', gap: '12px', alignItems: 'center' }}>\n            {imageUrl && (\n              <img\n                src={imageUrl}\n                alt={title}\n                style={{ width: '60px', height: '60px', borderRadius: '8px', objectFit: 'cover' }}\n              />\n            )}\n            <div style={{ flex: 1 }}>\n              <h4 style={{ margin: '0 0 4px 0', fontSize: '16px', fontWeight: 'bold' }}>{title}</h4>\n              {description && (\n                <p style={{ margin: 0, fontSize: '12px', color: '#666', lineHeight: 1.4 }}>\n                  {description.slice(0, 80)}...\n                </p>\n              )}\n              {averageRating && (\n                <span style={{ fontSize: '12px', color: '#FFB800' }}>Rating: {averageRating.toFixed(1)}</span>\n              )}\n            </div>\n            <button\n              style={{\n                padding: '8px 16px',\n                backgroundColor: '#4CAF50',\n                color: 'white',\n                borderRadius: '8px',\n                border: 'none',\n                cursor: 'pointer',\n              }}\n              onClick={() => console.log('View product:', productHandle, product)}\n            >\n              View\n            </button>\n          </div>\n        </div>\n      )\n    },\n  },\n\n  render: args => (\n    <LiveChatWidget\n      {...args}\n      // \u6240\u6709\u4E8B\u4EF6\u56DE\u8C03\n      onOpen={() => console.log('[LiveChat] Chat opened')}\n      onClose={() => console.log('[LiveChat] Chat closed')}\n      onMessageSend={(message: string) => console.log('[LiveChat] Message sent:', message)}\n      onError={(error: Error) => console.error('[LiveChat] Error:', error)}\n      onTextMessage={() => console.log('[LiveChat] AI text message received')}\n      onProductList={() => console.log('[LiveChat] Product list received')}\n      onPromotionList={() => console.log('[LiveChat] Promotion list received')}\n      onAddToCart={(product: any) => {\n        console.log('[LiveChat] Add to cart:', product)\n        alert(`Added \"${product.title}\" to cart!`)\n      }}\n      onCart={(cartId: string, checkoutUrl?: string) => {\n        console.log('[LiveChat] Cart clicked:', { cartId, checkoutUrl })\n        alert(`Cart ID: ${cartId}`)\n      }}\n    />\n  ),\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * LiveChatWidget Storybook Stories\n * \u5C55\u793A LiveChat \u7EC4\u4EF6\u7684\u5404\u79CD\u4F7F\u7528\u573A\u666F\u548C\u914D\u7F6E\n */\n\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { LiveChatWidget } from '../components/LiveChatWidget'\nimport type { MessageRenderer, MessageContent } from '../components/LiveChatWidget'\nimport '../styles/livechat.css'\n\nconst meta: Meta<typeof LiveChatWidget> = {\n  title: 'Campaign/LiveChatWidget',\n  component: LiveChatWidget,\n  parameters: {\n    layout: 'fullscreen',\n    docs: {\n      story: {\n        inline: false,\n        iframeHeight: 500,\n      },\n      description: {\n        component: `\n# LiveChat \u804A\u5929\u7EC4\u4EF6\n\n\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\n\n## \u529F\u80FD\u7279\u6027\n\n- \uD83C\uDF88 **\u6C14\u6CE1\u5F39\u7A97**: \u53EF\u81EA\u5B9A\u4E49\u4F4D\u7F6E\u7684\u60AC\u6D6E\u6C14\u6CE1\u6309\u94AE\n- \uD83D\uDCAC **\u6D41\u5F0F\u6D88\u606F**: \u57FA\u4E8E SSE \u7684\u5B9E\u65F6\u6D41\u5F0F\u54CD\u5E94\n- \uD83D\uDCE6 **\u591A\u79CD\u6D88\u606F\u7C7B\u578B**: \u6587\u672C\u3001\u5546\u54C1\u5361\u7247\u3001\u5546\u54C1\u5217\u8868\u3001\u653F\u7B56\u3001\u5FEB\u6377\u56DE\u590D\u7B49\n- \uD83C\uDFA8 **\u53EF\u5B9A\u5236**: \u652F\u6301\u81EA\u5B9A\u4E49\u54C1\u724C\u989C\u8272\u3001Logo\u3001\u6E32\u67D3\u5668\n- \uD83D\uDCF1 **\u54CD\u5E94\u5F0F**: \u79FB\u52A8\u7AEF\u5168\u5C4F\uFF0C\u684C\u9762\u7AEF\u56FA\u5B9A\u5C3A\u5BF8\n- \uD83D\uDCBE **\u4F1A\u8BDD\u7BA1\u7406**: \u81EA\u52A8\u7BA1\u7406 userId \u548C sessionId\n- \uD83D\uDD12 **\u5B89\u5168\u9632\u62A4**: \u5185\u7F6E XSS \u9632\u62A4\u548C\u8F93\u5165\u9A8C\u8BC1\n\n## \u57FA\u7840\u7528\u6CD5\n\n\\`\\`\\`tsx\nimport { LiveChatWidget } from '@anker-in/campaign-ui'\nimport '@anker-in/campaign-ui/livechat.css'\n\nfunction App() {\n  return (\n    <LiveChatWidget\n      apiBaseUrl=\"https://beta-api-livechat.anker.com\"\n      site=\"www.eufy.com\"\n      channel_code=\"web_homepage\"\n      welcomeMessage=\"\u4F60\u597D\uFF01\u6211\u662F AI \u52A9\u624B\"\n    />\n  )\n}\n\\`\\`\\`\n\n## \u81EA\u5B9A\u4E49\u6E32\u67D3\u5668\n\n\\`\\`\\`tsx\nconst customRenderers = {\n  video: {\n    render: (content) => (\n      <video src={content.url} controls className=\"w-full rounded\" />\n    )\n  }\n}\n\n<LiveChatWidget\n  apiBaseUrl=\"...\"\n  site=\"...\"\n  customRenderers={customRenderers}\n/>\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    apiBaseUrl: {\n      control: 'text',\n      description: 'API \u57FA\u7840 URL',\n    },\n    headers: {\n      control: 'object',\n      description: '\u81EA\u5B9A\u4E49\u8BF7\u6C42\u5934\uFF0C\u5C06\u5728\u6240\u6709 API \u8BF7\u6C42\u4E2D\u6DFB\u52A0',\n      table: {\n        defaultValue: { summary: 'undefined' },\n      },\n    },\n    recaptchaSitekey: {\n      control: 'text',\n      description: 'Google reCAPTCHA v3 site key\uFF0C\u63D0\u4F9B\u6B64\u53C2\u6570\u5C06\u81EA\u52A8\u542F\u7528 reCAPTCHA v3 \u9A8C\u8BC1',\n      table: {\n        defaultValue: { summary: 'undefined' },\n      },\n    },\n    recaptchaAction: {\n      control: 'text',\n      description: 'reCAPTCHA action \u540D\u79F0\uFF0C\u7528\u4E8E\u533A\u5206\u4E0D\u540C\u7684\u9A8C\u8BC1\u573A\u666F',\n      table: {\n        defaultValue: { summary: '\"activity\"' },\n      },\n    },\n    site: {\n      control: 'text',\n      description: 'Shopify \u5E97\u94FA URL',\n    },\n    channelCode: {\n      control: 'text',\n      description: '\u6E20\u9053\u7F16\u7801\uFF0C\u7528\u4E8E\u6807\u8BC6\u6765\u6E90\u6E20\u9053',\n      table: {\n        defaultValue: { summary: 'undefined' },\n      },\n    },\n    welcomeMessage: {\n      control: 'text',\n      description: '\u6B22\u8FCE\u6D88\u606F',\n      table: {\n        defaultValue: { summary: '\u4F60\u597D\uFF01\u6211\u662F AI \u52A9\u624B\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u52A9\u4F60\u7684\u5417\uFF1F' },\n      },\n    },\n    logoUrl: {\n      control: 'text',\n      description: 'Logo URL',\n    },\n    position: {\n      control: 'object',\n      description: '\u6C14\u6CE1\u6309\u94AE\u4F4D\u7F6E\u5BF9\u8C61',\n      table: {\n        defaultValue: { summary: '{ bottom: \"1.5rem\", right: \"1.5rem\" }' },\n      },\n    },\n  },\n  args: {\n    apiBaseUrl: 'http://172.16.38.183:3003',\n    site: 'www.eufy.com',\n    loginUserId: 'test_test',\n    welcomeMessage: '\u4F60\u597D\uFF01\u6211\u662F AI \u52A9\u624B\uFF0C\u6709\u4EC0\u4E48\u53EF\u4EE5\u5E2E\u52A9\u4F60\u7684\u5417\uFF1F',\n  },\n}\n\nexport default meta\ntype Story = StoryObj<typeof LiveChatWidget>\n\n/**\n * \u9ED8\u8BA4\u914D\u7F6E - \u5C55\u793A\u6240\u6709\u529F\u80FD\n */\nexport const Default: Story = {\n  args: {\n    // \u57FA\u7840\u914D\u7F6E\n    loginUserId: 'test_test1',\n    apiBaseUrl: 'http://172.16.38.183:3003',\n    site: 'beta.eufy.com',\n    channelCode: 'dtc',\n    title: 'eufy AI Assistant',\n    cartId: 'gid://shopify/Cart/hWN7wB3Pa12gh78d8hPOAUBI?key=0e73db1d3fb5ac21da19099c45033253',\n    accessToken: '47b1aa2c0797043f9baba39388029d70',\n\n    // \u81EA\u5B9A\u4E49\u4F4D\u7F6E\n    position: { bottom: '24px', right: '30px' },\n\n    // \u6B22\u8FCE\u6D88\u606F\n    welcomeMessage: '',\n\n    // \u5FEB\u6377\u56DE\u590D\n    quickReplies: [\n      { id: '1', label: 'Product Info', value: 'Tell me about your products', icon: '\uD83D\uDCE6' },\n      { id: '2', label: 'Track Order', value: 'I want to track my order', icon: '\uD83D\uDE9A' },\n      { id: '3', label: 'Support', value: 'I need help with my device', icon: '\uD83D\uDD27' },\n      { id: '4', label: 'Recommendations', value: 'Recommend products for me', icon: '\u2B50' },\n    ],\n\n    // \u6CD5\u89C4\u534F\u8BAE\u5F39\u7A97\n    complianceConfig: {\n      title: \"Hi! I'm your eufy AI assistant.\",\n      content:\n        'AI-generated responses can be inaccurate. Please verify important info. Do not input sensitive personal data.',\n      checkboxText:\n        'By starting to use \"Live Chat\", you agree to Anker\\'s <a href=\"https://www.anker.com/pages/privacy-policy\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration: underline;\">LIVE CHAT PRIVACY NOTICE</a>.',\n      agreeButtonText: 'Agree',\n    },\n\n    // reCAPTCHA \u914D\u7F6E\uFF08\u53D6\u6D88\u6CE8\u91CA\u4EE5\u542F\u7528\uFF09\n    // recaptchaSitekey: '6LfS4J4pAAAAACX1e_WrxutmxxzCK7FU4WzVqL14',\n    recaptchaAction: 'livechat',\n\n    // \u663E\u793A\u65B0\u4F1A\u8BDD\u6309\u94AE\n    showNewSessionButton: true,\n\n    // \u81EA\u5B9A\u4E49\u6587\u6848\n    commonText: {\n      learnMore: 'Learn More',\n      total: 'Total',\n    },\n\n    // \u81EA\u5B9A\u4E49\u6D88\u606F\u6E32\u67D3\u5668\n    customRenderers: {\n      video: {\n        render: (content: MessageContent) => {\n          const videoContent = content as any\n          return (\n            <div className=\"w-full\">\n              <video src={videoContent.url} controls className=\"w-full rounded-lg\" poster={videoContent.poster}>\n                Your browser does not support video playback\n              </video>\n              {videoContent.title && <p className=\"mt-2 text-sm text-gray-600\">{videoContent.title}</p>}\n            </div>\n          )\n        },\n      } as MessageRenderer,\n      image_gallery: {\n        render: (content: MessageContent) => {\n          const galleryContent = content as any\n          const images = galleryContent.images || []\n          return (\n            <div className=\"grid grid-cols-2 gap-2\">\n              {images.map((image: any, index: number) => (\n                <div key={index} className=\"relative aspect-square\">\n                  <img\n                    src={image.url}\n                    alt={image.alt || `Image ${index + 1}`}\n                    className=\"size-full rounded-lg object-cover\"\n                  />\n                </div>\n              ))}\n            </div>\n          )\n        },\n      } as MessageRenderer,\n    },\n\n    // \u81EA\u5B9A\u4E49\u4EA7\u54C1\u5361\u7247\u6E32\u67D3\n    productCardRender: (product, productHandle) => {\n      // product \u53EF\u80FD\u4E3A undefined\uFF0C\u6B64\u65F6\u53EF\u7528 productHandle \u67E5\u8BE2\n      if (!product) {\n        return (\n          <div style={{ padding: '16px', border: '1px dashed #ccc', borderRadius: '8px', textAlign: 'center' }}>\n            <p>Product loading... (handle: {productHandle})</p>\n          </div>\n        )\n      }\n\n      const imageUrl = product?.featured_image || ''\n      const title = product?.title || ''\n      const description = product?.description || ''\n      const averageRating = product?.average_rating\n\n      return (\n        <div\n          style={{\n            border: '2px solid #4CAF50',\n            borderRadius: '16px',\n            padding: '16px',\n            margin: '12px 0',\n            backgroundColor: '#f0f9ff',\n            boxShadow: '0 4px 12px rgba(76, 175, 80, 0.15)',\n          }}\n        >\n          <div style={{ display: 'flex', gap: '12px', alignItems: 'center' }}>\n            {imageUrl && (\n              <img\n                src={imageUrl}\n                alt={title}\n                style={{ width: '60px', height: '60px', borderRadius: '8px', objectFit: 'cover' }}\n              />\n            )}\n            <div style={{ flex: 1 }}>\n              <h4 style={{ margin: '0 0 4px 0', fontSize: '16px', fontWeight: 'bold' }}>{title}</h4>\n              {description && (\n                <p style={{ margin: 0, fontSize: '12px', color: '#666', lineHeight: 1.4 }}>\n                  {description.slice(0, 80)}...\n                </p>\n              )}\n              {averageRating && (\n                <span style={{ fontSize: '12px', color: '#FFB800' }}>Rating: {averageRating.toFixed(1)}</span>\n              )}\n            </div>\n            <button\n              style={{\n                padding: '8px 16px',\n                backgroundColor: '#4CAF50',\n                color: 'white',\n                borderRadius: '8px',\n                border: 'none',\n                cursor: 'pointer',\n              }}\n              onClick={() => console.log('View product:', productHandle, product)}\n            >\n              View\n            </button>\n          </div>\n        </div>\n      )\n    },\n  },\n\n  render: args => (\n    <LiveChatWidget\n      {...args}\n      // \u6240\u6709\u4E8B\u4EF6\u56DE\u8C03\n      onOpen={() => console.log('[LiveChat] Chat opened')}\n      onClose={() => console.log('[LiveChat] Chat closed')}\n      onMessageSend={(message: string) => console.log('[LiveChat] Message sent:', message)}\n      onError={(error: Error) => console.error('[LiveChat] Error:', error)}\n      onTextMessage={() => console.log('[LiveChat] AI text message received')}\n      onProductList={() => console.log('[LiveChat] Product list received')}\n      onPromotionList={() => console.log('[LiveChat] Promotion list received')}\n      onAddToCart={(product: any) => {\n        console.log('[LiveChat] Add to cart:', product)\n        alert(`Added \"${product.title}\" to cart!`)\n      }}\n      onCart={(cartId: string, checkoutUrl?: string) => {\n        console.log('[LiveChat] Cart clicked:', { cartId, checkoutUrl })\n        alert(`Cart ID: ${cartId}`)\n      }}\n    />\n  ),\n}\n"],
+  "mappings": "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",
   "names": ["LiveChatWidget_stories_exports", "__export", "Default", "LiveChatWidget_stories_default", "__toCommonJS", "import_jsx_runtime", "import_LiveChatWidget", "import_livechat", "meta", "content", "videoContent", "images", "image", "index", "product", "productHandle", "imageUrl", "title", "description", "averageRating", "args", "message", "error", "cartId", "checkoutUrl"]
 }

package/dist/esm/components/LiveChatWidget/LiveChatWidget.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Fragment as Ze,jsx as R,jsxs as je}from"react/jsx-runtime";import w,{useEffect as Ae,useCallback as y}from"react";import*as H from"@radix-ui/react-dialog";import{DEFAULT_COMMON_TEXT as ve}from"./constants";import{ChatBubble as qe}from"./components/ChatBubble";import{ChatWindow as Oe}from"./components/ChatWindow";import{ComplianceDialog as Fe}from"./components/ComplianceDialog";import{useChatState as Be}from"./hooks/useChatState";import{useChatAPI as We}from"./hooks/useChatAPI";import{MessageRendererRegistry as Ie}from"./utils/messageRenderers";import{sanitizeInput as Le}from"./utils/validation";import{transformProducts as te}from"./utils/productTransformers.js";import{transformCartData as Ne}from"./utils/cartTransformers.js";import se from"js-cookie";import{TextBlock as $e,ProductCard as ke,ProductList as Qe,ProductComparisonRenderer as ze,PolicyBlock as He,createQuickRepliesRenderer as Ye,ThinkingBlock as Ge,ErrorBlock as Ve,FAQListRenderer as Xe,PromotionListRenderer as Ke,CartCard as Je}from"./components/MessageContent/index.js";const lt=({apiBaseUrl:ae,headers:re,recaptchaSitekey:Y,recaptchaAction:ne,site:o,channelCode:m,loginUserId:l,cartId:G,accessToken:V,position:oe,welcomeMessage:x,quickReplies:u,customRenderers:B,logoUrl:ie,title:ce,chatBubbleIcon:de,open:pe,onOpenChange:le,onOpen:ue,onClose:me,onMessageSend:W,onError:g,onTextMessage:ge,onProductList:he,onPromotionList:fe,onAddToCart:T,onCart:I,showNewSessionButton:ye,commonText:X,productCardRender:_e,bottomTips:Ce,complianceConfig:_})=>{const L=_?.cookieName||"livechat_compliance_agreed",[K,N]=w.useState(!1),[J,we]=w.useState(()=>_?se.get(L)!==void 0:!0),D=w.useMemo(()=>({...ve,...X}),[X]),Re=Be({welcomeMessage:x,site:o,open:pe,onOpenChange:le,onOpen:ue,onClose:me,onMessageSend:W,onError:g,onTextMessage:ge,onProductList:he,onPromotionList:fe,onAddToCart:T,onCart:I,productCardRender:_e}),{messages:A,isOpen:v,userId:i,sessionId:$,inputValue:k,isStreaming:xe,openChat:S,closeChat:Z,setInputValue:Q,addMessage:p,setMessages:C,clearMessages:q,handleSSEEvent:j,saveSession:E,clearSession:M}=Re,{sendMessageStream:U,createSession:h}=We({apiBaseUrl:ae,headers:re,recaptchaConfig:{needRecaptcha:!!Y,recaptchaSitekey:Y,recaptchaAction:ne},onError:g}),b=w.useRef(async t=>{}),De=w.useMemo(()=>{const t=new Ie;t.register("text",$e),t.register("product_card",ke),t.register("product_list",Qe),t.register("product_comparison",ze),t.register("policy",He),t.register("thinking",Ge),t.register("error",Ve),t.register("faq_list",Xe),t.register("promotion_list",Ke),t.register("cart",Je);const s=Ye(r=>{b.current(r.value)});return t.register("quick_replies",s),B&&t.registerMany(B),t},[B]);Ae(()=>{if(!v||!i)return;const t=$;t?Se(t):P()},[v,i]);const ee=y(t=>{if(Array.isArray(t.content))return t;const s=[];typeof t.content=="string"&&t.content.trim()&&s.push({type:"text",text:t.content});const r=t.structuredContent||t.structured_content;return Array.isArray(r)&&r.forEach(e=>{if(e.type==="product_list"&&Array.isArray(e.data))s.push({type:"product_list",data:{products:te(e.data,o),title:void 0,commonText:D}});else if(e.type==="quick_replies"&&e.data?.replies)s.push({type:"quick_replies",data:{replies:e.data.replies}});else if(e.type==="policy"&&e.data?.title&&e.data?.content)s.push({type:"policy",data:{title:e.data.title,content:e.data.content}});else if(e.type==="product_comparison"&&e.data?.products&&e.data?.dimensions)s.push({type:"product_comparison",data:{products:te(e.data.products,o),dimensions:e.data.dimensions,onAddToCart:T,commonText:D}});else if(e.type==="faq_list"&&e.data?.found!==void 0)s.push({type:"faq_list",data:e.data});else if(e.type==="promotion_list"&&e.data?.found!==void 0)s.push({type:"promotion_list",data:{...e.data,commonText:D}});else if(e.type==="cart"&&e.data?.id!==void 0){const c=Ne(e.data);s.push({type:"cart",data:{...c,onCart:I,commonText:D}})}else s.push(e)}),s.length===0&&s.push({type:"text",text:""}),{...t,content:s}},[o,I,T,D]),P=y(async()=>{if(i)try{const t=await h({user_id:i,site:o,channel_code:m,real_user_id:l});if(t.success){E(t.sessionId),q();const s=t.welcomeMessage||x;if(s){const r=[{type:"text",text:s}],e=t.quickQuestions;if(e&&e.length>0){const c=e.map((d,a)=>({id:`quick-${a}`,label:d,value:d}));r.push({type:"quick_replies",data:{replies:c}})}else u&&u.length>0&&r.push({type:"quick_replies",data:{replies:u}});p({id:`welcome-${Date.now()}`,role:"assistant",content:r,timestamp:Date.now()})}}}catch(t){console.error("[LiveChatWidget] Failed to create new session:",t),g?.(t);const s=t?.type==="GoogleRecaptchaError";p({id:`error-${Date.now()}`,role:"system",content:[{type:"error",data:{message:s?"Your session has expired. Please refresh the page and try again.":"Failed to create session. Please refresh the page and try again.",code:s?"RECAPTCHA_ERROR":"SESSION_CREATE_ERROR"}}],timestamp:Date.now()})}},[i,o,m,l,h,E,q,x,u,p,g]),Se=y(async t=>{try{const s=await h({user_id:i,session_id:t,site:o,channel_code:m,real_user_id:l});if(s.success&&s.resumed){const r=s.welcomeMessage||x,e=r?[{type:"text",text:r}]:[],c=s.quickQuestions;if(c&&c.length>0){const d=c.map((a,F)=>({id:`quick-${F}`,label:a,value:a}));e.push({type:"quick_replies",data:{replies:d}})}else u&&u.length>0&&e.push({type:"quick_replies",data:{replies:u}});if(s.messages&&s.messages.length>0){const d=s.messages.filter(a=>a!=null).map(ee).filter(a=>a.content&&a.content.length>0&&!(a.content.length===1&&a.content[0].type==="text"&&!a.content[0].text));if(e.length>0){const a={id:`welcome-${Date.now()}`,role:"assistant",content:e,timestamp:Date.now()};C([a,...d])}else C(d)}else q(),e.length>0&&p({id:`welcome-${Date.now()}`,role:"assistant",content:e,timestamp:Date.now()})}else s.resumed||(M(),P())}catch(s){console.error("[LiveChatWidget] Failed to resume session:",s),s?.type==="GoogleRecaptchaError"?p({id:`error-${Date.now()}`,role:"system",content:[{type:"error",data:{message:"Your session has expired. Please refresh the page and try again.",code:"RECAPTCHA_ERROR"}}],timestamp:Date.now()}):(p({id:`error-${Date.now()}`,role:"system",content:[{type:"error",data:{message:"Failed to resume session. Creating a new session...",code:"SESSION_RESUME_ERROR"}}],timestamp:Date.now()}),M(),P())}},[i,o,m,l,h,C,M,q,ee,P,x,u,p]),O=y(async(t,s=!1)=>{const r=t||k.trim();if(!r)return;!t&&!s&&Q("");const e=Le(r);if(!e){g?.(new Error("Invalid message"));return}if(!s){const a={id:`user-${Date.now()}`,role:"user",content:[{type:"text",text:e}],timestamp:Date.now()};p(a)}const c={id:`thinking-${Date.now()}`,role:"assistant",content:[{type:"thinking",data:{status:"thinking"}}],timestamp:Date.now()};p(c),s||W?.(e);let d=!1;try{let a=$;if(!a){const n=await h({user_id:i,site:o,channel_code:m,real_user_id:l});if(n.success)a=n.sessionId,E(a);else throw new Error("Failed to create session")}if(await U({message:e,user_id:i,session_id:a,context:{cartId:G,accessToken:V,real_user_id:l}},n=>{j(n),n.event==="error"&&n.data.type==="validation_error"&&(d=!0,M())}),d&&!s){console.log("[LiveChatWidget] Session expired (validation_error), creating new session and retrying...");const n=A.filter(z=>z.id!==c.id);C(n);const f=await h({user_id:i,site:o,channel_code:m,real_user_id:l});if(f.success)E(f.sessionId),await O(e,!0);else throw new Error("Failed to recreate session after expiration")}}catch(a){console.error("[LiveChatWidget] Failed to send message:",a),g?.(a);const F=a?.type==="GoogleRecaptchaError";let n,f;F?(n="Your session has expired. Please refresh the page and try again.",f="RECAPTCHA_ERROR"):d?(n="Your session has expired. We tried to reconnect but failed. Please try again.",f="SESSION_EXPIRED"):(n="Failed to send message. Please check your network connection and try again.",f="NETWORK_ERROR");const z=A.filter(Te=>Te.id!==c.id);C([...z,{id:`error-${Date.now()}`,role:"system",content:[{type:"error",data:{message:n,code:f}}],timestamp:Date.now()}])}},[k,i,$,o,m,l,G,V,A,Q,p,C,h,U,j,E,M,W,g]);w.useEffect(()=>{b.current=O},[O]);const Ee=y(()=>{_&&!J?N(!0):S()},[_,J,S]),Me=y(()=>{we(!0),N(!1),se.set(L,"true",{expires:365}),S()},[S,L]),Pe=y(()=>{N(!1)},[]);return je(Ze,{children:[_&&R(Fe,{open:K,config:_,onAgree:Me,onClose:Pe}),R(qe,{position:oe,onClick:Ee,visible:!v&&!K,iconImageUrl:de}),R(H.Root,{open:v,onOpenChange:t=>t?S():Z(),children:R(H.Portal,{children:R(H.Content,{className:"livechat-window-enter",style:{position:"fixed",zIndex:9998},children:R(Oe,{messages:A,inputValue:k,onInputChange:Q,onSend:()=>O(),onClose:Z,onNewSession:P,title:ce,logoUrl:ie,isSending:xe,rendererRegistry:De,inputPlaceholder:"",onAddToCart:T,showNewSessionButton:ye,bottomTips:Ce})})})})]})};export{lt as LiveChatWidget};
+import{Fragment as Ue,jsx as x,jsxs as be}from"react/jsx-runtime";import _,{useEffect as qe,useCallback as C}from"react";import*as Y from"@radix-ui/react-dialog";import{DEFAULT_COMMON_TEXT as Ie}from"./constants";import{ChatBubble as Oe}from"./components/ChatBubble";import{ChatWindow as Fe}from"./components/ChatWindow";import{ComplianceDialog as Be}from"./components/ComplianceDialog";import{useChatState as Le}from"./hooks/useChatState";import{useChatAPI as We}from"./hooks/useChatAPI";import{MessageRendererRegistry as Ne}from"./utils/messageRenderers";import{sanitizeInput as $e}from"./utils/validation";import{transformProducts as se}from"./utils/productTransformers.js";import{transformCartData as ke}from"./utils/cartTransformers.js";import ae from"js-cookie";import{TextBlock as ze,ProductCard as Qe,ProductList as He,ProductComparisonRenderer as Ye,PolicyBlock as Ge,createQuickRepliesRenderer as Ve,ThinkingBlock as Xe,ErrorBlock as Ke,FAQListRenderer as Je,PromotionListRenderer as Ze,CartCard as je}from"./components/MessageContent/index.js";const mt=({apiBaseUrl:re,headers:ne,recaptchaSitekey:G,recaptchaAction:ie,site:i,channelCode:m,loginUserId:l,cartId:V,accessToken:X,position:oe,welcomeMessage:g,quickReplies:u,customRenderers:B,logoUrl:ce,title:de,chatBubbleIcon:pe,open:le,onOpenChange:ue,onOpen:me,onClose:ge,onMessageSend:L,onError:f,onTextMessage:fe,onProductList:he,onPromotionList:ye,onAddToCart:T,onCart:W,showNewSessionButton:_e,commonText:K,productCardRender:Ce,bottomTips:Re,complianceConfig:R})=>{const N=R?.cookieName||"livechat_compliance_agreed",[J,$]=_.useState(!1),[Z,we]=_.useState(()=>R?ae.get(N)!==void 0:!0),S=_.useMemo(()=>({...Ie,...K}),[K]),xe=Le({welcomeMessage:g,site:i,open:le,onOpenChange:ue,onOpen:me,onClose:ge,onMessageSend:L,onError:f,onTextMessage:fe,onProductList:he,onPromotionList:ye,onAddToCart:T,onCart:W,productCardRender:Ce}),{messages:A,isOpen:v,userId:o,sessionId:k,inputValue:z,isStreaming:Se,openChat:D,closeChat:j,setInputValue:Q,addMessage:p,setMessages:w,clearMessages:q,handleSSEEvent:U,saveSession:E,clearSession:P}=xe,[De,I]=_.useState(!1),{sendMessageStream:b,createSession:h}=We({apiBaseUrl:re,headers:ne,recaptchaConfig:{needRecaptcha:!!G,recaptchaSitekey:G,recaptchaAction:ie},onError:f}),ee=_.useRef(async t=>{}),Ee=_.useMemo(()=>{const t=new Ne;t.register("text",ze),t.register("product_card",Qe),t.register("product_list",He),t.register("product_comparison",Ye),t.register("policy",Ge),t.register("thinking",Xe),t.register("error",Ke),t.register("faq_list",Je),t.register("promotion_list",Ze),t.register("cart",je);const s=Ve(r=>{ee.current(r.value)});return t.register("quick_replies",s),B&&t.registerMany(B),t},[B]);qe(()=>{if(!v||!o)return;const t=k;t?Pe(t):M()},[v,o]);const te=C(t=>{if(Array.isArray(t.content))return t;const s=[];typeof t.content=="string"&&t.content.trim()&&s.push({type:"text",text:t.content});const r=t.structuredContent||t.structured_content;return Array.isArray(r)&&r.forEach(e=>{if(e.type==="product_list"&&Array.isArray(e.data))s.push({type:"product_list",data:{products:se(e.data,i),title:void 0,commonText:S}});else if(e.type==="quick_replies"&&e.data?.replies)s.push({type:"quick_replies",data:{replies:e.data.replies}});else if(e.type==="policy"&&e.data?.title&&e.data?.content)s.push({type:"policy",data:{title:e.data.title,content:e.data.content}});else if(e.type==="product_comparison"&&e.data?.products&&e.data?.dimensions)s.push({type:"product_comparison",data:{products:se(e.data.products,i),dimensions:e.data.dimensions,onAddToCart:T,commonText:S}});else if(e.type==="faq_list"&&e.data?.found!==void 0)s.push({type:"faq_list",data:e.data});else if(e.type==="promotion_list"&&e.data?.found!==void 0)s.push({type:"promotion_list",data:{...e.data,commonText:S}});else if(e.type==="cart"&&e.data?.id!==void 0){const c=ke(e.data);s.push({type:"cart",data:{...c,onCart:W,commonText:S}})}else s.push(e)}),s.length===0&&s.push({type:"text",text:""}),{...t,content:s}},[i,W,T,S]),M=C(async()=>{if(o){g||I(!0);try{const t=await h({user_id:o,site:i,channel_code:m,real_user_id:l});if(t.success){E(t.sessionId),q();const s=t.welcomeMessage||g;if(s){const r=[{type:"text",text:s}],e=t.quickQuestions;if(e&&e.length>0){const c=e.map((d,a)=>({id:`quick-${a}`,label:d,value:d}));r.push({type:"quick_replies",data:{replies:c}})}else u&&u.length>0&&r.push({type:"quick_replies",data:{replies:u}});p({id:`welcome-${Date.now()}`,role:"assistant",content:r,timestamp:Date.now()})}}}catch(t){console.error("[LiveChatWidget] Failed to create new session:",t),f?.(t);const s=t?.type==="GoogleRecaptchaError";p({id:`error-${Date.now()}`,role:"system",content:[{type:"error",data:{message:s?"Your session has expired. Please refresh the page and try again.":"Failed to create session. Please refresh the page and try again.",code:s?"RECAPTCHA_ERROR":"SESSION_CREATE_ERROR"}}],timestamp:Date.now()})}finally{I(!1)}}},[o,i,m,l,h,E,q,g,u,p,f]),Pe=C(async t=>{g||I(!0);try{const s=await h({user_id:o,session_id:t,site:i,channel_code:m,real_user_id:l});if(s.success&&s.resumed){const r=s.welcomeMessage||g,e=r?[{type:"text",text:r}]:[],c=s.quickQuestions;if(c&&c.length>0){const d=c.map((a,F)=>({id:`quick-${F}`,label:a,value:a}));e.push({type:"quick_replies",data:{replies:d}})}else u&&u.length>0&&e.push({type:"quick_replies",data:{replies:u}});if(s.messages&&s.messages.length>0){const d=s.messages.filter(a=>a!=null).map(te).filter(a=>a.content&&a.content.length>0&&!(a.content.length===1&&a.content[0].type==="text"&&!a.content[0].text));if(e.length>0){const a={id:`welcome-${Date.now()}`,role:"assistant",content:e,timestamp:Date.now()};w([a,...d])}else w(d)}else q(),e.length>0&&p({id:`welcome-${Date.now()}`,role:"assistant",content:e,timestamp:Date.now()})}else s.resumed||(P(),M())}catch(s){console.error("[LiveChatWidget] Failed to resume session:",s),s?.type==="GoogleRecaptchaError"?p({id:`error-${Date.now()}`,role:"system",content:[{type:"error",data:{message:"Your session has expired. Please refresh the page and try again.",code:"RECAPTCHA_ERROR"}}],timestamp:Date.now()}):(p({id:`error-${Date.now()}`,role:"system",content:[{type:"error",data:{message:"Failed to resume session. Creating a new session...",code:"SESSION_RESUME_ERROR"}}],timestamp:Date.now()}),P(),M())}finally{I(!1)}},[o,i,m,l,h,w,P,q,te,M,g,u,p]),O=C(async(t,s=!1)=>{const r=t||z.trim();if(!r)return;!t&&!s&&Q("");const e=$e(r);if(!e){f?.(new Error("Invalid message"));return}if(!s){const a={id:`user-${Date.now()}`,role:"user",content:[{type:"text",text:e}],timestamp:Date.now()};p(a)}const c={id:`thinking-${Date.now()}`,role:"assistant",content:[{type:"thinking",data:{status:"thinking"}}],timestamp:Date.now()};p(c),s||L?.(e);let d=!1;try{let a=k;if(!a){const n=await h({user_id:o,site:i,channel_code:m,real_user_id:l});if(n.success)a=n.sessionId,E(a);else throw new Error("Failed to create session")}if(await b({message:e,user_id:o,session_id:a,context:{cartId:V,accessToken:X,real_user_id:l}},n=>{U(n),n.event==="error"&&n.data.type==="validation_error"&&(d=!0,P())}),d&&!s){console.log("[LiveChatWidget] Session expired (validation_error), creating new session and retrying...");const n=A.filter(H=>H.id!==c.id);w(n);const y=await h({user_id:o,site:i,channel_code:m,real_user_id:l});if(y.success)E(y.sessionId),await O(e,!0);else throw new Error("Failed to recreate session after expiration")}}catch(a){console.error("[LiveChatWidget] Failed to send message:",a),f?.(a);const F=a?.type==="GoogleRecaptchaError";let n,y;F?(n="Your session has expired. Please refresh the page and try again.",y="RECAPTCHA_ERROR"):d?(n="Your session has expired. We tried to reconnect but failed. Please try again.",y="SESSION_EXPIRED"):(n="Failed to send message. Please check your network connection and try again.",y="NETWORK_ERROR");const H=A.filter(ve=>ve.id!==c.id);w([...H,{id:`error-${Date.now()}`,role:"system",content:[{type:"error",data:{message:n,code:y}}],timestamp:Date.now()}])}},[z,o,k,i,m,l,V,X,A,Q,p,w,h,b,U,E,P,L,f]);_.useEffect(()=>{ee.current=O},[O]);const Me=C(()=>{R&&!Z?$(!0):D()},[R,Z,D]),Te=C(()=>{we(!0),$(!1),ae.set(N,"true",{expires:365}),D()},[D,N]),Ae=C(()=>{$(!1)},[]);return be(Ue,{children:[R&&x(Be,{open:J,config:R,onAgree:Te,onClose:Ae}),x(Oe,{position:oe,onClick:Me,visible:!v&&!J,iconImageUrl:pe}),x(Y.Root,{open:v,onOpenChange:t=>t?D():j(),children:x(Y.Portal,{children:x(Y.Content,{className:"livechat-window-enter",style:{position:"fixed",zIndex:9998},children:x(Fe,{messages:A,inputValue:z,onInputChange:Q,onSend:()=>O(),onClose:j,onNewSession:M,title:de,logoUrl:ce,isSending:Se,isLoadingHistory:De,rendererRegistry:Ee,inputPlaceholder:"",onAddToCart:T,showNewSessionButton:_e,bottomTips:Re})})})})]})};export{mt as LiveChatWidget};
 //# sourceMappingURL=LiveChatWidget.js.map

package/dist/esm/components/LiveChatWidget/LiveChatWidget.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/LiveChatWidget/LiveChatWidget.tsx"],
-  "sourcesContent": ["/**\n * LiveChat \u4E3B\u7EC4\u4EF6\n * \u96C6\u6210\u6240\u6709\u5B50\u7EC4\u4EF6\uFF0C\u63D0\u4F9B\u5B8C\u6574\u7684\u804A\u5929\u529F\u80FD\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u4E09\u5C42\u67B6\u6784\u8BBE\u8BA1\n */\n\nimport React, { useEffect, useCallback } from 'react'\nimport * as Dialog from '@radix-ui/react-dialog'\nimport type {\n  LiveChatWidgetProps,\n  QuickReply,\n  Message,\n  MessageContent,\n  ChatStreamRequest,\n  BackendCartData,\n  CommonText,\n} from './types'\nimport { DEFAULT_COMMON_TEXT } from './constants'\nimport { ChatBubble } from './components/ChatBubble'\nimport { ChatWindow } from './components/ChatWindow'\nimport { ComplianceDialog } from './components/ComplianceDialog'\nimport { useChatState } from './hooks/useChatState'\nimport { useChatAPI } from './hooks/useChatAPI'\nimport { MessageRendererRegistry } from './utils/messageRenderers'\nimport { sanitizeInput } from './utils/validation'\nimport { transformProducts } from './utils/productTransformers.js'\nimport { transformCartData } from './utils/cartTransformers.js'\nimport Cookies from 'js-cookie'\nimport {\n  TextBlock,\n  ProductCard,\n  ProductList,\n  ProductComparisonRenderer,\n  PolicyBlock,\n  createQuickRepliesRenderer,\n  ThinkingBlock,\n  ErrorBlock,\n  FAQListRenderer,\n  PromotionListRenderer,\n  CartCard,\n} from './components/MessageContent/index.js'\n\n/**\n * LiveChat \u804A\u5929\u7EC4\u4EF6\n *\n * \u529F\u80FD\uFF1A\n * - \u6C14\u6CE1\u5F39\u7A97\u804A\u5929\u754C\u9762\n * - SSE \u6D41\u5F0F\u6D88\u606F\u63A5\u6536\n * - \u4F1A\u8BDD\u7BA1\u7406\uFF08userId, sessionId\uFF09\n * - \u5386\u53F2\u6D88\u606F\u52A0\u8F7D\n * - \u591A\u79CD\u6D88\u606F\u7C7B\u578B\u6E32\u67D3\n * - \u81EA\u5B9A\u4E49\u6269\u5C55\u673A\u5236\n * - reCAPTCHA v3 \u5B89\u5168\u9632\u62A4\n *\n * \u67B6\u6784\uFF1A\n * - UI Layer: ChatBubble, ChatWindow, MessageList, etc.\n * - Logic Layer: useChatState, useChatAPI, useSession\n * - Core Layer: MessageRendererRegistry, \u81EA\u5B9A\u4E49\u6E32\u67D3\u5668\n *\n * @example\n * ```tsx\n * // \u57FA\u7840\u4F7F\u7528\uFF08\u4F7F\u7528\u9ED8\u8BA4\u4F4D\u7F6E\uFF09\n * <LiveChatWidget\n *   apiBaseUrl=\"https://beta-api-livechat.anker.com\"\n *   site=\"www.eufy.com\"\n *   welcomeMessage=\"\u4F60\u597D\uFF01\u6211\u662F AI \u52A9\u624B\"\n *   onMessageSend={(msg) => console.log('Sent:', msg)}\n * />\n *\n * // \u4F7F\u7528\u81EA\u5B9A\u4E49\u4F4D\u7F6E\n * <LiveChatWidget\n *   apiBaseUrl=\"https://beta-api-livechat.anker.com\"\n *   site=\"www.eufy.com\"\n *   position={{ bottom: \"20px\", right: \"30px\" }}\n *   onMessageSend={(msg) => console.log('Sent:', msg)}\n * />\n *\n * // \u542F\u7528 reCAPTCHA v3 \u5B89\u5168\u9632\u62A4\uFF08\u63D0\u4F9B sitekey \u5373\u81EA\u52A8\u542F\u7528\uFF09\n * <LiveChatWidget\n *   apiBaseUrl=\"https://beta-api-livechat.anker.com\"\n *   site=\"www.eufy.com\"\n *   recaptchaSitekey=\"6LfS4J4pAAAAACX1e_WrxutmxxzCK7FU4WzVqL14\"\n *   recaptchaAction=\"livechat\"\n * />\n *\n * // \u4F7F\u7528\u81EA\u5B9A\u4E49 headers \u548C reCAPTCHA\n * <LiveChatWidget\n *   apiBaseUrl=\"https://beta-api-livechat.anker.com\"\n *   site=\"www.eufy.com\"\n *   headers={{\n *     \"Authorization\": \"Bearer your-token\",\n *     \"X-Custom-Header\": \"value\"\n *   }}\n *   recaptchaSitekey=\"your-site-key\"\n * />\n * ```\n */\nexport const LiveChatWidget: React.FC<LiveChatWidgetProps> = ({\n  apiBaseUrl,\n  headers,\n  recaptchaSitekey,\n  recaptchaAction,\n  site,\n  channelCode,\n  loginUserId,\n  cartId,\n  accessToken,\n  position,\n  welcomeMessage,\n  quickReplies,\n  customRenderers,\n  logoUrl,\n  title,\n  chatBubbleIcon,\n  open,\n  onOpenChange,\n  onOpen,\n  onClose,\n  onMessageSend,\n  onError,\n  onTextMessage,\n  onProductList,\n  onPromotionList,\n  onAddToCart,\n  onCart,\n  showNewSessionButton,\n  commonText,\n  productCardRender,\n  bottomTips,\n  complianceConfig,\n}) => {\n  // \u6CD5\u89C4\u534F\u8BAE\u5F39\u7A97\u72B6\u6001\n  // \u4ECE Cookie \u8BFB\u53D6\u7528\u6237\u662F\u5426\u5DF2\u540C\u610F\uFF08\u6709\u6548\u671F 365 \u5929\uFF09\n  const cookieName = complianceConfig?.cookieName || 'livechat_compliance_agreed'\n  const [showComplianceDialog, setShowComplianceDialog] = React.useState(false)\n  const [hasAgreedCompliance, setHasAgreedCompliance] = React.useState(() => {\n    // \u521D\u59CB\u5316\u65F6\u68C0\u67E5 Cookie\n    return complianceConfig ? Cookies.get(cookieName) !== undefined : true\n  })\n\n  // \u5408\u5E76\u9ED8\u8BA4\u6587\u6848\u548C\u81EA\u5B9A\u4E49\u6587\u6848\n  const mergedText: Required<CommonText> = React.useMemo(\n    () => ({\n      ...DEFAULT_COMMON_TEXT,\n      ...commonText,\n    }),\n    [commonText]\n  )\n\n  // \u72B6\u6001\u7BA1\u7406\n  const chatState = useChatState({\n    welcomeMessage,\n    site,\n    open,\n    onOpenChange,\n    onOpen,\n    onClose,\n    onMessageSend,\n    onError,\n    onTextMessage,\n    onProductList,\n    onPromotionList,\n    onAddToCart,\n    onCart,\n    productCardRender,\n  })\n\n  const {\n    messages,\n    isOpen,\n    userId,\n    sessionId,\n    inputValue,\n    isStreaming,\n    openChat,\n    closeChat,\n    setInputValue,\n    addMessage,\n    setMessages,\n    clearMessages,\n    handleSSEEvent,\n    saveSession,\n    clearSession,\n  } = chatState\n\n  // API \u8C03\u7528\n  const { sendMessageStream, createSession } = useChatAPI({\n    apiBaseUrl,\n    headers,\n    recaptchaConfig: {\n      needRecaptcha: !!recaptchaSitekey, // \u6839\u636E sitekey \u81EA\u52A8\u5224\u65AD\u662F\u5426\u542F\u7528\n      recaptchaSitekey,\n      recaptchaAction,\n    },\n    onError,\n  })\n\n  // \u4F7F\u7528 ref \u5B58\u50A8\u6700\u65B0\u7684 handleSendMessage\uFF0C\u907F\u514D\u5FAA\u73AF\u4F9D\u8D56\n  const handleSendMessageRef = React.useRef<(_message?: string) => Promise<void>>(async (_message?: string) => {})\n\n  // \u6D88\u606F\u6E32\u67D3\u5668\u6CE8\u518C\u8868\n  const rendererRegistry = React.useMemo(() => {\n    const registry = new MessageRendererRegistry()\n\n    // \u6CE8\u518C\u9ED8\u8BA4\u6E32\u67D3\u5668\n    registry.register('text', TextBlock)\n    registry.register('product_card', ProductCard)\n    registry.register('product_list', ProductList)\n    registry.register('product_comparison', ProductComparisonRenderer)\n    registry.register('policy', PolicyBlock)\n    registry.register('thinking', ThinkingBlock)\n    registry.register('error', ErrorBlock)\n    registry.register('faq_list', FAQListRenderer)\n    registry.register('promotion_list', PromotionListRenderer)\n    registry.register('cart', CartCard)\n\n    // \u6CE8\u518C\u5FEB\u6377\u56DE\u590D\u6E32\u67D3\u5668\uFF08\u5E26\u56DE\u8C03\uFF09\n    const quickRepliesRenderer = createQuickRepliesRenderer((reply: QuickReply) => {\n      // \u4F7F\u7528 ref \u8C03\u7528\u6700\u65B0\u7684 handleSendMessage\n      handleSendMessageRef.current(reply.value)\n    })\n    registry.register('quick_replies', quickRepliesRenderer)\n\n    // \u6CE8\u518C\u81EA\u5B9A\u4E49\u6E32\u67D3\u5668\n    if (customRenderers) {\n      registry.registerMany(customRenderers)\n    }\n\n    return registry\n  }, [customRenderers])\n\n  /**\n   * T043: \u6253\u5F00\u804A\u5929\u7A97\u53E3\u65F6\u521D\u59CB\u5316\u4F1A\u8BDD\n   * \u4F7F\u7528 API v2.0.0 \u7684\u7EDF\u4E00\u63A5\u53E3\uFF1A\n   * - \u5982\u679C\u6CA1\u6709 sessionId\uFF0C\u521B\u5EFA\u65B0\u4F1A\u8BDD\n   * - \u5982\u679C\u6709 sessionId\uFF0C\u6062\u590D\u4F1A\u8BDD\u5E76\u52A0\u8F7D\u5386\u53F2\u6D88\u606F\n   */\n  useEffect(() => {\n    if (!isOpen || !userId) return\n\n    const currentSessionId = sessionId\n\n    if (!currentSessionId) {\n      // \u6CA1\u6709\u4F1A\u8BDD\uFF0C\u521B\u5EFA\u65B0\u4F1A\u8BDD\n      handleCreateNewSession()\n    } else {\n      // \u6709\u4F1A\u8BDD\uFF0C\u5C1D\u8BD5\u6062\u590D\u4F1A\u8BDD\u548C\u5386\u53F2\u6D88\u606F\n      handleResumeSession(currentSessionId)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, userId])\n\n  /**\n   * \u89C4\u8303\u5316\u6D88\u606F\u683C\u5F0F\uFF08\u786E\u4FDD content \u662F\u6570\u7EC4\uFF09\n   * \u540E\u7AEF\u8FD4\u56DE\u683C\u5F0F\uFF1A\n   * - content: \u5B57\u7B26\u4E32\uFF08\u6587\u672C\u5185\u5BB9\uFF09\n   * - structuredContent: \u6570\u7EC4\uFF08\u7ED3\u6784\u5316\u5185\u5BB9\uFF0C\u5982\u4EA7\u54C1\u5217\u8868\u3001\u653F\u7B56\u7B49\uFF09\n   * \u9700\u8981\u5408\u5E76\u4E3A\u7EDF\u4E00\u7684 content \u6570\u7EC4\u683C\u5F0F\n   */\n  const normalizeMessage = useCallback(\n    (message: any): Message => {\n      // \u5982\u679C content \u5DF2\u7ECF\u662F\u6570\u7EC4\uFF0C\u76F4\u63A5\u8FD4\u56DE\n      if (Array.isArray(message.content)) {\n        return message as Message\n      }\n\n      const contentBlocks: MessageContent[] = []\n\n      // \u5904\u7406\u6587\u672C\u5185\u5BB9\n      if (typeof message.content === 'string' && message.content.trim()) {\n        contentBlocks.push({\n          type: 'text',\n          text: message.content,\n        })\n      }\n\n      // \u5904\u7406\u7ED3\u6784\u5316\u5185\u5BB9\n      // \u5386\u53F2\u6D88\u606F\u683C\u5F0F: structured_content: [{type, data}]\n      const structuredData = message.structuredContent || message.structured_content\n\n      if (Array.isArray(structuredData)) {\n        structuredData.forEach((block: any) => {\n          if (block.type === 'product_list' && Array.isArray(block.data)) {\n            // \u8F6C\u6362\u4EA7\u54C1\u5217\u8868\u6570\u636E\u7ED3\u6784 - data \u76F4\u63A5\u662F\u4EA7\u54C1\u6570\u7EC4\n            contentBlocks.push({\n              type: 'product_list',\n              data: {\n                products: transformProducts(block.data, site),\n                title: undefined, // \u5386\u53F2\u6D88\u606F\u4E0D\u5305\u542B title\n                commonText: mergedText,\n              },\n            })\n          } else if (block.type === 'quick_replies' && block.data?.replies) {\n            contentBlocks.push({\n              type: 'quick_replies',\n              data: {\n                replies: block.data.replies,\n              },\n            })\n          } else if (block.type === 'policy' && block.data?.title && block.data?.content) {\n            contentBlocks.push({\n              type: 'policy',\n              data: {\n                title: block.data.title,\n                content: block.data.content,\n              },\n            })\n          } else if (block.type === 'product_comparison' && block.data?.products && block.data?.dimensions) {\n            // \u8F6C\u6362\u4EA7\u54C1\u5BF9\u6BD4\u6570\u636E\u7ED3\u6784\u5E76\u6CE8\u5165 onAddToCart \u56DE\u8C03\n            contentBlocks.push({\n              type: 'product_comparison',\n              data: {\n                products: transformProducts(block.data.products, site),\n                dimensions: block.data.dimensions,\n                onAddToCart: onAddToCart,\n                commonText: mergedText,\n              },\n            })\n          } else if (block.type === 'faq_list' && block.data?.found !== undefined) {\n            // FAQ \u5217\u8868\u5361\u7247 - \u76F4\u63A5\u4F7F\u7528\u540E\u7AEF\u6570\u636E\n            contentBlocks.push({\n              type: 'faq_list',\n              data: block.data,\n            })\n          } else if (block.type === 'promotion_list' && block.data?.found !== undefined) {\n            // \u4FC3\u9500\u6D3B\u52A8\u5217\u8868\u5361\u7247 - \u76F4\u63A5\u4F7F\u7528\u540E\u7AEF\u6570\u636E\n            contentBlocks.push({\n              type: 'promotion_list',\n              data: {\n                ...block.data,\n                commonText: mergedText,\n              },\n            })\n          } else if (block.type === 'cart' && block.data?.id !== undefined) {\n            // \u8D2D\u7269\u8F66\u5361\u7247 - \u8F6C\u6362\u540E\u7AEF\u6570\u636E\u683C\u5F0F\u5E76\u6CE8\u5165 onCart \u56DE\u8C03\n            const transformedData = transformCartData(block.data as BackendCartData)\n            contentBlocks.push({\n              type: 'cart',\n              data: {\n                ...transformedData,\n                onCart: onCart,\n                commonText: mergedText,\n              },\n            })\n          } else {\n            // \u5176\u4ED6\u7C7B\u578B\u76F4\u63A5\u6DFB\u52A0\n            contentBlocks.push(block)\n          }\n        })\n      }\n\n      // \u5982\u679C\u6CA1\u6709\u4EFB\u4F55\u5185\u5BB9\u5757\uFF0C\u8FD4\u56DE\u7A7A\u6587\u672C\u5757\n      if (contentBlocks.length === 0) {\n        contentBlocks.push({\n          type: 'text',\n          text: '',\n        })\n      }\n\n      return {\n        ...message,\n        content: contentBlocks,\n      } as Message\n    },\n    [site, onCart, onAddToCart, mergedText]\n  )\n\n  /**\n   * \u521B\u5EFA\u65B0\u4F1A\u8BDD\n   */\n  const handleCreateNewSession = useCallback(async () => {\n    if (!userId) return\n\n    try {\n      const response = await createSession({\n        user_id: userId,\n        site: site,\n        channel_code: channelCode,\n        real_user_id: loginUserId,\n      })\n\n      if (response.success) {\n        // \u4FDD\u5B58\u65B0\u4F1A\u8BDD ID\n        saveSession(response.sessionId)\n\n        // \u6E05\u7A7A\u6D88\u606F\u5217\u8868\n        clearMessages()\n\n        // \u4F7F\u7528\u540E\u7AEF\u8FD4\u56DE\u7684\u6B22\u8FCE\u6D88\u606F\uFF0C\u5982\u679C\u6CA1\u6709\u5219\u4F7F\u7528 props \u4E2D\u7684\u9ED8\u8BA4\u503C\n        const messageText = response.welcomeMessage || welcomeMessage\n\n        if (messageText) {\n          const welcomeContent: MessageContent[] = [{ type: 'text', text: messageText }]\n\n          // \u4F7F\u7528\u540E\u7AEF\u8FD4\u56DE\u7684\u5FEB\u6377\u95EE\u9898\uFF0C\u5982\u679C\u6CA1\u6709\u5219\u4F7F\u7528 props \u4E2D\u7684\u5FEB\u6377\u56DE\u590D\n          const questions = response.quickQuestions\n          if (questions && questions.length > 0) {\n            // \u5C06\u540E\u7AEF\u7684 quickQuestions (\u5B57\u7B26\u4E32\u6570\u7EC4) \u8F6C\u6362\u4E3A QuickReply \u683C\u5F0F\n            const quickRepliesFromBackend = questions.map((question, index) => ({\n              id: `quick-${index}`,\n              label: question,\n              value: question,\n            }))\n\n            welcomeContent.push({\n              type: 'quick_replies',\n              data: {\n                replies: quickRepliesFromBackend,\n              },\n            })\n          } else if (quickReplies && quickReplies.length > 0) {\n            // \u5982\u679C\u540E\u7AEF\u6CA1\u6709\u8FD4\u56DE\uFF0C\u4F7F\u7528 props \u4E2D\u7684\u5FEB\u6377\u56DE\u590D\n            welcomeContent.push({\n              type: 'quick_replies',\n              data: {\n                replies: quickReplies,\n              },\n            })\n          }\n\n          addMessage({\n            id: `welcome-${Date.now()}`,\n            role: 'assistant',\n            content: welcomeContent,\n            timestamp: Date.now(),\n          })\n        }\n      }\n    } catch (error) {\n      console.error('[LiveChatWidget] Failed to create new session:', error)\n      onError?.(error as Error)\n\n      // Check if it's a reCAPTCHA error\n      const isRecaptcha = (error as any)?.type === 'GoogleRecaptchaError'\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: isRecaptcha\n                ? 'Your session has expired. Please refresh the page and try again.'\n                : 'Failed to create session. Please refresh the page and try again.',\n              code: isRecaptcha ? 'RECAPTCHA_ERROR' : 'SESSION_CREATE_ERROR',\n            },\n          },\n        ],\n        timestamp: Date.now(),\n      })\n    }\n  }, [\n    userId,\n    site,\n    channelCode,\n    loginUserId,\n    createSession,\n    saveSession,\n    clearMessages,\n    welcomeMessage,\n    quickReplies,\n    addMessage,\n    onError,\n  ])\n\n  /**\n   * \u6062\u590D\u4F1A\u8BDD\u548C\u5386\u53F2\u6D88\u606F\uFF08\u4F7F\u7528\u65B0\u7684 API v2.0.0\uFF09\n   */\n  const handleResumeSession = useCallback(\n    async (existingSessionId: string) => {\n      try {\n        const response = await createSession({\n          user_id: userId,\n          session_id: existingSessionId,\n          site: site,\n          channel_code: channelCode,\n          real_user_id: loginUserId,\n        })\n\n        if (response.success && response.resumed) {\n          // \u4F1A\u8BDD\u6062\u590D\u6210\u529F\n\n          // \u51C6\u5907\u6B22\u8FCE\u6D88\u606F\uFF08\u65E0\u8BBA\u662F\u5426\u6709\u5386\u53F2\u6D88\u606F\u90FD\u9700\u8981\uFF09\n          const messageText = response.welcomeMessage || welcomeMessage\n          const welcomeContent: MessageContent[] = messageText ? [{ type: 'text', text: messageText }] : []\n\n          // \u6DFB\u52A0\u5FEB\u6377\u56DE\u590D\u5230\u6B22\u8FCE\u6D88\u606F\n          const questions = response.quickQuestions\n          if (questions && questions.length > 0) {\n            const quickRepliesFromBackend = questions.map((question, index) => ({\n              id: `quick-${index}`,\n              label: question,\n              value: question,\n            }))\n\n            welcomeContent.push({\n              type: 'quick_replies',\n              data: {\n                replies: quickRepliesFromBackend,\n              },\n            })\n          } else if (quickReplies && quickReplies.length > 0) {\n            welcomeContent.push({\n              type: 'quick_replies',\n              data: {\n                replies: quickReplies,\n              },\n            })\n          }\n\n          if (response.messages && response.messages.length > 0) {\n            // \u6709\u5386\u53F2\u6D88\u606F\uFF0C\u89C4\u8303\u5316\u5E76\u52A0\u8F7D\uFF08\u8FC7\u6EE4\u6389 null/undefined \u503C\u548C\u7A7A\u5185\u5BB9\u6D88\u606F\uFF09\n            const normalizedMessages = response.messages\n              .filter((msg: any) => msg != null)\n              .map(normalizeMessage)\n              .filter((msg: Message) => msg.content && msg.content.length > 0 && !(msg.content.length === 1 && msg.content[0].type === 'text' && !msg.content[0].text))\n\n            // \u5982\u679C\u6709\u6B22\u8FCE\u6D88\u606F\uFF0C\u5C06\u5176\u6DFB\u52A0\u5230\u5386\u53F2\u6D88\u606F\u7684\u5F00\u5934\n            if (welcomeContent.length > 0) {\n              const welcomeMsg: Message = {\n                id: `welcome-${Date.now()}`,\n                role: 'assistant',\n                content: welcomeContent,\n                timestamp: Date.now(),\n              }\n              setMessages([welcomeMsg, ...normalizedMessages])\n            } else {\n              setMessages(normalizedMessages)\n            }\n          } else {\n            // \u6CA1\u6709\u5386\u53F2\u6D88\u606F\uFF0C\u4EC5\u663E\u793A\u6B22\u8FCE\u6D88\u606F\n            clearMessages()\n\n            if (welcomeContent.length > 0) {\n              addMessage({\n                id: `welcome-${Date.now()}`,\n                role: 'assistant',\n                content: welcomeContent,\n                timestamp: Date.now(),\n              })\n            }\n          }\n        } else if (!response.resumed) {\n          // \u4F1A\u8BDD\u65E0\u6548\u6216\u8FC7\u671F\uFF0C\u521B\u5EFA\u65B0\u4F1A\u8BDD\n          clearSession()\n          handleCreateNewSession()\n        }\n      } catch (error) {\n        console.error('[LiveChatWidget] Failed to resume session:', error)\n\n        // Check if it's a reCAPTCHA error\n        const isRecaptcha = (error as any)?.type === 'GoogleRecaptchaError'\n\n        if (isRecaptcha) {\n          // reCAPTCHA error - show refresh page message, don't retry\n          addMessage({\n            id: `error-${Date.now()}`,\n            role: 'system',\n            content: [\n              {\n                type: 'error',\n                data: {\n                  message: 'Your session has expired. Please refresh the page and try again.',\n                  code: 'RECAPTCHA_ERROR',\n                },\n              },\n            ],\n            timestamp: Date.now(),\n          })\n        } else {\n          // Other errors - show message and try to create new session\n          addMessage({\n            id: `error-${Date.now()}`,\n            role: 'system',\n            content: [\n              {\n                type: 'error',\n                data: {\n                  message: 'Failed to resume session. Creating a new session...',\n                  code: 'SESSION_RESUME_ERROR',\n                },\n              },\n            ],\n            timestamp: Date.now(),\n          })\n\n          // \u6062\u590D\u5931\u8D25\uFF0C\u6E05\u7A7A\u4F1A\u8BDD\u5E76\u521B\u5EFA\u65B0\u7684\n          clearSession()\n          handleCreateNewSession()\n        }\n      }\n    },\n    [\n      userId,\n      site,\n      channelCode,\n      loginUserId,\n      createSession,\n      setMessages,\n      clearSession,\n      clearMessages,\n      normalizeMessage,\n      handleCreateNewSession,\n      welcomeMessage,\n      quickReplies,\n      addMessage,\n    ]\n  )\n\n  /**\n   * \u53D1\u9001\u6D88\u606F\n   */\n  const handleSendMessage = useCallback(\n    async (message?: string, isRetry: boolean = false) => {\n      const textToSend = message || inputValue.trim()\n\n      if (!textToSend) return\n\n      // \u6E05\u7A7A\u8F93\u5165\u6846\uFF08\u4EC5\u5728\u975E\u91CD\u8BD5\u65F6\uFF09\n      if (!message && !isRetry) {\n        setInputValue('')\n      }\n\n      // \u8F93\u5165\u9A8C\u8BC1\n      const sanitized = sanitizeInput(textToSend)\n      if (!sanitized) {\n        onError?.(new Error('Invalid message'))\n        return\n      }\n\n      // \u6DFB\u52A0\u7528\u6237\u6D88\u606F\u5230\u754C\u9762\uFF08\u4EC5\u5728\u975E\u91CD\u8BD5\u65F6\uFF09\n      if (!isRetry) {\n        const userMessage = {\n          id: `user-${Date.now()}`,\n          role: 'user' as const,\n          content: [{ type: 'text' as const, text: sanitized }],\n          timestamp: Date.now(),\n        }\n        addMessage(userMessage)\n      }\n\n      // \u7ACB\u5373\u6DFB\u52A0\u601D\u8003\u72B6\u6001\u6D88\u606F\uFF0C\u63D0\u5347\u7528\u6237\u4F53\u9A8C\n      const thinkingMessage = {\n        id: `thinking-${Date.now()}`,\n        role: 'assistant' as const,\n        content: [{ type: 'thinking' as const, data: { status: 'thinking' } }],\n        timestamp: Date.now(),\n      }\n      addMessage(thinkingMessage)\n\n      // \u89E6\u53D1\u6D88\u606F\u53D1\u9001\u56DE\u8C03\uFF08\u4EC5\u5728\u975E\u91CD\u8BD5\u65F6\uFF09\n      if (!isRetry) {\n        onMessageSend?.(sanitized)\n      }\n\n      // \u6807\u8BB0\u662F\u5426\u68C0\u6D4B\u5230\u4F1A\u8BDD\u8FC7\u671F\n      let sessionExpiredDetected = false\n\n      try {\n        // \u786E\u4FDD\u6709 sessionId\uFF0C\u5982\u679C\u6CA1\u6709\u5219\u5148\u521B\u5EFA\u4F1A\u8BDD\n        let currentSessionId = sessionId\n        if (!currentSessionId) {\n          // \u6CA1\u6709\u4F1A\u8BDD\uFF0C\u521B\u5EFA\u65B0\u4F1A\u8BDD\n          const response = await createSession({\n            user_id: userId,\n            site: site,\n            channel_code: channelCode,\n            real_user_id: loginUserId,\n          })\n          if (response.success) {\n            currentSessionId = response.sessionId\n            saveSession(currentSessionId)\n          } else {\n            throw new Error('Failed to create session')\n          }\n        }\n\n        // \u6784\u5EFA\u8BF7\u6C42\u53C2\u6570\uFF08session_id \u73B0\u5728\u662F\u5FC5\u586B\u7684\uFF09\n        const requestPayload: ChatStreamRequest = {\n          message: sanitized,\n          user_id: userId,\n          session_id: currentSessionId,\n          context: {\n            cartId: cartId,\n            accessToken: accessToken,\n            real_user_id: loginUserId,\n          },\n        }\n\n        // \u53D1\u9001\u6D88\u606F\u5230\u540E\u7AEF\n        await sendMessageStream(requestPayload, event => {\n          // \u5904\u7406 SSE \u4E8B\u4EF6\n          handleSSEEvent(event)\n\n          // \u7279\u6B8A\u5904\u7406\uFF1A\u4F1A\u8BDD\u8FC7\u671F\uFF08error \u4E8B\u4EF6\u4E14 type \u4E3A validation_error\uFF09\n          if (event.event === 'error' && event.data.type === 'validation_error') {\n            sessionExpiredDetected = true\n            clearSession()\n          }\n        })\n\n        // \u5982\u679C\u68C0\u6D4B\u5230\u4F1A\u8BDD\u8FC7\u671F\u4E14\u4E0D\u662F\u91CD\u8BD5\uFF0C\u81EA\u52A8\u521B\u5EFA\u65B0\u4F1A\u8BDD\u5E76\u91CD\u8BD5\n        if (sessionExpiredDetected && !isRetry) {\n          console.log('[LiveChatWidget] Session expired (validation_error), creating new session and retrying...')\n\n          // \u79FB\u9664 thinking \u6D88\u606F\n          const messagesWithoutThinking = messages.filter(msg => msg.id !== thinkingMessage.id)\n          setMessages(messagesWithoutThinking)\n\n          // \u521B\u5EFA\u65B0\u4F1A\u8BDD\n          const response = await createSession({\n            user_id: userId,\n            site: site,\n            channel_code: channelCode,\n            real_user_id: loginUserId,\n          })\n\n          if (response.success) {\n            saveSession(response.sessionId)\n            // \u91CD\u8BD5\u53D1\u9001\u6D88\u606F\n            await handleSendMessage(sanitized, true)\n          } else {\n            throw new Error('Failed to recreate session after expiration')\n          }\n        }\n      } catch (error) {\n        console.error('[LiveChatWidget] Failed to send message:', error)\n        onError?.(error as Error)\n\n        // Check if it's a reCAPTCHA error\n        const isRecaptcha = (error as any)?.type === 'GoogleRecaptchaError'\n\n        // Determine error message based on error type\n        let errorMessage: string\n        let errorCode: string\n\n        if (isRecaptcha) {\n          errorMessage = 'Your session has expired. Please refresh the page and try again.'\n          errorCode = 'RECAPTCHA_ERROR'\n        } else if (sessionExpiredDetected) {\n          errorMessage = 'Your session has expired. We tried to reconnect but failed. Please try again.'\n          errorCode = 'SESSION_EXPIRED'\n        } else {\n          errorMessage = 'Failed to send message. Please check your network connection and try again.'\n          errorCode = 'NETWORK_ERROR'\n        }\n\n        // \u79FB\u9664\u521A\u624D\u6DFB\u52A0\u7684 thinking \u6D88\u606F\uFF0C\u5E76\u6DFB\u52A0\u9519\u8BEF\u6D88\u606F\n        const messagesWithoutThinking = messages.filter(msg => msg.id !== thinkingMessage.id)\n        setMessages([\n          ...messagesWithoutThinking,\n          {\n            id: `error-${Date.now()}`,\n            role: 'system',\n            content: [\n              {\n                type: 'error',\n                data: {\n                  message: errorMessage,\n                  code: errorCode,\n                },\n              },\n            ],\n            timestamp: Date.now(),\n          },\n        ])\n      }\n    },\n    [\n      inputValue,\n      userId,\n      sessionId,\n      site,\n      channelCode,\n      loginUserId,\n      cartId,\n      accessToken,\n      messages,\n      setInputValue,\n      addMessage,\n      setMessages,\n      createSession,\n      sendMessageStream,\n      handleSSEEvent,\n      saveSession,\n      clearSession,\n      onMessageSend,\n      onError,\n    ]\n  )\n\n  // \u66F4\u65B0 ref \u4EE5\u4FDD\u6301\u6700\u65B0\u7684 handleSendMessage\n  React.useEffect(() => {\n    handleSendMessageRef.current = handleSendMessage\n  }, [handleSendMessage])\n\n  /**\n   * \u5904\u7406\u6C14\u6CE1\u6309\u94AE\u70B9\u51FB\n   * \u5982\u679C\u914D\u7F6E\u4E86\u6CD5\u89C4\u534F\u8BAE\u4E14\u7528\u6237\u672A\u540C\u610F\uFF0C\u5148\u663E\u793A\u6CD5\u89C4\u5F39\u7A97\n   * \u5426\u5219\u76F4\u63A5\u6253\u5F00\u804A\u5929\u7A97\u53E3\n   */\n  const handleBubbleClick = useCallback(() => {\n    if (complianceConfig && !hasAgreedCompliance) {\n      // \u663E\u793A\u6CD5\u89C4\u534F\u8BAE\u5F39\u7A97\n      setShowComplianceDialog(true)\n    } else {\n      // \u76F4\u63A5\u6253\u5F00\u804A\u5929\u7A97\u53E3\n      openChat()\n    }\n  }, [complianceConfig, hasAgreedCompliance, openChat])\n\n  /**\n   * \u5904\u7406\u7528\u6237\u540C\u610F\u6CD5\u89C4\u534F\u8BAE\n   */\n  const handleComplianceAgree = useCallback(() => {\n    // \u8BBE\u7F6E\u540C\u610F\u72B6\u6001\n    setHasAgreedCompliance(true)\n    setShowComplianceDialog(false)\n\n    // \u4FDD\u5B58\u5230 Cookie\uFF08\u6709\u6548\u671F 365 \u5929\uFF09\n    Cookies.set(cookieName, 'true', { expires: 365 })\n\n    // \u540C\u610F\u540E\u7ACB\u5373\u6253\u5F00\u804A\u5929\u7A97\u53E3\n    openChat()\n  }, [openChat, cookieName])\n\n  /**\n   * \u5904\u7406\u6CD5\u89C4\u5F39\u7A97\u5173\u95ED\n   */\n  const handleComplianceClose = useCallback(() => {\n    setShowComplianceDialog(false)\n  }, [])\n\n  return (\n    <>\n      {/* \u6CD5\u89C4\u534F\u8BAE\u5F39\u7A97 */}\n      {complianceConfig && (\n        <ComplianceDialog\n          open={showComplianceDialog}\n          config={complianceConfig}\n          onAgree={handleComplianceAgree}\n          onClose={handleComplianceClose}\n        />\n      )}\n\n      {/* \u6C14\u6CE1\u6309\u94AE */}\n      <ChatBubble\n        position={position}\n        onClick={handleBubbleClick}\n        visible={!isOpen && !showComplianceDialog}\n        iconImageUrl={chatBubbleIcon}\n      />\n\n      {/* \u804A\u5929\u7A97\u53E3\uFF08\u4F7F\u7528 Radix UI Dialog\uFF09 */}\n      <Dialog.Root open={isOpen} onOpenChange={open => (open ? openChat() : closeChat())}>\n        <Dialog.Portal>\n          <Dialog.Content\n            className=\"livechat-window-enter\"\n            style={{\n              position: 'fixed',\n              zIndex: 9998,\n            }}\n          >\n            <ChatWindow\n              messages={messages}\n              inputValue={inputValue}\n              onInputChange={setInputValue}\n              onSend={() => handleSendMessage()}\n              onClose={closeChat}\n              onNewSession={handleCreateNewSession}\n              title={title}\n              logoUrl={logoUrl}\n              isSending={isStreaming}\n              rendererRegistry={rendererRegistry}\n              inputPlaceholder=\"\"\n              onAddToCart={onAddToCart}\n              showNewSessionButton={showNewSessionButton}\n              bottomTips={bottomTips}\n            />\n          </Dialog.Content>\n        </Dialog.Portal>\n      </Dialog.Root>\n    </>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "React", "useEffect", "useCallback", "Dialog", "DEFAULT_COMMON_TEXT", "ChatBubble", "ChatWindow", "ComplianceDialog", "useChatState", "useChatAPI", "MessageRendererRegistry", "sanitizeInput", "transformProducts", "transformCartData", "Cookies", "TextBlock", "ProductCard", "ProductList", "ProductComparisonRenderer", "PolicyBlock", "createQuickRepliesRenderer", "ThinkingBlock", "ErrorBlock", "FAQListRenderer", "PromotionListRenderer", "CartCard", "LiveChatWidget", "apiBaseUrl", "headers", "recaptchaSitekey", "recaptchaAction", "site", "channelCode", "loginUserId", "cartId", "accessToken", "position", "welcomeMessage", "quickReplies", "customRenderers", "logoUrl", "title", "chatBubbleIcon", "open", "onOpenChange", "onOpen", "onClose", "onMessageSend", "onError", "onTextMessage", "onProductList", "onPromotionList", "onAddToCart", "onCart", "showNewSessionButton", "commonText", "productCardRender", "bottomTips", "complianceConfig", "cookieName", "showComplianceDialog", "setShowComplianceDialog", "hasAgreedCompliance", "setHasAgreedCompliance", "mergedText", "chatState", "messages", "isOpen", "userId", "sessionId", "inputValue", "isStreaming", "openChat", "closeChat", "setInputValue", "addMessage", "setMessages", "clearMessages", "handleSSEEvent", "saveSession", "clearSession", "sendMessageStream", "createSession", "handleSendMessageRef", "_message", "rendererRegistry", "registry", "quickRepliesRenderer", "reply", "currentSessionId", "handleResumeSession", "handleCreateNewSession", "normalizeMessage", "message", "contentBlocks", "structuredData", "block", "transformedData", "response", "messageText", "welcomeContent", "questions", "quickRepliesFromBackend", "question", "index", "error", "isRecaptcha", "existingSessionId", "normalizedMessages", "msg", "welcomeMsg", "handleSendMessage", "isRetry", "textToSend", "sanitized", "userMessage", "thinkingMessage", "sessionExpiredDetected", "event", "messagesWithoutThinking", "errorMessage", "errorCode", "handleBubbleClick", "handleComplianceAgree", "handleComplianceClose"]
+  "sourcesContent": ["/**\n * LiveChat \u4E3B\u7EC4\u4EF6\n * \u96C6\u6210\u6240\u6709\u5B50\u7EC4\u4EF6\uFF0C\u63D0\u4F9B\u5B8C\u6574\u7684\u804A\u5929\u529F\u80FD\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u4E09\u5C42\u67B6\u6784\u8BBE\u8BA1\n */\n\nimport React, { useEffect, useCallback } from 'react'\nimport * as Dialog from '@radix-ui/react-dialog'\nimport type {\n  LiveChatWidgetProps,\n  QuickReply,\n  Message,\n  MessageContent,\n  ChatStreamRequest,\n  BackendCartData,\n  CommonText,\n} from './types'\nimport { DEFAULT_COMMON_TEXT } from './constants'\nimport { ChatBubble } from './components/ChatBubble'\nimport { ChatWindow } from './components/ChatWindow'\nimport { ComplianceDialog } from './components/ComplianceDialog'\nimport { useChatState } from './hooks/useChatState'\nimport { useChatAPI } from './hooks/useChatAPI'\nimport { MessageRendererRegistry } from './utils/messageRenderers'\nimport { sanitizeInput } from './utils/validation'\nimport { transformProducts } from './utils/productTransformers.js'\nimport { transformCartData } from './utils/cartTransformers.js'\nimport Cookies from 'js-cookie'\nimport {\n  TextBlock,\n  ProductCard,\n  ProductList,\n  ProductComparisonRenderer,\n  PolicyBlock,\n  createQuickRepliesRenderer,\n  ThinkingBlock,\n  ErrorBlock,\n  FAQListRenderer,\n  PromotionListRenderer,\n  CartCard,\n} from './components/MessageContent/index.js'\n\n/**\n * LiveChat \u804A\u5929\u7EC4\u4EF6\n *\n * \u529F\u80FD\uFF1A\n * - \u6C14\u6CE1\u5F39\u7A97\u804A\u5929\u754C\u9762\n * - SSE \u6D41\u5F0F\u6D88\u606F\u63A5\u6536\n * - \u4F1A\u8BDD\u7BA1\u7406\uFF08userId, sessionId\uFF09\n * - \u5386\u53F2\u6D88\u606F\u52A0\u8F7D\n * - \u591A\u79CD\u6D88\u606F\u7C7B\u578B\u6E32\u67D3\n * - \u81EA\u5B9A\u4E49\u6269\u5C55\u673A\u5236\n * - reCAPTCHA v3 \u5B89\u5168\u9632\u62A4\n *\n * \u67B6\u6784\uFF1A\n * - UI Layer: ChatBubble, ChatWindow, MessageList, etc.\n * - Logic Layer: useChatState, useChatAPI, useSession\n * - Core Layer: MessageRendererRegistry, \u81EA\u5B9A\u4E49\u6E32\u67D3\u5668\n *\n * @example\n * ```tsx\n * // \u57FA\u7840\u4F7F\u7528\uFF08\u4F7F\u7528\u9ED8\u8BA4\u4F4D\u7F6E\uFF09\n * <LiveChatWidget\n *   apiBaseUrl=\"https://beta-api-livechat.anker.com\"\n *   site=\"www.eufy.com\"\n *   welcomeMessage=\"\u4F60\u597D\uFF01\u6211\u662F AI \u52A9\u624B\"\n *   onMessageSend={(msg) => console.log('Sent:', msg)}\n * />\n *\n * // \u4F7F\u7528\u81EA\u5B9A\u4E49\u4F4D\u7F6E\n * <LiveChatWidget\n *   apiBaseUrl=\"https://beta-api-livechat.anker.com\"\n *   site=\"www.eufy.com\"\n *   position={{ bottom: \"20px\", right: \"30px\" }}\n *   onMessageSend={(msg) => console.log('Sent:', msg)}\n * />\n *\n * // \u542F\u7528 reCAPTCHA v3 \u5B89\u5168\u9632\u62A4\uFF08\u63D0\u4F9B sitekey \u5373\u81EA\u52A8\u542F\u7528\uFF09\n * <LiveChatWidget\n *   apiBaseUrl=\"https://beta-api-livechat.anker.com\"\n *   site=\"www.eufy.com\"\n *   recaptchaSitekey=\"6LfS4J4pAAAAACX1e_WrxutmxxzCK7FU4WzVqL14\"\n *   recaptchaAction=\"livechat\"\n * />\n *\n * // \u4F7F\u7528\u81EA\u5B9A\u4E49 headers \u548C reCAPTCHA\n * <LiveChatWidget\n *   apiBaseUrl=\"https://beta-api-livechat.anker.com\"\n *   site=\"www.eufy.com\"\n *   headers={{\n *     \"Authorization\": \"Bearer your-token\",\n *     \"X-Custom-Header\": \"value\"\n *   }}\n *   recaptchaSitekey=\"your-site-key\"\n * />\n * ```\n */\nexport const LiveChatWidget: React.FC<LiveChatWidgetProps> = ({\n  apiBaseUrl,\n  headers,\n  recaptchaSitekey,\n  recaptchaAction,\n  site,\n  channelCode,\n  loginUserId,\n  cartId,\n  accessToken,\n  position,\n  welcomeMessage,\n  quickReplies,\n  customRenderers,\n  logoUrl,\n  title,\n  chatBubbleIcon,\n  open,\n  onOpenChange,\n  onOpen,\n  onClose,\n  onMessageSend,\n  onError,\n  onTextMessage,\n  onProductList,\n  onPromotionList,\n  onAddToCart,\n  onCart,\n  showNewSessionButton,\n  commonText,\n  productCardRender,\n  bottomTips,\n  complianceConfig,\n}) => {\n  // \u6CD5\u89C4\u534F\u8BAE\u5F39\u7A97\u72B6\u6001\n  // \u4ECE Cookie \u8BFB\u53D6\u7528\u6237\u662F\u5426\u5DF2\u540C\u610F\uFF08\u6709\u6548\u671F 365 \u5929\uFF09\n  const cookieName = complianceConfig?.cookieName || 'livechat_compliance_agreed'\n  const [showComplianceDialog, setShowComplianceDialog] = React.useState(false)\n  const [hasAgreedCompliance, setHasAgreedCompliance] = React.useState(() => {\n    // \u521D\u59CB\u5316\u65F6\u68C0\u67E5 Cookie\n    return complianceConfig ? Cookies.get(cookieName) !== undefined : true\n  })\n\n  // \u5408\u5E76\u9ED8\u8BA4\u6587\u6848\u548C\u81EA\u5B9A\u4E49\u6587\u6848\n  const mergedText: Required<CommonText> = React.useMemo(\n    () => ({\n      ...DEFAULT_COMMON_TEXT,\n      ...commonText,\n    }),\n    [commonText]\n  )\n\n  // \u72B6\u6001\u7BA1\u7406\n  const chatState = useChatState({\n    welcomeMessage,\n    site,\n    open,\n    onOpenChange,\n    onOpen,\n    onClose,\n    onMessageSend,\n    onError,\n    onTextMessage,\n    onProductList,\n    onPromotionList,\n    onAddToCart,\n    onCart,\n    productCardRender,\n  })\n\n  const {\n    messages,\n    isOpen,\n    userId,\n    sessionId,\n    inputValue,\n    isStreaming,\n    openChat,\n    closeChat,\n    setInputValue,\n    addMessage,\n    setMessages,\n    clearMessages,\n    handleSSEEvent,\n    saveSession,\n    clearSession,\n  } = chatState\n\n  // \u521D\u59CB\u5316\u52A0\u8F7D\u72B6\u6001\uFF08\u7528\u6237\u672A\u914D\u7F6E\u6B22\u8FCE\u8BED\u65F6\uFF0C\u663E\u793A loading \u76F4\u5230\u63A5\u53E3\u8FD4\u56DE\uFF09\n  const [isInitializing, setIsInitializing] = React.useState(false)\n\n  // API \u8C03\u7528\n  const { sendMessageStream, createSession } = useChatAPI({\n    apiBaseUrl,\n    headers,\n    recaptchaConfig: {\n      needRecaptcha: !!recaptchaSitekey, // \u6839\u636E sitekey \u81EA\u52A8\u5224\u65AD\u662F\u5426\u542F\u7528\n      recaptchaSitekey,\n      recaptchaAction,\n    },\n    onError,\n  })\n\n  // \u4F7F\u7528 ref \u5B58\u50A8\u6700\u65B0\u7684 handleSendMessage\uFF0C\u907F\u514D\u5FAA\u73AF\u4F9D\u8D56\n  const handleSendMessageRef = React.useRef<(_message?: string) => Promise<void>>(async (_message?: string) => {})\n\n  // \u6D88\u606F\u6E32\u67D3\u5668\u6CE8\u518C\u8868\n  const rendererRegistry = React.useMemo(() => {\n    const registry = new MessageRendererRegistry()\n\n    // \u6CE8\u518C\u9ED8\u8BA4\u6E32\u67D3\u5668\n    registry.register('text', TextBlock)\n    registry.register('product_card', ProductCard)\n    registry.register('product_list', ProductList)\n    registry.register('product_comparison', ProductComparisonRenderer)\n    registry.register('policy', PolicyBlock)\n    registry.register('thinking', ThinkingBlock)\n    registry.register('error', ErrorBlock)\n    registry.register('faq_list', FAQListRenderer)\n    registry.register('promotion_list', PromotionListRenderer)\n    registry.register('cart', CartCard)\n\n    // \u6CE8\u518C\u5FEB\u6377\u56DE\u590D\u6E32\u67D3\u5668\uFF08\u5E26\u56DE\u8C03\uFF09\n    const quickRepliesRenderer = createQuickRepliesRenderer((reply: QuickReply) => {\n      // \u4F7F\u7528 ref \u8C03\u7528\u6700\u65B0\u7684 handleSendMessage\n      handleSendMessageRef.current(reply.value)\n    })\n    registry.register('quick_replies', quickRepliesRenderer)\n\n    // \u6CE8\u518C\u81EA\u5B9A\u4E49\u6E32\u67D3\u5668\n    if (customRenderers) {\n      registry.registerMany(customRenderers)\n    }\n\n    return registry\n  }, [customRenderers])\n\n  /**\n   * T043: \u6253\u5F00\u804A\u5929\u7A97\u53E3\u65F6\u521D\u59CB\u5316\u4F1A\u8BDD\n   * \u4F7F\u7528 API v2.0.0 \u7684\u7EDF\u4E00\u63A5\u53E3\uFF1A\n   * - \u5982\u679C\u6CA1\u6709 sessionId\uFF0C\u521B\u5EFA\u65B0\u4F1A\u8BDD\n   * - \u5982\u679C\u6709 sessionId\uFF0C\u6062\u590D\u4F1A\u8BDD\u5E76\u52A0\u8F7D\u5386\u53F2\u6D88\u606F\n   */\n  useEffect(() => {\n    if (!isOpen || !userId) return\n\n    const currentSessionId = sessionId\n\n    if (!currentSessionId) {\n      // \u6CA1\u6709\u4F1A\u8BDD\uFF0C\u521B\u5EFA\u65B0\u4F1A\u8BDD\n      handleCreateNewSession()\n    } else {\n      // \u6709\u4F1A\u8BDD\uFF0C\u5C1D\u8BD5\u6062\u590D\u4F1A\u8BDD\u548C\u5386\u53F2\u6D88\u606F\n      handleResumeSession(currentSessionId)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, userId])\n\n  /**\n   * \u89C4\u8303\u5316\u6D88\u606F\u683C\u5F0F\uFF08\u786E\u4FDD content \u662F\u6570\u7EC4\uFF09\n   * \u540E\u7AEF\u8FD4\u56DE\u683C\u5F0F\uFF1A\n   * - content: \u5B57\u7B26\u4E32\uFF08\u6587\u672C\u5185\u5BB9\uFF09\n   * - structuredContent: \u6570\u7EC4\uFF08\u7ED3\u6784\u5316\u5185\u5BB9\uFF0C\u5982\u4EA7\u54C1\u5217\u8868\u3001\u653F\u7B56\u7B49\uFF09\n   * \u9700\u8981\u5408\u5E76\u4E3A\u7EDF\u4E00\u7684 content \u6570\u7EC4\u683C\u5F0F\n   */\n  const normalizeMessage = useCallback(\n    (message: any): Message => {\n      // \u5982\u679C content \u5DF2\u7ECF\u662F\u6570\u7EC4\uFF0C\u76F4\u63A5\u8FD4\u56DE\n      if (Array.isArray(message.content)) {\n        return message as Message\n      }\n\n      const contentBlocks: MessageContent[] = []\n\n      // \u5904\u7406\u6587\u672C\u5185\u5BB9\n      if (typeof message.content === 'string' && message.content.trim()) {\n        contentBlocks.push({\n          type: 'text',\n          text: message.content,\n        })\n      }\n\n      // \u5904\u7406\u7ED3\u6784\u5316\u5185\u5BB9\n      // \u5386\u53F2\u6D88\u606F\u683C\u5F0F: structured_content: [{type, data}]\n      const structuredData = message.structuredContent || message.structured_content\n\n      if (Array.isArray(structuredData)) {\n        structuredData.forEach((block: any) => {\n          if (block.type === 'product_list' && Array.isArray(block.data)) {\n            // \u8F6C\u6362\u4EA7\u54C1\u5217\u8868\u6570\u636E\u7ED3\u6784 - data \u76F4\u63A5\u662F\u4EA7\u54C1\u6570\u7EC4\n            contentBlocks.push({\n              type: 'product_list',\n              data: {\n                products: transformProducts(block.data, site),\n                title: undefined, // \u5386\u53F2\u6D88\u606F\u4E0D\u5305\u542B title\n                commonText: mergedText,\n              },\n            })\n          } else if (block.type === 'quick_replies' && block.data?.replies) {\n            contentBlocks.push({\n              type: 'quick_replies',\n              data: {\n                replies: block.data.replies,\n              },\n            })\n          } else if (block.type === 'policy' && block.data?.title && block.data?.content) {\n            contentBlocks.push({\n              type: 'policy',\n              data: {\n                title: block.data.title,\n                content: block.data.content,\n              },\n            })\n          } else if (block.type === 'product_comparison' && block.data?.products && block.data?.dimensions) {\n            // \u8F6C\u6362\u4EA7\u54C1\u5BF9\u6BD4\u6570\u636E\u7ED3\u6784\u5E76\u6CE8\u5165 onAddToCart \u56DE\u8C03\n            contentBlocks.push({\n              type: 'product_comparison',\n              data: {\n                products: transformProducts(block.data.products, site),\n                dimensions: block.data.dimensions,\n                onAddToCart: onAddToCart,\n                commonText: mergedText,\n              },\n            })\n          } else if (block.type === 'faq_list' && block.data?.found !== undefined) {\n            // FAQ \u5217\u8868\u5361\u7247 - \u76F4\u63A5\u4F7F\u7528\u540E\u7AEF\u6570\u636E\n            contentBlocks.push({\n              type: 'faq_list',\n              data: block.data,\n            })\n          } else if (block.type === 'promotion_list' && block.data?.found !== undefined) {\n            // \u4FC3\u9500\u6D3B\u52A8\u5217\u8868\u5361\u7247 - \u76F4\u63A5\u4F7F\u7528\u540E\u7AEF\u6570\u636E\n            contentBlocks.push({\n              type: 'promotion_list',\n              data: {\n                ...block.data,\n                commonText: mergedText,\n              },\n            })\n          } else if (block.type === 'cart' && block.data?.id !== undefined) {\n            // \u8D2D\u7269\u8F66\u5361\u7247 - \u8F6C\u6362\u540E\u7AEF\u6570\u636E\u683C\u5F0F\u5E76\u6CE8\u5165 onCart \u56DE\u8C03\n            const transformedData = transformCartData(block.data as BackendCartData)\n            contentBlocks.push({\n              type: 'cart',\n              data: {\n                ...transformedData,\n                onCart: onCart,\n                commonText: mergedText,\n              },\n            })\n          } else {\n            // \u5176\u4ED6\u7C7B\u578B\u76F4\u63A5\u6DFB\u52A0\n            contentBlocks.push(block)\n          }\n        })\n      }\n\n      // \u5982\u679C\u6CA1\u6709\u4EFB\u4F55\u5185\u5BB9\u5757\uFF0C\u8FD4\u56DE\u7A7A\u6587\u672C\u5757\n      if (contentBlocks.length === 0) {\n        contentBlocks.push({\n          type: 'text',\n          text: '',\n        })\n      }\n\n      return {\n        ...message,\n        content: contentBlocks,\n      } as Message\n    },\n    [site, onCart, onAddToCart, mergedText]\n  )\n\n  /**\n   * \u521B\u5EFA\u65B0\u4F1A\u8BDD\n   */\n  const handleCreateNewSession = useCallback(async () => {\n    if (!userId) return\n\n    // \u5982\u679C\u7528\u6237\u6CA1\u6709\u914D\u7F6E\u6B22\u8FCE\u8BED\uFF0C\u663E\u793A loading \u72B6\u6001\n    if (!welcomeMessage) {\n      setIsInitializing(true)\n    }\n\n    try {\n      const response = await createSession({\n        user_id: userId,\n        site: site,\n        channel_code: channelCode,\n        real_user_id: loginUserId,\n      })\n\n      if (response.success) {\n        // \u4FDD\u5B58\u65B0\u4F1A\u8BDD ID\n        saveSession(response.sessionId)\n\n        // \u6E05\u7A7A\u6D88\u606F\u5217\u8868\n        clearMessages()\n\n        // \u4F7F\u7528\u540E\u7AEF\u8FD4\u56DE\u7684\u6B22\u8FCE\u6D88\u606F\uFF0C\u5982\u679C\u6CA1\u6709\u5219\u4F7F\u7528 props \u4E2D\u7684\u9ED8\u8BA4\u503C\n        const messageText = response.welcomeMessage || welcomeMessage\n\n        if (messageText) {\n          const welcomeContent: MessageContent[] = [{ type: 'text', text: messageText }]\n\n          // \u4F7F\u7528\u540E\u7AEF\u8FD4\u56DE\u7684\u5FEB\u6377\u95EE\u9898\uFF0C\u5982\u679C\u6CA1\u6709\u5219\u4F7F\u7528 props \u4E2D\u7684\u5FEB\u6377\u56DE\u590D\n          const questions = response.quickQuestions\n          if (questions && questions.length > 0) {\n            // \u5C06\u540E\u7AEF\u7684 quickQuestions (\u5B57\u7B26\u4E32\u6570\u7EC4) \u8F6C\u6362\u4E3A QuickReply \u683C\u5F0F\n            const quickRepliesFromBackend = questions.map((question, index) => ({\n              id: `quick-${index}`,\n              label: question,\n              value: question,\n            }))\n\n            welcomeContent.push({\n              type: 'quick_replies',\n              data: {\n                replies: quickRepliesFromBackend,\n              },\n            })\n          } else if (quickReplies && quickReplies.length > 0) {\n            // \u5982\u679C\u540E\u7AEF\u6CA1\u6709\u8FD4\u56DE\uFF0C\u4F7F\u7528 props \u4E2D\u7684\u5FEB\u6377\u56DE\u590D\n            welcomeContent.push({\n              type: 'quick_replies',\n              data: {\n                replies: quickReplies,\n              },\n            })\n          }\n\n          addMessage({\n            id: `welcome-${Date.now()}`,\n            role: 'assistant',\n            content: welcomeContent,\n            timestamp: Date.now(),\n          })\n        }\n      }\n    } catch (error) {\n      console.error('[LiveChatWidget] Failed to create new session:', error)\n      onError?.(error as Error)\n\n      // Check if it's a reCAPTCHA error\n      const isRecaptcha = (error as any)?.type === 'GoogleRecaptchaError'\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: isRecaptcha\n                ? 'Your session has expired. Please refresh the page and try again.'\n                : 'Failed to create session. Please refresh the page and try again.',\n              code: isRecaptcha ? 'RECAPTCHA_ERROR' : 'SESSION_CREATE_ERROR',\n            },\n          },\n        ],\n        timestamp: Date.now(),\n      })\n    } finally {\n      // \u63A5\u53E3\u8FD4\u56DE\u540E\u5173\u95ED loading \u72B6\u6001\n      setIsInitializing(false)\n    }\n  }, [\n    userId,\n    site,\n    channelCode,\n    loginUserId,\n    createSession,\n    saveSession,\n    clearMessages,\n    welcomeMessage,\n    quickReplies,\n    addMessage,\n    onError,\n  ])\n\n  /**\n   * \u6062\u590D\u4F1A\u8BDD\u548C\u5386\u53F2\u6D88\u606F\uFF08\u4F7F\u7528\u65B0\u7684 API v2.0.0\uFF09\n   */\n  const handleResumeSession = useCallback(\n    async (existingSessionId: string) => {\n      // \u5982\u679C\u7528\u6237\u6CA1\u6709\u914D\u7F6E\u6B22\u8FCE\u8BED\uFF0C\u663E\u793A loading \u72B6\u6001\n      if (!welcomeMessage) {\n        setIsInitializing(true)\n      }\n\n      try {\n        const response = await createSession({\n          user_id: userId,\n          session_id: existingSessionId,\n          site: site,\n          channel_code: channelCode,\n          real_user_id: loginUserId,\n        })\n\n        if (response.success && response.resumed) {\n          // \u4F1A\u8BDD\u6062\u590D\u6210\u529F\n\n          // \u51C6\u5907\u6B22\u8FCE\u6D88\u606F\uFF08\u65E0\u8BBA\u662F\u5426\u6709\u5386\u53F2\u6D88\u606F\u90FD\u9700\u8981\uFF09\n          const messageText = response.welcomeMessage || welcomeMessage\n          const welcomeContent: MessageContent[] = messageText ? [{ type: 'text', text: messageText }] : []\n\n          // \u6DFB\u52A0\u5FEB\u6377\u56DE\u590D\u5230\u6B22\u8FCE\u6D88\u606F\n          const questions = response.quickQuestions\n          if (questions && questions.length > 0) {\n            const quickRepliesFromBackend = questions.map((question, index) => ({\n              id: `quick-${index}`,\n              label: question,\n              value: question,\n            }))\n\n            welcomeContent.push({\n              type: 'quick_replies',\n              data: {\n                replies: quickRepliesFromBackend,\n              },\n            })\n          } else if (quickReplies && quickReplies.length > 0) {\n            welcomeContent.push({\n              type: 'quick_replies',\n              data: {\n                replies: quickReplies,\n              },\n            })\n          }\n\n          if (response.messages && response.messages.length > 0) {\n            // \u6709\u5386\u53F2\u6D88\u606F\uFF0C\u89C4\u8303\u5316\u5E76\u52A0\u8F7D\uFF08\u8FC7\u6EE4\u6389 null/undefined \u503C\u548C\u7A7A\u5185\u5BB9\u6D88\u606F\uFF09\n            const normalizedMessages = response.messages\n              .filter((msg: any) => msg != null)\n              .map(normalizeMessage)\n              .filter((msg: Message) => msg.content && msg.content.length > 0 && !(msg.content.length === 1 && msg.content[0].type === 'text' && !msg.content[0].text))\n\n            // \u5982\u679C\u6709\u6B22\u8FCE\u6D88\u606F\uFF0C\u5C06\u5176\u6DFB\u52A0\u5230\u5386\u53F2\u6D88\u606F\u7684\u5F00\u5934\n            if (welcomeContent.length > 0) {\n              const welcomeMsg: Message = {\n                id: `welcome-${Date.now()}`,\n                role: 'assistant',\n                content: welcomeContent,\n                timestamp: Date.now(),\n              }\n              setMessages([welcomeMsg, ...normalizedMessages])\n            } else {\n              setMessages(normalizedMessages)\n            }\n          } else {\n            // \u6CA1\u6709\u5386\u53F2\u6D88\u606F\uFF0C\u4EC5\u663E\u793A\u6B22\u8FCE\u6D88\u606F\n            clearMessages()\n\n            if (welcomeContent.length > 0) {\n              addMessage({\n                id: `welcome-${Date.now()}`,\n                role: 'assistant',\n                content: welcomeContent,\n                timestamp: Date.now(),\n              })\n            }\n          }\n        } else if (!response.resumed) {\n          // \u4F1A\u8BDD\u65E0\u6548\u6216\u8FC7\u671F\uFF0C\u521B\u5EFA\u65B0\u4F1A\u8BDD\n          clearSession()\n          handleCreateNewSession()\n        }\n      } catch (error) {\n        console.error('[LiveChatWidget] Failed to resume session:', error)\n\n        // Check if it's a reCAPTCHA error\n        const isRecaptcha = (error as any)?.type === 'GoogleRecaptchaError'\n\n        if (isRecaptcha) {\n          // reCAPTCHA error - show refresh page message, don't retry\n          addMessage({\n            id: `error-${Date.now()}`,\n            role: 'system',\n            content: [\n              {\n                type: 'error',\n                data: {\n                  message: 'Your session has expired. Please refresh the page and try again.',\n                  code: 'RECAPTCHA_ERROR',\n                },\n              },\n            ],\n            timestamp: Date.now(),\n          })\n        } else {\n          // Other errors - show message and try to create new session\n          addMessage({\n            id: `error-${Date.now()}`,\n            role: 'system',\n            content: [\n              {\n                type: 'error',\n                data: {\n                  message: 'Failed to resume session. Creating a new session...',\n                  code: 'SESSION_RESUME_ERROR',\n                },\n              },\n            ],\n            timestamp: Date.now(),\n          })\n\n          // \u6062\u590D\u5931\u8D25\uFF0C\u6E05\u7A7A\u4F1A\u8BDD\u5E76\u521B\u5EFA\u65B0\u7684\n          clearSession()\n          handleCreateNewSession()\n        }\n      } finally {\n        // \u63A5\u53E3\u8FD4\u56DE\u540E\u5173\u95ED loading \u72B6\u6001\n        setIsInitializing(false)\n      }\n    },\n    [\n      userId,\n      site,\n      channelCode,\n      loginUserId,\n      createSession,\n      setMessages,\n      clearSession,\n      clearMessages,\n      normalizeMessage,\n      handleCreateNewSession,\n      welcomeMessage,\n      quickReplies,\n      addMessage,\n    ]\n  )\n\n  /**\n   * \u53D1\u9001\u6D88\u606F\n   */\n  const handleSendMessage = useCallback(\n    async (message?: string, isRetry: boolean = false) => {\n      const textToSend = message || inputValue.trim()\n\n      if (!textToSend) return\n\n      // \u6E05\u7A7A\u8F93\u5165\u6846\uFF08\u4EC5\u5728\u975E\u91CD\u8BD5\u65F6\uFF09\n      if (!message && !isRetry) {\n        setInputValue('')\n      }\n\n      // \u8F93\u5165\u9A8C\u8BC1\n      const sanitized = sanitizeInput(textToSend)\n      if (!sanitized) {\n        onError?.(new Error('Invalid message'))\n        return\n      }\n\n      // \u6DFB\u52A0\u7528\u6237\u6D88\u606F\u5230\u754C\u9762\uFF08\u4EC5\u5728\u975E\u91CD\u8BD5\u65F6\uFF09\n      if (!isRetry) {\n        const userMessage = {\n          id: `user-${Date.now()}`,\n          role: 'user' as const,\n          content: [{ type: 'text' as const, text: sanitized }],\n          timestamp: Date.now(),\n        }\n        addMessage(userMessage)\n      }\n\n      // \u7ACB\u5373\u6DFB\u52A0\u601D\u8003\u72B6\u6001\u6D88\u606F\uFF0C\u63D0\u5347\u7528\u6237\u4F53\u9A8C\n      const thinkingMessage = {\n        id: `thinking-${Date.now()}`,\n        role: 'assistant' as const,\n        content: [{ type: 'thinking' as const, data: { status: 'thinking' } }],\n        timestamp: Date.now(),\n      }\n      addMessage(thinkingMessage)\n\n      // \u89E6\u53D1\u6D88\u606F\u53D1\u9001\u56DE\u8C03\uFF08\u4EC5\u5728\u975E\u91CD\u8BD5\u65F6\uFF09\n      if (!isRetry) {\n        onMessageSend?.(sanitized)\n      }\n\n      // \u6807\u8BB0\u662F\u5426\u68C0\u6D4B\u5230\u4F1A\u8BDD\u8FC7\u671F\n      let sessionExpiredDetected = false\n\n      try {\n        // \u786E\u4FDD\u6709 sessionId\uFF0C\u5982\u679C\u6CA1\u6709\u5219\u5148\u521B\u5EFA\u4F1A\u8BDD\n        let currentSessionId = sessionId\n        if (!currentSessionId) {\n          // \u6CA1\u6709\u4F1A\u8BDD\uFF0C\u521B\u5EFA\u65B0\u4F1A\u8BDD\n          const response = await createSession({\n            user_id: userId,\n            site: site,\n            channel_code: channelCode,\n            real_user_id: loginUserId,\n          })\n          if (response.success) {\n            currentSessionId = response.sessionId\n            saveSession(currentSessionId)\n          } else {\n            throw new Error('Failed to create session')\n          }\n        }\n\n        // \u6784\u5EFA\u8BF7\u6C42\u53C2\u6570\uFF08session_id \u73B0\u5728\u662F\u5FC5\u586B\u7684\uFF09\n        const requestPayload: ChatStreamRequest = {\n          message: sanitized,\n          user_id: userId,\n          session_id: currentSessionId,\n          context: {\n            cartId: cartId,\n            accessToken: accessToken,\n            real_user_id: loginUserId,\n          },\n        }\n\n        // \u53D1\u9001\u6D88\u606F\u5230\u540E\u7AEF\n        await sendMessageStream(requestPayload, event => {\n          // \u5904\u7406 SSE \u4E8B\u4EF6\n          handleSSEEvent(event)\n\n          // \u7279\u6B8A\u5904\u7406\uFF1A\u4F1A\u8BDD\u8FC7\u671F\uFF08error \u4E8B\u4EF6\u4E14 type \u4E3A validation_error\uFF09\n          if (event.event === 'error' && event.data.type === 'validation_error') {\n            sessionExpiredDetected = true\n            clearSession()\n          }\n        })\n\n        // \u5982\u679C\u68C0\u6D4B\u5230\u4F1A\u8BDD\u8FC7\u671F\u4E14\u4E0D\u662F\u91CD\u8BD5\uFF0C\u81EA\u52A8\u521B\u5EFA\u65B0\u4F1A\u8BDD\u5E76\u91CD\u8BD5\n        if (sessionExpiredDetected && !isRetry) {\n          console.log('[LiveChatWidget] Session expired (validation_error), creating new session and retrying...')\n\n          // \u79FB\u9664 thinking \u6D88\u606F\n          const messagesWithoutThinking = messages.filter(msg => msg.id !== thinkingMessage.id)\n          setMessages(messagesWithoutThinking)\n\n          // \u521B\u5EFA\u65B0\u4F1A\u8BDD\n          const response = await createSession({\n            user_id: userId,\n            site: site,\n            channel_code: channelCode,\n            real_user_id: loginUserId,\n          })\n\n          if (response.success) {\n            saveSession(response.sessionId)\n            // \u91CD\u8BD5\u53D1\u9001\u6D88\u606F\n            await handleSendMessage(sanitized, true)\n          } else {\n            throw new Error('Failed to recreate session after expiration')\n          }\n        }\n      } catch (error) {\n        console.error('[LiveChatWidget] Failed to send message:', error)\n        onError?.(error as Error)\n\n        // Check if it's a reCAPTCHA error\n        const isRecaptcha = (error as any)?.type === 'GoogleRecaptchaError'\n\n        // Determine error message based on error type\n        let errorMessage: string\n        let errorCode: string\n\n        if (isRecaptcha) {\n          errorMessage = 'Your session has expired. Please refresh the page and try again.'\n          errorCode = 'RECAPTCHA_ERROR'\n        } else if (sessionExpiredDetected) {\n          errorMessage = 'Your session has expired. We tried to reconnect but failed. Please try again.'\n          errorCode = 'SESSION_EXPIRED'\n        } else {\n          errorMessage = 'Failed to send message. Please check your network connection and try again.'\n          errorCode = 'NETWORK_ERROR'\n        }\n\n        // \u79FB\u9664\u521A\u624D\u6DFB\u52A0\u7684 thinking \u6D88\u606F\uFF0C\u5E76\u6DFB\u52A0\u9519\u8BEF\u6D88\u606F\n        const messagesWithoutThinking = messages.filter(msg => msg.id !== thinkingMessage.id)\n        setMessages([\n          ...messagesWithoutThinking,\n          {\n            id: `error-${Date.now()}`,\n            role: 'system',\n            content: [\n              {\n                type: 'error',\n                data: {\n                  message: errorMessage,\n                  code: errorCode,\n                },\n              },\n            ],\n            timestamp: Date.now(),\n          },\n        ])\n      }\n    },\n    [\n      inputValue,\n      userId,\n      sessionId,\n      site,\n      channelCode,\n      loginUserId,\n      cartId,\n      accessToken,\n      messages,\n      setInputValue,\n      addMessage,\n      setMessages,\n      createSession,\n      sendMessageStream,\n      handleSSEEvent,\n      saveSession,\n      clearSession,\n      onMessageSend,\n      onError,\n    ]\n  )\n\n  // \u66F4\u65B0 ref \u4EE5\u4FDD\u6301\u6700\u65B0\u7684 handleSendMessage\n  React.useEffect(() => {\n    handleSendMessageRef.current = handleSendMessage\n  }, [handleSendMessage])\n\n  /**\n   * \u5904\u7406\u6C14\u6CE1\u6309\u94AE\u70B9\u51FB\n   * \u5982\u679C\u914D\u7F6E\u4E86\u6CD5\u89C4\u534F\u8BAE\u4E14\u7528\u6237\u672A\u540C\u610F\uFF0C\u5148\u663E\u793A\u6CD5\u89C4\u5F39\u7A97\n   * \u5426\u5219\u76F4\u63A5\u6253\u5F00\u804A\u5929\u7A97\u53E3\n   */\n  const handleBubbleClick = useCallback(() => {\n    if (complianceConfig && !hasAgreedCompliance) {\n      // \u663E\u793A\u6CD5\u89C4\u534F\u8BAE\u5F39\u7A97\n      setShowComplianceDialog(true)\n    } else {\n      // \u76F4\u63A5\u6253\u5F00\u804A\u5929\u7A97\u53E3\n      openChat()\n    }\n  }, [complianceConfig, hasAgreedCompliance, openChat])\n\n  /**\n   * \u5904\u7406\u7528\u6237\u540C\u610F\u6CD5\u89C4\u534F\u8BAE\n   */\n  const handleComplianceAgree = useCallback(() => {\n    // \u8BBE\u7F6E\u540C\u610F\u72B6\u6001\n    setHasAgreedCompliance(true)\n    setShowComplianceDialog(false)\n\n    // \u4FDD\u5B58\u5230 Cookie\uFF08\u6709\u6548\u671F 365 \u5929\uFF09\n    Cookies.set(cookieName, 'true', { expires: 365 })\n\n    // \u540C\u610F\u540E\u7ACB\u5373\u6253\u5F00\u804A\u5929\u7A97\u53E3\n    openChat()\n  }, [openChat, cookieName])\n\n  /**\n   * \u5904\u7406\u6CD5\u89C4\u5F39\u7A97\u5173\u95ED\n   */\n  const handleComplianceClose = useCallback(() => {\n    setShowComplianceDialog(false)\n  }, [])\n\n  return (\n    <>\n      {/* \u6CD5\u89C4\u534F\u8BAE\u5F39\u7A97 */}\n      {complianceConfig && (\n        <ComplianceDialog\n          open={showComplianceDialog}\n          config={complianceConfig}\n          onAgree={handleComplianceAgree}\n          onClose={handleComplianceClose}\n        />\n      )}\n\n      {/* \u6C14\u6CE1\u6309\u94AE */}\n      <ChatBubble\n        position={position}\n        onClick={handleBubbleClick}\n        visible={!isOpen && !showComplianceDialog}\n        iconImageUrl={chatBubbleIcon}\n      />\n\n      {/* \u804A\u5929\u7A97\u53E3\uFF08\u4F7F\u7528 Radix UI Dialog\uFF09 */}\n      <Dialog.Root open={isOpen} onOpenChange={open => (open ? openChat() : closeChat())}>\n        <Dialog.Portal>\n          <Dialog.Content\n            className=\"livechat-window-enter\"\n            style={{\n              position: 'fixed',\n              zIndex: 9998,\n            }}\n          >\n            <ChatWindow\n              messages={messages}\n              inputValue={inputValue}\n              onInputChange={setInputValue}\n              onSend={() => handleSendMessage()}\n              onClose={closeChat}\n              onNewSession={handleCreateNewSession}\n              title={title}\n              logoUrl={logoUrl}\n              isSending={isStreaming}\n              isLoadingHistory={isInitializing}\n              rendererRegistry={rendererRegistry}\n              inputPlaceholder=\"\"\n              onAddToCart={onAddToCart}\n              showNewSessionButton={showNewSessionButton}\n              bottomTips={bottomTips}\n            />\n          </Dialog.Content>\n        </Dialog.Portal>\n      </Dialog.Root>\n    </>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "React", "useEffect", "useCallback", "Dialog", "DEFAULT_COMMON_TEXT", "ChatBubble", "ChatWindow", "ComplianceDialog", "useChatState", "useChatAPI", "MessageRendererRegistry", "sanitizeInput", "transformProducts", "transformCartData", "Cookies", "TextBlock", "ProductCard", "ProductList", "ProductComparisonRenderer", "PolicyBlock", "createQuickRepliesRenderer", "ThinkingBlock", "ErrorBlock", "FAQListRenderer", "PromotionListRenderer", "CartCard", "LiveChatWidget", "apiBaseUrl", "headers", "recaptchaSitekey", "recaptchaAction", "site", "channelCode", "loginUserId", "cartId", "accessToken", "position", "welcomeMessage", "quickReplies", "customRenderers", "logoUrl", "title", "chatBubbleIcon", "open", "onOpenChange", "onOpen", "onClose", "onMessageSend", "onError", "onTextMessage", "onProductList", "onPromotionList", "onAddToCart", "onCart", "showNewSessionButton", "commonText", "productCardRender", "bottomTips", "complianceConfig", "cookieName", "showComplianceDialog", "setShowComplianceDialog", "hasAgreedCompliance", "setHasAgreedCompliance", "mergedText", "chatState", "messages", "isOpen", "userId", "sessionId", "inputValue", "isStreaming", "openChat", "closeChat", "setInputValue", "addMessage", "setMessages", "clearMessages", "handleSSEEvent", "saveSession", "clearSession", "isInitializing", "setIsInitializing", "sendMessageStream", "createSession", "handleSendMessageRef", "_message", "rendererRegistry", "registry", "quickRepliesRenderer", "reply", "currentSessionId", "handleResumeSession", "handleCreateNewSession", "normalizeMessage", "message", "contentBlocks", "structuredData", "block", "transformedData", "response", "messageText", "welcomeContent", "questions", "quickRepliesFromBackend", "question", "index", "error", "isRecaptcha", "existingSessionId", "normalizedMessages", "msg", "welcomeMsg", "handleSendMessage", "isRetry", "textToSend", "sanitized", "userMessage", "thinkingMessage", "sessionExpiredDetected", "event", "messagesWithoutThinking", "errorMessage", "errorCode", "handleBubbleClick", "handleComplianceAgree", "handleComplianceClose"]
 }

package/dist/esm/components/LiveChatWidget/components/MessageContent/PromotionList.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/LiveChatWidget/components/MessageContent/PromotionList.tsx"],
-  "sourcesContent": ["/**\n * \u4FC3\u9500\u6D3B\u52A8\u5217\u8868\u7EC4\u4EF6\n * \u663E\u793A\u5F53\u524D\u8FDB\u884C\u4E2D\u7684\u4FC3\u9500\u6D3B\u52A8\u4FE1\u606F\n * \u57FA\u4E8E\u540E\u7AEF\u6570\u636E\u7ED3\u6784\u89C4\u8303\uFF1Apromotion_list\n */\n\nimport React from 'react'\nimport type { MessageRenderer, CommonText } from '../../types'\nimport { DEFAULT_COMMON_TEXT } from '../../constants'\n\n/**\n * \u4FC3\u9500\u6D3B\u52A8\u6570\u636E\u7ED3\u6784\n */\nexport interface PromotionItem {\n  id: string // \u6D3B\u52A8 ID\n  title: string // \u6D3B\u52A8\u6807\u9898\n  subtitle?: string // \u526F\u6807\u9898\uFF08\u5982 \"Up to 30% off\"\uFF09\n  description?: string // \u6D3B\u52A8\u63CF\u8FF0\n  banner_url?: string // Banner \u56FE\u7247 URL\n  url?: string // \u6D3B\u52A8\u8BE6\u60C5\u9875 URL\n  time_range: {\n    start: string // \u5F00\u59CB\u65F6\u95F4 (ISO 8601)\n    end?: string | null // \u7ED3\u675F\u65F6\u95F4\uFF0Cnull \u8868\u793A\u65E0\u7ED3\u675F\u65E5\u671F\n    is_active: boolean // \u662F\u5426\u5F53\u524D\u6D3B\u8DC3\n  }\n  priority?: number // \u4F18\u5148\u7EA7\uFF08\u6570\u5B57\u8D8A\u5927\u8D8A\u9760\u524D\uFF09\n  product_count?: number // \u53C2\u4E0E\u5546\u54C1\u6570\u91CF\n  metadata?: {\n    display_order?: number\n    target_audience?: string\n    highlight_color?: string\n    banner_url?:string\n  }\n}\n\n/**\n * \u4FC3\u9500\u6D3B\u52A8\u5217\u8868\u6570\u636E\u7ED3\u6784\n */\nexport interface PromotionListData {\n  found: boolean // \u662F\u5426\u627E\u5230\u6D3B\u52A8\n  count: number // \u8FD4\u56DE\u7684\u6D3B\u52A8\u6570\u91CF\n  total?: number // \u603B\u6D3B\u52A8\u6570\u91CF\uFF08\u53EF\u9009\uFF09\n  results: PromotionItem[] // \u6D3B\u52A8\u5217\u8868\n  commonText?: CommonText // \u901A\u7528\u6587\u6848\u914D\u7F6E\n}\n\nexport interface PromotionListProps {\n  /**\n   * \u4FC3\u9500\u6D3B\u52A8\u5217\u8868\u6570\u636E\n   */\n  data: PromotionListData\n\n  /**\n   * \u662F\u5426\u4E3A\u7528\u6237\u6D88\u606F\n   */\n  isUser?: boolean\n\n  /**\n   * \u662F\u5426\u4E3A\u7CFB\u7EDF\u6D88\u606F\n   */\n  isSystem?: boolean\n}\n\n/**\n * \u683C\u5F0F\u5316\u65E5\u671F\u663E\u793A\n */\nconst formatDate = (dateStr: string): string => {\n  const date = new Date(dateStr)\n  return date.toLocaleDateString('en-US', {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n  })\n}\n\n/**\n * \u4FC3\u9500\u6D3B\u52A8\u5217\u8868\u7EC4\u4EF6\n *\n * \u529F\u80FD\uFF1A\n * - \u663E\u793A\u5F53\u524D\u8FDB\u884C\u4E2D\u7684\u4FC3\u9500\u6D3B\u52A8\n * - \u652F\u6301\u6D3B\u52A8 Banner \u56FE\u7247\u5C55\u793A\n * - \u663E\u793A\u6D3B\u52A8\u65F6\u95F4\u8303\u56F4\n * - \u663E\u793A\u53C2\u4E0E\u5546\u54C1\u6570\u91CF\n * - \u652F\u6301\u8DF3\u8F6C\u5230\u6D3B\u52A8\u8BE6\u60C5\u9875\n *\n * @example\n * ```tsx\n * <PromotionList\n *   data={{\n *     found: true,\n *     count: 2,\n *     results: [...]\n *   }}\n * />\n * ```\n */\nexport const PromotionList: React.FC<PromotionListProps> = ({ data, isUser = false, isSystem = false }) => {\n  const { found, results, commonText } = data\n\n  // \u5408\u5E76\u9ED8\u8BA4\u6587\u6848\u548C\u81EA\u5B9A\u4E49\u6587\u6848\n  const mergedText = { ...DEFAULT_COMMON_TEXT, ...commonText }\n\n  return (\n    <div className=\"space-y-3\">\n      {results.map(promotion => {\n        const bannerUrl = promotion.banner_url ||promotion?.metadata?.banner_url\n\n        // \u6CA1\u6709\u56FE\u7247\u5219\u4E0D\u5C55\u793A\n        if (!bannerUrl) {\n          return null\n        }\n\n        return (\n          <div key={promotion.id} className=\"relative overflow-hidden rounded-2xl bg-[#F5F6F7]\">\n            {/* Banner \u56FE\u7247 */}\n            <div className=\"aspect-[16/9] w-full overflow-hidden bg-gray-100\">\n              <img\n                src={bannerUrl}\n                alt={promotion.title}\n                className=\"size-full object-cover object-center\"\n                loading=\"lazy\"\n              />\n            </div>\n\n            {/* \u6D3B\u52A8\u4FE1\u606F - \u53E0\u52A0\u5728\u56FE\u7247\u4E0A */}\n            <div\n              className=\"absolute inset-0 flex flex-col justify-end p-4 text-[#080A0F]\"\n              style={{ color: promotion?.metadata?.highlight_color }}\n            >\n              <div className=\"mb-2\">\n                <h3 className=\"text-xl font-bold leading-[1.2] tracking-[-0.04em]\">{promotion.title}</h3>\n                {promotion.subtitle && (\n                  <p className=\"text-sm font-bold leading-[1.4] tracking-[-0.02em]\">{promotion.subtitle}</p>\n                )}\n              </div>\n\n              {/* \u67E5\u770B\u8BE6\u60C5\u6309\u94AE */}\n              {promotion.url && (\n                <a\n                  href={promotion.url + '?ref=LiveChat'}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"inline-flex items-center gap-1 text-sm font-bold tracking-[-0.04em]\"\n                >\n                  {mergedText.learnMore}\n                  <svg className=\"size-[18px]\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n                  </svg>\n                </a>\n              )}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\n/**\n * \u521B\u5EFA\u4FC3\u9500\u6D3B\u52A8\u5217\u8868\u6E32\u67D3\u5668\n */\nexport const PromotionListRenderer: MessageRenderer = {\n  render: (content, isUser, isSystem) => {\n    if (content.type !== 'promotion_list' || !content.data) {\n      return null\n    }\n\n    return <PromotionList data={content.data as PromotionListData} isUser={isUser} isSystem={isSystem} />\n  },\n}\n"],
-  "mappings": "AAoHc,cAAAA,EAaA,QAAAC,MAbA,oBA5Gd,OAAS,uBAAAC,MAA2B,kBA0DpC,MAAMC,EAAcC,GACL,IAAI,KAAKA,CAAO,EACjB,mBAAmB,QAAS,CACtC,KAAM,UACN,MAAO,QACP,IAAK,SACP,CAAC,EAwBUC,EAA8C,CAAC,CAAE,KAAAC,EAAM,OAAAC,EAAS,GAAO,SAAAC,EAAW,EAAM,IAAM,CACzG,KAAM,CAAE,MAAAC,EAAO,QAAAC,EAAS,WAAAC,CAAW,EAAIL,EAGjCM,EAAa,CAAE,GAAGV,EAAqB,GAAGS,CAAW,EAE3D,OACEX,EAAC,OAAI,UAAU,YACZ,SAAAU,EAAQ,IAAIG,GAAa,CACxB,MAAMC,EAAYD,EAAU,YAAaA,GAAW,UAAU,WAG9D,OAAKC,EAKHb,EAAC,OAAuB,UAAU,oDAEhC,UAAAD,EAAC,OAAI,UAAU,mDACb,SAAAA,EAAC,OACC,IAAKc,EACL,IAAKD,EAAU,MACf,UAAU,uCACV,QAAQ,OACV,EACF,EAGAZ,EAAC,OACC,UAAU,gEACV,MAAO,CAAE,MAAOY,GAAW,UAAU,eAAgB,EAErD,UAAAZ,EAAC,OAAI,UAAU,OACb,UAAAD,EAAC,MAAG,UAAU,qDAAsD,SAAAa,EAAU,MAAM,EACnFA,EAAU,UACTb,EAAC,KAAE,UAAU,qDAAsD,SAAAa,EAAU,SAAS,GAE1F,EAGCA,EAAU,KACTZ,EAAC,KACC,KAAMY,EAAU,IAAM,gBACtB,OAAO,SACP,IAAI,sBACJ,UAAU,sEAET,UAAAD,EAAW,UACZZ,EAAC,OAAI,UAAU,cAAc,KAAK,OAAO,OAAO,eAAe,QAAQ,YACrE,SAAAA,EAAC,QAAK,cAAc,QAAQ,eAAe,QAAQ,YAAa,EAAG,EAAE,eAAe,EACtF,GACF,GAEJ,IArCQa,EAAU,EAsCpB,EA1CO,IA4CX,CAAC,EACH,CAEJ,EAKaE,EAAyC,CACpD,OAAQ,CAACC,EAAST,EAAQC,IACpBQ,EAAQ,OAAS,kBAAoB,CAACA,EAAQ,KACzC,KAGFhB,EAACK,EAAA,CAAc,KAAMW,EAAQ,KAA2B,OAAQT,EAAQ,SAAUC,EAAU,CAEvG",
+  "sourcesContent": ["/**\n * \u4FC3\u9500\u6D3B\u52A8\u5217\u8868\u7EC4\u4EF6\n * \u663E\u793A\u5F53\u524D\u8FDB\u884C\u4E2D\u7684\u4FC3\u9500\u6D3B\u52A8\u4FE1\u606F\n * \u57FA\u4E8E\u540E\u7AEF\u6570\u636E\u7ED3\u6784\u89C4\u8303\uFF1Apromotion_list\n */\n\nimport React from 'react'\nimport type { MessageRenderer, CommonText } from '../../types'\nimport { DEFAULT_COMMON_TEXT } from '../../constants'\n\n/**\n * \u4FC3\u9500\u6D3B\u52A8\u6570\u636E\u7ED3\u6784\n */\nexport interface PromotionItem {\n  id: string // \u6D3B\u52A8 ID\n  title: string // \u6D3B\u52A8\u6807\u9898\n  subtitle?: string // \u526F\u6807\u9898\uFF08\u5982 \"Up to 30% off\"\uFF09\n  description?: string // \u6D3B\u52A8\u63CF\u8FF0\n  banner_url?: string // Banner \u56FE\u7247 URL\n  url?: string // \u6D3B\u52A8\u8BE6\u60C5\u9875 URL\n  time_range: {\n    start: string // \u5F00\u59CB\u65F6\u95F4 (ISO 8601)\n    end?: string | null // \u7ED3\u675F\u65F6\u95F4\uFF0Cnull \u8868\u793A\u65E0\u7ED3\u675F\u65E5\u671F\n    is_active: boolean // \u662F\u5426\u5F53\u524D\u6D3B\u8DC3\n  }\n  priority?: number // \u4F18\u5148\u7EA7\uFF08\u6570\u5B57\u8D8A\u5927\u8D8A\u9760\u524D\uFF09\n  product_count?: number // \u53C2\u4E0E\u5546\u54C1\u6570\u91CF\n  metadata?: {\n    display_order?: number\n    target_audience?: string\n    highlight_color?: string\n    banner_url?:string\n  }\n}\n\n/**\n * \u4FC3\u9500\u6D3B\u52A8\u5217\u8868\u6570\u636E\u7ED3\u6784\n */\nexport interface PromotionListData {\n  found: boolean // \u662F\u5426\u627E\u5230\u6D3B\u52A8\n  count: number // \u8FD4\u56DE\u7684\u6D3B\u52A8\u6570\u91CF\n  total?: number // \u603B\u6D3B\u52A8\u6570\u91CF\uFF08\u53EF\u9009\uFF09\n  results: PromotionItem[] // \u6D3B\u52A8\u5217\u8868\n  commonText?: CommonText // \u901A\u7528\u6587\u6848\u914D\u7F6E\n}\n\nexport interface PromotionListProps {\n  /**\n   * \u4FC3\u9500\u6D3B\u52A8\u5217\u8868\u6570\u636E\n   */\n  data: PromotionListData\n\n  /**\n   * \u662F\u5426\u4E3A\u7528\u6237\u6D88\u606F\n   */\n  isUser?: boolean\n\n  /**\n   * \u662F\u5426\u4E3A\u7CFB\u7EDF\u6D88\u606F\n   */\n  isSystem?: boolean\n}\n\n/**\n * \u683C\u5F0F\u5316\u65E5\u671F\u663E\u793A\n */\nconst formatDate = (dateStr: string): string => {\n  const date = new Date(dateStr)\n  return date.toLocaleDateString('en-US', {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n  })\n}\n\n/**\n * \u4FC3\u9500\u6D3B\u52A8\u5217\u8868\u7EC4\u4EF6\n *\n * \u529F\u80FD\uFF1A\n * - \u663E\u793A\u5F53\u524D\u8FDB\u884C\u4E2D\u7684\u4FC3\u9500\u6D3B\u52A8\n * - \u652F\u6301\u6D3B\u52A8 Banner \u56FE\u7247\u5C55\u793A\n * - \u663E\u793A\u6D3B\u52A8\u65F6\u95F4\u8303\u56F4\n * - \u663E\u793A\u53C2\u4E0E\u5546\u54C1\u6570\u91CF\n * - \u652F\u6301\u8DF3\u8F6C\u5230\u6D3B\u52A8\u8BE6\u60C5\u9875\n *\n * @example\n * ```tsx\n * <PromotionList\n *   data={{\n *     found: true,\n *     count: 2,\n *     results: [...]\n *   }}\n * />\n * ```\n */\nexport const PromotionList: React.FC<PromotionListProps> = ({ data, isUser = false, isSystem = false }) => {\n  const { found, results, commonText } = data\n\n  // \u5408\u5E76\u9ED8\u8BA4\u6587\u6848\u548C\u81EA\u5B9A\u4E49\u6587\u6848\n  const mergedText = { ...DEFAULT_COMMON_TEXT, ...commonText }\n\n  return (\n    <div className=\"space-y-3\">\n      {results.map(promotion => {\n        const bannerUrl = promotion.banner_url || promotion?.metadata?.banner_url\n\n        // \u6CA1\u6709\u56FE\u7247\u5219\u4E0D\u5C55\u793A\n        if (!bannerUrl) {\n          return null\n        }\n\n        return (\n          <div key={promotion.id} className=\"relative overflow-hidden rounded-2xl bg-[#F5F6F7]\">\n            {/* Banner \u56FE\u7247 */}\n            <div className=\"aspect-[16/9] w-full overflow-hidden bg-gray-100\">\n              <img\n                src={bannerUrl}\n                alt={promotion.title}\n                className=\"size-full object-cover object-center\"\n                loading=\"lazy\"\n              />\n            </div>\n\n            {/* \u6D3B\u52A8\u4FE1\u606F - \u53E0\u52A0\u5728\u56FE\u7247\u4E0A */}\n            <div\n              className=\"absolute inset-0 flex flex-col justify-end p-4 text-[#080A0F]\"\n              style={{ color: promotion?.metadata?.highlight_color }}\n            >\n              <div className=\"mb-2\">\n                <h3 className=\"text-xl font-bold leading-[1.2] tracking-[-0.04em]\">{promotion.title}</h3>\n                {promotion.subtitle && (\n                  <p className=\"text-sm font-bold leading-[1.4] tracking-[-0.02em]\">{promotion.subtitle}</p>\n                )}\n              </div>\n\n              {/* \u67E5\u770B\u8BE6\u60C5\u6309\u94AE */}\n              {promotion.url && (\n                <a\n                  href={promotion.url + '?ref=LiveChat'}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"inline-flex items-center gap-1 text-sm font-bold tracking-[-0.04em]\"\n                >\n                  {mergedText.learnMore}\n                  <svg className=\"size-[18px]\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n                  </svg>\n                </a>\n              )}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\n/**\n * \u521B\u5EFA\u4FC3\u9500\u6D3B\u52A8\u5217\u8868\u6E32\u67D3\u5668\n */\nexport const PromotionListRenderer: MessageRenderer = {\n  render: (content, isUser, isSystem) => {\n    if (content.type !== 'promotion_list' || !content.data) {\n      return null\n    }\n\n    return <PromotionList data={content.data as PromotionListData} isUser={isUser} isSystem={isSystem} />\n  },\n}\n"],
+  "mappings": "AAoHc,cAAAA,EAaA,QAAAC,MAbA,oBA5Gd,OAAS,uBAAAC,MAA2B,kBA0DpC,MAAMC,EAAcC,GACL,IAAI,KAAKA,CAAO,EACjB,mBAAmB,QAAS,CACtC,KAAM,UACN,MAAO,QACP,IAAK,SACP,CAAC,EAwBUC,EAA8C,CAAC,CAAE,KAAAC,EAAM,OAAAC,EAAS,GAAO,SAAAC,EAAW,EAAM,IAAM,CACzG,KAAM,CAAE,MAAAC,EAAO,QAAAC,EAAS,WAAAC,CAAW,EAAIL,EAGjCM,EAAa,CAAE,GAAGV,EAAqB,GAAGS,CAAW,EAE3D,OACEX,EAAC,OAAI,UAAU,YACZ,SAAAU,EAAQ,IAAIG,GAAa,CACxB,MAAMC,EAAYD,EAAU,YAAcA,GAAW,UAAU,WAG/D,OAAKC,EAKHb,EAAC,OAAuB,UAAU,oDAEhC,UAAAD,EAAC,OAAI,UAAU,mDACb,SAAAA,EAAC,OACC,IAAKc,EACL,IAAKD,EAAU,MACf,UAAU,uCACV,QAAQ,OACV,EACF,EAGAZ,EAAC,OACC,UAAU,gEACV,MAAO,CAAE,MAAOY,GAAW,UAAU,eAAgB,EAErD,UAAAZ,EAAC,OAAI,UAAU,OACb,UAAAD,EAAC,MAAG,UAAU,qDAAsD,SAAAa,EAAU,MAAM,EACnFA,EAAU,UACTb,EAAC,KAAE,UAAU,qDAAsD,SAAAa,EAAU,SAAS,GAE1F,EAGCA,EAAU,KACTZ,EAAC,KACC,KAAMY,EAAU,IAAM,gBACtB,OAAO,SACP,IAAI,sBACJ,UAAU,sEAET,UAAAD,EAAW,UACZZ,EAAC,OAAI,UAAU,cAAc,KAAK,OAAO,OAAO,eAAe,QAAQ,YACrE,SAAAA,EAAC,QAAK,cAAc,QAAQ,eAAe,QAAQ,YAAa,EAAG,EAAE,eAAe,EACtF,GACF,GAEJ,IArCQa,EAAU,EAsCpB,EA1CO,IA4CX,CAAC,EACH,CAEJ,EAKaE,EAAyC,CACpD,OAAQ,CAACC,EAAST,EAAQC,IACpBQ,EAAQ,OAAS,kBAAoB,CAACA,EAAQ,KACzC,KAGFhB,EAACK,EAAA,CAAc,KAAMW,EAAQ,KAA2B,OAAQT,EAAQ,SAAUC,EAAU,CAEvG",
   "names": ["jsx", "jsxs", "DEFAULT_COMMON_TEXT", "formatDate", "dateStr", "PromotionList", "data", "isUser", "isSystem", "found", "results", "commonText", "mergedText", "promotion", "bannerUrl", "PromotionListRenderer", "content"]
 }

package/dist/esm/components/LiveChatWidget/components/MessageList.js CHANGED Viewed

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

package/dist/esm/components/LiveChatWidget/components/MessageList.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/LiveChatWidget/components/MessageList.tsx"],
-  "sourcesContent": ["/**\n * \u6D88\u606F\u5217\u8868\u7EC4\u4EF6\n * \u663E\u793A\u6240\u6709\u804A\u5929\u6D88\u606F\uFF0C\u652F\u6301\u6EDA\u52A8\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u6D88\u606F\u5217\u8868\u8BBE\u8BA1\n */\n\nimport React, { useRef, useEffect, useState, useCallback } from 'react'\nimport type { Message, MessageRenderer } from '../types'\nimport { ChatMessage } from './ChatMessage'\nimport { ScrollAnchor } from './ScrollAnchor'\nimport { MessageRendererRegistry } from '../utils/messageRenderers'\n\nexport interface MessageListProps {\n  /**\n   * \u6D88\u606F\u5217\u8868\n   */\n  messages: Message[]\n\n  /**\n   * \u81EA\u5B9A\u4E49\u6E32\u67D3\u5668\u6CE8\u518C\u8868\n   */\n  rendererRegistry?: MessageRendererRegistry\n\n  /**\n   * \u9ED8\u8BA4\u6E32\u67D3\u5668\n   */\n  defaultRenderer?: MessageRenderer\n\n  /**\n   * \u662F\u5426\u663E\u793A\u65F6\u95F4\u6233\n   * @default true\n   */\n  showTimestamp?: boolean\n\n  /**\n   * \u662F\u5426\u81EA\u52A8\u6EDA\u52A8\u5230\u5E95\u90E8\n   * @default true\n   */\n  autoScroll?: boolean\n\n  /**\n   * \u662F\u5426\u6B63\u5728\u52A0\u8F7D\u5386\u53F2\u6D88\u606F\n   * @default false\n   */\n  isLoadingHistory?: boolean\n\n  /**\n   * \u7A7A\u72B6\u6001\u5360\u4F4D\u5185\u5BB9\n   */\n  emptyPlaceholder?: React.ReactNode\n\n  /**\n   * \u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D\n   */\n  className?: string\n\n  /**\n   * \u5546\u54C1\u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\u56DE\u8C03\n   */\n  onAddToCart?: (product: any) => void\n}\n\n/**\n * \u9ED8\u8BA4\u7A7A\u72B6\u6001\u5360\u4F4D\n */\nconst DefaultEmptyPlaceholder: React.FC = () => (\n  <div className=\"flex h-full items-center justify-center text-gray-400\">\n    <p className=\"text-sm\">No messages yet</p>\n  </div>\n)\n\n/**\n * \u52A0\u8F7D\u6307\u793A\u5668\n */\nconst LoadingIndicator: React.FC = () => (\n  <div className=\"flex justify-center py-4\">\n    <div className=\"flex gap-1\">\n      <div className=\"size-2 animate-bounce rounded-full bg-gray-400\" />\n      <div className=\"size-2 animate-bounce rounded-full bg-gray-400\" style={{ animationDelay: '0.1s' }} />\n      <div className=\"size-2 animate-bounce rounded-full bg-gray-400\" style={{ animationDelay: '0.2s' }} />\n    </div>\n  </div>\n)\n\n/**\n * \u6D88\u606F\u5217\u8868\u7EC4\u4EF6\n *\n * \u529F\u80FD\uFF1A\n * - \u663E\u793A\u6240\u6709\u6D88\u606F\uFF08\u7528\u6237\u3001\u52A9\u624B\u3001\u7CFB\u7EDF\uFF09\n * - \u81EA\u52A8\u6EDA\u52A8\u5230\u6700\u65B0\u6D88\u606F\n * - \u52A0\u8F7D\u5386\u53F2\u6D88\u606F\u65F6\u663E\u793A\u6307\u793A\u5668\n * - \u7A7A\u72B6\u6001\u5360\u4F4D\n *\n * \u6837\u5F0F\uFF1A\n * - \u4F7F\u7528\u81EA\u5B9A\u4E49\u6EDA\u52A8\u6761\u6837\u5F0F\uFF08livechat.css\uFF09\n * - \u5185\u5BB9\u95F4\u8DDD\u5408\u7406\n * - \u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\n *\n * @example\n * ```tsx\n * <MessageList\n *   messages={messages}\n *   rendererRegistry={customRegistry}\n *   autoScroll={true}\n *   isLoadingHistory={isLoading}\n * />\n * ```\n */\nexport const MessageList: React.FC<MessageListProps> = ({\n  messages,\n  rendererRegistry,\n  defaultRenderer,\n  showTimestamp = true,\n  autoScroll = true,\n  isLoadingHistory = false,\n  emptyPlaceholder,\n  className = '',\n  onAddToCart,\n}) => {\n  const listRef = useRef<HTMLDivElement>(null)\n  const [showScrollButton, setShowScrollButton] = useState(false)\n\n  // \u68C0\u67E5\u662F\u5426\u63A5\u8FD1\u5E95\u90E8\n  const isNearBottom = useCallback((threshold = 100) => {\n    const container = listRef.current\n    if (!container) return true\n\n    const { scrollTop, scrollHeight, clientHeight } = container\n    return scrollHeight - scrollTop - clientHeight < threshold\n  }, [])\n\n  // \u5E73\u6ED1\u6EDA\u52A8\u5230\u5E95\u90E8\n  const scrollToBottom = useCallback(() => {\n    const container = listRef.current\n    if (!container) return\n\n    container.scrollTo({\n      top: container.scrollHeight,\n      behavior: 'smooth',\n    })\n  }, [])\n\n  // \u76D1\u542C\u6EDA\u52A8\u4E8B\u4EF6\uFF0C\u63A7\u5236\u6309\u94AE\u663E\u793A\n  useEffect(() => {\n    const container = listRef.current\n    if (!container) return\n\n    const handleScroll = () => {\n      setShowScrollButton(!isNearBottom())\n    }\n\n    // \u521D\u59CB\u68C0\u67E5\n    handleScroll()\n\n    container.addEventListener('scroll', handleScroll, { passive: true })\n    return () => container.removeEventListener('scroll', handleScroll)\n  }, [isNearBottom])\n\n  // \u5F53\u6D88\u606F\u5217\u8868\u53D8\u5316\u65F6\uFF0C\u91CD\u65B0\u68C0\u67E5\u6309\u94AE\u72B6\u6001\uFF08\u4F46\u4E0D\u5728\u81EA\u52A8\u6EDA\u52A8\u65F6\uFF09\n  useEffect(() => {\n    if (autoScroll) return // \u81EA\u52A8\u6EDA\u52A8\u4F1A\u5728\u53E6\u4E00\u4E2A effect \u4E2D\u5904\u7406\n\n    const timeoutId = setTimeout(() => {\n      setShowScrollButton(!isNearBottom())\n    }, 150)\n\n    return () => clearTimeout(timeoutId)\n  }, [messages, autoScroll, isNearBottom])\n\n  // \u76D1\u542C\u6D88\u606F\u5217\u8868\u53D8\u5316\uFF0C\u81EA\u52A8\u6EDA\u52A8\n  useEffect(() => {\n    if (!autoScroll || !listRef.current) return\n\n    // \u5EF6\u8FDF\u6EDA\u52A8\u4EE5\u786E\u4FDD DOM \u5DF2\u66F4\u65B0\n    const timeoutId = setTimeout(() => {\n      if (listRef.current) {\n        listRef.current.scrollTop = listRef.current.scrollHeight\n        // \u81EA\u52A8\u6EDA\u52A8\u5230\u5E95\u90E8\u540E\uFF0C\u9690\u85CF\u6309\u94AE\n        setShowScrollButton(false)\n      }\n    }, 100)\n\n    return () => clearTimeout(timeoutId)\n  }, [messages, autoScroll])\n\n  // \u7A7A\u72B6\u6001\n  if (messages.length === 0 && !isLoadingHistory) {\n    return (\n      <div className={`flex-1 overflow-hidden ${className}`}>{emptyPlaceholder || <DefaultEmptyPlaceholder />}</div>\n    )\n  }\n\n  return (\n    <div className=\"relative flex-1 overflow-hidden\">\n      <div\n        ref={listRef}\n        className={`\n          livechat-message-list absolute inset-0 overflow-y-auto p-4\n          ${className}\n        `}\n      >\n        {/* \u52A0\u8F7D\u5386\u53F2\u6D88\u606F\u6307\u793A\u5668 */}\n        {isLoadingHistory && <LoadingIndicator />}\n\n        {/* \u6D88\u606F\u5217\u8868 */}\n        <div className=\"flex flex-col gap-1\">\n          {messages.map(message => (\n            <ChatMessage\n              key={message.id}\n              message={message}\n              rendererRegistry={rendererRegistry}\n              defaultRenderer={defaultRenderer}\n              showTimestamp={showTimestamp}\n              onAddToCart={onAddToCart}\n            />\n          ))}\n        </div>\n\n        {/* \u6EDA\u52A8\u951A\u70B9 */}\n        {autoScroll && <ScrollAnchor dependencies={[messages]} />}\n      </div>\n\n      {/* \u56DE\u5230\u5E95\u90E8\u6309\u94AE */}\n      <button\n        onClick={scrollToBottom}\n        className={`flex -translate-x-1/2 items-center justify-center ${showScrollButton ? '' : 'pointer-events-none'}`}\n        style={{\n          position: 'absolute',\n          bottom: '24px',\n          left: '50%',\n          zIndex: 10,\n          width: '40px',\n          height: '40px',\n          borderRadius: '50%',\n          backgroundColor: 'rgba(255, 255, 255, 0.95)',\n          boxShadow: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n          transition: 'all 300ms ease-in-out',\n          opacity: showScrollButton ? 1 : 0,\n          cursor: 'pointer',\n          border: 'none',\n        }}\n        aria-label=\"Scroll to bottom\"\n        aria-hidden={!showScrollButton}\n      >\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          className=\"text-gray-700\"\n        >\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </button>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useRef", "useEffect", "useState", "useCallback", "ChatMessage", "ScrollAnchor", "DefaultEmptyPlaceholder", "LoadingIndicator", "MessageList", "messages", "rendererRegistry", "defaultRenderer", "showTimestamp", "autoScroll", "isLoadingHistory", "emptyPlaceholder", "className", "onAddToCart", "listRef", "showScrollButton", "setShowScrollButton", "isNearBottom", "threshold", "container", "scrollTop", "scrollHeight", "clientHeight", "scrollToBottom", "handleScroll", "timeoutId", "message"]
+  "sourcesContent": ["/**\n * \u6D88\u606F\u5217\u8868\u7EC4\u4EF6\n * \u663E\u793A\u6240\u6709\u804A\u5929\u6D88\u606F\uFF0C\u652F\u6301\u6EDA\u52A8\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u6D88\u606F\u5217\u8868\u8BBE\u8BA1\n */\n\nimport React, { useRef, useEffect, useState, useCallback } from 'react'\nimport type { Message, MessageRenderer } from '../types'\nimport { ChatMessage } from './ChatMessage'\nimport { ScrollAnchor } from './ScrollAnchor'\nimport { MessageRendererRegistry } from '../utils/messageRenderers'\n\nexport interface MessageListProps {\n  /**\n   * \u6D88\u606F\u5217\u8868\n   */\n  messages: Message[]\n\n  /**\n   * \u81EA\u5B9A\u4E49\u6E32\u67D3\u5668\u6CE8\u518C\u8868\n   */\n  rendererRegistry?: MessageRendererRegistry\n\n  /**\n   * \u9ED8\u8BA4\u6E32\u67D3\u5668\n   */\n  defaultRenderer?: MessageRenderer\n\n  /**\n   * \u662F\u5426\u663E\u793A\u65F6\u95F4\u6233\n   * @default true\n   */\n  showTimestamp?: boolean\n\n  /**\n   * \u662F\u5426\u81EA\u52A8\u6EDA\u52A8\u5230\u5E95\u90E8\n   * @default true\n   */\n  autoScroll?: boolean\n\n  /**\n   * \u662F\u5426\u6B63\u5728\u52A0\u8F7D\u5386\u53F2\u6D88\u606F\n   * @default false\n   */\n  isLoadingHistory?: boolean\n\n  /**\n   * \u7A7A\u72B6\u6001\u5360\u4F4D\u5185\u5BB9\n   */\n  emptyPlaceholder?: React.ReactNode\n\n  /**\n   * \u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D\n   */\n  className?: string\n\n  /**\n   * \u5546\u54C1\u6DFB\u52A0\u5230\u8D2D\u7269\u8F66\u56DE\u8C03\n   */\n  onAddToCart?: (product: any) => void\n}\n\n/**\n * \u9ED8\u8BA4\u7A7A\u72B6\u6001\u5360\u4F4D\n */\nconst DefaultEmptyPlaceholder: React.FC = () => (\n  <div className=\"flex h-full items-center justify-center text-gray-400\">\n    <p className=\"text-sm\">No messages yet</p>\n  </div>\n)\n\n/**\n * \u52A0\u8F7D\u6307\u793A\u5668\n */\nconst LoadingIndicator: React.FC = () => (\n  <div className=\"flex justify-center py-4\">\n    <div className=\"flex gap-1\">\n      <div className=\"size-2 animate-bounce rounded-full bg-gray-400\" />\n      <div className=\"size-2 animate-bounce rounded-full bg-gray-400\" style={{ animationDelay: '0.1s' }} />\n      <div className=\"size-2 animate-bounce rounded-full bg-gray-400\" style={{ animationDelay: '0.2s' }} />\n    </div>\n  </div>\n)\n\n/**\n * \u6D88\u606F\u5217\u8868\u7EC4\u4EF6\n *\n * \u529F\u80FD\uFF1A\n * - \u663E\u793A\u6240\u6709\u6D88\u606F\uFF08\u7528\u6237\u3001\u52A9\u624B\u3001\u7CFB\u7EDF\uFF09\n * - \u81EA\u52A8\u6EDA\u52A8\u5230\u6700\u65B0\u6D88\u606F\n * - \u52A0\u8F7D\u5386\u53F2\u6D88\u606F\u65F6\u663E\u793A\u6307\u793A\u5668\n * - \u7A7A\u72B6\u6001\u5360\u4F4D\n *\n * \u6837\u5F0F\uFF1A\n * - \u4F7F\u7528\u81EA\u5B9A\u4E49\u6EDA\u52A8\u6761\u6837\u5F0F\uFF08livechat.css\uFF09\n * - \u5185\u5BB9\u95F4\u8DDD\u5408\u7406\n * - \u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\n *\n * @example\n * ```tsx\n * <MessageList\n *   messages={messages}\n *   rendererRegistry={customRegistry}\n *   autoScroll={true}\n *   isLoadingHistory={isLoading}\n * />\n * ```\n */\nexport const MessageList: React.FC<MessageListProps> = ({\n  messages,\n  rendererRegistry,\n  defaultRenderer,\n  showTimestamp = true,\n  autoScroll = true,\n  isLoadingHistory = false,\n  emptyPlaceholder,\n  className = '',\n  onAddToCart,\n}) => {\n  // \u4F7F\u7528 callback ref + state \u786E\u4FDD DOM \u6302\u8F7D\u540E\u89E6\u53D1\u91CD\u65B0\u6E32\u67D3\n  const [listElement, setListElement] = useState<HTMLDivElement | null>(null)\n  const listRef = useCallback((node: HTMLDivElement | null) => {\n    setListElement(node)\n  }, [])\n  const [showScrollButton, setShowScrollButton] = useState(false)\n\n  // \u68C0\u67E5\u662F\u5426\u63A5\u8FD1\u5E95\u90E8\n  const isNearBottom = useCallback(\n    (threshold = 100) => {\n      if (!listElement) return true\n\n      const { scrollTop, scrollHeight, clientHeight } = listElement\n      return scrollHeight - scrollTop - clientHeight < threshold\n    },\n    [listElement]\n  )\n\n  // \u5E73\u6ED1\u6EDA\u52A8\u5230\u5E95\u90E8\n  const scrollToBottom = useCallback(() => {\n    if (!listElement) return\n\n    listElement.scrollTo({\n      top: listElement.scrollHeight,\n      behavior: 'smooth',\n    })\n  }, [listElement])\n\n  // \u76D1\u542C\u6EDA\u52A8\u4E8B\u4EF6\uFF0C\u63A7\u5236\u6309\u94AE\u663E\u793A\n  useEffect(() => {\n    if (!listElement) return\n\n    const handleScroll = () => {\n      setShowScrollButton(!isNearBottom())\n    }\n\n    // \u521D\u59CB\u68C0\u67E5\n    handleScroll()\n\n    listElement.addEventListener('scroll', handleScroll, { passive: true })\n    return () => listElement.removeEventListener('scroll', handleScroll)\n  }, [listElement, isNearBottom])\n\n  // \u5F53\u6D88\u606F\u5217\u8868\u53D8\u5316\u65F6\uFF0C\u91CD\u65B0\u68C0\u67E5\u6309\u94AE\u72B6\u6001\uFF08\u4F46\u4E0D\u5728\u81EA\u52A8\u6EDA\u52A8\u65F6\uFF09\n  useEffect(() => {\n    if (autoScroll) return // \u81EA\u52A8\u6EDA\u52A8\u4F1A\u5728\u53E6\u4E00\u4E2A effect \u4E2D\u5904\u7406\n\n    const timeoutId = setTimeout(() => {\n      setShowScrollButton(!isNearBottom())\n    }, 150)\n\n    return () => clearTimeout(timeoutId)\n  }, [messages, autoScroll, isNearBottom])\n\n  // \u76D1\u542C\u6D88\u606F\u5217\u8868\u53D8\u5316\uFF0C\u81EA\u52A8\u6EDA\u52A8\n  useEffect(() => {\n    if (!autoScroll || !listElement) return\n\n    // \u5EF6\u8FDF\u6EDA\u52A8\u4EE5\u786E\u4FDD DOM \u5DF2\u66F4\u65B0\n    const timeoutId = setTimeout(() => {\n      if (listElement) {\n        listElement.scrollTop = listElement.scrollHeight\n        // \u81EA\u52A8\u6EDA\u52A8\u5230\u5E95\u90E8\u540E\uFF0C\u9690\u85CF\u6309\u94AE\n        setShowScrollButton(false)\n      }\n    }, 100)\n\n    return () => clearTimeout(timeoutId)\n  }, [messages, autoScroll, listElement])\n\n  // \u7A7A\u72B6\u6001 + \u52A0\u8F7D\u4E2D\n  if (messages.length === 0) {\n    if (isLoadingHistory) {\n      // \u52A0\u8F7D\u4E2D\uFF0C\u663E\u793A loading\n      return (\n        <div className={`flex flex-1 items-center justify-center overflow-hidden ${className}`}>\n          <LoadingIndicator />\n        </div>\n      )\n    }\n    // \u7A7A\u72B6\u6001\n    return (\n      <div className={`flex-1 overflow-hidden ${className}`}>{emptyPlaceholder || <DefaultEmptyPlaceholder />}</div>\n    )\n  }\n\n  return (\n    <div className=\"relative flex-1 overflow-hidden\">\n      <div\n        ref={listRef}\n        className={`\n          livechat-message-list absolute inset-0 overflow-y-auto p-4\n          ${className}\n        `}\n      >\n        {/* \u6D88\u606F\u5217\u8868 */}\n        <div className=\"flex flex-col gap-1\">\n          {messages.map(message => (\n            <ChatMessage\n              key={message.id}\n              message={message}\n              rendererRegistry={rendererRegistry}\n              defaultRenderer={defaultRenderer}\n              showTimestamp={showTimestamp}\n              onAddToCart={onAddToCart}\n            />\n          ))}\n        </div>\n\n        {/* \u6EDA\u52A8\u951A\u70B9 */}\n        {autoScroll && <ScrollAnchor dependencies={[messages]} />}\n      </div>\n\n      {/* \u56DE\u5230\u5E95\u90E8\u6309\u94AE */}\n      <button\n        onClick={scrollToBottom}\n        className={`livechat-scroll-to-bottom ${showScrollButton ? 'visible' : 'hidden'}`}\n        aria-label=\"Scroll to bottom\"\n        aria-hidden={!showScrollButton}\n      >\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          className=\"text-gray-700\"\n        >\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </button>\n    </div>\n  )\n}\n"],
+  "mappings": "AAmEI,cAAAA,EASA,QAAAC,MATA,oBA7DJ,OAAwB,aAAAC,EAAW,YAAAC,EAAU,eAAAC,MAAmB,QAEhE,OAAS,eAAAC,MAAmB,gBAC5B,OAAS,gBAAAC,MAAoB,iBAwD7B,MAAMC,EAAoC,IACxCP,EAAC,OAAI,UAAU,wDACb,SAAAA,EAAC,KAAE,UAAU,UAAU,2BAAe,EACxC,EAMIQ,EAA6B,IACjCR,EAAC,OAAI,UAAU,2BACb,SAAAC,EAAC,OAAI,UAAU,aACb,UAAAD,EAAC,OAAI,UAAU,iDAAiD,EAChEA,EAAC,OAAI,UAAU,iDAAiD,MAAO,CAAE,eAAgB,MAAO,EAAG,EACnGA,EAAC,OAAI,UAAU,iDAAiD,MAAO,CAAE,eAAgB,MAAO,EAAG,GACrG,EACF,EA2BWS,EAA0C,CAAC,CACtD,SAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,cAAAC,EAAgB,GAChB,WAAAC,EAAa,GACb,iBAAAC,EAAmB,GACnB,iBAAAC,EACA,UAAAC,EAAY,GACZ,YAAAC,CACF,IAAM,CAEJ,KAAM,CAACC,EAAaC,CAAc,EAAIjB,EAAgC,IAAI,EACpEkB,EAAUjB,EAAakB,GAAgC,CAC3DF,EAAeE,CAAI,CACrB,EAAG,CAAC,CAAC,EACC,CAACC,EAAkBC,CAAmB,EAAIrB,EAAS,EAAK,EAGxDsB,EAAerB,EACnB,CAACsB,EAAY,MAAQ,CACnB,GAAI,CAACP,EAAa,MAAO,GAEzB,KAAM,CAAE,UAAAQ,EAAW,aAAAC,EAAc,aAAAC,CAAa,EAAIV,EAClD,OAAOS,EAAeD,EAAYE,EAAeH,CACnD,EACA,CAACP,CAAW,CACd,EAGMW,EAAiB1B,EAAY,IAAM,CAClCe,GAELA,EAAY,SAAS,CACnB,IAAKA,EAAY,aACjB,SAAU,QACZ,CAAC,CACH,EAAG,CAACA,CAAW,CAAC,EA6ChB,OA1CAjB,EAAU,IAAM,CACd,GAAI,CAACiB,EAAa,OAElB,MAAMY,EAAe,IAAM,CACzBP,EAAoB,CAACC,EAAa,CAAC,CACrC,EAGA,OAAAM,EAAa,EAEbZ,EAAY,iBAAiB,SAAUY,EAAc,CAAE,QAAS,EAAK,CAAC,EAC/D,IAAMZ,EAAY,oBAAoB,SAAUY,CAAY,CACrE,EAAG,CAACZ,EAAaM,CAAY,CAAC,EAG9BvB,EAAU,IAAM,CACd,GAAIY,EAAY,OAEhB,MAAMkB,EAAY,WAAW,IAAM,CACjCR,EAAoB,CAACC,EAAa,CAAC,CACrC,EAAG,GAAG,EAEN,MAAO,IAAM,aAAaO,CAAS,CACrC,EAAG,CAACtB,EAAUI,EAAYW,CAAY,CAAC,EAGvCvB,EAAU,IAAM,CACd,GAAI,CAACY,GAAc,CAACK,EAAa,OAGjC,MAAMa,EAAY,WAAW,IAAM,CAC7Bb,IACFA,EAAY,UAAYA,EAAY,aAEpCK,EAAoB,EAAK,EAE7B,EAAG,GAAG,EAEN,MAAO,IAAM,aAAaQ,CAAS,CACrC,EAAG,CAACtB,EAAUI,EAAYK,CAAW,CAAC,EAGlCT,EAAS,SAAW,EAClBK,EAGAf,EAAC,OAAI,UAAW,2DAA2DiB,CAAS,GAClF,SAAAjB,EAACQ,EAAA,EAAiB,EACpB,EAKFR,EAAC,OAAI,UAAW,0BAA0BiB,CAAS,GAAK,SAAAD,GAAoBhB,EAACO,EAAA,EAAwB,EAAG,EAK1GN,EAAC,OAAI,UAAU,kCACb,UAAAA,EAAC,OACC,IAAKoB,EACL,UAAW;AAAA;AAAA,YAEPJ,CAAS;AAAA,UAIb,UAAAjB,EAAC,OAAI,UAAU,sBACZ,SAAAU,EAAS,IAAIuB,GACZjC,EAACK,EAAA,CAEC,QAAS4B,EACT,iBAAkBtB,EAClB,gBAAiBC,EACjB,cAAeC,EACf,YAAaK,GALRe,EAAQ,EAMf,CACD,EACH,EAGCnB,GAAcd,EAACM,EAAA,CAAa,aAAc,CAACI,CAAQ,EAAG,GACzD,EAGAV,EAAC,UACC,QAAS8B,EACT,UAAW,6BAA6BP,EAAmB,UAAY,QAAQ,GAC/E,aAAW,mBACX,cAAa,CAACA,EAEd,SAAAvB,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QACf,UAAU,gBAEV,SAAAA,EAAC,YAAS,OAAO,iBAAiB,EACpC,EACF,GACF,CAEJ",
+  "names": ["jsx", "jsxs", "useEffect", "useState", "useCallback", "ChatMessage", "ScrollAnchor", "DefaultEmptyPlaceholder", "LoadingIndicator", "MessageList", "messages", "rendererRegistry", "defaultRenderer", "showTimestamp", "autoScroll", "isLoadingHistory", "emptyPlaceholder", "className", "onAddToCart", "listElement", "setListElement", "listRef", "node", "showScrollButton", "setShowScrollButton", "isNearBottom", "threshold", "scrollTop", "scrollHeight", "clientHeight", "scrollToBottom", "handleScroll", "timeoutId", "message"]
 }

package/dist/esm/components/LiveChatWidget/hooks/useChatState.d.ts CHANGED Viewed

@@ -54,8 +54,9 @@ export interface UseChatStateOptions {
     onProductList?: () => void;
     /**
      * AI 回复促销卡片时触发
+     * @param promotions 促销活动数组数据
      */
-    onPromotionList?: () => void;
+    onPromotionList?: (promotions: any[]) => void;
     /**
      * 商品添加到购物车回调
      */