npm - @anker-in/campaign-ui - Versions diffs - 0.2.11-beta.34 → 0.2.11-beta.35 - Mend

@anker-in/campaign-ui 0.2.11-beta.34 → 0.2.11-beta.35

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

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

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

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

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

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,41 @@
+"use strict";var h=Object.create;var d=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var k=(t,o)=>{for(var n in o)d(t,n,{get:o[n],enumerable:!0})},x=(t,o,n,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of u(o))!C.call(t,a)&&a!==n&&d(t,a,{get:()=>o[a],enumerable:!(s=b(o,a))||s.enumerable});return t};var y=(t,o,n)=>(n=t!=null?h(f(t)):{},x(o||!t||!t.__esModule?d(n,"default",{value:t,enumerable:!0}):n,t)),w=t=>x(d({},"__esModule",{value:!0}),t);var N={};k(N,{ComplianceDialog:()=>v});module.exports=w(N);var e=require("react/jsx-runtime"),r=require("react"),i=y(require("@radix-ui/react-dialog"));const v=({open:t,config:o,onAgree:n,onClose:s})=>{const[a,m]=(0,r.useState)(!1),c=(0,r.useCallback)(()=>{a&&(n(),m(!1))},[a,n]),p=(0,r.useCallback)(l=>{l||(s(),m(!1))},[s]),g=(0,r.useCallback)(l=>{l.target.tagName==="A"&&l.stopPropagation()},[]);return(0,e.jsx)(i.Root,{open:t,onOpenChange:p,children:(0,e.jsxs)(i.Portal,{children:[(0,e.jsx)(i.Overlay,{className:"hidden"}),(0,e.jsxs)(i.Content,{className:`
+            fixed z-[9998] bg-white overflow-hidden flex flex-col
+            animate-in slide-in-from-bottom-4 fade-in duration-300
+            max-md:bottom-0 max-md:left-0 max-md:right-0 max-md:w-screen max-md:max-h-[80%]
+            max-md:rounded-t-2xl max-md:shadow-[0_-4px_20px_rgba(0,0,0,0.15)]
+            md:bottom-4 md:right-4 md:w-[390px] md:max-h-[70vh]
+            md:rounded-2xl md:shadow-xl
+            2xl:max-h-[720px]
+          `,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)(i.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)(i.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:g,children:[(0,e.jsx)("input",{type:"checkbox",className:"absolute opacity-0 w-0 h-0",checked:a,onChange:l=>m(l.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
+                  ${a?"bg-[#080A0F] border-[#080A0F] text-white":"bg-white border-[#2A2C32]"}
+                `,children:a&&(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
+                ${a?"bg-[#080A0F]  cursor-pointer ":"bg-[#767880] cursor-not-allowed"}
+              `,onClick:c,disabled:!a,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(false)\n\n  const handleAgree = useCallback(() => {\n    if (isChecked) {\n      onAgree()\n      // \u91CD\u7F6E\u52FE\u9009\u72B6\u6001\uFF0C\u4EE5\u4FBF\u4E0B\u6B21\u6253\u5F00\u65F6\u91CD\u65B0\u52FE\u9009\n      setIsChecked(false)\n    }\n  }, [isChecked, onAgree])\n\n  const handleOpenChange = useCallback((open: boolean) => {\n    if (!open) {\n      onClose()\n      // \u91CD\u7F6E\u52FE\u9009\u72B6\u6001\n      setIsChecked(false)\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        {/* \u906E\u7F69\u5C42 - \u9690\u85CF */}\n        <Dialog.Overlay className=\"hidden\" />\n\n        {/* \u5F39\u7A97\u5185\u5BB9 */}\n        <Dialog.Content\n          className=\"\n            fixed z-[9998] bg-white overflow-hidden flex flex-col\n            animate-in slide-in-from-bottom-4 fade-in duration-300\n            max-md:bottom-0 max-md:left-0 max-md:right-0 max-md:w-screen max-md:max-h-[80%]\n            max-md:rounded-t-2xl max-md:shadow-[0_-4px_20px_rgba(0,0,0,0.15)]\n            md:bottom-4 md:right-4 md:w-[390px] md:max-h-[70vh]\n            md:rounded-2xl md:shadow-xl\n            2xl:max-h-[720px]\n          \"\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,GA6FQ,IAAAI,EAAA,6BAxFRC,EAA6C,iBAC7CC,EAAwB,qCAmDjB,MAAMJ,EAAoD,CAAC,CAChE,KAAAK,EACA,OAAAC,EACA,QAAAC,EACA,QAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAWC,CAAY,KAAI,YAAS,EAAK,EAE1CC,KAAc,eAAY,IAAM,CAChCF,IACFF,EAAQ,EAERG,EAAa,EAAK,EAEtB,EAAG,CAACD,EAAWF,CAAO,CAAC,EAEjBK,KAAmB,eAAaP,GAAkB,CACjDA,IACHG,EAAQ,EAERE,EAAa,EAAK,EAEtB,EAAG,CAACF,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,oBAACR,EAAO,OAAP,CAEC,oBAACA,EAAO,QAAP,CAAe,UAAU,SAAS,KAGnC,QAACA,EAAO,QAAP,CACC,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAWV,oBAAC,OAAI,UAAU,sFACb,mBAACA,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,GACF,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/index.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@
  * LiveChatWidget 组件入口
  */
 export { LiveChatWidget } from './LiveChatWidget';
-export type { LiveChatWidgetProps, Message, MessageContent, MessageRole, MessageContentType, MessageMetadata, Product, QuickReply, Session, BubblePosition, MessageRenderer, ProductCardContent, ProductListContent, PolicyContent, QuickRepliesContent, ThinkingContent, ErrorContent, FAQListContent, FAQItem, FAQCategory, PromotionListContent, PromotionItem, CartContent, CartData, CartLine, CartCost, CartAmount, CartDiscountCode, SSEEvent, ChatStreamRequest, } from './types';
+export type { LiveChatWidgetProps, Message, MessageContent, MessageRole, MessageContentType, MessageMetadata, Product, QuickReply, Session, BubblePosition, MessageRenderer, ProductCardContent, ProductListContent, PolicyContent, QuickRepliesContent, ThinkingContent, ErrorContent, FAQListContent, FAQItem, FAQCategory, PromotionListContent, PromotionItem, CartContent, CartData, CartLine, CartCost, CartAmount, CartDiscountCode, SSEEvent, ChatStreamRequest, ComplianceDialogConfig, } from './types';
 export { useChatState } from './hooks/useChatState';
 export { useChatAPI } from './hooks/useChatAPI';
 export { useSession } from './hooks/useSession';

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

@@ -1,2 +1,2 @@
-"use strict";var i=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var k=(r,o)=>{for(var n in o)i(r,n,{get:o[n],enumerable:!0})},x=(r,o,n,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of g(o))!P.call(r,s)&&s!==n&&i(r,s,{get:()=>o[s],enumerable:!(a=u(o,s))||a.enumerable});return r};var R=r=>x(i({},"__esModule",{value:!0}),r);var f={};k(f,{CartCard:()=>e.CartCard,ErrorBlock:()=>e.ErrorBlock,FAQList:()=>e.FAQList,LiveChatWidget:()=>C.LiveChatWidget,MessageRendererRegistry:()=>l.MessageRendererRegistry,PolicyBlock:()=>e.PolicyBlock,ProductCard:()=>e.ProductCard,ProductList:()=>e.ProductList,PromotionList:()=>e.PromotionList,QuickReplies:()=>e.QuickReplies,TextBlock:()=>e.TextBlock,ThinkingBlock:()=>e.ThinkingBlock,createQuickRepliesRenderer:()=>e.createQuickRepliesRenderer,escapeHtml:()=>t.escapeHtml,getUserId:()=>m.getUserId,isValidMessageContent:()=>t.isValidMessageContent,isValidUUID:()=>t.isValidUUID,isValidUrl:()=>t.isValidUrl,sanitizeInput:()=>t.sanitizeInput,useChatAPI:()=>p.useChatAPI,useChatState:()=>d.useChatState,useSession:()=>c.useSession});module.exports=R(f);var C=require("./LiveChatWidget"),d=require("./hooks/useChatState"),p=require("./hooks/useChatAPI"),c=require("./hooks/useSession"),l=require("./utils/messageRenderers"),m=require("./utils/userId"),t=require("./utils/validation"),e=require("./components/MessageContent/index.js");
+"use strict";var i=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var f=(r,o)=>{for(var s in o)i(r,s,{get:o[s],enumerable:!0})},k=(r,o,s,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of u(o))!P.call(r,n)&&n!==s&&i(r,n,{get:()=>o[n],enumerable:!(a=g(o,n))||a.enumerable});return r};var x=r=>k(i({},"__esModule",{value:!0}),r);var R={};f(R,{CartCard:()=>e.CartCard,ErrorBlock:()=>e.ErrorBlock,FAQList:()=>e.FAQList,LiveChatWidget:()=>C.LiveChatWidget,MessageRendererRegistry:()=>l.MessageRendererRegistry,PolicyBlock:()=>e.PolicyBlock,ProductCard:()=>e.ProductCard,ProductList:()=>e.ProductList,PromotionList:()=>e.PromotionList,QuickReplies:()=>e.QuickReplies,TextBlock:()=>e.TextBlock,ThinkingBlock:()=>e.ThinkingBlock,createQuickRepliesRenderer:()=>e.createQuickRepliesRenderer,escapeHtml:()=>t.escapeHtml,getUserId:()=>m.getUserId,isValidMessageContent:()=>t.isValidMessageContent,isValidUUID:()=>t.isValidUUID,isValidUrl:()=>t.isValidUrl,sanitizeInput:()=>t.sanitizeInput,useChatAPI:()=>c.useChatAPI,useChatState:()=>p.useChatState,useSession:()=>d.useSession});module.exports=x(R);var C=require("./LiveChatWidget"),p=require("./hooks/useChatState"),c=require("./hooks/useChatAPI"),d=require("./hooks/useSession"),l=require("./utils/messageRenderers"),m=require("./utils/userId"),t=require("./utils/validation"),e=require("./components/MessageContent/index.js");
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/LiveChatWidget/index.tsx"],
-  "sourcesContent": ["/**\n * LiveChatWidget \u7EC4\u4EF6\u5165\u53E3\n */\n\nexport { LiveChatWidget } from './LiveChatWidget'\nexport type {\n  LiveChatWidgetProps,\n  Message,\n  MessageContent,\n  MessageRole,\n  MessageContentType,\n  MessageMetadata,\n  Product,\n  QuickReply,\n  Session,\n  BubblePosition,\n  MessageRenderer,\n  ProductCardContent,\n  ProductListContent,\n  PolicyContent,\n  QuickRepliesContent,\n  ThinkingContent,\n  ErrorContent,\n  FAQListContent,\n  FAQItem,\n  FAQCategory,\n  PromotionListContent,\n  PromotionItem,\n  CartContent,\n  CartData,\n  CartLine,\n  CartCost,\n  CartAmount,\n  CartDiscountCode,\n  SSEEvent,\n  ChatStreamRequest,\n} from './types'\n\n// \u5BFC\u51FA Hook (\u4F9B\u9AD8\u7EA7\u7528\u6237\u81EA\u5B9A\u4E49\u4F7F\u7528)\nexport { useChatState } from './hooks/useChatState'\nexport { useChatAPI } from './hooks/useChatAPI'\nexport { useSession } from './hooks/useSession'\n\n// \u5BFC\u51FA\u5DE5\u5177\u7C7B\nexport { MessageRendererRegistry } from './utils/messageRenderers'\nexport { getUserId } from './utils/userId'\nexport { sanitizeInput, isValidUrl, isValidUUID, isValidMessageContent, escapeHtml } from './utils/validation'\n\n// \u5BFC\u51FA\u6D88\u606F\u6E32\u67D3\u5668\uFF08\u4F9B\u81EA\u5B9A\u4E49\u4F7F\u7528\uFF09\nexport {\n  TextBlock,\n  ProductCard,\n  ProductList,\n  PolicyBlock,\n  QuickReplies,\n  ThinkingBlock,\n  ErrorBlock,\n  FAQList,\n  PromotionList,\n  CartCard,\n  createQuickRepliesRenderer,\n} from './components/MessageContent/index.js'\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,suBAAAE,EAAAF,GAIA,IAAAG,EAA+B,4BAmC/BC,EAA6B,gCAC7BC,EAA2B,8BAC3BC,EAA2B,8BAG3BC,EAAwC,oCACxCC,EAA0B,0BAC1BC,EAA0F,8BAG1FC,EAYO",
+  "sourcesContent": ["/**\n * LiveChatWidget \u7EC4\u4EF6\u5165\u53E3\n */\n\nexport { LiveChatWidget } from './LiveChatWidget'\nexport type {\n  LiveChatWidgetProps,\n  Message,\n  MessageContent,\n  MessageRole,\n  MessageContentType,\n  MessageMetadata,\n  Product,\n  QuickReply,\n  Session,\n  BubblePosition,\n  MessageRenderer,\n  ProductCardContent,\n  ProductListContent,\n  PolicyContent,\n  QuickRepliesContent,\n  ThinkingContent,\n  ErrorContent,\n  FAQListContent,\n  FAQItem,\n  FAQCategory,\n  PromotionListContent,\n  PromotionItem,\n  CartContent,\n  CartData,\n  CartLine,\n  CartCost,\n  CartAmount,\n  CartDiscountCode,\n  SSEEvent,\n  ChatStreamRequest,\n  ComplianceDialogConfig,\n} from './types'\n\n// \u5BFC\u51FA Hook (\u4F9B\u9AD8\u7EA7\u7528\u6237\u81EA\u5B9A\u4E49\u4F7F\u7528)\nexport { useChatState } from './hooks/useChatState'\nexport { useChatAPI } from './hooks/useChatAPI'\nexport { useSession } from './hooks/useSession'\n\n// \u5BFC\u51FA\u5DE5\u5177\u7C7B\nexport { MessageRendererRegistry } from './utils/messageRenderers'\nexport { getUserId } from './utils/userId'\nexport { sanitizeInput, isValidUrl, isValidUUID, isValidMessageContent, escapeHtml } from './utils/validation'\n\n// \u5BFC\u51FA\u6D88\u606F\u6E32\u67D3\u5668\uFF08\u4F9B\u81EA\u5B9A\u4E49\u4F7F\u7528\uFF09\nexport {\n  TextBlock,\n  ProductCard,\n  ProductList,\n  PolicyBlock,\n  QuickReplies,\n  ThinkingBlock,\n  ErrorBlock,\n  FAQList,\n  PromotionList,\n  CartCard,\n  createQuickRepliesRenderer,\n} from './components/MessageContent/index.js'\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,suBAAAE,EAAAF,GAIA,IAAAG,EAA+B,4BAoC/BC,EAA6B,gCAC7BC,EAA2B,8BAC3BC,EAA2B,8BAG3BC,EAAwC,oCACxCC,EAA0B,0BAC1BC,EAA0F,8BAG1FC,EAYO",
   "names": ["LiveChatWidget_exports", "__export", "__toCommonJS", "import_LiveChatWidget", "import_useChatState", "import_useChatAPI", "import_useSession", "import_messageRenderers", "import_userId", "import_validation", "import_MessageContent"]
 }

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

@@ -559,6 +559,38 @@ export interface CommonText {
      */
     total?: string;
 }
+/**
+ * 法规协议弹窗配置
+ */
+export interface ComplianceDialogConfig {
+    /**
+     * 弹窗标题
+     * @example "Hi! I'm your eufy AI assistant."
+     */
+    title: string;
+    /**
+     * 弹窗内容文本（支持 HTML）
+     * @example "AI-generated responses can be inaccurate. Please verify important info. Do not input sensitive personal data"
+     */
+    content: string;
+    /**
+     * 勾选框文本（支持完整 HTML，包括链接）
+     * 可以直接包含 <a> 标签等 HTML 元素
+     * @example "By starting to use \"Live Chat\", you agree to Anker's <a href=\"https://www.anker.com/privacy\" target=\"_blank\">LIVE CHAT PRIVACY NOTICE</a>."
+     */
+    checkboxText: string;
+    /**
+     * 同意按钮文本
+     * @default "Agree"
+     */
+    agreeButtonText?: string;
+    /**
+     * Cookie 名称，用于记录用户同意状态
+     * Cookie 有效期为 365 天
+     * @default "livechat_compliance_agreed"
+     */
+    cookieName?: string;
+}
 export interface LiveChatWidgetProps {
     /**
      * API 基础 URL
@@ -757,6 +789,12 @@ export interface LiveChatWidgetProps {
      * @default "The above content is provided by AI, for reference."
      */
     bottomTips?: string;
+    /**
+     * 法规协议弹窗配置
+     * 提供此参数将在用户首次点击聊天气泡时显示法规协议弹窗
+     * 用户同意后才会打开聊天窗口
+     */
+    complianceConfig?: ComplianceDialogConfig;
 }
 export interface MessageRenderer {
     render: (content: MessageContent, isUser: boolean, isSystem: boolean) => React.ReactNode;