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

@anker-in/campaign-ui 0.3.2 → 0.3.4

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 (229) hide show

package/dist/cjs/components/LiveChatWidget/components/ChatMessage.js CHANGED Viewed

@@ -1,5 +1,5 @@
-"use strict";var c=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var R=(e,t)=>{for(var r in t)c(e,r,{get:t[r],enumerable:!0})},b=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of v(t))!w.call(e,o)&&o!==r&&c(e,o,{get:()=>t[o],enumerable:!(a=x(t,o))||a.enumerable});return e};var C=e=>b(c({},"__esModule",{value:!0}),e);var N={};R(N,{ChatMessage:()=>h});module.exports=C(N);var s=require("react/jsx-runtime"),d=require("./MessageContent");function M(e){const t=new Date(e),r=t.getHours().toString().padStart(2,"0"),a=t.getMinutes().toString().padStart(2,"0");return`${r}:${a}`}const h=({message:e,rendererRegistry:t,defaultRenderer:r,showTimestamp:a=!0,className:o="",onAddToCart:p})=>{const i=e.role==="user",S=e.role==="assistant",f=e.role==="system",y=e.role==="tool";if(f)return(0,s.jsx)("div",{className:`flex justify-center py-2 ${o}`,children:(0,s.jsx)("div",{className:"max-w-xs rounded-lg border border-yellow-200 bg-yellow-50 px-4 py-2",children:e.content.map((n,l)=>(0,s.jsx)(d.MessageContent,{content:n,isUser:!1,isSystem:!0,rendererRegistry:t,defaultRenderer:r},l))})});if(y)return null;const u=["product_list","product_comparison","faq_list","promotion_list","cart"],m=e.content.filter(n=>!u.includes(n.type)),g=e.content.filter(n=>u.includes(n.type));return(0,s.jsx)("div",{className:`flex ${i?"justify-end":"justify-start"} py-2 ${o}`,children:(0,s.jsxs)("div",{className:"flex w-fit max-w-full flex-col gap-2",children:[m.length>0&&(0,s.jsx)("div",{className:`w-full min-w-0 overflow-hidden rounded-2xl px-4 py-2 ${i?"rounded-br-sm text-white":"rounded-bl-sm  text-[#1D1D1F]"}`,style:{backgroundColor:i?"#005D8E":"#F5F6F7"},children:(0,s.jsx)("div",{className:"flex w-full min-w-0 flex-col gap-2",children:m.map((n,l)=>(0,s.jsx)(d.MessageContent,{content:n,isUser:i,isSystem:!1,rendererRegistry:t,defaultRenderer:r,onAddToCart:p},l))})}),g.map((n,l)=>(0,s.jsx)("div",{className:"w-full",children:(0,s.jsx)(d.MessageContent,{content:n,isUser:i,isSystem:!1,rendererRegistry:t,defaultRenderer:r,onAddToCart:p})},`standalone-${l}`)),a&&(0,s.jsx)("span",{className:`
+"use strict";var R=Object.create;var d=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var N=(e,t)=>{for(var s in t)d(e,s,{get:t[s],enumerable:!0})},g=(e,t,s,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of M(t))!b.call(e,o)&&o!==s&&d(e,o,{get:()=>t[o],enumerable:!(a=w(t,o))||a.enumerable});return e};var S=(e,t,s)=>(s=e!=null?R(h(e)):{},g(t||!e||!e.__esModule?d(s,"default",{value:e,enumerable:!0}):s,e)),$=e=>g(d({},"__esModule",{value:!0}),e);var _={};N(_,{ChatMessage:()=>F});module.exports=$(_);var r=require("react/jsx-runtime"),c=require("./MessageContent"),f=S(require("classnames"));function T(e){const t=new Date(e),s=t.getHours().toString().padStart(2,"0"),a=t.getMinutes().toString().padStart(2,"0");return`${s}:${a}`}const F=({message:e,rendererRegistry:t,defaultRenderer:s,showTimestamp:a=!0,className:o="",onAddToCart:m})=>{const i=e.role==="user",k=e.role==="assistant",x=e.role==="system",v=e.role==="tool";if(x)return(0,r.jsx)("div",{className:`flex justify-center py-2 ${o}`,children:(0,r.jsx)("div",{className:"",children:e.content.map((n,l)=>(0,r.jsx)(c.MessageContent,{content:n,isUser:!1,isSystem:!0,rendererRegistry:t,defaultRenderer:s},l))})});if(v)return null;const u=["product_list","product_comparison","faq_list","promotion_list","cart"],p=e.content.filter(n=>!u.includes(n.type)),C=e.content.filter(n=>u.includes(n.type)),y=p.some(n=>n.type==="product_card");return(0,r.jsx)("div",{className:`flex ${i?"justify-end":"justify-start"} py-2 ${o}`,children:(0,r.jsxs)("div",{className:"flex w-fit max-w-full flex-col gap-2",children:[p.length>0&&(0,r.jsx)("div",{className:(0,f.default)("w-fit min-w-0 overflow-hidden rounded-2xl ",i?"text-white":"text-[#1D1D1F]",y?"p-4":"p-3"),style:{backgroundColor:i?"#005D8E":"#F5F6F7"},children:(0,r.jsx)("div",{className:(0,f.default)("flex w-full min-w-0 flex-col",y?"gap-0":"gap-2"),children:p.map((n,l)=>(0,r.jsx)(c.MessageContent,{content:n,isUser:i,isSystem:!1,rendererRegistry:t,defaultRenderer:s,onAddToCart:m},l))})}),C.map((n,l)=>(0,r.jsx)("div",{className:"w-full",children:(0,r.jsx)(c.MessageContent,{content:n,isUser:i,isSystem:!1,rendererRegistry:t,defaultRenderer:s,onAddToCart:m})},`standalone-${l}`)),a&&(0,r.jsx)("span",{className:`
               px-2 text-xs text-gray-400
               ${i?"text-right":"text-left"}
-            `,children:M(e.timestamp)})]})})};
+            `,children:T(e.timestamp)})]})})};
 //# sourceMappingURL=ChatMessage.js.map

package/dist/cjs/components/LiveChatWidget/components/ChatMessage.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/LiveChatWidget/components/ChatMessage.tsx"],
-  "sourcesContent": ["/**\n * \u5355\u6761\u804A\u5929\u6D88\u606F\u7EC4\u4EF6\n * \u663E\u793A\u6D88\u606F\u6C14\u6CE1\u3001\u53D1\u9001\u8005\u3001\u65F6\u95F4\u6233\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u6D88\u606F\u5C55\u793A\u8BBE\u8BA1\n */\n\nimport React from 'react'\nimport type { Message, MessageRenderer } from '../types'\nimport { MessageContent } from './MessageContent'\nimport { MessageRendererRegistry } from '../utils/messageRenderers'\n\nexport interface ChatMessageProps {\n  /**\n   * \u6D88\u606F\u6570\u636E\n   */\n  message: 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   * \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 * \u683C\u5F0F\u5316\u65F6\u95F4\u6233\u4E3A\u53EF\u8BFB\u683C\u5F0F\n * @param timestamp Unix \u65F6\u95F4\u6233\uFF08\u6BEB\u79D2\uFF09\n * @returns \u683C\u5F0F\u5316\u540E\u7684\u65F6\u95F4\u5B57\u7B26\u4E32 (\u5982 \"14:30\")\n */\nfunction formatTimestamp(timestamp: number): string {\n  const date = new Date(timestamp)\n  const hours = date.getHours().toString().padStart(2, '0')\n  const minutes = date.getMinutes().toString().padStart(2, '0')\n  return `${hours}:${minutes}`\n}\n\n/**\n * \u5355\u6761\u804A\u5929\u6D88\u606F\u7EC4\u4EF6\n *\n * \u529F\u80FD\uFF1A\n * - \u663E\u793A\u6D88\u606F\u6C14\u6CE1\uFF08\u7528\u6237 vs AI \u52A9\u624B\u4E0D\u540C\u6837\u5F0F\uFF09\n * - \u652F\u6301\u591A\u4E2A content \u5757\uFF08\u4E00\u6761\u6D88\u606F\u53EF\u5305\u542B\u591A\u79CD\u5185\u5BB9\u7C7B\u578B\uFF09\n * - \u663E\u793A\u65F6\u95F4\u6233\n * - \u7CFB\u7EDF\u6D88\u606F\u5C45\u4E2D\u663E\u793A\n *\n * \u6837\u5F0F\u89C4\u5219\uFF1A\n * - \u7528\u6237\u6D88\u606F\uFF1A\u53F3\u5BF9\u9F50\uFF0C\u7070\u8272\u80CC\u666F\n * - AI \u52A9\u624B\u6D88\u606F\uFF1A\u5DE6\u5BF9\u9F50\uFF0C\u767D\u8272\u80CC\u666F\n * - \u7CFB\u7EDF\u6D88\u606F\uFF1A\u5C45\u4E2D\uFF0C\u9EC4\u8272\u80CC\u666F\n *\n * @example\n * ```tsx\n * <ChatMessage\n *   message={message}\n *   rendererRegistry={customRegistry}\n *   showTimestamp={true}\n * />\n * ```\n */\nexport const ChatMessage: React.FC<ChatMessageProps> = ({\n  message,\n  rendererRegistry,\n  defaultRenderer,\n  showTimestamp = true,\n  className = '',\n  onAddToCart,\n}) => {\n  const isUser = message.role === 'user'\n  const isAssistant = message.role === 'assistant'\n  const isSystem = message.role === 'system'\n  const isTool = message.role === 'tool'\n\n  // \u7CFB\u7EDF\u6D88\u606F\u7279\u6B8A\u5904\u7406\uFF08\u5C45\u4E2D\u663E\u793A\uFF09\n  if (isSystem) {\n    return (\n      <div className={`flex justify-center py-2 ${className}`}>\n        <div className=\"max-w-xs rounded-lg border border-yellow-200 bg-yellow-50 px-4 py-2\">\n          {message.content.map((content, index) => (\n            <MessageContent\n              key={index}\n              content={content}\n              isUser={false}\n              isSystem={true}\n              rendererRegistry={rendererRegistry}\n              defaultRenderer={defaultRenderer}\n            />\n          ))}\n        </div>\n      </div>\n    )\n  }\n\n  // \u5DE5\u5177\u6D88\u606F\uFF08\u901A\u5E38\u4E0D\u663E\u793A\uFF0C\u6216\u663E\u793A\u4E3A\u7CFB\u7EDF\u6D88\u606F\uFF09\n  if (isTool) {\n    return null\n  }\n\n  // \u5206\u79BB\u5185\u5BB9\u7C7B\u578B\uFF1A\u9700\u8981\u72EC\u7ACB\u6E32\u67D3\u7684\u7ED3\u6784\u5316\u5185\u5BB9\n  const structuredContentTypes = ['product_list', 'product_comparison', 'faq_list', 'promotion_list', 'cart']\n\n  // \u5C06\u5185\u5BB9\u5206\u4E3A\u4E24\u7EC4\uFF1A\u6C14\u6CE1\u5185\u5BB9 \u548C \u72EC\u7ACB\u5185\u5BB9\n  const bubbleContent = message.content.filter(c => !structuredContentTypes.includes(c.type))\n  const standaloneContent = message.content.filter(c => structuredContentTypes.includes(c.type))\n\n  // \u7528\u6237/\u52A9\u624B\u6D88\u606F\n  return (\n    <div className={`flex ${isUser ? 'justify-end' : 'justify-start'} py-2 ${className}`}>\n      <div className=\"flex w-fit max-w-full flex-col gap-2\">\n        {/* \u6D88\u606F\u6C14\u6CE1\uFF08\u4EC5\u5305\u542B\u6587\u672C\u548C\u5FEB\u6377\u56DE\u590D\u7B49\uFF09 */}\n        {bubbleContent.length > 0 && (\n          <div\n            className={`w-full min-w-0 overflow-hidden rounded-2xl px-4 py-2 ${isUser ? 'rounded-br-sm text-white' : 'rounded-bl-sm  text-[#1D1D1F]'}`}\n            style={{\n              backgroundColor: isUser ? '#005D8E' : '#F5F6F7',\n            }}\n          >\n            {/* \u6E32\u67D3\u6C14\u6CE1\u5185\u7684\u5185\u5BB9\u5757 */}\n            <div className=\"flex w-full min-w-0 flex-col gap-2\">\n              {bubbleContent.map((content, index) => (\n                <MessageContent\n                  key={index}\n                  content={content}\n                  isUser={isUser}\n                  isSystem={false}\n                  rendererRegistry={rendererRegistry}\n                  defaultRenderer={defaultRenderer}\n                  onAddToCart={onAddToCart}\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* \u72EC\u7ACB\u6E32\u67D3\u7684\u7ED3\u6784\u5316\u5185\u5BB9\uFF08\u4E0D\u5728\u6C14\u6CE1\u5185\uFF09 */}\n        {standaloneContent.map((content, index) => (\n          <div key={`standalone-${index}`} className=\"w-full\">\n            <MessageContent\n              content={content}\n              isUser={isUser}\n              isSystem={false}\n              rendererRegistry={rendererRegistry}\n              defaultRenderer={defaultRenderer}\n              onAddToCart={onAddToCart}\n            />\n          </div>\n        ))}\n\n        {/* \u65F6\u95F4\u6233 */}\n        {showTimestamp && (\n          <span\n            className={`\n              px-2 text-xs text-gray-400\n              ${isUser ? 'text-right' : 'text-left'}\n            `}\n          >\n            {formatTimestamp(message.timestamp)}\n          </span>\n        )}\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,IAAA,eAAAC,EAAAH,GAkGY,IAAAI,EAAA,6BA1FZC,EAA+B,4BAyC/B,SAASC,EAAgBC,EAA2B,CAClD,MAAMC,EAAO,IAAI,KAAKD,CAAS,EACzBE,EAAQD,EAAK,SAAS,EAAE,SAAS,EAAE,SAAS,EAAG,GAAG,EAClDE,EAAUF,EAAK,WAAW,EAAE,SAAS,EAAE,SAAS,EAAG,GAAG,EAC5D,MAAO,GAAGC,CAAK,IAAIC,CAAO,EAC5B,CAyBO,MAAMR,EAA0C,CAAC,CACtD,QAAAS,EACA,iBAAAC,EACA,gBAAAC,EACA,cAAAC,EAAgB,GAChB,UAAAC,EAAY,GACZ,YAAAC,CACF,IAAM,CACJ,MAAMC,EAASN,EAAQ,OAAS,OAC1BO,EAAcP,EAAQ,OAAS,YAC/BQ,EAAWR,EAAQ,OAAS,SAC5BS,EAAST,EAAQ,OAAS,OAGhC,GAAIQ,EACF,SACE,OAAC,OAAI,UAAW,4BAA4BJ,CAAS,GACnD,mBAAC,OAAI,UAAU,sEACZ,SAAAJ,EAAQ,QAAQ,IAAI,CAACU,EAASC,OAC7B,OAAC,kBAEC,QAASD,EACT,OAAQ,GACR,SAAU,GACV,iBAAkBT,EAClB,gBAAiBC,GALZS,CAMP,CACD,EACH,EACF,EAKJ,GAAIF,EACF,OAAO,KAIT,MAAMG,EAAyB,CAAC,eAAgB,qBAAsB,WAAY,iBAAkB,MAAM,EAGpGC,EAAgBb,EAAQ,QAAQ,OAAOc,GAAK,CAACF,EAAuB,SAASE,EAAE,IAAI,CAAC,EACpFC,EAAoBf,EAAQ,QAAQ,OAAOc,GAAKF,EAAuB,SAASE,EAAE,IAAI,CAAC,EAG7F,SACE,OAAC,OAAI,UAAW,QAAQR,EAAS,cAAgB,eAAe,SAASF,CAAS,GAChF,oBAAC,OAAI,UAAU,uCAEZ,UAAAS,EAAc,OAAS,MACtB,OAAC,OACC,UAAW,wDAAwDP,EAAS,2BAA6B,+BAA+B,GACxI,MAAO,CACL,gBAAiBA,EAAS,UAAY,SACxC,EAGA,mBAAC,OAAI,UAAU,qCACZ,SAAAO,EAAc,IAAI,CAACH,EAASC,OAC3B,OAAC,kBAEC,QAASD,EACT,OAAQJ,EACR,SAAU,GACV,iBAAkBL,EAClB,gBAAiBC,EACjB,YAAaG,GANRM,CAOP,CACD,EACH,EACF,EAIDI,EAAkB,IAAI,CAACL,EAASC,OAC/B,OAAC,OAAgC,UAAU,SACzC,mBAAC,kBACC,QAASD,EACT,OAAQJ,EACR,SAAU,GACV,iBAAkBL,EAClB,gBAAiBC,EACjB,YAAaG,EACf,GARQ,cAAcM,CAAK,EAS7B,CACD,EAGAR,MACC,OAAC,QACC,UAAW;AAAA;AAAA,gBAEPG,EAAS,aAAe,WAAW;AAAA,cAGtC,SAAAX,EAAgBK,EAAQ,SAAS,EACpC,GAEJ,EACF,CAEJ",
-  "names": ["ChatMessage_exports", "__export", "ChatMessage", "__toCommonJS", "import_jsx_runtime", "import_MessageContent", "formatTimestamp", "timestamp", "date", "hours", "minutes", "message", "rendererRegistry", "defaultRenderer", "showTimestamp", "className", "onAddToCart", "isUser", "isAssistant", "isSystem", "isTool", "content", "index", "structuredContentTypes", "bubbleContent", "c", "standaloneContent"]
+  "sourcesContent": ["/**\n * \u5355\u6761\u804A\u5929\u6D88\u606F\u7EC4\u4EF6\n * \u663E\u793A\u6D88\u606F\u6C14\u6CE1\u3001\u53D1\u9001\u8005\u3001\u65F6\u95F4\u6233\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u6D88\u606F\u5C55\u793A\u8BBE\u8BA1\n */\n\nimport React from 'react'\nimport type { Message, MessageRenderer } from '../types'\nimport { MessageContent } from './MessageContent'\nimport { MessageRendererRegistry } from '../utils/messageRenderers'\nimport cn from 'classnames'\nexport interface ChatMessageProps {\n  /**\n   * \u6D88\u606F\u6570\u636E\n   */\n  message: 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   * \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 * \u683C\u5F0F\u5316\u65F6\u95F4\u6233\u4E3A\u53EF\u8BFB\u683C\u5F0F\n * @param timestamp Unix \u65F6\u95F4\u6233\uFF08\u6BEB\u79D2\uFF09\n * @returns \u683C\u5F0F\u5316\u540E\u7684\u65F6\u95F4\u5B57\u7B26\u4E32 (\u5982 \"14:30\")\n */\nfunction formatTimestamp(timestamp: number): string {\n  const date = new Date(timestamp)\n  const hours = date.getHours().toString().padStart(2, '0')\n  const minutes = date.getMinutes().toString().padStart(2, '0')\n  return `${hours}:${minutes}`\n}\n\n/**\n * \u5355\u6761\u804A\u5929\u6D88\u606F\u7EC4\u4EF6\n *\n * \u529F\u80FD\uFF1A\n * - \u663E\u793A\u6D88\u606F\u6C14\u6CE1\uFF08\u7528\u6237 vs AI \u52A9\u624B\u4E0D\u540C\u6837\u5F0F\uFF09\n * - \u652F\u6301\u591A\u4E2A content \u5757\uFF08\u4E00\u6761\u6D88\u606F\u53EF\u5305\u542B\u591A\u79CD\u5185\u5BB9\u7C7B\u578B\uFF09\n * - \u663E\u793A\u65F6\u95F4\u6233\n * - \u7CFB\u7EDF\u6D88\u606F\u5C45\u4E2D\u663E\u793A\n *\n * \u6837\u5F0F\u89C4\u5219\uFF1A\n * - \u7528\u6237\u6D88\u606F\uFF1A\u53F3\u5BF9\u9F50\uFF0C\u7070\u8272\u80CC\u666F\n * - AI \u52A9\u624B\u6D88\u606F\uFF1A\u5DE6\u5BF9\u9F50\uFF0C\u767D\u8272\u80CC\u666F\n * - \u7CFB\u7EDF\u6D88\u606F\uFF1A\u5C45\u4E2D\uFF0C\u9EC4\u8272\u80CC\u666F\n *\n * @example\n * ```tsx\n * <ChatMessage\n *   message={message}\n *   rendererRegistry={customRegistry}\n *   showTimestamp={true}\n * />\n * ```\n */\nexport const ChatMessage: React.FC<ChatMessageProps> = ({\n  message,\n  rendererRegistry,\n  defaultRenderer,\n  showTimestamp = true,\n  className = '',\n  onAddToCart,\n}) => {\n  const isUser = message.role === 'user'\n  const isAssistant = message.role === 'assistant'\n  const isSystem = message.role === 'system'\n  const isTool = message.role === 'tool'\n\n  // \u7CFB\u7EDF\u6D88\u606F\u7279\u6B8A\u5904\u7406\uFF08\u5C45\u4E2D\u663E\u793A\uFF09\n  if (isSystem) {\n    return (\n      <div className={`flex justify-center py-2 ${className}`}>\n        <div className=\"\">\n          {message.content.map((content, index) => (\n            <MessageContent\n              key={index}\n              content={content}\n              isUser={false}\n              isSystem={true}\n              rendererRegistry={rendererRegistry}\n              defaultRenderer={defaultRenderer}\n            />\n          ))}\n        </div>\n      </div>\n    )\n  }\n\n  // \u5DE5\u5177\u6D88\u606F\uFF08\u901A\u5E38\u4E0D\u663E\u793A\uFF0C\u6216\u663E\u793A\u4E3A\u7CFB\u7EDF\u6D88\u606F\uFF09\n  if (isTool) {\n    return null\n  }\n\n  // \u5206\u79BB\u5185\u5BB9\u7C7B\u578B\uFF1A\u9700\u8981\u72EC\u7ACB\u6E32\u67D3\u7684\u7ED3\u6784\u5316\u5185\u5BB9\n  // \u6CE8\u610F\uFF1Aproduct_card \u4E0D\u5728\u6B64\u5217\u8868\u4E2D\uFF0C\u5B83\u4F1A\u5728\u6C14\u6CE1\u5185\u6E32\u67D3\n  const structuredContentTypes = ['product_list', 'product_comparison', 'faq_list', 'promotion_list', 'cart']\n\n  // \u5C06\u5185\u5BB9\u5206\u4E3A\u4E24\u7EC4\uFF1A\u6C14\u6CE1\u5185\u5BB9 \u548C \u72EC\u7ACB\u5185\u5BB9\n  const bubbleContent = message.content.filter(c => !structuredContentTypes.includes(c.type))\n  const standaloneContent = message.content.filter(c => structuredContentTypes.includes(c.type))\n  const isBubbleProductCard = bubbleContent.some(c => c.type === 'product_card')\n  // \u7528\u6237/\u52A9\u624B\u6D88\u606F\n  return (\n    <div className={`flex ${isUser ? 'justify-end' : 'justify-start'} py-2 ${className}`}>\n      <div className=\"flex w-fit max-w-full flex-col gap-2\">\n        {/* \u6D88\u606F\u6C14\u6CE1\uFF08\u5305\u542B\u6587\u672C\u548C\u4EA7\u54C1\u5361\u7247\uFF0C\u6309\u539F\u59CB\u987A\u5E8F\uFF09 */}\n        {bubbleContent.length > 0 && (\n          <div\n            className={cn(\n              'w-fit min-w-0 overflow-hidden rounded-2xl ',\n              isUser ? 'text-white' : 'text-[#1D1D1F]',\n              isBubbleProductCard ? 'p-4' : 'p-3'\n            )}\n            style={{\n              backgroundColor: isUser ? '#005D8E' : '#F5F6F7',\n            }}\n          >\n            {/* \u6309\u539F\u59CB\u987A\u5E8F\u6E32\u67D3\u6C14\u6CE1\u5185\u7684\u6240\u6709\u5185\u5BB9\uFF08text \u548C product_card \u4EA4\u66FF\uFF09 */}\n            <div className={cn(\n              'flex w-full min-w-0 flex-col',\n              isBubbleProductCard ?'gap-0':'gap-2'\n            )}>\n              {bubbleContent.map((content, index) => (\n                <MessageContent\n                  key={index}\n                  content={content}\n                  isUser={isUser}\n                  isSystem={false}\n                  rendererRegistry={rendererRegistry}\n                  defaultRenderer={defaultRenderer}\n                  onAddToCart={onAddToCart}\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* \u72EC\u7ACB\u6E32\u67D3\u7684\u7ED3\u6784\u5316\u5185\u5BB9\uFF08\u4E0D\u5728\u6C14\u6CE1\u5185\uFF09 */}\n        {standaloneContent.map((content, index) => (\n          <div key={`standalone-${index}`} className=\"w-full\">\n            <MessageContent\n              content={content}\n              isUser={isUser}\n              isSystem={false}\n              rendererRegistry={rendererRegistry}\n              defaultRenderer={defaultRenderer}\n              onAddToCart={onAddToCart}\n            />\n          </div>\n        ))}\n\n        {/* \u65F6\u95F4\u6233 */}\n        {showTimestamp && (\n          <span\n            className={`\n              px-2 text-xs text-gray-400\n              ${isUser ? 'text-right' : 'text-left'}\n            `}\n          >\n            {formatTimestamp(message.timestamp)}\n          </span>\n        )}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,IAAA,eAAAC,EAAAH,GAkGY,IAAAI,EAAA,6BA1FZC,EAA+B,4BAE/BC,EAAe,yBAuCf,SAASC,EAAgBC,EAA2B,CAClD,MAAMC,EAAO,IAAI,KAAKD,CAAS,EACzBE,EAAQD,EAAK,SAAS,EAAE,SAAS,EAAE,SAAS,EAAG,GAAG,EAClDE,EAAUF,EAAK,WAAW,EAAE,SAAS,EAAE,SAAS,EAAG,GAAG,EAC5D,MAAO,GAAGC,CAAK,IAAIC,CAAO,EAC5B,CAyBO,MAAMT,EAA0C,CAAC,CACtD,QAAAU,EACA,iBAAAC,EACA,gBAAAC,EACA,cAAAC,EAAgB,GAChB,UAAAC,EAAY,GACZ,YAAAC,CACF,IAAM,CACJ,MAAMC,EAASN,EAAQ,OAAS,OAC1BO,EAAcP,EAAQ,OAAS,YAC/BQ,EAAWR,EAAQ,OAAS,SAC5BS,EAAST,EAAQ,OAAS,OAGhC,GAAIQ,EACF,SACE,OAAC,OAAI,UAAW,4BAA4BJ,CAAS,GACnD,mBAAC,OAAI,UAAU,GACZ,SAAAJ,EAAQ,QAAQ,IAAI,CAACU,EAASC,OAC7B,OAAC,kBAEC,QAASD,EACT,OAAQ,GACR,SAAU,GACV,iBAAkBT,EAClB,gBAAiBC,GALZS,CAMP,CACD,EACH,EACF,EAKJ,GAAIF,EACF,OAAO,KAKT,MAAMG,EAAyB,CAAC,eAAgB,qBAAsB,WAAY,iBAAkB,MAAM,EAGpGC,EAAgBb,EAAQ,QAAQ,OAAOc,GAAK,CAACF,EAAuB,SAASE,EAAE,IAAI,CAAC,EACpFC,EAAoBf,EAAQ,QAAQ,OAAOc,GAAKF,EAAuB,SAASE,EAAE,IAAI,CAAC,EACvFE,EAAsBH,EAAc,KAAKC,GAAKA,EAAE,OAAS,cAAc,EAE7E,SACE,OAAC,OAAI,UAAW,QAAQR,EAAS,cAAgB,eAAe,SAASF,CAAS,GAChF,oBAAC,OAAI,UAAU,uCAEZ,UAAAS,EAAc,OAAS,MACtB,OAAC,OACC,aAAW,EAAAI,SACT,6CACAX,EAAS,aAAe,iBACxBU,EAAsB,MAAQ,KAChC,EACA,MAAO,CACL,gBAAiBV,EAAS,UAAY,SACxC,EAGA,mBAAC,OAAI,aAAW,EAAAW,SACd,+BACAD,EAAqB,QAAQ,OAC/B,EACG,SAAAH,EAAc,IAAI,CAACH,EAASC,OAC3B,OAAC,kBAEC,QAASD,EACT,OAAQJ,EACR,SAAU,GACV,iBAAkBL,EAClB,gBAAiBC,EACjB,YAAaG,GANRM,CAOP,CACD,EACH,EACF,EAIDI,EAAkB,IAAI,CAACL,EAASC,OAC/B,OAAC,OAAgC,UAAU,SACzC,mBAAC,kBACC,QAASD,EACT,OAAQJ,EACR,SAAU,GACV,iBAAkBL,EAClB,gBAAiBC,EACjB,YAAaG,EACf,GARQ,cAAcM,CAAK,EAS7B,CACD,EAGAR,MACC,OAAC,QACC,UAAW;AAAA;AAAA,gBAEPG,EAAS,aAAe,WAAW;AAAA,cAGtC,SAAAX,EAAgBK,EAAQ,SAAS,EACpC,GAEJ,EACF,CAEJ",
+  "names": ["ChatMessage_exports", "__export", "ChatMessage", "__toCommonJS", "import_jsx_runtime", "import_MessageContent", "import_classnames", "formatTimestamp", "timestamp", "date", "hours", "minutes", "message", "rendererRegistry", "defaultRenderer", "showTimestamp", "className", "onAddToCart", "isUser", "isAssistant", "isSystem", "isTool", "content", "index", "structuredContentTypes", "bubbleContent", "c", "standaloneContent", "isBubbleProductCard", "cn"]
 }

package/dist/cjs/components/LiveChatWidget/components/ChatWindow.d.ts CHANGED Viewed

@@ -84,6 +84,11 @@ export interface ChatWindowProps {
      * @default true
      */
     showNewSessionButton?: boolean;
+    /**
+     * 输入框底部提示文本
+     * 不传入则不显示
+     */
+    bottomTips?: string;
 }
 /**
  * 聊天窗口容器组件

package/dist/cjs/components/LiveChatWidget/components/ChatWindow.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var u=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var U=Object.getOwnPropertyNames;var F=Object.prototype.hasOwnProperty;var V=(o,t)=>{for(var i in t)u(o,i,{get:t[i],enumerable:!0})},j=(o,t,i,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of U(t))!F.call(o,s)&&s!==i&&u(o,s,{get:()=>t[s],enumerable:!(d=B(t,s))||d.enumerable});return o};var q=o=>j(u({},"__esModule",{value:!0}),o);var J={};V(J,{ChatWindow:()=>G});module.exports=q(J);var r=require("react/jsx-runtime"),n=require("react"),b=require("./ChatHeader"),E=require("./MessageList"),M=require("./ChatInput");const G=({messages:o,inputValue:t,onInputChange:i,onSend:d,onClose:s,onNewSession:y,title:C,logoUrl:S,isSending:L=!1,isLoadingHistory:x=!1,showTimestamp:D=!0,autoScroll:H=!0,rendererRegistry:T,defaultRenderer:Y,inputPlaceholder:N,className:P="",onAddToCart:W,showNewSessionButton:A=!0})=>{const[h,I]=(0,n.useState)(375),[g,m]=(0,n.useState)(!1),v=(0,n.useRef)(0),f=(0,n.useRef)(375),c=(0,n.useRef)(null),[p,k]=(0,n.useState)(()=>typeof window<"u"?window.innerWidth<768:!1);(0,n.useEffect)(()=>{const e=()=>{k(window.innerWidth<768)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const w=e=>{if(!p)return;m(!0);const a="touches"in e?e.touches[0].clientY:e.clientY;v.current=a,f.current=h,e.preventDefault()};return(0,n.useEffect)(()=>{if(!g)return;const e=l=>{const z="touches"in l?l.touches[0].clientY:l.clientY,$=v.current-z,R=Math.max(375,Math.min(window.innerHeight*.9,f.current+$));I(R),c.current&&c.current.style.setProperty("--livechat-mobile-height",`${R}px`)},a=()=>{m(!1)};return document.addEventListener("mousemove",e),document.addEventListener("mouseup",a),document.addEventListener("touchmove",e,{passive:!1}),document.addEventListener("touchend",a),()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",a),document.removeEventListener("touchmove",e),document.removeEventListener("touchend",a)}},[g]),(0,r.jsxs)("div",{ref:c,className:`livechat-window flex flex-col overflow-hidden bg-white ${P}`,style:{borderRadius:"16px","--livechat-mobile-height":`${h}px`},children:[p&&(0,r.jsx)("div",{className:"flex cursor-ns-resize items-center justify-center",style:{touchAction:"none",backgroundColor:"#ffffff",paddingTop:"8px"},onMouseDown:w,onTouchStart:w,children:(0,r.jsx)("div",{style:{width:"64px",height:"6px",borderRadius:"999px",backgroundColor:"#DADCE0"}})}),(0,r.jsx)(b.ChatHeader,{title:C,logoUrl:S,onClose:s,onNewSession:y,showNewSessionButton:A}),(0,r.jsx)(E.MessageList,{messages:o,rendererRegistry:T,defaultRenderer:Y,showTimestamp:D,autoScroll:H,isLoadingHistory:x,onAddToCart:W}),(0,r.jsx)(M.ChatInput,{value:t,onChange:i,onSend:d,placeholder:N,disabled:L})]})};
+"use strict";var f=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var V=Object.prototype.hasOwnProperty;var j=(i,o)=>{for(var d in o)f(i,d,{get:o[d],enumerable:!0})},q=(i,o,d,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of $(o))!V.call(i,a)&&a!==d&&f(i,a,{get:()=>o[a],enumerable:!(l=X(o,a))||l.enumerable});return i};var J=i=>q(f({},"__esModule",{value:!0}),i);var Q={};j(Q,{ChatWindow:()=>K});module.exports=J(Q);var s=require("react/jsx-runtime"),n=require("react"),I=require("./ChatHeader"),b=require("./MessageList"),M=require("./ChatInput");const K=({messages:i,inputValue:o,onInputChange:d,onSend:l,onClose:a,onNewSession:L,title:y,logoUrl:A,isSending:C=!1,isLoadingHistory:_=!1,showTimestamp:x=!0,autoScroll:D=!0,rendererRegistry:S,defaultRenderer:G,inputPlaceholder:N,className:U="",onAddToCart:Y,showNewSessionButton:F=!0,bottomTips:O})=>{const H=(0,n.useCallback)(()=>typeof window>"u"?{minHeight:680,maxHeight:680}:{minHeight:window.innerHeight*.4,maxHeight:window.innerHeight*.8},[.4,.8,680]),c=(0,n.useCallback)(e=>{const{minHeight:t,maxHeight:r}=H();return Math.max(t,Math.min(r,e))},[H]),p=()=>typeof window>"u"?680:c(680),[u,P]=(0,n.useState)(p),[v,w]=(0,n.useState)(!1),E=(0,n.useRef)(0),T=(0,n.useRef)(p()),m=(0,n.useRef)(null),g=(0,n.useCallback)(e=>{const t=c(e);return P(t),m.current&&m.current.style.setProperty("--livechat-mobile-height",`${t}px`),t},[c]),[h,W]=(0,n.useState)(()=>typeof window<"u"?window.innerWidth<768:!1);(0,n.useEffect)(()=>{const e=()=>{const t=window.innerWidth<768;if(W(t),t){const r=c(u);r!==u&&g(r)}};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[u,c,g]);const R=e=>{if(!h)return;w(!0);const t="touches"in e?e.touches[0].clientY:e.clientY;E.current=t,T.current=u,e.preventDefault()};return(0,n.useEffect)(()=>{if(!v)return;const e=r=>{const z="touches"in r?r.touches[0].clientY:r.clientY,B=E.current-z,k=T.current+B;g(k)},t=()=>{w(!1)};return document.addEventListener("mousemove",e),document.addEventListener("mouseup",t),document.addEventListener("touchmove",e,{passive:!1}),document.addEventListener("touchend",t),()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",t),document.removeEventListener("touchmove",e),document.removeEventListener("touchend",t)}},[v,g]),(0,s.jsxs)("div",{ref:m,className:`livechat-window flex flex-col overflow-hidden bg-white ${U}`,style:{borderRadius:"16px",borderBottomLeftRadius:h&&"0px",borderBottomRightRadius:h&&"0px","--livechat-mobile-height":`${u}px`},children:[h&&(0,s.jsx)("div",{className:"flex cursor-ns-resize items-center justify-center py-2",style:{touchAction:"none",backgroundColor:"#ffffff"},onMouseDown:R,onTouchStart:R,children:(0,s.jsx)("div",{style:{width:"48px",height:"6px",borderRadius:"999px",backgroundColor:"#DADCE0"}})}),(0,s.jsx)(I.ChatHeader,{title:y,logoUrl:A,onClose:a,onNewSession:L,showNewSessionButton:F}),(0,s.jsx)(b.MessageList,{messages:i,rendererRegistry:S,defaultRenderer:G,showTimestamp:x,autoScroll:D,isLoadingHistory:_,onAddToCart:Y}),(0,s.jsx)(M.ChatInput,{value:o,onChange:d,onSend:l,placeholder:N,disabled:C,bottomTips:O})]})};
 //# sourceMappingURL=ChatWindow.js.map

package/dist/cjs/components/LiveChatWidget/components/ChatWindow.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/LiveChatWidget/components/ChatWindow.tsx"],
-  "sourcesContent": ["/**\n * \u804A\u5929\u7A97\u53E3\u5BB9\u5668\u7EC4\u4EF6\n * \u5305\u542B\u5934\u90E8\u3001\u6D88\u606F\u5217\u8868\u3001\u8F93\u5165\u6846\u7684\u5B8C\u6574\u804A\u5929\u754C\u9762\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u7A97\u53E3\u8BBE\u8BA1\n */\n\nimport React, { useState, useRef, useEffect } from 'react'\nimport type { Message, MessageRenderer } from '../types'\nimport { ChatHeader } from './ChatHeader'\nimport { MessageList } from './MessageList'\nimport { ChatInput } from './ChatInput'\nimport { MessageRendererRegistry } from '../utils/messageRenderers'\n\nexport interface ChatWindowProps {\n  /**\n   * \u6D88\u606F\u5217\u8868\n   */\n  messages: Message[]\n\n  /**\n   * \u8F93\u5165\u6846\u5F53\u524D\u503C\n   */\n  inputValue: string\n\n  /**\n   * \u8F93\u5165\u6846\u503C\u53D8\u5316\u56DE\u8C03\n   */\n  onInputChange: (value: string) => void\n\n  /**\n   * \u53D1\u9001\u6D88\u606F\u56DE\u8C03\n   */\n  onSend: () => void\n\n  /**\n   * \u5173\u95ED\u7A97\u53E3\u56DE\u8C03\n   */\n  onClose?: () => void\n\n  /**\n   * \u65B0\u4F1A\u8BDD\u56DE\u8C03\n   */\n  onNewSession?: () => void\n\n  /**\n   * \u5934\u90E8\u6807\u9898\n   */\n  title?: string\n\n  /**\n   * Logo URL\n   */\n  logoUrl?: string\n\n  /**\n   * \u662F\u5426\u6B63\u5728\u53D1\u9001\u6D88\u606F\n   * @default false\n   */\n  isSending?: boolean\n\n  /**\n   * \u662F\u5426\u6B63\u5728\u52A0\u8F7D\u5386\u53F2\u6D88\u606F\n   * @default false\n   */\n  isLoadingHistory?: boolean\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\n   * @default true\n   */\n  autoScroll?: boolean\n\n  /**\n   * \u81EA\u5B9A\u4E49\u6E32\u67D3\u5668\u6CE8\u518C\u8868\n   */\n  rendererRegistry?: MessageRendererRegistry\n\n  /**\n   * \u9ED8\u8BA4\u6E32\u67D3\u5668\n   */\n  defaultRenderer?: MessageRenderer\n\n  /**\n   * \u8F93\u5165\u6846\u5360\u4F4D\u7B26\n   */\n  inputPlaceholder?: string\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   * \u662F\u5426\u663E\u793A\u65B0\u4F1A\u8BDD\u6309\u94AE\n   * @default true\n   */\n  showNewSessionButton?: boolean\n}\n\n/**\n * \u804A\u5929\u7A97\u53E3\u5BB9\u5668\u7EC4\u4EF6\n *\n * \u529F\u80FD\uFF1A\n * - \u7EC4\u5408\u5934\u90E8\u3001\u6D88\u606F\u5217\u8868\u3001\u8F93\u5165\u6846\n * - \u54CD\u5E94\u5F0F\u5E03\u5C40\uFF08\u79FB\u52A8\u7AEF\u5168\u5C4F\uFF0C\u684C\u9762\u7AEF\u56FA\u5B9A\u5C3A\u5BF8\uFF09\n * - \u52A8\u753B\u8FDB\u5165/\u9000\u51FA\u6548\u679C\n *\n * \u5E03\u5C40\u7ED3\u6784\uFF1A\n * ```\n * \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n * \u2502  ChatHeader         \u2502 (\u56FA\u5B9A\u9876\u90E8)\n * \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n * \u2502  MessageList        \u2502 (\u53EF\u6EDA\u52A8\u533A\u57DF)\n * \u2502  (flex-1)           \u2502\n * \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n * \u2502  ChatInput          \u2502 (\u56FA\u5B9A\u5E95\u90E8)\n * \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n * ```\n *\n * \u54CD\u5E94\u5F0F\u8BBE\u8BA1\uFF1A\n * - \u79FB\u52A8\u7AEF (< 768px): \u5168\u5C4F\u663E\u793A\n * - \u5E73\u677F\u53CA\u4EE5\u4E0A (>= 768px): \u56FA\u5B9A\u5C3A\u5BF8\u5F39\u7A97\n *\n * @example\n * ```tsx\n * <ChatWindow\n *   messages={messages}\n *   inputValue={inputValue}\n *   onInputChange={setInputValue}\n *   onSend={handleSend}\n *   onClose={() => setIsOpen(false)}\n *   onNewSession={handleNewSession}\n *   isSending={isStreaming}\n *   title=\"AI \u52A9\u624B\"\n *   logoUrl=\"/logo.png\"\n * />\n * ```\n */\nexport const ChatWindow: React.FC<ChatWindowProps> = ({\n  messages,\n  inputValue,\n  onInputChange,\n  onSend,\n  onClose,\n  onNewSession,\n  title,\n  logoUrl,\n  isSending = false,\n  isLoadingHistory = false,\n  showTimestamp = true,\n  autoScroll = true,\n  rendererRegistry,\n  defaultRenderer,\n  inputPlaceholder,\n  className = '',\n  onAddToCart,\n  showNewSessionButton = true,\n}) => {\n  // \u79FB\u52A8\u7AEF\u9AD8\u5EA6\u8C03\u8282\u72B6\u6001\uFF08\u9ED8\u8BA4375px\uFF09\n  const [mobileHeight, setMobileHeight] = useState(375)\n  const [isDragging, setIsDragging] = useState(false)\n  const dragStartY = useRef(0)\n  const dragStartHeight = useRef(375)\n  const windowRef = useRef<HTMLDivElement>(null)\n\n  // \u68C0\u6D4B\u662F\u5426\u4E3A\u79FB\u52A8\u7AEF\uFF08\u521D\u59CB\u5316\u65F6\u7ACB\u5373\u68C0\u6D4B\uFF09\n  const [isMobile, setIsMobile] = useState(() => {\n    if (typeof window !== 'undefined') {\n      return window.innerWidth < 768\n    }\n    return false\n  })\n\n  useEffect(() => {\n    const checkMobile = () => {\n      setIsMobile(window.innerWidth < 768)\n    }\n    window.addEventListener('resize', checkMobile)\n    return () => window.removeEventListener('resize', checkMobile)\n  }, [])\n\n  // \u62D6\u62FD\u5F00\u59CB\n  const handleDragStart = (e: React.MouseEvent | React.TouchEvent) => {\n    if (!isMobile) return\n\n    setIsDragging(true)\n    const clientY = 'touches' in e ? e.touches[0].clientY : e.clientY\n    dragStartY.current = clientY\n    dragStartHeight.current = mobileHeight\n\n    // \u963B\u6B62\u9ED8\u8BA4\u884C\u4E3A\n    e.preventDefault()\n  }\n\n  // \u62D6\u62FD\u4E2D\n  useEffect(() => {\n    if (!isDragging) return\n\n    const handleDragMove = (e: MouseEvent | TouchEvent) => {\n      const clientY = 'touches' in e ? e.touches[0].clientY : e.clientY\n      const deltaY = dragStartY.current - clientY // \u5411\u4E0A\u62D6\u52A8\u4E3A\u6B63\u503C\n      const newHeight = Math.max(375, Math.min(window.innerHeight * 0.9, dragStartHeight.current + deltaY))\n\n      setMobileHeight(newHeight)\n\n      // \u66F4\u65B0CSS\u53D8\u91CF\n      if (windowRef.current) {\n        windowRef.current.style.setProperty('--livechat-mobile-height', `${newHeight}px`)\n      }\n    }\n\n    const handleDragEnd = () => {\n      setIsDragging(false)\n    }\n\n    document.addEventListener('mousemove', handleDragMove)\n    document.addEventListener('mouseup', handleDragEnd)\n    document.addEventListener('touchmove', handleDragMove, { passive: false })\n    document.addEventListener('touchend', handleDragEnd)\n\n    return () => {\n      document.removeEventListener('mousemove', handleDragMove)\n      document.removeEventListener('mouseup', handleDragEnd)\n      document.removeEventListener('touchmove', handleDragMove)\n      document.removeEventListener('touchend', handleDragEnd)\n    }\n  }, [isDragging])\n\n  return (\n    <div\n      ref={windowRef}\n      className={`livechat-window flex flex-col overflow-hidden bg-white ${className}`}\n      style={\n        {\n          borderRadius: '16px',\n          '--livechat-mobile-height': `${mobileHeight}px`,\n        } as React.CSSProperties\n      }\n    >\n      {/* \u79FB\u52A8\u7AEF\u62D6\u62FD\u624B\u67C4 */}\n      {isMobile && (\n        <div\n          className=\"flex cursor-ns-resize items-center justify-center\"\n          style={{\n            touchAction: 'none',\n            backgroundColor: '#ffffff',\n            paddingTop: '8px',\n          }}\n          onMouseDown={handleDragStart}\n          onTouchStart={handleDragStart}\n        >\n          <div\n            style={{\n              width: '64px',\n              height: '6px',\n              borderRadius: '999px',\n              backgroundColor: '#DADCE0',\n            }}\n          />\n        </div>\n      )}\n\n      {/* \u5934\u90E8 */}\n      <ChatHeader\n        title={title}\n        logoUrl={logoUrl}\n        onClose={onClose}\n        onNewSession={onNewSession}\n        showNewSessionButton={showNewSessionButton}\n      />\n\n      {/* \u6D88\u606F\u5217\u8868\uFF08\u53EF\u6EDA\u52A8\u533A\u57DF\uFF09 */}\n      <MessageList\n        messages={messages}\n        rendererRegistry={rendererRegistry}\n        defaultRenderer={defaultRenderer}\n        showTimestamp={showTimestamp}\n        autoScroll={autoScroll}\n        isLoadingHistory={isLoadingHistory}\n        onAddToCart={onAddToCart}\n      />\n\n      {/* \u8F93\u5165\u6846 */}\n      <ChatInput\n        value={inputValue}\n        onChange={onInputChange}\n        onSend={onSend}\n        placeholder={inputPlaceholder}\n        disabled={isSending}\n      />\n    </div>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAgPI,IAAAI,EAAA,6BA1OJC,EAAmD,iBAEnDC,EAA2B,wBAC3BC,EAA4B,yBAC5BC,EAA0B,uBA2InB,MAAMN,EAAwC,CAAC,CACpD,SAAAO,EACA,WAAAC,EACA,cAAAC,EACA,OAAAC,EACA,QAAAC,EACA,aAAAC,EACA,MAAAC,EACA,QAAAC,EACA,UAAAC,EAAY,GACZ,iBAAAC,EAAmB,GACnB,cAAAC,EAAgB,GAChB,WAAAC,EAAa,GACb,iBAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,UAAAC,EAAY,GACZ,YAAAC,EACA,qBAAAC,EAAuB,EACzB,IAAM,CAEJ,KAAM,CAACC,EAAcC,CAAe,KAAI,YAAS,GAAG,EAC9C,CAACC,EAAYC,CAAa,KAAI,YAAS,EAAK,EAC5CC,KAAa,UAAO,CAAC,EACrBC,KAAkB,UAAO,GAAG,EAC5BC,KAAY,UAAuB,IAAI,EAGvC,CAACC,EAAUC,CAAW,KAAI,YAAS,IACnC,OAAO,OAAW,IACb,OAAO,WAAa,IAEtB,EACR,KAED,aAAU,IAAM,CACd,MAAMC,EAAc,IAAM,CACxBD,EAAY,OAAO,WAAa,GAAG,CACrC,EACA,cAAO,iBAAiB,SAAUC,CAAW,EACtC,IAAM,OAAO,oBAAoB,SAAUA,CAAW,CAC/D,EAAG,CAAC,CAAC,EAGL,MAAMC,EAAmB,GAA2C,CAClE,GAAI,CAACH,EAAU,OAEfJ,EAAc,EAAI,EAClB,MAAMQ,EAAU,YAAa,EAAI,EAAE,QAAQ,CAAC,EAAE,QAAU,EAAE,QAC1DP,EAAW,QAAUO,EACrBN,EAAgB,QAAUL,EAG1B,EAAE,eAAe,CACnB,EAGA,sBAAU,IAAM,CACd,GAAI,CAACE,EAAY,OAEjB,MAAMU,EAAkBC,GAA+B,CACrD,MAAMF,EAAU,YAAaE,EAAIA,EAAE,QAAQ,CAAC,EAAE,QAAUA,EAAE,QACpDC,EAASV,EAAW,QAAUO,EAC9BI,EAAY,KAAK,IAAI,IAAK,KAAK,IAAI,OAAO,YAAc,GAAKV,EAAgB,QAAUS,CAAM,CAAC,EAEpGb,EAAgBc,CAAS,EAGrBT,EAAU,SACZA,EAAU,QAAQ,MAAM,YAAY,2BAA4B,GAAGS,CAAS,IAAI,CAEpF,EAEMC,EAAgB,IAAM,CAC1Bb,EAAc,EAAK,CACrB,EAEA,gBAAS,iBAAiB,YAAaS,CAAc,EACrD,SAAS,iBAAiB,UAAWI,CAAa,EAClD,SAAS,iBAAiB,YAAaJ,EAAgB,CAAE,QAAS,EAAM,CAAC,EACzE,SAAS,iBAAiB,WAAYI,CAAa,EAE5C,IAAM,CACX,SAAS,oBAAoB,YAAaJ,CAAc,EACxD,SAAS,oBAAoB,UAAWI,CAAa,EACrD,SAAS,oBAAoB,YAAaJ,CAAc,EACxD,SAAS,oBAAoB,WAAYI,CAAa,CACxD,CACF,EAAG,CAACd,CAAU,CAAC,KAGb,QAAC,OACC,IAAKI,EACL,UAAW,0DAA0DT,CAAS,GAC9E,MACE,CACE,aAAc,OACd,2BAA4B,GAAGG,CAAY,IAC7C,EAID,UAAAO,MACC,OAAC,OACC,UAAU,oDACV,MAAO,CACL,YAAa,OACb,gBAAiB,UACjB,WAAY,KACd,EACA,YAAaG,EACb,aAAcA,EAEd,mBAAC,OACC,MAAO,CACL,MAAO,OACP,OAAQ,MACR,aAAc,QACd,gBAAiB,SACnB,EACF,EACF,KAIF,OAAC,cACC,MAAOtB,EACP,QAASC,EACT,QAASH,EACT,aAAcC,EACd,qBAAsBY,EACxB,KAGA,OAAC,eACC,SAAUjB,EACV,iBAAkBY,EAClB,gBAAiBC,EACjB,cAAeH,EACf,WAAYC,EACZ,iBAAkBF,EAClB,YAAaO,EACf,KAGA,OAAC,aACC,MAAOf,EACP,SAAUC,EACV,OAAQC,EACR,YAAaW,EACb,SAAUN,EACZ,GACF,CAEJ",
-  "names": ["ChatWindow_exports", "__export", "ChatWindow", "__toCommonJS", "import_jsx_runtime", "import_react", "import_ChatHeader", "import_MessageList", "import_ChatInput", "messages", "inputValue", "onInputChange", "onSend", "onClose", "onNewSession", "title", "logoUrl", "isSending", "isLoadingHistory", "showTimestamp", "autoScroll", "rendererRegistry", "defaultRenderer", "inputPlaceholder", "className", "onAddToCart", "showNewSessionButton", "mobileHeight", "setMobileHeight", "isDragging", "setIsDragging", "dragStartY", "dragStartHeight", "windowRef", "isMobile", "setIsMobile", "checkMobile", "handleDragStart", "clientY", "handleDragMove", "e", "deltaY", "newHeight", "handleDragEnd"]
+  "sourcesContent": ["/**\n * \u804A\u5929\u7A97\u53E3\u5BB9\u5668\u7EC4\u4EF6\n * \u5305\u542B\u5934\u90E8\u3001\u6D88\u606F\u5217\u8868\u3001\u8F93\u5165\u6846\u7684\u5B8C\u6574\u804A\u5929\u754C\u9762\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u7A97\u53E3\u8BBE\u8BA1\n */\n\nimport React, { useState, useRef, useEffect, useCallback } from 'react'\nimport type { Message, MessageRenderer } from '../types'\nimport { ChatHeader } from './ChatHeader'\nimport { MessageList } from './MessageList'\nimport { ChatInput } from './ChatInput'\nimport { MessageRendererRegistry } from '../utils/messageRenderers'\n\nexport interface ChatWindowProps {\n  /**\n   * \u6D88\u606F\u5217\u8868\n   */\n  messages: Message[]\n\n  /**\n   * \u8F93\u5165\u6846\u5F53\u524D\u503C\n   */\n  inputValue: string\n\n  /**\n   * \u8F93\u5165\u6846\u503C\u53D8\u5316\u56DE\u8C03\n   */\n  onInputChange: (value: string) => void\n\n  /**\n   * \u53D1\u9001\u6D88\u606F\u56DE\u8C03\n   */\n  onSend: () => void\n\n  /**\n   * \u5173\u95ED\u7A97\u53E3\u56DE\u8C03\n   */\n  onClose?: () => void\n\n  /**\n   * \u65B0\u4F1A\u8BDD\u56DE\u8C03\n   */\n  onNewSession?: () => void\n\n  /**\n   * \u5934\u90E8\u6807\u9898\n   */\n  title?: string\n\n  /**\n   * Logo URL\n   */\n  logoUrl?: string\n\n  /**\n   * \u662F\u5426\u6B63\u5728\u53D1\u9001\u6D88\u606F\n   * @default false\n   */\n  isSending?: boolean\n\n  /**\n   * \u662F\u5426\u6B63\u5728\u52A0\u8F7D\u5386\u53F2\u6D88\u606F\n   * @default false\n   */\n  isLoadingHistory?: boolean\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\n   * @default true\n   */\n  autoScroll?: boolean\n\n  /**\n   * \u81EA\u5B9A\u4E49\u6E32\u67D3\u5668\u6CE8\u518C\u8868\n   */\n  rendererRegistry?: MessageRendererRegistry\n\n  /**\n   * \u9ED8\u8BA4\u6E32\u67D3\u5668\n   */\n  defaultRenderer?: MessageRenderer\n\n  /**\n   * \u8F93\u5165\u6846\u5360\u4F4D\u7B26\n   */\n  inputPlaceholder?: string\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   * \u662F\u5426\u663E\u793A\u65B0\u4F1A\u8BDD\u6309\u94AE\n   * @default true\n   */\n  showNewSessionButton?: boolean\n\n  /**\n   * \u8F93\u5165\u6846\u5E95\u90E8\u63D0\u793A\u6587\u672C\n   * \u4E0D\u4F20\u5165\u5219\u4E0D\u663E\u793A\n   */\n  bottomTips?: string\n}\n\n/**\n * \u804A\u5929\u7A97\u53E3\u5BB9\u5668\u7EC4\u4EF6\n *\n * \u529F\u80FD\uFF1A\n * - \u7EC4\u5408\u5934\u90E8\u3001\u6D88\u606F\u5217\u8868\u3001\u8F93\u5165\u6846\n * - \u54CD\u5E94\u5F0F\u5E03\u5C40\uFF08\u79FB\u52A8\u7AEF\u5168\u5C4F\uFF0C\u684C\u9762\u7AEF\u56FA\u5B9A\u5C3A\u5BF8\uFF09\n * - \u52A8\u753B\u8FDB\u5165/\u9000\u51FA\u6548\u679C\n *\n * \u5E03\u5C40\u7ED3\u6784\uFF1A\n * ```\n * \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n * \u2502  ChatHeader         \u2502 (\u56FA\u5B9A\u9876\u90E8)\n * \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n * \u2502  MessageList        \u2502 (\u53EF\u6EDA\u52A8\u533A\u57DF)\n * \u2502  (flex-1)           \u2502\n * \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n * \u2502  ChatInput          \u2502 (\u56FA\u5B9A\u5E95\u90E8)\n * \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n * ```\n *\n * \u54CD\u5E94\u5F0F\u8BBE\u8BA1\uFF1A\n * - \u79FB\u52A8\u7AEF (< 768px): \u5168\u5C4F\u663E\u793A\n * - \u5E73\u677F\u53CA\u4EE5\u4E0A (>= 768px): \u56FA\u5B9A\u5C3A\u5BF8\u5F39\u7A97\n *\n * @example\n * ```tsx\n * <ChatWindow\n *   messages={messages}\n *   inputValue={inputValue}\n *   onInputChange={setInputValue}\n *   onSend={handleSend}\n *   onClose={() => setIsOpen(false)}\n *   onNewSession={handleNewSession}\n *   isSending={isStreaming}\n *   title=\"AI \u52A9\u624B\"\n *   logoUrl=\"/logo.png\"\n * />\n * ```\n */\nexport const ChatWindow: React.FC<ChatWindowProps> = ({\n  messages,\n  inputValue,\n  onInputChange,\n  onSend,\n  onClose,\n  onNewSession,\n  title,\n  logoUrl,\n  isSending = false,\n  isLoadingHistory = false,\n  showTimestamp = true,\n  autoScroll = true,\n  rendererRegistry,\n  defaultRenderer,\n  inputPlaceholder,\n  className = '',\n  onAddToCart,\n  showNewSessionButton = true,\n  bottomTips,\n}) => {\n  // \u5E38\u91CF\uFF1A\u9AD8\u5EA6\u9650\u5236\u6BD4\u4F8B\n  const MIN_HEIGHT_RATIO = 0.4 // \u6700\u5C0F40%\n  const MAX_HEIGHT_RATIO = 0.8 // \u6700\u592780%\n  const DEFAULT_HEIGHT = 680 // \u9ED8\u8BA4680px\n\n  // \u83B7\u53D6\u5F53\u524D\u5141\u8BB8\u7684\u9AD8\u5EA6\u8303\u56F4\n  const getHeightConstraints = useCallback(() => {\n    if (typeof window === 'undefined') {\n      return { minHeight: DEFAULT_HEIGHT, maxHeight: DEFAULT_HEIGHT }\n    }\n    return {\n      minHeight: window.innerHeight * MIN_HEIGHT_RATIO,\n      maxHeight: window.innerHeight * MAX_HEIGHT_RATIO,\n    }\n  }, [MIN_HEIGHT_RATIO, MAX_HEIGHT_RATIO, DEFAULT_HEIGHT])\n\n  // \u5C06\u9AD8\u5EA6\u9650\u5236\u5728\u5141\u8BB8\u8303\u56F4\u5185\n  const clampHeight = useCallback(\n    (height: number) => {\n      const { minHeight, maxHeight } = getHeightConstraints()\n      return Math.max(minHeight, Math.min(maxHeight, height))\n    },\n    [getHeightConstraints]\n  )\n\n  // \u8BA1\u7B97\u521D\u59CB\u9AD8\u5EA6\uFF1A\u9ED8\u8BA4680px\uFF0C\u4F46\u9700\u8981\u572830%-80%\u8303\u56F4\u5185\n  const getInitialHeight = () => {\n    if (typeof window === 'undefined') return DEFAULT_HEIGHT\n    return clampHeight(DEFAULT_HEIGHT)\n  }\n\n  // \u79FB\u52A8\u7AEF\u9AD8\u5EA6\u8C03\u8282\u72B6\u6001\uFF08\u9ED8\u8BA4680px\u6216\u5C4F\u5E5580%\uFF0C\u53D6\u8F83\u5C0F\u503C\uFF09\n  const [mobileHeight, setMobileHeight] = useState(getInitialHeight)\n  const [isDragging, setIsDragging] = useState(false)\n  const dragStartY = useRef(0)\n  const dragStartHeight = useRef(getInitialHeight())\n  const windowRef = useRef<HTMLDivElement>(null)\n\n  // \u66F4\u65B0\u9AD8\u5EA6\u5E76\u540C\u6B65CSS\u53D8\u91CF\n  const updateHeight = useCallback(\n    (newHeight: number) => {\n      const clampedHeight = clampHeight(newHeight)\n      setMobileHeight(clampedHeight)\n      // \u540C\u6B65\u66F4\u65B0CSS\u53D8\u91CF\uFF0C\u4F9B livechat.css \u4F7F\u7528\n      if (windowRef.current) {\n        windowRef.current.style.setProperty('--livechat-mobile-height', `${clampedHeight}px`)\n      }\n      return clampedHeight\n    },\n    [clampHeight]\n  )\n\n  // \u68C0\u6D4B\u662F\u5426\u4E3A\u79FB\u52A8\u7AEF\uFF08\u521D\u59CB\u5316\u65F6\u7ACB\u5373\u68C0\u6D4B\uFF09\n  const [isMobile, setIsMobile] = useState(() => {\n    if (typeof window !== 'undefined') {\n      return window.innerWidth < 768\n    }\n    return false\n  })\n\n  useEffect(() => {\n    const handleResize = () => {\n      const newIsMobile = window.innerWidth < 768\n      setIsMobile(newIsMobile)\n\n      // \u5982\u679C\u662F\u79FB\u52A8\u7AEF\uFF0C\u68C0\u67E5\u5F53\u524D\u9AD8\u5EA6\u662F\u5426\u5728\u5141\u8BB8\u8303\u56F4\u5185\n      if (newIsMobile) {\n        const clampedHeight = clampHeight(mobileHeight)\n        if (clampedHeight !== mobileHeight) {\n          updateHeight(clampedHeight)\n        }\n      }\n    }\n\n    window.addEventListener('resize', handleResize)\n    return () => window.removeEventListener('resize', handleResize)\n  }, [mobileHeight, clampHeight, updateHeight])\n\n  // \u62D6\u62FD\u5F00\u59CB\n  const handleDragStart = (e: React.MouseEvent | React.TouchEvent) => {\n    if (!isMobile) return\n\n    setIsDragging(true)\n    const clientY = 'touches' in e ? e.touches[0].clientY : e.clientY\n    dragStartY.current = clientY\n    dragStartHeight.current = mobileHeight\n\n    // \u963B\u6B62\u9ED8\u8BA4\u884C\u4E3A\n    e.preventDefault()\n  }\n\n  // \u62D6\u62FD\u4E2D\n  useEffect(() => {\n    if (!isDragging) return\n\n    const handleDragMove = (e: MouseEvent | TouchEvent) => {\n      const clientY = 'touches' in e ? e.touches[0].clientY : e.clientY\n      const deltaY = dragStartY.current - clientY // \u5411\u4E0A\u62D6\u52A8\u4E3A\u6B63\u503C\n      const newHeight = dragStartHeight.current + deltaY\n\n      updateHeight(newHeight)\n    }\n\n    const handleDragEnd = () => {\n      setIsDragging(false)\n    }\n\n    document.addEventListener('mousemove', handleDragMove)\n    document.addEventListener('mouseup', handleDragEnd)\n    document.addEventListener('touchmove', handleDragMove, { passive: false })\n    document.addEventListener('touchend', handleDragEnd)\n\n    return () => {\n      document.removeEventListener('mousemove', handleDragMove)\n      document.removeEventListener('mouseup', handleDragEnd)\n      document.removeEventListener('touchmove', handleDragMove)\n      document.removeEventListener('touchend', handleDragEnd)\n    }\n  }, [isDragging, updateHeight])\n\n  return (\n    <div\n      ref={windowRef}\n      className={`livechat-window flex flex-col overflow-hidden bg-white ${className}`}\n      style={\n        {\n          borderRadius: '16px',\n          borderBottomLeftRadius: isMobile && '0px',\n          borderBottomRightRadius: isMobile && '0px',\n          '--livechat-mobile-height': `${mobileHeight}px`,\n        } as React.CSSProperties\n      }\n    >\n      {/* \u79FB\u52A8\u7AEF\u62D6\u62FD\u624B\u67C4 */}\n      {isMobile && (\n        <div\n          className=\"flex cursor-ns-resize items-center justify-center py-2\"\n          style={{\n            touchAction: 'none',\n            backgroundColor: '#ffffff',\n          }}\n          onMouseDown={handleDragStart}\n          onTouchStart={handleDragStart}\n        >\n          <div\n            style={{\n              width: '48px',\n              height: '6px',\n              borderRadius: '999px',\n              backgroundColor: '#DADCE0',\n            }}\n          />\n        </div>\n      )}\n\n      {/* \u5934\u90E8 */}\n      <ChatHeader\n        title={title}\n        logoUrl={logoUrl}\n        onClose={onClose}\n        onNewSession={onNewSession}\n        showNewSessionButton={showNewSessionButton}\n      />\n\n      {/* \u6D88\u606F\u5217\u8868\uFF08\u53EF\u6EDA\u52A8\u533A\u57DF\uFF09 */}\n      <MessageList\n        messages={messages}\n        rendererRegistry={rendererRegistry}\n        defaultRenderer={defaultRenderer}\n        showTimestamp={showTimestamp}\n        autoScroll={autoScroll}\n        isLoadingHistory={isLoadingHistory}\n        onAddToCart={onAddToCart}\n      />\n\n      {/* \u8F93\u5165\u6846 */}\n      <ChatInput\n        value={inputValue}\n        onChange={onInputChange}\n        onSend={onSend}\n        placeholder={inputPlaceholder}\n        disabled={isSending}\n        bottomTips={bottomTips}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAySI,IAAAI,EAAA,6BAnSJC,EAAgE,iBAEhEC,EAA2B,wBAC3BC,EAA4B,yBAC5BC,EAA0B,uBAiJnB,MAAMN,EAAwC,CAAC,CACpD,SAAAO,EACA,WAAAC,EACA,cAAAC,EACA,OAAAC,EACA,QAAAC,EACA,aAAAC,EACA,MAAAC,EACA,QAAAC,EACA,UAAAC,EAAY,GACZ,iBAAAC,EAAmB,GACnB,cAAAC,EAAgB,GAChB,WAAAC,EAAa,GACb,iBAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,UAAAC,EAAY,GACZ,YAAAC,EACA,qBAAAC,EAAuB,GACvB,WAAAC,CACF,IAAM,CAOJ,MAAMC,KAAuB,eAAY,IACnC,OAAO,OAAW,IACb,CAAE,UAAW,IAAgB,UAAW,GAAe,EAEzD,CACL,UAAW,OAAO,YAAc,GAChC,UAAW,OAAO,YAAc,EAClC,EACC,CAAC,GAAkB,GAAkB,GAAc,CAAC,EAGjDC,KAAc,eACjBC,GAAmB,CAClB,KAAM,CAAE,UAAAC,EAAW,UAAAC,CAAU,EAAIJ,EAAqB,EACtD,OAAO,KAAK,IAAIG,EAAW,KAAK,IAAIC,EAAWF,CAAM,CAAC,CACxD,EACA,CAACF,CAAoB,CACvB,EAGMK,EAAmB,IACnB,OAAO,OAAW,IAAoB,IACnCJ,EAAY,GAAc,EAI7B,CAACK,EAAcC,CAAe,KAAI,YAASF,CAAgB,EAC3D,CAACG,EAAYC,CAAa,KAAI,YAAS,EAAK,EAC5CC,KAAa,UAAO,CAAC,EACrBC,KAAkB,UAAON,EAAiB,CAAC,EAC3CO,KAAY,UAAuB,IAAI,EAGvCC,KAAe,eAClBC,GAAsB,CACrB,MAAMC,EAAgBd,EAAYa,CAAS,EAC3C,OAAAP,EAAgBQ,CAAa,EAEzBH,EAAU,SACZA,EAAU,QAAQ,MAAM,YAAY,2BAA4B,GAAGG,CAAa,IAAI,EAE/EA,CACT,EACA,CAACd,CAAW,CACd,EAGM,CAACe,EAAUC,CAAW,KAAI,YAAS,IACnC,OAAO,OAAW,IACb,OAAO,WAAa,IAEtB,EACR,KAED,aAAU,IAAM,CACd,MAAMC,EAAe,IAAM,CACzB,MAAMC,EAAc,OAAO,WAAa,IAIxC,GAHAF,EAAYE,CAAW,EAGnBA,EAAa,CACf,MAAMJ,EAAgBd,EAAYK,CAAY,EAC1CS,IAAkBT,GACpBO,EAAaE,CAAa,CAE9B,CACF,EAEA,cAAO,iBAAiB,SAAUG,CAAY,EACvC,IAAM,OAAO,oBAAoB,SAAUA,CAAY,CAChE,EAAG,CAACZ,EAAcL,EAAaY,CAAY,CAAC,EAG5C,MAAMO,EAAmB,GAA2C,CAClE,GAAI,CAACJ,EAAU,OAEfP,EAAc,EAAI,EAClB,MAAMY,EAAU,YAAa,EAAI,EAAE,QAAQ,CAAC,EAAE,QAAU,EAAE,QAC1DX,EAAW,QAAUW,EACrBV,EAAgB,QAAUL,EAG1B,EAAE,eAAe,CACnB,EAGA,sBAAU,IAAM,CACd,GAAI,CAACE,EAAY,OAEjB,MAAMc,EAAkBC,GAA+B,CACrD,MAAMF,EAAU,YAAaE,EAAIA,EAAE,QAAQ,CAAC,EAAE,QAAUA,EAAE,QACpDC,EAASd,EAAW,QAAUW,EAC9BP,EAAYH,EAAgB,QAAUa,EAE5CX,EAAaC,CAAS,CACxB,EAEMW,EAAgB,IAAM,CAC1BhB,EAAc,EAAK,CACrB,EAEA,gBAAS,iBAAiB,YAAaa,CAAc,EACrD,SAAS,iBAAiB,UAAWG,CAAa,EAClD,SAAS,iBAAiB,YAAaH,EAAgB,CAAE,QAAS,EAAM,CAAC,EACzE,SAAS,iBAAiB,WAAYG,CAAa,EAE5C,IAAM,CACX,SAAS,oBAAoB,YAAaH,CAAc,EACxD,SAAS,oBAAoB,UAAWG,CAAa,EACrD,SAAS,oBAAoB,YAAaH,CAAc,EACxD,SAAS,oBAAoB,WAAYG,CAAa,CACxD,CACF,EAAG,CAACjB,EAAYK,CAAY,CAAC,KAG3B,QAAC,OACC,IAAKD,EACL,UAAW,0DAA0DhB,CAAS,GAC9E,MACE,CACE,aAAc,OACd,uBAAwBoB,GAAY,MACpC,wBAAyBA,GAAY,MACrC,2BAA4B,GAAGV,CAAY,IAC7C,EAID,UAAAU,MACC,OAAC,OACC,UAAU,yDACV,MAAO,CACL,YAAa,OACb,gBAAiB,SACnB,EACA,YAAaI,EACb,aAAcA,EAEd,mBAAC,OACC,MAAO,CACL,MAAO,OACP,OAAQ,MACR,aAAc,QACd,gBAAiB,SACnB,EACF,EACF,KAIF,OAAC,cACC,MAAOjC,EACP,QAASC,EACT,QAASH,EACT,aAAcC,EACd,qBAAsBY,EACxB,KAGA,OAAC,eACC,SAAUjB,EACV,iBAAkBY,EAClB,gBAAiBC,EACjB,cAAeH,EACf,WAAYC,EACZ,iBAAkBF,EAClB,YAAaO,EACf,KAGA,OAAC,aACC,MAAOf,EACP,SAAUC,EACV,OAAQC,EACR,YAAaW,EACb,SAAUN,EACV,WAAYU,EACd,GACF,CAEJ",
+  "names": ["ChatWindow_exports", "__export", "ChatWindow", "__toCommonJS", "import_jsx_runtime", "import_react", "import_ChatHeader", "import_MessageList", "import_ChatInput", "messages", "inputValue", "onInputChange", "onSend", "onClose", "onNewSession", "title", "logoUrl", "isSending", "isLoadingHistory", "showTimestamp", "autoScroll", "rendererRegistry", "defaultRenderer", "inputPlaceholder", "className", "onAddToCart", "showNewSessionButton", "bottomTips", "getHeightConstraints", "clampHeight", "height", "minHeight", "maxHeight", "getInitialHeight", "mobileHeight", "setMobileHeight", "isDragging", "setIsDragging", "dragStartY", "dragStartHeight", "windowRef", "updateHeight", "newHeight", "clampedHeight", "isMobile", "setIsMobile", "handleResize", "newIsMobile", "handleDragStart", "clientY", "handleDragMove", "e", "deltaY", "handleDragEnd"]
 }

package/dist/cjs/components/LiveChatWidget/components/ComplianceDialog.d.ts ADDED Viewed

@@ -0,0 +1,51 @@
+/**
+ * 法规协议弹窗组件
+ * 在用户首次点击聊天气泡时显示，用户同意后才打开聊天窗口
+ */
+import React from 'react';
+import type { ComplianceDialogConfig } from '../types';
+export interface ComplianceDialogProps {
+    /**
+     * 是否打开弹窗
+     */
+    open: boolean;
+    /**
+     * 弹窗配置
+     */
+    config: ComplianceDialogConfig;
+    /**
+     * 用户点击同意按钮的回调
+     */
+    onAgree: () => void;
+    /**
+     * 用户关闭弹窗的回调（点击遮罩或关闭按钮）
+     */
+    onClose: () => void;
+}
+/**
+ * 法规协议弹窗组件
+ *
+ * 功能：
+ * - 显示法规协议内容
+ * - 必须勾选复选框才能点击同意按钮
+ * - 支持在文本中嵌入链接
+ * - 响应式设计，移动端友好
+ *
+ * @example
+ * ```tsx
+ * <ComplianceDialog
+ *   open={showCompliance}
+ *   config={{
+ *     title: "Hi! I'm your eufy AI assistant.",
+ *     content: "AI-generated responses can be inaccurate...",
+ *     checkboxText: "By starting to use \"Live Chat\", you agree to Anker's {link}.",
+ *     linkText: "LIVE CHAT PRIVACY NOTICE",
+ *     linkUrl: "https://www.anker.com/privacy",
+ *     agreeButtonText: "Agree"
+ *   }}
+ *   onAgree={() => setShowCompliance(false)}
+ *   onClose={() => setShowCompliance(false)}
+ * />
+ * ```
+ */
+export declare const ComplianceDialog: React.FC<ComplianceDialogProps>;

package/dist/cjs/components/LiveChatWidget/components/ComplianceDialog.js ADDED Viewed

@@ -0,0 +1,33 @@
+"use strict";var u=Object.create;var c=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var k=(t,o)=>{for(var a in o)c(t,a,{get:o[a],enumerable:!0})},p=(t,o,a,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of h(o))!C.call(t,n)&&n!==a&&c(t,n,{get:()=>o[n],enumerable:!(r=b(o,n))||r.enumerable});return t};var y=(t,o,a)=>(a=t!=null?u(f(t)):{},p(o||!t||!t.__esModule?c(a,"default",{value:t,enumerable:!0}):a,t)),v=t=>p(c({},"__esModule",{value:!0}),t);var D={};k(D,{ComplianceDialog:()=>w});module.exports=v(D);var e=require("react/jsx-runtime"),l=require("react"),s=y(require("@radix-ui/react-dialog"));const w=({open:t,config:o,onAgree:a,onClose:r})=>{const[n,d]=(0,l.useState)(!0),x=(0,l.useCallback)(()=>{n&&a()},[n,a]),g=(0,l.useCallback)(i=>{i||r()},[r]),m=(0,l.useCallback)(i=>{i.target.tagName==="A"&&i.stopPropagation()},[]);return(0,e.jsx)(s.Root,{open:t,onOpenChange:g,children:(0,e.jsx)(s.Portal,{children:(0,e.jsxs)(s.Content,{className:"livechat-compliance-dialog",onInteractOutside:i=>i.preventDefault(),onEscapeKeyDown:i=>i.preventDefault(),children:[(0,e.jsx)("div",{className:"flex items-center justify-end px-4 pt-4  pb-2 flex-shrink-0 max-md:px-6 max-sm:px-5",children:(0,e.jsx)(s.Close,{asChild:!0,children:(0,e.jsx)("button",{type:"button",className:`
+                  w-6 h-6
+                  flex items-center justify-center
+                  border-0 bg-transparent text-gray-500
+                   cursor-pointer
+                `,"aria-label":"\u5173\u95ED",children:(0,e.jsxs)("svg",{width:"20",height:"20",className:"text-[#3C3C3B]",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,e.jsx)("line",{x1:"15",y1:"5",x2:"5",y2:"15"}),(0,e.jsx)("line",{x1:"5",y1:"5",x2:"15",y2:"15"})]})})})}),(0,e.jsxs)("div",{className:"flex-1 overflow-y-auto px-4 pb-4 max-md:px-6 max-md:pb-6 max-sm:px-5 max-sm:pb-5",children:[(0,e.jsx)(s.Title,{className:`
+                text-[18px] font-bold text-[#080A0F]
+                mb-1 leading-[1.4] tracking-tight
+              `,children:o.title}),(0,e.jsx)("div",{className:`
+                text-[16px] font-bold leading-[1.4] text-[#080A0F]
+                tracking-tight
+                mb-2
+              `,dangerouslySetInnerHTML:{__html:o.content}}),(0,e.jsxs)("label",{className:`
+                flex items-center gap-2 mb-4
+                cursor-pointer select-none
+              `,onClick:m,children:[(0,e.jsx)("input",{type:"checkbox",className:"absolute opacity-0 w-0 h-0",checked:n,onChange:i=>d(i.target.checked)}),(0,e.jsx)("span",{className:`
+                  flex-shrink-0 w-4 h-4 mt-0.5
+                  border-[1px] rounded-[2px] flex items-center justify-center
+                  transition-all duration-200 ease-in-out
+                  ${n?"bg-[#080A0F] border-[#080A0F] text-white":"bg-white border-[#2A2C32]"}
+                `,children:n&&(0,e.jsx)("svg",{width:"12",height:"10",viewBox:"0 0 12 10",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,e.jsx)("polyline",{points:"1.5 5 4.5 8 10.5 2"})})}),(0,e.jsx)("span",{className:`
+                  flex-1 text-[14px] leading-[1.4] text-[#080A0F]
+                tracking-tight font-bold
+                  [&_a]:underline
+                `,dangerouslySetInnerHTML:{__html:o.checkboxText}})]}),(0,e.jsx)("button",{type:"button",className:`
+                w-full px-5 py-[10px]
+                border-0 rounded-[19px]
+                text-[14px] leading-[1.2]
+                tracking-tighter font-bold
+                transition-all duration-200 ease-in-out text-white
+                ${n?"bg-[#080A0F]  cursor-pointer ":"bg-[#767880] cursor-not-allowed"}
+              `,onClick:x,disabled:!n,children:o.agreeButtonText||"Agree"})]})]})})})};
+//# sourceMappingURL=ComplianceDialog.js.map

package/dist/cjs/components/LiveChatWidget/components/ComplianceDialog.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/LiveChatWidget/components/ComplianceDialog.tsx"],
+  "sourcesContent": ["/**\n * \u6CD5\u89C4\u534F\u8BAE\u5F39\u7A97\u7EC4\u4EF6\n * \u5728\u7528\u6237\u9996\u6B21\u70B9\u51FB\u804A\u5929\u6C14\u6CE1\u65F6\u663E\u793A\uFF0C\u7528\u6237\u540C\u610F\u540E\u624D\u6253\u5F00\u804A\u5929\u7A97\u53E3\n */\n\nimport React, { useState, useCallback } from 'react'\nimport * as Dialog from '@radix-ui/react-dialog'\nimport type { ComplianceDialogConfig } from '../types'\n\nexport interface ComplianceDialogProps {\n  /**\n   * \u662F\u5426\u6253\u5F00\u5F39\u7A97\n   */\n  open: boolean\n\n  /**\n   * \u5F39\u7A97\u914D\u7F6E\n   */\n  config: ComplianceDialogConfig\n\n  /**\n   * \u7528\u6237\u70B9\u51FB\u540C\u610F\u6309\u94AE\u7684\u56DE\u8C03\n   */\n  onAgree: () => void\n\n  /**\n   * \u7528\u6237\u5173\u95ED\u5F39\u7A97\u7684\u56DE\u8C03\uFF08\u70B9\u51FB\u906E\u7F69\u6216\u5173\u95ED\u6309\u94AE\uFF09\n   */\n  onClose: () => void\n}\n\n/**\n * \u6CD5\u89C4\u534F\u8BAE\u5F39\u7A97\u7EC4\u4EF6\n *\n * \u529F\u80FD\uFF1A\n * - \u663E\u793A\u6CD5\u89C4\u534F\u8BAE\u5185\u5BB9\n * - \u5FC5\u987B\u52FE\u9009\u590D\u9009\u6846\u624D\u80FD\u70B9\u51FB\u540C\u610F\u6309\u94AE\n * - \u652F\u6301\u5728\u6587\u672C\u4E2D\u5D4C\u5165\u94FE\u63A5\n * - \u54CD\u5E94\u5F0F\u8BBE\u8BA1\uFF0C\u79FB\u52A8\u7AEF\u53CB\u597D\n *\n * @example\n * ```tsx\n * <ComplianceDialog\n *   open={showCompliance}\n *   config={{\n *     title: \"Hi! I'm your eufy AI assistant.\",\n *     content: \"AI-generated responses can be inaccurate...\",\n *     checkboxText: \"By starting to use \\\"Live Chat\\\", you agree to Anker's {link}.\",\n *     linkText: \"LIVE CHAT PRIVACY NOTICE\",\n *     linkUrl: \"https://www.anker.com/privacy\",\n *     agreeButtonText: \"Agree\"\n *   }}\n *   onAgree={() => setShowCompliance(false)}\n *   onClose={() => setShowCompliance(false)}\n * />\n * ```\n */\nexport const ComplianceDialog: React.FC<ComplianceDialogProps> = ({\n  open,\n  config,\n  onAgree,\n  onClose,\n}) => {\n  const [isChecked, setIsChecked] = useState(true)\n\n  const handleAgree = useCallback(() => {\n    if (isChecked) {\n      onAgree()\n    }\n  }, [isChecked, onAgree])\n\n  const handleOpenChange = useCallback((open: boolean) => {\n    if (!open) {\n      onClose()\n    }\n  }, [onClose])\n\n  // \u5904\u7406\u70B9\u51FB\u4E8B\u4EF6\uFF0C\u9632\u6B62\u70B9\u51FB\u94FE\u63A5\u65F6\u89E6\u53D1 checkbox\n  const handleCheckboxLabelClick = useCallback((e: React.MouseEvent) => {\n    // \u5982\u679C\u70B9\u51FB\u7684\u662F\u94FE\u63A5\uFF0C\u963B\u6B62\u5192\u6CE1\n    if ((e.target as HTMLElement).tagName === 'A') {\n      e.stopPropagation()\n    }\n  }, [])\n\n  return (\n    <Dialog.Root open={open} onOpenChange={handleOpenChange}>\n      <Dialog.Portal>\n        {/* \u5F39\u7A97\u5185\u5BB9 - \u65E0\u906E\u7F69\u5C42\uFF08\u4E0E\u804A\u5929\u7A97\u53E3\u4E00\u81F4\uFF09 */}\n        <Dialog.Content\n          className=\"livechat-compliance-dialog\"\n          onInteractOutside={(e) => e.preventDefault()}\n          onEscapeKeyDown={(e) => e.preventDefault()}\n        >\n          {/* Header - \u5305\u542B\u5173\u95ED\u6309\u94AE\uFF08\u53F3\u4E0A\u89D2\uFF09 */}\n          <div className=\"flex items-center justify-end px-4 pt-4  pb-2 flex-shrink-0 max-md:px-6 max-sm:px-5\">\n            <Dialog.Close asChild>\n              <button\n                type=\"button\"\n                className=\"\n                  w-6 h-6\n                  flex items-center justify-center\n                  border-0 bg-transparent text-gray-500\n                   cursor-pointer\n                \"\n                aria-label=\"\u5173\u95ED\"\n              >\n                <svg\n                  width=\"20\"\n                  height=\"20\"\n                  className=\"text-[#3C3C3B]\"\n                  viewBox=\"0 0 20 20\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"2\"\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                >\n                  <line x1=\"15\" y1=\"5\" x2=\"5\" y2=\"15\" />\n                  <line x1=\"5\" y1=\"5\" x2=\"15\" y2=\"15\" />\n                </svg>\n              </button>\n            </Dialog.Close>\n          </div>\n\n          {/* Body - \u53EF\u6EDA\u52A8\u5185\u5BB9\u533A\u57DF */}\n          <div className=\"flex-1 overflow-y-auto px-4 pb-4 max-md:px-6 max-md:pb-6 max-sm:px-5 max-sm:pb-5\">\n            {/* \u6807\u9898 */}\n            <Dialog.Title\n              className=\"\n                text-[18px] font-bold text-[#080A0F]\n                mb-1 leading-[1.4] tracking-tight\n              \"\n            >\n              {config.title}\n            </Dialog.Title>\n\n            {/* \u5185\u5BB9 */}\n            <div\n              className=\"\n                text-[16px] font-bold leading-[1.4] text-[#080A0F]\n                tracking-tight\n                mb-2\n              \"\n              dangerouslySetInnerHTML={{ __html: config.content }}\n            />\n\n            {/* \u52FE\u9009\u6846 */}\n            <label\n              className=\"\n                flex items-center gap-2 mb-4\n                cursor-pointer select-none\n              \"\n              onClick={handleCheckboxLabelClick}\n            >\n              <input\n                type=\"checkbox\"\n                className=\"absolute opacity-0 w-0 h-0\"\n                checked={isChecked}\n                onChange={e => setIsChecked(e.target.checked)}\n              />\n              <span\n                className={`\n                  flex-shrink-0 w-4 h-4 mt-0.5\n                  border-[1px] rounded-[2px] flex items-center justify-center\n                  transition-all duration-200 ease-in-out\n                  ${isChecked ? 'bg-[#080A0F] border-[#080A0F] text-white' : 'bg-white border-[#2A2C32]'}\n                `}\n              >\n                {isChecked && (\n                  <svg\n                    width=\"12\"\n                    height=\"10\"\n                    viewBox=\"0 0 12 10\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                  >\n                    <polyline points=\"1.5 5 4.5 8 10.5 2\" />\n                  </svg>\n                )}\n              </span>\n              <span\n                className=\"\n                  flex-1 text-[14px] leading-[1.4] text-[#080A0F]\n                tracking-tight font-bold\n                  [&_a]:underline\n                \"\n                dangerouslySetInnerHTML={{ __html: config.checkboxText }}\n              />\n            </label>\n\n            {/* \u540C\u610F\u6309\u94AE */}\n            <button\n              type=\"button\"\n              className={`\n                w-full px-5 py-[10px]\n                border-0 rounded-[19px]\n                text-[14px] leading-[1.2] \n                tracking-tighter font-bold\n                transition-all duration-200 ease-in-out text-white\n                ${isChecked ? 'bg-[#080A0F]  cursor-pointer ' : 'bg-[#767880] cursor-not-allowed'}\n              `}\n              onClick={handleAgree}\n              disabled={!isChecked}\n            >\n              {config.agreeButtonText || 'Agree'}\n            </button>\n          </div>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GA2GgB,IAAAI,EAAA,6BAtGhBC,EAA6C,iBAC7CC,EAAwB,qCAmDjB,MAAMJ,EAAoD,CAAC,CAChE,KAAAK,EACA,OAAAC,EACA,QAAAC,EACA,QAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAWC,CAAY,KAAI,YAAS,EAAI,EAEzCC,KAAc,eAAY,IAAM,CAChCF,GACFF,EAAQ,CAEZ,EAAG,CAACE,EAAWF,CAAO,CAAC,EAEjBK,KAAmB,eAAaP,GAAkB,CACjDA,GACHG,EAAQ,CAEZ,EAAG,CAACA,CAAO,CAAC,EAGNK,KAA2B,eAAaC,GAAwB,CAE/DA,EAAE,OAAuB,UAAY,KACxCA,EAAE,gBAAgB,CAEtB,EAAG,CAAC,CAAC,EAEL,SACE,OAACV,EAAO,KAAP,CAAY,KAAMC,EAAM,aAAcO,EACrC,mBAACR,EAAO,OAAP,CAEC,oBAACA,EAAO,QAAP,CACC,UAAU,6BACV,kBAAoBU,GAAMA,EAAE,eAAe,EAC3C,gBAAkBA,GAAMA,EAAE,eAAe,EAGzC,oBAAC,OAAI,UAAU,sFACb,mBAACV,EAAO,MAAP,CAAa,QAAO,GACnB,mBAAC,UACC,KAAK,SACL,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMV,aAAW,eAEX,oBAAC,OACC,MAAM,KACN,OAAO,KACP,UAAU,iBACV,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QAEf,oBAAC,QAAK,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,KACpC,OAAC,QAAK,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GACtC,EACF,EACF,EACF,KAGA,QAAC,OAAI,UAAU,mFAEb,oBAACA,EAAO,MAAP,CACC,UAAU;AAAA;AAAA;AAAA,gBAKT,SAAAE,EAAO,MACV,KAGA,OAAC,OACC,UAAU;AAAA;AAAA;AAAA;AAAA,gBAKV,wBAAyB,CAAE,OAAQA,EAAO,OAAQ,EACpD,KAGA,QAAC,SACC,UAAU;AAAA;AAAA;AAAA,gBAIV,QAASO,EAET,oBAAC,SACC,KAAK,WACL,UAAU,6BACV,QAASJ,EACT,SAAUK,GAAKJ,EAAaI,EAAE,OAAO,OAAO,EAC9C,KACA,OAAC,QACC,UAAW;AAAA;AAAA;AAAA;AAAA,oBAIPL,EAAY,2CAA6C,2BAA2B;AAAA,kBAGvF,SAAAA,MACC,OAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QAEf,mBAAC,YAAS,OAAO,qBAAqB,EACxC,EAEJ,KACA,OAAC,QACC,UAAU;AAAA;AAAA;AAAA;AAAA,kBAKV,wBAAyB,CAAE,OAAQH,EAAO,YAAa,EACzD,GACF,KAGA,OAAC,UACC,KAAK,SACL,UAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMPG,EAAY,gCAAkC,iCAAiC;AAAA,gBAEnF,QAASE,EACT,SAAU,CAACF,EAEV,SAAAH,EAAO,iBAAmB,QAC7B,GACF,GACF,EACF,EACF,CAEJ",
+  "names": ["ComplianceDialog_exports", "__export", "ComplianceDialog", "__toCommonJS", "import_jsx_runtime", "import_react", "Dialog", "open", "config", "onAgree", "onClose", "isChecked", "setIsChecked", "handleAgree", "handleOpenChange", "handleCheckboxLabelClick", "e"]
+}

package/dist/cjs/components/LiveChatWidget/components/MessageContent/CartCard.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var b=(e,a)=>{for(var l in a)c(e,l,{get:a[l],enumerable:!0})},C=(e,a,l,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of x(a))!v.call(e,n)&&n!==l&&c(e,n,{get:()=>a[n],enumerable:!(o=p(a,n))||o.enumerable});return e};var y=e=>C(c({},"__esModule",{value:!0}),e);var A={};b(A,{CartCard:()=>k});module.exports=y(A);var t=require("react/jsx-runtime"),f=require("../../constants.js");function m(e){const{amount:a,currencyCode:l}=e,o=f.CURRENCY_SYMBOLS[l]||l,n=parseFloat(a);return`${o}${n.toFixed(2)}`}const N=({line:e})=>{const{quantity:a,merchandise:l,cost:o}=e,{product:n,title:i,image:s}=l,r=s?.url||"",d=parseFloat(o.totalAmount.amount)<parseFloat(o.subtotalAmount.amount)&&o.totalAmount.currencyCode===o.subtotalAmount.currencyCode;return(0,t.jsxs)("div",{className:"flex gap-4",children:[(0,t.jsx)("div",{className:"shrink-0 overflow-hidden rounded-md",style:{width:"72px",height:"72px"},children:(0,t.jsx)("img",{src:r,alt:n.title,className:"size-full object-cover",loading:"lazy"})}),(0,t.jsx)("div",{className:"flex flex-1 flex-col",children:(0,t.jsxs)("div",{className:"flex items-end justify-between gap-2",children:[(0,t.jsxs)("div",{className:"flex-1",children:[(0,t.jsx)("h4",{className:"line-clamp-2 text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#080A0F]",children:n.title}),i&&(0,t.jsx)("p",{className:"mt-0.5 text-sm font-bold leading-[1.4] tracking-[-0.02em] text-[#4A4C56]",children:i}),(0,t.jsxs)("p",{className:"mt-1 text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#080A0F]",children:["\xD7",a]})]}),(0,t.jsxs)("div",{className:"flex gap-1 text-right",children:[(0,t.jsx)("div",{className:"text-base font-bold leading-[1.4] tracking-[-0.02em] text-gray-900",children:m(o.totalAmount)}),d&&(0,t.jsx)("div",{className:"text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#4A4C56] line-through",children:m(o.subtotalAmount)})]})]})})]})},h=({total:e})=>(0,t.jsx)("div",{className:"border-t border-gray-200 p-4",children:(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-base font-bold leading-[1.4] tracking-[-0.02em] text-gray-900",children:"Total"}),(0,t.jsx)("span",{className:"text-base font-bold leading-[1.4] tracking-[-0.02em] text-gray-900",children:m(e)})]})}),k={render:e=>{const a=e,{data:l}=a;if(!l)return null;const{isEmpty:o,lines:n,cost:i,checkoutUrl:s,onCart:r,cartId:d}=l,g=()=>{r?r(d,s):s&&window.open(s,"_blank","noopener,noreferrer")};return o||!n||n.length===0?null:(0,t.jsxs)("div",{className:"w-full max-w-md overflow-hidden rounded-2xl shadow-sm",style:{backgroundColor:"#F5F6F7"},children:[(0,t.jsx)("div",{className:"flex max-h-[400px] flex-col gap-4 overflow-y-auto p-3",children:n.map(u=>(0,t.jsx)(N,{line:u},u.id))}),(0,t.jsx)(h,{total:i.totalAmount}),(s||r)&&(0,t.jsx)("div",{className:"px-4 pb-4",children:(0,t.jsx)("button",{type:"button",onClick:g,className:"w-full rounded-full py-[10px] text-center text-sm font-bold leading-[1.4] tracking-[-0.02em] text-white",style:{backgroundColor:"#1D1D1F"},children:"View More"})})]})}};
+"use strict";var c=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var y=(a,e)=>{for(var l in e)c(a,l,{get:e[l],enumerable:!0})},N=(a,e,l,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of b(e))!C.call(a,n)&&n!==l&&c(a,n,{get:()=>e[n],enumerable:!(o=v(e,n))||o.enumerable});return a};var h=a=>N(c({},"__esModule",{value:!0}),a);var F={};y(F,{CartCard:()=>w});module.exports=h(F);var t=require("react/jsx-runtime"),d=require("../../constants.js");function u(a){const{amount:e,currencyCode:l}=a,o=d.CURRENCY_SYMBOLS[l]||l,n=parseFloat(e);return`${o}${n.toFixed(2)}`}const A=({line:a})=>{const{quantity:e,merchandise:l,cost:o}=a,{product:n,title:i,image:s}=l,r=s?.url||"",m=parseFloat(o.totalAmount.amount)<parseFloat(o.subtotalAmount.amount)&&o.totalAmount.currencyCode===o.subtotalAmount.currencyCode;return(0,t.jsxs)("div",{className:"flex gap-4",children:[(0,t.jsx)("div",{className:"shrink-0 overflow-hidden rounded-md",style:{width:"72px",height:"72px"},children:(0,t.jsx)("img",{src:r,alt:n.title,className:"size-full object-cover",loading:"lazy"})}),(0,t.jsxs)("div",{className:"flex flex-1 flex-col",children:[(0,t.jsx)("h4",{className:"line-clamp-2 text-sm tablet:text-[16px] font-bold leading-[1.4] tracking-[-0.02em] text-[#080A0F]",children:n.title}),(0,t.jsxs)("div",{className:"flex items-end justify-between gap-2",children:[(0,t.jsxs)("div",{className:"flex-1",children:[i&&(0,t.jsx)("p",{className:"mt-0.5 text-sm font-bold leading-[1.4] tracking-[-0.02em] text-[#4A4C56]",children:i}),(0,t.jsxs)("p",{className:"mt-1 text-sm font-bold leading-[1.4] tracking-[-0.02em] text-[#080A0F]",children:["\xD7",e]})]}),(0,t.jsxs)("div",{className:"flex gap-1 text-right",children:[(0,t.jsx)("div",{className:"tablet:text-[16px] text-sm font-bold leading-[1.4] tracking-[-0.02em] text-gray-900",children:u(o.totalAmount)}),m&&(0,t.jsx)("div",{className:"tablet:text-[16px] text-sm font-bold leading-[1.4] tracking-[-0.02em] text-[#4A4C56] line-through",children:u(o.subtotalAmount)})]})]})]})]})},k=({total:a,totalText:e})=>(0,t.jsx)("div",{className:"border-t border-gray-200 p-4",children:(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-base font-bold leading-[1.4] tracking-[-0.02em] text-gray-900",children:e}),(0,t.jsx)("span",{className:"text-base tablet:text-[18px] font-bold leading-[1.4] tracking-[-0.02em] text-gray-900",children:u(a)})]})}),w={render:a=>{const e=a,{data:l}=e;if(!l)return null;const{isEmpty:o,lines:n,cost:i,checkoutUrl:s,onCart:r,cartId:m,commonText:g}=l,x={...d.DEFAULT_COMMON_TEXT,...g},f=()=>{r?r(m,s):s&&window.open(s,"_blank","noopener,noreferrer")};return o||!n||n.length===0?null:(0,t.jsxs)("div",{className:"w-full max-w-md overflow-hidden rounded-2xl shadow-sm",style:{backgroundColor:"#F5F6F7"},children:[(0,t.jsx)("div",{className:"flex flex-col gap-6 overflow-y-auto p-4",children:n.map(p=>(0,t.jsx)(A,{line:p},p.id))}),(0,t.jsx)(k,{total:i.totalAmount,totalText:x.total}),(s||r)&&(0,t.jsx)("div",{className:"px-4 pb-4",children:(0,t.jsx)("button",{type:"button",onClick:f,className:"w-full rounded-full py-[10px] text-center text-sm font-bold leading-[1.4] tracking-[-0.02em] text-white",style:{backgroundColor:"#1D1D1F"},children:x.viewMore})})]})}};
 //# sourceMappingURL=CartCard.js.map

package/dist/cjs/components/LiveChatWidget/components/MessageContent/CartCard.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/LiveChatWidget/components/MessageContent/CartCard.tsx"],
-  "sourcesContent": ["/**\n * \u8D2D\u7269\u8F66\u5361\u7247\u6E32\u67D3\u5668\n * \u663E\u793A\u8D2D\u7269\u8F66\u5185\u5BB9\u3001\u4EF7\u683C\u6C47\u603B\u548C\u7ED3\u8D26\u6309\u94AE\n * \u57FA\u4E8E\u540E\u7AEF\u8FD4\u56DE\u7684\u8D2D\u7269\u8F66\u6570\u636E\u7ED3\u6784\n */\n\nimport React from 'react'\nimport type { MessageRenderer, CartContent, CartLine, CartAmount } from '../../types'\nimport { CURRENCY_SYMBOLS } from '../../constants.js'\n\n/**\n * \u683C\u5F0F\u5316\u91D1\u989D\n * @param amount \u91D1\u989D\u5BF9\u8C61\n * @returns \u683C\u5F0F\u5316\u540E\u7684\u91D1\u989D\u5B57\u7B26\u4E32\uFF08\u5982 \"$99.99\"\uFF09\n */\nfunction formatAmount(amount: CartAmount): string {\n  const { amount: value, currencyCode } = amount\n\n  const symbol = CURRENCY_SYMBOLS[currencyCode] || currencyCode\n  const numValue = parseFloat(value)\n\n  return `${symbol}${numValue.toFixed(2)}`\n}\n\n/**\n * \u8D2D\u7269\u8F66\u5546\u54C1\u884C\u7EC4\u4EF6\n */\nconst CartLineItem: React.FC<{\n  line: CartLine\n}> = ({ line }) => {\n  const { quantity, merchandise, cost } = line\n  const { product, title: variantTitle, image } = merchandise\n\n  // \u5546\u54C1\u56FE\u7247 URL\n  const imageUrl = image?.url || ''\n\n  // \u5224\u65AD\u662F\u5426\u6709\u6298\u6263\uFF08\u603B\u4EF7 < \u539F\u4EF7\uFF09\n  const hasDiscount =\n    parseFloat(cost.totalAmount.amount) < parseFloat(cost.subtotalAmount.amount) &&\n    cost.totalAmount.currencyCode === cost.subtotalAmount.currencyCode\n\n  return (\n    <div className=\"flex gap-4\">\n      {/* \u5546\u54C1\u56FE\u7247 */}\n      <div className=\"shrink-0 overflow-hidden rounded-md\" style={{ width: '72px', height: '72px' }}>\n        <img src={imageUrl} alt={product.title} className=\"size-full object-cover\" loading=\"lazy\" />\n      </div>\n\n      {/* \u5546\u54C1\u4FE1\u606F */}\n      <div className=\"flex flex-1 flex-col\">\n        <div className=\"flex items-end justify-between gap-2\">\n          {/* \u5DE6\u4FA7\uFF1A\u6807\u9898\u3001\u53D8\u4F53\u3001\u6570\u91CF */}\n          <div className=\"flex-1\">\n            <h4 className=\"line-clamp-2 text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#080A0F]\">\n              {product.title}\n            </h4>\n            {variantTitle && (\n              <p className=\"mt-0.5 text-sm font-bold leading-[1.4] tracking-[-0.02em] text-[#4A4C56]\">{variantTitle}</p>\n            )}\n            <p className=\"mt-1 text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#080A0F]\">\u00D7{quantity}</p>\n          </div>\n\n          {/* \u53F3\u4FA7\uFF1A\u4EF7\u683C */}\n          <div className=\"flex gap-1 text-right\">\n            <div className=\"text-base font-bold leading-[1.4] tracking-[-0.02em] text-gray-900\">\n              {formatAmount(cost.totalAmount)}\n            </div>\n            {hasDiscount && (\n              <div className=\"text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#4A4C56] line-through\">\n                {formatAmount(cost.subtotalAmount)}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * \u4EF7\u683C\u6C47\u603B\u7EC4\u4EF6\uFF08\u7B80\u5316\u7248\uFF09\n */\nconst CartSummary: React.FC<{\n  total: CartAmount\n}> = ({ total }) => {\n  return (\n    <div className=\"border-t border-gray-200 p-4\">\n      <div className=\"flex items-center justify-between\">\n        <span className=\"text-base font-bold leading-[1.4] tracking-[-0.02em] text-gray-900\">Total</span>\n        <span className=\"text-base font-bold leading-[1.4] tracking-[-0.02em] text-gray-900\">\n          {formatAmount(total)}\n        </span>\n      </div>\n    </div>\n  )\n}\n\n/**\n * \u8D2D\u7269\u8F66\u5361\u7247\u6E32\u67D3\u5668\n *\n * \u529F\u80FD\uFF1A\n * - \u663E\u793A\u8D2D\u7269\u8F66\u5546\u54C1\u5217\u8868\n * - \u663E\u793A\u4EF7\u683C\u6C47\u603B\uFF08\u5C0F\u8BA1\u3001\u6298\u6263\u3001\u603B\u8BA1\uFF09\n * - \u663E\u793A\u6298\u6263\u7801\n * - \u63D0\u4F9B Checkout \u6309\u94AE\n * - \u7A7A\u8D2D\u7269\u8F66\u72B6\u6001\n *\n * \u5E03\u5C40\uFF1A\n * ```\n * \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n * \u2502 \u8D2D\u7269\u8F66 (3 \u4EF6\u5546\u54C1)               \u2502\n * \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n * \u2502 [\u56FE] \u5546\u54C11                      \u2502\n * \u2502     \u53D8\u4F53: Black                 \u2502\n * \u2502     \u6570\u91CF: 2      $199.98        \u2502\n * \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n * \u2502 [\u56FE] \u5546\u54C12                      \u2502\n * \u2502     \u53D8\u4F53: White                 \u2502\n * \u2502     \u6570\u91CF: 1      $99.99         \u2502\n * \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n * \u2502 \u5C0F\u8BA1              $299.97       \u2502\n * \u2502 \u6298\u6263 [SPRING20]   -$30.00       \u2502\n * \u2502 \u603B\u8BA1              $269.97       \u2502\n * \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n * \u2502        [Checkout \u6309\u94AE]          \u2502\n * \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n * ```\n *\n * @example\n * ```tsx\n * const content: CartContent = {\n *   type: 'cart',\n *   data: {\n *     isEmpty: false,\n *     cartId: \"gid://...\",\n *     totalQuantity: 3,\n *     lines: [...],\n *     cost: {...},\n *     checkoutUrl: \"https://...\"\n *   }\n * }\n * <CartCard.render(content, false, false) />\n * ```\n */\nexport const CartCard: MessageRenderer = {\n  render: content => {\n    const cartContent = content as CartContent\n    const { data } = cartContent\n\n    if (!data) {\n      return null\n    }\n\n    const { isEmpty, lines, cost, checkoutUrl, onCart, cartId } = data\n\n    // \u5904\u7406\u8D2D\u7269\u8F66\u6309\u94AE\u70B9\u51FB\n    const handleCart = () => {\n      if (onCart) {\n        onCart(cartId, checkoutUrl)\n      } else if (checkoutUrl) {\n        window.open(checkoutUrl, '_blank', 'noopener,noreferrer')\n      }\n    }\n\n    // \u7A7A\u8D2D\u7269\u8F66\u72B6\u6001 - \u4E0D\u5C55\u793A\u7EC4\u4EF6\n    if (isEmpty || !lines || lines.length === 0) {\n      return null\n    }\n\n    return (\n      <div className=\"w-full max-w-md overflow-hidden rounded-2xl shadow-sm\" style={{ backgroundColor: '#F5F6F7' }}>\n        {/* \u5546\u54C1\u5217\u8868 */}\n        <div className=\"flex max-h-[400px] flex-col gap-4 overflow-y-auto p-3\">\n          {lines.map(line => (\n            <CartLineItem key={line.id} line={line} />\n          ))}\n        </div>\n\n        {/* \u4EF7\u683C\u6C47\u603B */}\n        <CartSummary total={cost.totalAmount} />\n\n        {/* Checkout \u6309\u94AE */}\n        {(checkoutUrl || onCart) && (\n          <div className=\"px-4 pb-4\">\n            <button\n              type=\"button\"\n              onClick={handleCart}\n              className=\"w-full rounded-full py-[10px] text-center text-sm font-bold leading-[1.4] tracking-[-0.02em] text-white\"\n              style={{ backgroundColor: '#1D1D1F' }}\n            >\n              View More\n            </button>\n          </div>\n        )}\n      </div>\n    )\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GA6CQ,IAAAI,EAAA,6BArCRC,EAAiC,8BAOjC,SAASC,EAAaC,EAA4B,CAChD,KAAM,CAAE,OAAQC,EAAO,aAAAC,CAAa,EAAIF,EAElCG,EAAS,mBAAiBD,CAAY,GAAKA,EAC3CE,EAAW,WAAWH,CAAK,EAEjC,MAAO,GAAGE,CAAM,GAAGC,EAAS,QAAQ,CAAC,CAAC,EACxC,CAKA,MAAMC,EAED,CAAC,CAAE,KAAAC,CAAK,IAAM,CACjB,KAAM,CAAE,SAAAC,EAAU,YAAAC,EAAa,KAAAC,CAAK,EAAIH,EAClC,CAAE,QAAAI,EAAS,MAAOC,EAAc,MAAAC,CAAM,EAAIJ,EAG1CK,EAAWD,GAAO,KAAO,GAGzBE,EACJ,WAAWL,EAAK,YAAY,MAAM,EAAI,WAAWA,EAAK,eAAe,MAAM,GAC3EA,EAAK,YAAY,eAAiBA,EAAK,eAAe,aAExD,SACE,QAAC,OAAI,UAAU,aAEb,oBAAC,OAAI,UAAU,sCAAsC,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAO,EAC1F,mBAAC,OAAI,IAAKI,EAAU,IAAKH,EAAQ,MAAO,UAAU,yBAAyB,QAAQ,OAAO,EAC5F,KAGA,OAAC,OAAI,UAAU,uBACb,oBAAC,OAAI,UAAU,uCAEb,qBAAC,OAAI,UAAU,SACb,oBAAC,MAAG,UAAU,mFACX,SAAAA,EAAQ,MACX,EACCC,MACC,OAAC,KAAE,UAAU,2EAA4E,SAAAA,EAAa,KAExG,QAAC,KAAE,UAAU,2EAA2E,iBAAEJ,GAAS,GACrG,KAGA,QAAC,OAAI,UAAU,wBACb,oBAAC,OAAI,UAAU,qEACZ,SAAAR,EAAaU,EAAK,WAAW,EAChC,EACCK,MACC,OAAC,OAAI,UAAU,mFACZ,SAAAf,EAAaU,EAAK,cAAc,EACnC,GAEJ,GACF,EACF,GACF,CAEJ,EAKMM,EAED,CAAC,CAAE,MAAAC,CAAM,OAEV,OAAC,OAAI,UAAU,+BACb,oBAAC,OAAI,UAAU,oCACb,oBAAC,QAAK,UAAU,qEAAqE,iBAAK,KAC1F,OAAC,QAAK,UAAU,qEACb,SAAAjB,EAAaiB,CAAK,EACrB,GACF,EACF,EAmDSrB,EAA4B,CACvC,OAAQsB,GAAW,CACjB,MAAMC,EAAcD,EACd,CAAE,KAAAE,CAAK,EAAID,EAEjB,GAAI,CAACC,EACH,OAAO,KAGT,KAAM,CAAE,QAAAC,EAAS,MAAAC,EAAO,KAAAZ,EAAM,YAAAa,EAAa,OAAAC,EAAQ,OAAAC,CAAO,EAAIL,EAGxDM,EAAa,IAAM,CACnBF,EACFA,EAAOC,EAAQF,CAAW,EACjBA,GACT,OAAO,KAAKA,EAAa,SAAU,qBAAqB,CAE5D,EAGA,OAAIF,GAAW,CAACC,GAASA,EAAM,SAAW,EACjC,QAIP,QAAC,OAAI,UAAU,wDAAwD,MAAO,CAAE,gBAAiB,SAAU,EAEzG,oBAAC,OAAI,UAAU,wDACZ,SAAAA,EAAM,IAAIf,MACT,OAACD,EAAA,CAA2B,KAAMC,GAAfA,EAAK,EAAgB,CACzC,EACH,KAGA,OAACS,EAAA,CAAY,MAAON,EAAK,YAAa,GAGpCa,GAAeC,OACf,OAAC,OAAI,UAAU,YACb,mBAAC,UACC,KAAK,SACL,QAASE,EACT,UAAU,0GACV,MAAO,CAAE,gBAAiB,SAAU,EACrC,qBAED,EACF,GAEJ,CAEJ,CACF",
-  "names": ["CartCard_exports", "__export", "CartCard", "__toCommonJS", "import_jsx_runtime", "import_constants", "formatAmount", "amount", "value", "currencyCode", "symbol", "numValue", "CartLineItem", "line", "quantity", "merchandise", "cost", "product", "variantTitle", "image", "imageUrl", "hasDiscount", "CartSummary", "total", "content", "cartContent", "data", "isEmpty", "lines", "checkoutUrl", "onCart", "cartId", "handleCart"]
+  "sourcesContent": ["/**\n * \u8D2D\u7269\u8F66\u5361\u7247\u6E32\u67D3\u5668\n * \u663E\u793A\u8D2D\u7269\u8F66\u5185\u5BB9\u3001\u4EF7\u683C\u6C47\u603B\u548C\u7ED3\u8D26\u6309\u94AE\n * \u57FA\u4E8E\u540E\u7AEF\u8FD4\u56DE\u7684\u8D2D\u7269\u8F66\u6570\u636E\u7ED3\u6784\n */\n\nimport React from 'react'\nimport type { MessageRenderer, CartContent, CartLine, CartAmount } from '../../types'\nimport { CURRENCY_SYMBOLS, DEFAULT_COMMON_TEXT } from '../../constants.js'\n\n/**\n * \u683C\u5F0F\u5316\u91D1\u989D\n * @param amount \u91D1\u989D\u5BF9\u8C61\n * @returns \u683C\u5F0F\u5316\u540E\u7684\u91D1\u989D\u5B57\u7B26\u4E32\uFF08\u5982 \"$99.99\"\uFF09\n */\nfunction formatAmount(amount: CartAmount): string {\n  const { amount: value, currencyCode } = amount\n\n  const symbol = CURRENCY_SYMBOLS[currencyCode] || currencyCode\n  const numValue = parseFloat(value)\n\n  return `${symbol}${numValue.toFixed(2)}`\n}\n\n/**\n * \u8D2D\u7269\u8F66\u5546\u54C1\u884C\u7EC4\u4EF6\n */\nconst CartLineItem: React.FC<{\n  line: CartLine\n}> = ({ line }) => {\n  const { quantity, merchandise, cost } = line\n  const { product, title: variantTitle, image } = merchandise\n\n  // \u5546\u54C1\u56FE\u7247 URL\n  const imageUrl = image?.url || ''\n\n  // \u5224\u65AD\u662F\u5426\u6709\u6298\u6263\uFF08\u603B\u4EF7 < \u539F\u4EF7\uFF09\n  const hasDiscount =\n    parseFloat(cost.totalAmount.amount) < parseFloat(cost.subtotalAmount.amount) &&\n    cost.totalAmount.currencyCode === cost.subtotalAmount.currencyCode\n\n  return (\n    <div className=\"flex gap-4\">\n      {/* \u5546\u54C1\u56FE\u7247 */}\n      <div className=\"shrink-0 overflow-hidden rounded-md\" style={{ width: '72px', height: '72px' }}>\n        <img src={imageUrl} alt={product.title} className=\"size-full object-cover\" loading=\"lazy\" />\n      </div>\n\n      {/* \u5546\u54C1\u4FE1\u606F */}\n      <div className=\"flex flex-1 flex-col\">\n        <h4 className=\"line-clamp-2 text-sm tablet:text-[16px] font-bold leading-[1.4] tracking-[-0.02em] text-[#080A0F]\">\n          {product.title}\n        </h4>\n        <div className=\"flex items-end justify-between gap-2\">\n          {/* \u5DE6\u4FA7\uFF1A\u6807\u9898\u3001\u53D8\u4F53\u3001\u6570\u91CF */}\n          <div className=\"flex-1\">\n            {variantTitle && (\n              <p className=\"mt-0.5 text-sm font-bold leading-[1.4] tracking-[-0.02em] text-[#4A4C56]\">{variantTitle}</p>\n            )}\n            <p className=\"mt-1 text-sm font-bold leading-[1.4] tracking-[-0.02em] text-[#080A0F]\">\u00D7{quantity}</p>\n          </div>\n\n          {/* \u53F3\u4FA7\uFF1A\u4EF7\u683C */}\n          <div className=\"flex gap-1 text-right\">\n            <div className=\"tablet:text-[16px] text-sm font-bold leading-[1.4] tracking-[-0.02em] text-gray-900\">\n              {formatAmount(cost.totalAmount)}\n            </div>\n            {hasDiscount && (\n              <div className=\"tablet:text-[16px] text-sm font-bold leading-[1.4] tracking-[-0.02em] text-[#4A4C56] line-through\">\n                {formatAmount(cost.subtotalAmount)}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * \u4EF7\u683C\u6C47\u603B\u7EC4\u4EF6\uFF08\u7B80\u5316\u7248\uFF09\n */\nconst CartSummary: React.FC<{\n  total: CartAmount\n  totalText: string\n}> = ({ total, totalText }) => {\n  return (\n    <div className=\"border-t border-gray-200 p-4\">\n      <div className=\"flex items-center justify-between\">\n        <span className=\"text-base font-bold leading-[1.4] tracking-[-0.02em] text-gray-900\">{totalText}</span>\n        <span className=\"text-base tablet:text-[18px] font-bold leading-[1.4] tracking-[-0.02em] text-gray-900\">\n          {formatAmount(total)}\n        </span>\n      </div>\n    </div>\n  )\n}\n\n/**\n * \u8D2D\u7269\u8F66\u5361\u7247\u6E32\u67D3\u5668\n *\n * \u529F\u80FD\uFF1A\n * - \u663E\u793A\u8D2D\u7269\u8F66\u5546\u54C1\u5217\u8868\n * - \u663E\u793A\u4EF7\u683C\u6C47\u603B\uFF08\u5C0F\u8BA1\u3001\u6298\u6263\u3001\u603B\u8BA1\uFF09\n * - \u663E\u793A\u6298\u6263\u7801\n * - \u63D0\u4F9B Checkout \u6309\u94AE\n * - \u7A7A\u8D2D\u7269\u8F66\u72B6\u6001\n *\n * \u5E03\u5C40\uFF1A\n * ```\n * \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n * \u2502 \u8D2D\u7269\u8F66 (3 \u4EF6\u5546\u54C1)               \u2502\n * \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n * \u2502 [\u56FE] \u5546\u54C11                      \u2502\n * \u2502     \u53D8\u4F53: Black                 \u2502\n * \u2502     \u6570\u91CF: 2      $199.98        \u2502\n * \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n * \u2502 [\u56FE] \u5546\u54C12                      \u2502\n * \u2502     \u53D8\u4F53: White                 \u2502\n * \u2502     \u6570\u91CF: 1      $99.99         \u2502\n * \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n * \u2502 \u5C0F\u8BA1              $299.97       \u2502\n * \u2502 \u6298\u6263 [SPRING20]   -$30.00       \u2502\n * \u2502 \u603B\u8BA1              $269.97       \u2502\n * \u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524\n * \u2502        [Checkout \u6309\u94AE]          \u2502\n * \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n * ```\n *\n * @example\n * ```tsx\n * const content: CartContent = {\n *   type: 'cart',\n *   data: {\n *     isEmpty: false,\n *     cartId: \"gid://...\",\n *     totalQuantity: 3,\n *     lines: [...],\n *     cost: {...},\n *     checkoutUrl: \"https://...\"\n *   }\n * }\n * <CartCard.render(content, false, false) />\n * ```\n */\nexport const CartCard: MessageRenderer = {\n  render: content => {\n    const cartContent = content as CartContent\n    const { data } = cartContent\n\n    if (!data) {\n      return null\n    }\n\n    const { isEmpty, lines, cost, checkoutUrl, onCart, cartId, 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    // \u5904\u7406\u8D2D\u7269\u8F66\u6309\u94AE\u70B9\u51FB\n    const handleCart = () => {\n      if (onCart) {\n        onCart(cartId, checkoutUrl)\n      } else if (checkoutUrl) {\n        window.open(checkoutUrl, '_blank', 'noopener,noreferrer')\n      }\n    }\n\n    // \u7A7A\u8D2D\u7269\u8F66\u72B6\u6001 - \u4E0D\u5C55\u793A\u7EC4\u4EF6\n    if (isEmpty || !lines || lines.length === 0) {\n      return null\n    }\n\n    return (\n      <div className=\"w-full max-w-md overflow-hidden rounded-2xl shadow-sm\" style={{ backgroundColor: '#F5F6F7' }}>\n        {/* \u5546\u54C1\u5217\u8868 */}\n        <div className=\"flex flex-col gap-6 overflow-y-auto p-4\">\n          {lines.map(line => (\n            <CartLineItem key={line.id} line={line} />\n          ))}\n        </div>\n\n        {/* \u4EF7\u683C\u6C47\u603B */}\n        <CartSummary total={cost.totalAmount} totalText={mergedText.total} />\n\n        {/* Checkout \u6309\u94AE */}\n        {(checkoutUrl || onCart) && (\n          <div className=\"px-4 pb-4\">\n            <button\n              type=\"button\"\n              onClick={handleCart}\n              className=\"w-full rounded-full py-[10px] text-center text-sm font-bold leading-[1.4] tracking-[-0.02em] text-white\"\n              style={{ backgroundColor: '#1D1D1F' }}\n            >\n              {mergedText.viewMore}\n            </button>\n          </div>\n        )}\n      </div>\n    )\n  },\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GA6CQ,IAAAI,EAAA,6BArCRC,EAAsD,8BAOtD,SAASC,EAAaC,EAA4B,CAChD,KAAM,CAAE,OAAQC,EAAO,aAAAC,CAAa,EAAIF,EAElCG,EAAS,mBAAiBD,CAAY,GAAKA,EAC3CE,EAAW,WAAWH,CAAK,EAEjC,MAAO,GAAGE,CAAM,GAAGC,EAAS,QAAQ,CAAC,CAAC,EACxC,CAKA,MAAMC,EAED,CAAC,CAAE,KAAAC,CAAK,IAAM,CACjB,KAAM,CAAE,SAAAC,EAAU,YAAAC,EAAa,KAAAC,CAAK,EAAIH,EAClC,CAAE,QAAAI,EAAS,MAAOC,EAAc,MAAAC,CAAM,EAAIJ,EAG1CK,EAAWD,GAAO,KAAO,GAGzBE,EACJ,WAAWL,EAAK,YAAY,MAAM,EAAI,WAAWA,EAAK,eAAe,MAAM,GAC3EA,EAAK,YAAY,eAAiBA,EAAK,eAAe,aAExD,SACE,QAAC,OAAI,UAAU,aAEb,oBAAC,OAAI,UAAU,sCAAsC,MAAO,CAAE,MAAO,OAAQ,OAAQ,MAAO,EAC1F,mBAAC,OAAI,IAAKI,EAAU,IAAKH,EAAQ,MAAO,UAAU,yBAAyB,QAAQ,OAAO,EAC5F,KAGA,QAAC,OAAI,UAAU,uBACb,oBAAC,MAAG,UAAU,oGACX,SAAAA,EAAQ,MACX,KACA,QAAC,OAAI,UAAU,uCAEb,qBAAC,OAAI,UAAU,SACZ,UAAAC,MACC,OAAC,KAAE,UAAU,2EAA4E,SAAAA,EAAa,KAExG,QAAC,KAAE,UAAU,yEAAyE,iBAAEJ,GAAS,GACnG,KAGA,QAAC,OAAI,UAAU,wBACb,oBAAC,OAAI,UAAU,sFACZ,SAAAR,EAAaU,EAAK,WAAW,EAChC,EACCK,MACC,OAAC,OAAI,UAAU,oGACZ,SAAAf,EAAaU,EAAK,cAAc,EACnC,GAEJ,GACF,GACF,GACF,CAEJ,EAKMM,EAGD,CAAC,CAAE,MAAAC,EAAO,UAAAC,CAAU,OAErB,OAAC,OAAI,UAAU,+BACb,oBAAC,OAAI,UAAU,oCACb,oBAAC,QAAK,UAAU,qEAAsE,SAAAA,EAAU,KAChG,OAAC,QAAK,UAAU,wFACb,SAAAlB,EAAaiB,CAAK,EACrB,GACF,EACF,EAmDSrB,EAA4B,CACvC,OAAQuB,GAAW,CACjB,MAAMC,EAAcD,EACd,CAAE,KAAAE,CAAK,EAAID,EAEjB,GAAI,CAACC,EACH,OAAO,KAGT,KAAM,CAAE,QAAAC,EAAS,MAAAC,EAAO,KAAAb,EAAM,YAAAc,EAAa,OAAAC,EAAQ,OAAAC,EAAQ,WAAAC,CAAW,EAAIN,EAGpEO,EAAa,CAAE,GAAG,sBAAqB,GAAGD,CAAW,EAGrDE,EAAa,IAAM,CACnBJ,EACFA,EAAOC,EAAQF,CAAW,EACjBA,GACT,OAAO,KAAKA,EAAa,SAAU,qBAAqB,CAE5D,EAGA,OAAIF,GAAW,CAACC,GAASA,EAAM,SAAW,EACjC,QAIP,QAAC,OAAI,UAAU,wDAAwD,MAAO,CAAE,gBAAiB,SAAU,EAEzG,oBAAC,OAAI,UAAU,0CACZ,SAAAA,EAAM,IAAIhB,MACT,OAACD,EAAA,CAA2B,KAAMC,GAAfA,EAAK,EAAgB,CACzC,EACH,KAGA,OAACS,EAAA,CAAY,MAAON,EAAK,YAAa,UAAWkB,EAAW,MAAO,GAGjEJ,GAAeC,OACf,OAAC,OAAI,UAAU,YACb,mBAAC,UACC,KAAK,SACL,QAASI,EACT,UAAU,0GACV,MAAO,CAAE,gBAAiB,SAAU,EAEnC,SAAAD,EAAW,SACd,EACF,GAEJ,CAEJ,CACF",
+  "names": ["CartCard_exports", "__export", "CartCard", "__toCommonJS", "import_jsx_runtime", "import_constants", "formatAmount", "amount", "value", "currencyCode", "symbol", "numValue", "CartLineItem", "line", "quantity", "merchandise", "cost", "product", "variantTitle", "image", "imageUrl", "hasDiscount", "CartSummary", "total", "totalText", "content", "cartContent", "data", "isEmpty", "lines", "checkoutUrl", "onCart", "cartId", "commonText", "mergedText", "handleCart"]
 }

package/dist/cjs/components/LiveChatWidget/components/MessageContent/ErrorBlock.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var d=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(t,r)=>{for(var o in r)d(t,o,{get:r[o],enumerable:!0})},x=(t,r,o,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of l(r))!c.call(t,s)&&s!==o&&d(t,s,{get:()=>r[s],enumerable:!(n=a(r,s))||n.enumerable});return t};var p=t=>x(d({},"__esModule",{value:!0}),t);var g={};m(g,{ErrorBlock:()=>f});module.exports=p(g);var e=require("react/jsx-runtime");const f={render:(t,r,o)=>{const n=t,{message:s,code:i}=n.data;return s?(0,e.jsx)("div",{className:"flex flex-col gap-1 rounded-lg border border-red-200 bg-red-50 px-3 py-2",children:(0,e.jsxs)("div",{className:"flex items-start gap-2",children:[(0,e.jsxs)("svg",{className:"mt-0.5 size-5 shrink-0 text-red-600",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,e.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,e.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),(0,e.jsx)("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]}),(0,e.jsxs)("div",{className:"flex-1",children:[(0,e.jsx)("p",{className:"text-sm font-medium text-red-800",children:s}),i&&(0,e.jsxs)("p",{className:"mt-1 font-mono text-xs text-red-600",children:["\u9519\u8BEF\u4EE3\u7801: ",i]})]})]})}):null}};
+"use strict";var d=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(t,r)=>{for(var s in r)d(t,s,{get:r[s],enumerable:!0})},x=(t,r,s,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of l(r))!c.call(t,o)&&o!==s&&d(t,o,{get:()=>r[o],enumerable:!(n=a(r,o))||n.enumerable});return t};var p=t=>x(d({},"__esModule",{value:!0}),t);var g={};m(g,{ErrorBlock:()=>f});module.exports=p(g);var e=require("react/jsx-runtime");const f={render:(t,r,s)=>{const n=t,{message:o,code:i}=n.data;return o?(0,e.jsx)("div",{className:"flex flex-col gap-1 rounded-lg border border-red-200 bg-red-50 px-3 py-2",children:(0,e.jsxs)("div",{className:"flex items-start gap-2",children:[(0,e.jsxs)("svg",{className:"mt-0.5 size-5 shrink-0 text-red-600",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,e.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,e.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),(0,e.jsx)("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]}),(0,e.jsxs)("div",{className:"flex-1",children:[(0,e.jsx)("p",{className:"text-sm font-medium text-red-800",children:o}),i&&(0,e.jsxs)("p",{className:"mt-1 font-mono text-xs text-red-600",children:["Error code: ",i]})]})]})}):null}};
 //# sourceMappingURL=ErrorBlock.js.map

package/dist/cjs/components/LiveChatWidget/components/MessageContent/ErrorBlock.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/LiveChatWidget/components/MessageContent/ErrorBlock.tsx"],
-  "sourcesContent": ["/**\n * \u9519\u8BEF\u6D88\u606F\u6E32\u67D3\u5668\n * \u663E\u793A\u9519\u8BEF\u63D0\u793A\u4FE1\u606F\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u9519\u8BEF\u5904\u7406\u8BBE\u8BA1\n */\n\nimport React from 'react'\nimport type { MessageRenderer, ErrorContent } from '../../types'\n\n/**\n * \u9519\u8BEF\u6D88\u606F\u6E32\u67D3\u5668\n *\n * \u529F\u80FD\uFF1A\n * - \u663E\u793A\u9519\u8BEF\u6D88\u606F\n * - \u7EA2\u8272\u80CC\u666F\u8B66\u544A\u6837\u5F0F\n * - \u53EF\u9009\u9519\u8BEF\u4EE3\u7801\n *\n * \u9519\u8BEF\u7C7B\u578B\uFF1A\n * - \u7F51\u7EDC\u9519\u8BEF\n * - API \u9519\u8BEF\n * - \u4F1A\u8BDD\u8FC7\u671F\n * - \u5176\u4ED6\u7CFB\u7EDF\u9519\u8BEF\n *\n * @example\n * ```tsx\n * const content: ErrorContent = {\n *   type: 'error',\n *   data: {\n *     message: '\u7F51\u7EDC\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5',\n *     code: 'NETWORK_ERROR'\n *   }\n * }\n * <ErrorBlock.render(content, false, false) />\n * ```\n */\nexport const ErrorBlock: MessageRenderer = {\n  render: (content, isUser, isSystem) => {\n    const errorContent = content as ErrorContent\n    const { message, code } = errorContent.data\n\n    if (!message) {\n      return null\n    }\n\n    return (\n      <div className=\"flex flex-col gap-1 rounded-lg border border-red-200 bg-red-50 px-3 py-2\">\n        {/* \u9519\u8BEF\u56FE\u6807 + \u6D88\u606F */}\n        <div className=\"flex items-start gap-2\">\n          {/* \u9519\u8BEF\u56FE\u6807 */}\n          <svg\n            className=\"mt-0.5 size-5 shrink-0 text-red-600\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"10\" />\n            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" />\n            <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" />\n          </svg>\n\n          {/* \u9519\u8BEF\u6D88\u606F */}\n          <div className=\"flex-1\">\n            <p className=\"text-sm font-medium text-red-800\">{message}</p>\n\n            {/* \u9519\u8BEF\u4EE3\u7801\uFF08\u53EF\u9009\uFF09 */}\n            {code && <p className=\"mt-1 font-mono text-xs text-red-600\">\u9519\u8BEF\u4EE3\u7801: {code}</p>}\n          </div>\n        </div>\n      </div>\n    )\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAiDU,IAAAI,EAAA,6BAdH,MAAMF,EAA8B,CACzC,OAAQ,CAACG,EAASC,EAAQC,IAAa,CACrC,MAAMC,EAAeH,EACf,CAAE,QAAAI,EAAS,KAAAC,CAAK,EAAIF,EAAa,KAEvC,OAAKC,KAKH,OAAC,OAAI,UAAU,2EAEb,oBAAC,OAAI,UAAU,yBAEb,qBAAC,OACC,UAAU,sCACV,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QAEf,oBAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,KAC/B,OAAC,QAAK,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,KACrC,OAAC,QAAK,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK,GAC3C,KAGA,QAAC,OAAI,UAAU,SACb,oBAAC,KAAE,UAAU,mCAAoC,SAAAA,EAAQ,EAGxDC,MAAQ,QAAC,KAAE,UAAU,sCAAsC,uCAAOA,GAAK,GAC1E,GACF,EACF,EA9BO,IAgCX,CACF",
+  "sourcesContent": ["/**\n * \u9519\u8BEF\u6D88\u606F\u6E32\u67D3\u5668\n * \u663E\u793A\u9519\u8BEF\u63D0\u793A\u4FE1\u606F\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u9519\u8BEF\u5904\u7406\u8BBE\u8BA1\n */\n\nimport React from 'react'\nimport type { MessageRenderer, ErrorContent } from '../../types'\n\n/**\n * \u9519\u8BEF\u6D88\u606F\u6E32\u67D3\u5668\n *\n * \u529F\u80FD\uFF1A\n * - \u663E\u793A\u9519\u8BEF\u6D88\u606F\n * - \u7EA2\u8272\u80CC\u666F\u8B66\u544A\u6837\u5F0F\n * - \u53EF\u9009\u9519\u8BEF\u4EE3\u7801\n *\n * \u9519\u8BEF\u7C7B\u578B\uFF1A\n * - \u7F51\u7EDC\u9519\u8BEF\n * - API \u9519\u8BEF\n * - \u4F1A\u8BDD\u8FC7\u671F\n * - \u5176\u4ED6\u7CFB\u7EDF\u9519\u8BEF\n *\n * @example\n * ```tsx\n * const content: ErrorContent = {\n *   type: 'error',\n *   data: {\n *     message: '\u7F51\u7EDC\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5',\n *     code: 'NETWORK_ERROR'\n *   }\n * }\n * <ErrorBlock.render(content, false, false) />\n * ```\n */\nexport const ErrorBlock: MessageRenderer = {\n  render: (content, isUser, isSystem) => {\n    const errorContent = content as ErrorContent\n    const { message, code } = errorContent.data\n\n    if (!message) {\n      return null\n    }\n\n    return (\n      <div className=\"flex flex-col gap-1 rounded-lg border border-red-200 bg-red-50 px-3 py-2\">\n        {/* \u9519\u8BEF\u56FE\u6807 + \u6D88\u606F */}\n        <div className=\"flex items-start gap-2\">\n          {/* \u9519\u8BEF\u56FE\u6807 */}\n          <svg\n            className=\"mt-0.5 size-5 shrink-0 text-red-600\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"10\" />\n            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" />\n            <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\" />\n          </svg>\n\n          {/* \u9519\u8BEF\u6D88\u606F */}\n          <div className=\"flex-1\">\n            <p className=\"text-sm font-medium text-red-800\">{message}</p>\n\n            {/* \u9519\u8BEF\u4EE3\u7801\uFF08\u53EF\u9009\uFF09 */}\n            {code && <p className=\"mt-1 font-mono text-xs text-red-600\">Error code: {code}</p>}\n          </div>\n        </div>\n      </div>\n    )\n  },\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAiDU,IAAAI,EAAA,6BAdH,MAAMF,EAA8B,CACzC,OAAQ,CAACG,EAASC,EAAQC,IAAa,CACrC,MAAMC,EAAeH,EACf,CAAE,QAAAI,EAAS,KAAAC,CAAK,EAAIF,EAAa,KAEvC,OAAKC,KAKH,OAAC,OAAI,UAAU,2EAEb,oBAAC,OAAI,UAAU,yBAEb,qBAAC,OACC,UAAU,sCACV,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,QAEf,oBAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,KAC/B,OAAC,QAAK,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,KACrC,OAAC,QAAK,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK,GAC3C,KAGA,QAAC,OAAI,UAAU,SACb,oBAAC,KAAE,UAAU,mCAAoC,SAAAA,EAAQ,EAGxDC,MAAQ,QAAC,KAAE,UAAU,sCAAsC,yBAAaA,GAAK,GAChF,GACF,EACF,EA9BO,IAgCX,CACF",
   "names": ["ErrorBlock_exports", "__export", "ErrorBlock", "__toCommonJS", "import_jsx_runtime", "content", "isUser", "isSystem", "errorContent", "message", "code"]
 }

package/dist/cjs/components/LiveChatWidget/components/MessageContent/FAQList.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var k=Object.create;var i=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var h=(t,n)=>{for(var a in n)i(t,a,{get:n[a],enumerable:!0})},p=(t,n,a,l)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of N(n))!Q.call(t,o)&&o!==a&&i(t,o,{get:()=>n[o],enumerable:!(l=y(n,o))||l.enumerable});return t};var C=(t,n,a)=>(a=t!=null?k(w(t)):{},p(n||!t||!t.__esModule?i(a,"default",{value:t,enumerable:!0}):a,t)),A=t=>p(i({},"__esModule",{value:!0}),t);var R={};h(R,{FAQList:()=>g,FAQListRenderer:()=>L});module.exports=A(R);var e=require("react/jsx-runtime"),u=require("react"),m=C(require("react-markdown"));const L={render:t=>t.type!=="faq_list"?null:(0,e.jsx)(g,{content:t})},g=({content:t,onQuestionClick:n})=>{const{found:a,count:l,total:o,results:c}=t.data,[x,v]=(0,u.useState)(new Set);if(!a||c.length===0)return(0,e.jsx)("div",{className:"rounded-lg border border-gray-200 bg-white p-4",children:(0,e.jsx)("p",{className:"text-sm text-gray-500",children:"\u672A\u627E\u5230\u76F8\u5173\u95EE\u9898"})});const f=s=>{v(d=>{const r=new Set(d);return r.has(s)?r.delete(s):r.add(s),r})},b=s=>{n?.(s)};return(0,e.jsx)("div",{className:"space-y-2",children:(0,e.jsx)("div",{className:"space-y-2",children:c.map(s=>{const d=x.has(s.id);return(0,e.jsxs)("div",{className:"overflow-hidden rounded-2xl  bg-[#F5F6F7] transition-all",children:[(0,e.jsxs)("button",{onClick:()=>f(s.id),className:"flex w-full items-center justify-between gap-3 p-4 text-left transition-colors ",children:[(0,e.jsx)("div",{className:"flex-1",children:(0,e.jsx)("div",{className:"flex items-center gap-2",children:(0,e.jsx)("span",{className:"text-sm font-bold leading-[1.4] tracking-[-0.02em] text-[#080A0F]",children:s.question})})}),(0,e.jsx)("svg",{className:`size-5 shrink-0 text-[#080A0F] transition-transform ${d?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,e.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),d&&(0,e.jsxs)("div",{className:" bg-[#F5F6F7] px-4 py-3 pt-0",children:[(0,e.jsx)("div",{className:"prose prose-sm max-w-none border-t border-gray-100  text-sm font-bold leading-[1.4] tracking-[-0.02em] text-[#4A4C56]",style:{paddingTop:"12px"},children:(0,e.jsx)(m.default,{children:s.answer})}),s.relatedQuestions&&s.relatedQuestions.length>0&&(0,e.jsxs)("div",{className:"mt-4 border-t border-gray-200 pt-3",children:[(0,e.jsx)("p",{className:"mb-2 text-xs font-medium text-gray-500",children:"\u60A8\u53EF\u80FD\u8FD8\u60F3\u4E86\u89E3\uFF1A"}),(0,e.jsx)("div",{className:"space-y-1",children:s.relatedQuestions.map((r,F)=>(0,e.jsx)("button",{onClick:()=>b(r),className:"block w-full text-left text-xs text-blue-600 hover:text-blue-700 hover:underline",children:r},F))})]})]})]},s.id)})})})};
+"use strict";var N=Object.create;var d=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var A=(t,n)=>{for(var a in n)d(t,a,{get:n[a],enumerable:!0})},p=(t,n,a,l)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of Q(n))!C.call(t,o)&&o!==a&&d(t,o,{get:()=>n[o],enumerable:!(l=w(n,o))||l.enumerable});return t};var m=(t,n,a)=>(a=t!=null?N(h(t)):{},p(n||!t||!t.__esModule?d(a,"default",{value:t,enumerable:!0}):a,t)),L=t=>p(d({},"__esModule",{value:!0}),t);var M={};A(M,{FAQList:()=>v,FAQListRenderer:()=>R});module.exports=L(M);var e=require("react/jsx-runtime"),u=require("react"),g=m(require("react-markdown")),x=m(require("remark-gfm"));const R={render:t=>t.type!=="faq_list"?null:(0,e.jsx)(v,{content:t})},v=({content:t,onQuestionClick:n})=>{const{found:a,count:l,total:o,results:c}=t.data,[f,b]=(0,u.useState)(new Set);if(!a||c.length===0)return(0,e.jsx)("div",{className:"rounded-lg border border-gray-200 bg-white p-4",children:(0,e.jsx)("p",{className:"text-sm text-gray-500",children:"\u672A\u627E\u5230\u76F8\u5173\u95EE\u9898"})});const k=s=>{b(i=>{const r=new Set(i);return r.has(s)?r.delete(s):r.add(s),r})},y=s=>{n?.(s)};return(0,e.jsx)("div",{className:"space-y-2",children:(0,e.jsx)("div",{className:"space-y-2",children:c.map(s=>{const i=f.has(s.id);return(0,e.jsxs)("div",{className:"overflow-hidden rounded-2xl  bg-[#F5F6F7] transition-all",children:[(0,e.jsxs)("button",{onClick:()=>k(s.id),className:"flex w-full items-center justify-between gap-3 p-4 text-left transition-colors ",children:[(0,e.jsx)("div",{className:"flex-1",children:(0,e.jsx)("div",{className:"flex items-center gap-2",children:(0,e.jsx)("span",{className:"text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#080A0F]",children:s.question})})}),(0,e.jsx)("svg",{className:`size-5 shrink-0 text-[#080A0F] transition-transform ${i?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,e.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),i&&(0,e.jsxs)("div",{className:" bg-[#F5F6F7] px-4 py-3 pt-0",children:[(0,e.jsx)("div",{className:"prose prose-sm max-w-none border-t border-gray-100  text-sm font-bold leading-[1.4] tracking-[-0.02em] text-[#4A4C56]",style:{paddingTop:"12px"},children:(0,e.jsx)(g.default,{remarkPlugins:[x.default],children:s.answer})}),s.relatedQuestions&&s.relatedQuestions.length>0&&(0,e.jsxs)("div",{className:"mt-4 border-t border-gray-200 pt-3",children:[(0,e.jsx)("p",{className:"mb-2 text-xs font-medium text-gray-500",children:"You may also want to know:"}),(0,e.jsx)("div",{className:"space-y-1",children:s.relatedQuestions.map((r,F)=>(0,e.jsx)("button",{onClick:()=>y(r),className:"block w-full text-left text-xs text-blue-600 hover:text-blue-700 hover:underline",children:r},F))})]})]})]},s.id)})})})};
 //# sourceMappingURL=FAQList.js.map

package/dist/cjs/components/LiveChatWidget/components/MessageContent/FAQList.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/LiveChatWidget/components/MessageContent/FAQList.tsx"],
-  "sourcesContent": ["/**\n * FAQ \u5217\u8868\u7EC4\u4EF6\n * \u663E\u793A\u5E38\u89C1\u95EE\u9898\u5217\u8868\uFF0C\u652F\u6301\u6298\u53E0/\u5C55\u5F00\n */\n\nimport React, { useState } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport type { FAQListContent, FAQItem, MessageRenderer, MessageContent } from '../../types'\n\nexport interface FAQListProps {\n  content: FAQListContent\n  onQuestionClick?: (question: string) => void\n}\n\n/**\n * FAQ \u5217\u8868\u6E32\u67D3\u5668\n * \u7528\u4E8E\u6CE8\u518C\u5230 MessageRendererRegistry\n */\nexport const FAQListRenderer: MessageRenderer = {\n  render: (content: MessageContent) => {\n    if (content.type !== 'faq_list') {\n      return null\n    }\n    return <FAQList content={content as FAQListContent} />\n  },\n}\n\nexport const FAQList: React.FC<FAQListProps> = ({ content, onQuestionClick }) => {\n  const { found, count, total, results } = content.data\n  const [expandedIds, setExpandedIds] = useState<Set<string>>(new Set())\n\n  // \u5982\u679C\u6CA1\u6709\u627E\u5230\u7ED3\u679C\n  if (!found || results.length === 0) {\n    return (\n      <div className=\"rounded-lg border border-gray-200 bg-white p-4\">\n        <p className=\"text-sm text-gray-500\">\u672A\u627E\u5230\u76F8\u5173\u95EE\u9898</p>\n      </div>\n    )\n  }\n\n  // \u5207\u6362\u5C55\u5F00/\u6298\u53E0\n  const toggleExpand = (id: string) => {\n    setExpandedIds(prev => {\n      const newSet = new Set(prev)\n      if (newSet.has(id)) {\n        newSet.delete(id)\n      } else {\n        newSet.add(id)\n      }\n      return newSet\n    })\n  }\n\n  // \u5904\u7406\u76F8\u5173\u95EE\u9898\u70B9\u51FB\n  const handleRelatedQuestionClick = (question: string) => {\n    onQuestionClick?.(question)\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      {/* FAQ \u5217\u8868 */}\n      <div className=\"space-y-2\">\n        {results.map(item => {\n          const isExpanded = expandedIds.has(item.id)\n\n          return (\n            <div key={item.id} className=\"overflow-hidden rounded-2xl  bg-[#F5F6F7] transition-all\">\n              {/* \u95EE\u9898\u6807\u9898 - \u53EF\u70B9\u51FB\u5C55\u5F00/\u6298\u53E0 */}\n              <button\n                onClick={() => toggleExpand(item.id)}\n                className=\"flex w-full items-center justify-between gap-3 p-4 text-left transition-colors \"\n              >\n                <div className=\"flex-1\">\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-bold leading-[1.4] tracking-[-0.02em] text-[#080A0F]\">\n                      {item.question}\n                    </span>\n                  </div>\n                </div>\n\n                {/* \u5C55\u5F00/\u6298\u53E0\u56FE\u6807 */}\n                <svg\n                  className={`size-5 shrink-0 text-[#080A0F] transition-transform ${isExpanded ? 'rotate-180' : ''}`}\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n                </svg>\n              </button>\n\n              {/* \u7B54\u6848\u5185\u5BB9 - \u5C55\u5F00\u65F6\u663E\u793A */}\n              {isExpanded && (\n                <div className=\" bg-[#F5F6F7] px-4 py-3 pt-0\">\n                  <div\n                    className=\"prose prose-sm max-w-none border-t border-gray-100  text-sm font-bold leading-[1.4] tracking-[-0.02em] text-[#4A4C56]\"\n                    style={{ paddingTop: '12px' }}\n                  >\n                    <ReactMarkdown>{item.answer}</ReactMarkdown>\n                  </div>\n\n                  {/* \u76F8\u5173\u95EE\u9898 */}\n                  {item.relatedQuestions && item.relatedQuestions.length > 0 && (\n                    <div className=\"mt-4 border-t border-gray-200 pt-3\">\n                      <p className=\"mb-2 text-xs font-medium text-gray-500\">\u60A8\u53EF\u80FD\u8FD8\u60F3\u4E86\u89E3\uFF1A</p>\n                      <div className=\"space-y-1\">\n                        {item.relatedQuestions.map((q, idx) => (\n                          <button\n                            key={idx}\n                            onClick={() => handleRelatedQuestionClick(q)}\n                            className=\"block w-full text-left text-xs text-blue-600 hover:text-blue-700 hover:underline\"\n                          >\n                            {q}\n                          </button>\n                        ))}\n                      </div>\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,oBAAAC,IAAA,eAAAC,EAAAJ,GAuBW,IAAAK,EAAA,6BAlBXC,EAAgC,iBAChCC,EAA0B,6BAYnB,MAAMJ,EAAmC,CAC9C,OAASK,GACHA,EAAQ,OAAS,WACZ,QAEF,OAACN,EAAA,CAAQ,QAASM,EAA2B,CAExD,EAEaN,EAAkC,CAAC,CAAE,QAAAM,EAAS,gBAAAC,CAAgB,IAAM,CAC/E,KAAM,CAAE,MAAAC,EAAO,MAAAC,EAAO,MAAAC,EAAO,QAAAC,CAAQ,EAAIL,EAAQ,KAC3C,CAACM,EAAaC,CAAc,KAAI,YAAsB,IAAI,GAAK,EAGrE,GAAI,CAACL,GAASG,EAAQ,SAAW,EAC/B,SACE,OAAC,OAAI,UAAU,iDACb,mBAAC,KAAE,UAAU,wBAAwB,sDAAO,EAC9C,EAKJ,MAAMG,EAAgBC,GAAe,CACnCF,EAAeG,GAAQ,CACrB,MAAMC,EAAS,IAAI,IAAID,CAAI,EAC3B,OAAIC,EAAO,IAAIF,CAAE,EACfE,EAAO,OAAOF,CAAE,EAEhBE,EAAO,IAAIF,CAAE,EAERE,CACT,CAAC,CACH,EAGMC,EAA8BC,GAAqB,CACvDZ,IAAkBY,CAAQ,CAC5B,EAEA,SACE,OAAC,OAAI,UAAU,YAEb,mBAAC,OAAI,UAAU,YACZ,SAAAR,EAAQ,IAAIS,GAAQ,CACnB,MAAMC,EAAaT,EAAY,IAAIQ,EAAK,EAAE,EAE1C,SACE,QAAC,OAAkB,UAAU,2DAE3B,qBAAC,UACC,QAAS,IAAMN,EAAaM,EAAK,EAAE,EACnC,UAAU,kFAEV,oBAAC,OAAI,UAAU,SACb,mBAAC,OAAI,UAAU,0BACb,mBAAC,QAAK,UAAU,oEACb,SAAAA,EAAK,SACR,EACF,EACF,KAGA,OAAC,OACC,UAAW,uDAAuDC,EAAa,aAAe,EAAE,GAChG,KAAK,OACL,QAAQ,YACR,OAAO,eAEP,mBAAC,QAAK,cAAc,QAAQ,eAAe,QAAQ,YAAa,EAAG,EAAE,iBAAiB,EACxF,GACF,EAGCA,MACC,QAAC,OAAI,UAAU,+BACb,oBAAC,OACC,UAAU,wHACV,MAAO,CAAE,WAAY,MAAO,EAE5B,mBAAC,EAAAC,QAAA,CAAe,SAAAF,EAAK,OAAO,EAC9B,EAGCA,EAAK,kBAAoBA,EAAK,iBAAiB,OAAS,MACvD,QAAC,OAAI,UAAU,qCACb,oBAAC,KAAE,UAAU,yCAAyC,4DAAQ,KAC9D,OAAC,OAAI,UAAU,YACZ,SAAAA,EAAK,iBAAiB,IAAI,CAACG,EAAGC,OAC7B,OAAC,UAEC,QAAS,IAAMN,EAA2BK,CAAC,EAC3C,UAAU,mFAET,SAAAA,GAJIC,CAKP,CACD,EACH,GACF,GAEJ,IApDMJ,EAAK,EAsDf,CAEJ,CAAC,EACH,EACF,CAEJ",
-  "names": ["FAQList_exports", "__export", "FAQList", "FAQListRenderer", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_markdown", "content", "onQuestionClick", "found", "count", "total", "results", "expandedIds", "setExpandedIds", "toggleExpand", "id", "prev", "newSet", "handleRelatedQuestionClick", "question", "item", "isExpanded", "ReactMarkdown", "q", "idx"]
+  "sourcesContent": ["/**\n * FAQ \u5217\u8868\u7EC4\u4EF6\n * \u663E\u793A\u5E38\u89C1\u95EE\u9898\u5217\u8868\uFF0C\u652F\u6301\u6298\u53E0/\u5C55\u5F00\n */\n\nimport React, { useState } from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport type { FAQListContent, FAQItem, MessageRenderer, MessageContent } from '../../types'\n\nexport interface FAQListProps {\n  content: FAQListContent\n  onQuestionClick?: (question: string) => void\n}\n\n/**\n * FAQ \u5217\u8868\u6E32\u67D3\u5668\n * \u7528\u4E8E\u6CE8\u518C\u5230 MessageRendererRegistry\n */\nexport const FAQListRenderer: MessageRenderer = {\n  render: (content: MessageContent) => {\n    if (content.type !== 'faq_list') {\n      return null\n    }\n    return <FAQList content={content as FAQListContent} />\n  },\n}\n\nexport const FAQList: React.FC<FAQListProps> = ({ content, onQuestionClick }) => {\n  const { found, count, total, results } = content.data\n  const [expandedIds, setExpandedIds] = useState<Set<string>>(new Set())\n\n  // \u5982\u679C\u6CA1\u6709\u627E\u5230\u7ED3\u679C\n  if (!found || results.length === 0) {\n    return (\n      <div className=\"rounded-lg border border-gray-200 bg-white p-4\">\n        <p className=\"text-sm text-gray-500\">\u672A\u627E\u5230\u76F8\u5173\u95EE\u9898</p>\n      </div>\n    )\n  }\n\n  // \u5207\u6362\u5C55\u5F00/\u6298\u53E0\n  const toggleExpand = (id: string) => {\n    setExpandedIds(prev => {\n      const newSet = new Set(prev)\n      if (newSet.has(id)) {\n        newSet.delete(id)\n      } else {\n        newSet.add(id)\n      }\n      return newSet\n    })\n  }\n\n  // \u5904\u7406\u76F8\u5173\u95EE\u9898\u70B9\u51FB\n  const handleRelatedQuestionClick = (question: string) => {\n    onQuestionClick?.(question)\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      {/* FAQ \u5217\u8868 */}\n      <div className=\"space-y-2\">\n        {results.map(item => {\n          const isExpanded = expandedIds.has(item.id)\n\n          return (\n            <div key={item.id} className=\"overflow-hidden rounded-2xl  bg-[#F5F6F7] transition-all\">\n              {/* \u95EE\u9898\u6807\u9898 - \u53EF\u70B9\u51FB\u5C55\u5F00/\u6298\u53E0 */}\n              <button\n                onClick={() => toggleExpand(item.id)}\n                className=\"flex w-full items-center justify-between gap-3 p-4 text-left transition-colors \"\n              >\n                <div className=\"flex-1\">\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-base font-bold leading-[1.4] tracking-[-0.02em] text-[#080A0F]\">\n                      {item.question}\n                    </span>\n                  </div>\n                </div>\n\n                {/* \u5C55\u5F00/\u6298\u53E0\u56FE\u6807 */}\n                <svg\n                  className={`size-5 shrink-0 text-[#080A0F] transition-transform ${isExpanded ? 'rotate-180' : ''}`}\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n                </svg>\n              </button>\n\n              {/* \u7B54\u6848\u5185\u5BB9 - \u5C55\u5F00\u65F6\u663E\u793A */}\n              {isExpanded && (\n                <div className=\" bg-[#F5F6F7] px-4 py-3 pt-0\">\n                  <div\n                    className=\"prose prose-sm max-w-none border-t border-gray-100  text-sm font-bold leading-[1.4] tracking-[-0.02em] text-[#4A4C56]\"\n                    style={{ paddingTop: '12px' }}\n                  >\n                    <ReactMarkdown remarkPlugins={[remarkGfm]}>{item.answer}</ReactMarkdown>\n                  </div>\n\n                  {/* \u76F8\u5173\u95EE\u9898 */}\n                  {item.relatedQuestions && item.relatedQuestions.length > 0 && (\n                    <div className=\"mt-4 border-t border-gray-200 pt-3\">\n                      <p className=\"mb-2 text-xs font-medium text-gray-500\">You may also want to know:</p>\n                      <div className=\"space-y-1\">\n                        {item.relatedQuestions.map((q, idx) => (\n                          <button\n                            key={idx}\n                            onClick={() => handleRelatedQuestionClick(q)}\n                            className=\"block w-full text-left text-xs text-blue-600 hover:text-blue-700 hover:underline\"\n                          >\n                            {q}\n                          </button>\n                        ))}\n                      </div>\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,oBAAAC,IAAA,eAAAC,EAAAJ,GAwBW,IAAAK,EAAA,6BAnBXC,EAAgC,iBAChCC,EAA0B,6BAC1BC,EAAsB,yBAYf,MAAML,EAAmC,CAC9C,OAASM,GACHA,EAAQ,OAAS,WACZ,QAEF,OAACP,EAAA,CAAQ,QAASO,EAA2B,CAExD,EAEaP,EAAkC,CAAC,CAAE,QAAAO,EAAS,gBAAAC,CAAgB,IAAM,CAC/E,KAAM,CAAE,MAAAC,EAAO,MAAAC,EAAO,MAAAC,EAAO,QAAAC,CAAQ,EAAIL,EAAQ,KAC3C,CAACM,EAAaC,CAAc,KAAI,YAAsB,IAAI,GAAK,EAGrE,GAAI,CAACL,GAASG,EAAQ,SAAW,EAC/B,SACE,OAAC,OAAI,UAAU,iDACb,mBAAC,KAAE,UAAU,wBAAwB,sDAAO,EAC9C,EAKJ,MAAMG,EAAgBC,GAAe,CACnCF,EAAeG,GAAQ,CACrB,MAAMC,EAAS,IAAI,IAAID,CAAI,EAC3B,OAAIC,EAAO,IAAIF,CAAE,EACfE,EAAO,OAAOF,CAAE,EAEhBE,EAAO,IAAIF,CAAE,EAERE,CACT,CAAC,CACH,EAGMC,EAA8BC,GAAqB,CACvDZ,IAAkBY,CAAQ,CAC5B,EAEA,SACE,OAAC,OAAI,UAAU,YAEb,mBAAC,OAAI,UAAU,YACZ,SAAAR,EAAQ,IAAIS,GAAQ,CACnB,MAAMC,EAAaT,EAAY,IAAIQ,EAAK,EAAE,EAE1C,SACE,QAAC,OAAkB,UAAU,2DAE3B,qBAAC,UACC,QAAS,IAAMN,EAAaM,EAAK,EAAE,EACnC,UAAU,kFAEV,oBAAC,OAAI,UAAU,SACb,mBAAC,OAAI,UAAU,0BACb,mBAAC,QAAK,UAAU,sEACb,SAAAA,EAAK,SACR,EACF,EACF,KAGA,OAAC,OACC,UAAW,uDAAuDC,EAAa,aAAe,EAAE,GAChG,KAAK,OACL,QAAQ,YACR,OAAO,eAEP,mBAAC,QAAK,cAAc,QAAQ,eAAe,QAAQ,YAAa,EAAG,EAAE,iBAAiB,EACxF,GACF,EAGCA,MACC,QAAC,OAAI,UAAU,+BACb,oBAAC,OACC,UAAU,wHACV,MAAO,CAAE,WAAY,MAAO,EAE5B,mBAAC,EAAAC,QAAA,CAAc,cAAe,CAAC,EAAAC,OAAS,EAAI,SAAAH,EAAK,OAAO,EAC1D,EAGCA,EAAK,kBAAoBA,EAAK,iBAAiB,OAAS,MACvD,QAAC,OAAI,UAAU,qCACb,oBAAC,KAAE,UAAU,yCAAyC,sCAA0B,KAChF,OAAC,OAAI,UAAU,YACZ,SAAAA,EAAK,iBAAiB,IAAI,CAACI,EAAGC,OAC7B,OAAC,UAEC,QAAS,IAAMP,EAA2BM,CAAC,EAC3C,UAAU,mFAET,SAAAA,GAJIC,CAKP,CACD,EACH,GACF,GAEJ,IApDML,EAAK,EAsDf,CAEJ,CAAC,EACH,EACF,CAEJ",
+  "names": ["FAQList_exports", "__export", "FAQList", "FAQListRenderer", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_markdown", "import_remark_gfm", "content", "onQuestionClick", "found", "count", "total", "results", "expandedIds", "setExpandedIds", "toggleExpand", "id", "prev", "newSet", "handleRelatedQuestionClick", "question", "item", "isExpanded", "ReactMarkdown", "remarkGfm", "q", "idx"]
 }

package/dist/cjs/components/LiveChatWidget/components/MessageContent/PolicyBlock.js CHANGED Viewed

@@ -1,5 +1,5 @@
-"use strict";var b=Object.create;var d=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var v=(t,o)=>{for(var n in o)d(t,n,{get:o[n],enumerable:!0})},c=(t,o,n,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of x(o))!y.call(t,s)&&s!==n&&d(t,s,{get:()=>o[s],enumerable:!(i=u(o,s))||i.enumerable});return t};var h=(t,o,n)=>(n=t!=null?b(g(t)):{},c(o||!t||!t.__esModule?d(n,"default",{value:t,enumerable:!0}):n,t)),f=t=>c(d({},"__esModule",{value:!0}),t);var C={};v(C,{PolicyBlock:()=>k});module.exports=f(C);var e=require("react/jsx-runtime"),m=require("react"),p=h(require("react-markdown"));const k={render:(t,o,n)=>{const i=t,{title:s,content:a}=i.data;if(!s||!a)return null;const r=a.length>200;return(0,e.jsx)(N,{title:s,content:a,isLong:r})}},N=({title:t,content:o,isLong:n})=>{const[i,s]=(0,m.useState)(!n);return(0,e.jsxs)("div",{className:"overflow-hidden rounded-lg border border-blue-200 bg-blue-50",children:[(0,e.jsxs)("div",{className:"flex items-center gap-2 border-b border-blue-200 bg-blue-100 px-3 py-2",children:[(0,e.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"shrink-0 text-blue-700",children:[(0,e.jsx)("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),(0,e.jsx)("polyline",{points:"14 2 14 8 20 8"}),(0,e.jsx)("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),(0,e.jsx)("line",{x1:"16",y1:"17",x2:"8",y2:"17"}),(0,e.jsx)("polyline",{points:"10 9 9 9 8 9"})]}),(0,e.jsx)("h3",{className:"text-sm font-semibold text-blue-900",children:t})]}),(0,e.jsxs)("div",{className:"px-3 py-2",children:[(0,e.jsx)("div",{className:`
+"use strict";var g=Object.create;var d=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var f=(t,o)=>{for(var n in o)d(t,n,{get:o[n],enumerable:!0})},c=(t,o,n,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of y(o))!h.call(t,s)&&s!==n&&d(t,s,{get:()=>o[s],enumerable:!(i=x(o,s))||i.enumerable});return t};var m=(t,o,n)=>(n=t!=null?g(v(t)):{},c(o||!t||!t.__esModule?d(n,"default",{value:t,enumerable:!0}):n,t)),k=t=>c(d({},"__esModule",{value:!0}),t);var w={};f(w,{PolicyBlock:()=>N});module.exports=k(w);var e=require("react/jsx-runtime"),p=require("react"),b=m(require("react-markdown")),u=m(require("remark-gfm"));const N={render:(t,o,n)=>{const i=t,{title:s,content:a}=i.data;if(!s||!a)return null;const r=a.length>200;return(0,e.jsx)(C,{title:s,content:a,isLong:r})}},C=({title:t,content:o,isLong:n})=>{const[i,s]=(0,p.useState)(!n);return(0,e.jsxs)("div",{className:"overflow-hidden rounded-lg border border-blue-200 bg-blue-50",children:[(0,e.jsxs)("div",{className:"flex items-center gap-2 border-b border-blue-200 bg-blue-100 px-3 py-2",children:[(0,e.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"shrink-0 text-blue-700",children:[(0,e.jsx)("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),(0,e.jsx)("polyline",{points:"14 2 14 8 20 8"}),(0,e.jsx)("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),(0,e.jsx)("line",{x1:"16",y1:"17",x2:"8",y2:"17"}),(0,e.jsx)("polyline",{points:"10 9 9 9 8 9"})]}),(0,e.jsx)("h3",{className:"text-sm font-semibold text-blue-900",children:t})]}),(0,e.jsxs)("div",{className:"px-3 py-2",children:[(0,e.jsx)("div",{className:`
             text-sm leading-relaxed text-blue-900
             ${!i&&n?"line-clamp-3":""}
-          `,children:(0,e.jsx)(p.default,{components:{p:({node:r,...l})=>(0,e.jsx)("p",{...l,className:"mb-2 last:mb-0"}),ul:({node:r,...l})=>(0,e.jsx)("ul",{...l,className:"mb-2 ml-4 list-disc"}),ol:({node:r,...l})=>(0,e.jsx)("ol",{...l,className:"mb-2 ml-4 list-decimal"}),li:({node:r,...l})=>(0,e.jsx)("li",{...l,className:"mb-1"}),strong:({node:r,...l})=>(0,e.jsx)("strong",{...l,className:"font-semibold"})},children:o})}),n&&(0,e.jsxs)("button",{type:"button",onClick:()=>{s(r=>!r)},className:"mt-2 flex items-center gap-1 text-xs font-medium text-blue-700 hover:text-blue-800",children:[(0,e.jsx)("span",{children:i?"\u6536\u8D77":"\u5C55\u5F00"}),(0,e.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:`transition-transform ${i?"rotate-180":""}`,children:(0,e.jsx)("polyline",{points:"6 9 12 15 18 9"})})]})]})]})};
+          `,children:(0,e.jsx)(b.default,{remarkPlugins:[u.default],components:{p:({node:r,...l})=>(0,e.jsx)("p",{...l,className:"mb-2 last:mb-0"}),ul:({node:r,...l})=>(0,e.jsx)("ul",{...l,className:"mb-2 ml-4 list-disc"}),ol:({node:r,...l})=>(0,e.jsx)("ol",{...l,className:"mb-2 ml-4 list-decimal"}),li:({node:r,...l})=>(0,e.jsx)("li",{...l,className:"mb-1"}),strong:({node:r,...l})=>(0,e.jsx)("strong",{...l,className:"font-bold"})},children:o})}),n&&(0,e.jsxs)("button",{type:"button",onClick:()=>{s(r=>!r)},className:"mt-2 flex items-center gap-1 text-xs font-medium text-blue-700 hover:text-blue-800",children:[(0,e.jsx)("span",{children:i?"\u6536\u8D77":"\u5C55\u5F00"}),(0,e.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:`transition-transform ${i?"rotate-180":""}`,children:(0,e.jsx)("polyline",{points:"6 9 12 15 18 9"})})]})]})]})};
 //# sourceMappingURL=PolicyBlock.js.map