@anker-in/campaign-ui 0.3.4 → 0.3.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "description": "Campaign UI components and utilities for Anker projects",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -95,7 +95,7 @@
     "swiper": "^11.1.3",
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.3",
-    "@anker-in/lib": "1.1.2-beta.2"
+    "@anker-in/lib": "1.1.3"
   },
   "publishConfig": {
     "access": "public",

package/src/components/LiveChatWidget/LiveChatWidget.tsx

@@ -23,6 +23,7 @@ import { useChatState } from './hooks/useChatState'
 import { useChatAPI } from './hooks/useChatAPI'
 import { MessageRendererRegistry } from './utils/messageRenderers'
 import { sanitizeInput } from './utils/validation'
+import { saveUserId } from './utils/userId'
 import { transformProducts } from './utils/productTransformers.js'
 import { transformCartData } from './utils/cartTransformers.js'
 import Cookies from 'js-cookie'
@@ -175,6 +176,7 @@ export const LiveChatWidget: React.FC<LiveChatWidgetProps> = ({
     openChat,
     closeChat,
     setInputValue,
+    setUserId,
     addMessage,
     setMessages,
     clearMessages,
@@ -183,6 +185,9 @@ export const LiveChatWidget: React.FC<LiveChatWidgetProps> = ({
     clearSession,
   } = chatState
 
+  // 初始化加载状态（用户未配置欢迎语时，显示 loading 直到接口返回）
+  const [isInitializing, setIsInitializing] = React.useState(false)
+
   // API 调用
   const { sendMessageStream, createSession } = useChatAPI({
     apiBaseUrl,
@@ -229,6 +234,9 @@ export const LiveChatWidget: React.FC<LiveChatWidgetProps> = ({
     return registry
   }, [customRenderers])
 
+  // 标记是否已经初始化过会话，防止重复调用
+  const sessionInitializedRef = React.useRef(false)
+
   /**
    * T043: 打开聊天窗口时初始化会话
    * 使用 API v2.0.0 的统一接口：
@@ -236,7 +244,18 @@ export const LiveChatWidget: React.FC<LiveChatWidgetProps> = ({
    * - 如果有 sessionId，恢复会话并加载历史消息
    */
   useEffect(() => {
-    if (!isOpen || !userId) return
+    // 窗口关闭时重置初始化标记
+    if (!isOpen) {
+      sessionInitializedRef.current = false
+      return
+    }
+
+    // userId 为 undefined 表示尚未初始化，等待初始化完成
+    if (userId === undefined) return
+
+    // 如果已经初始化过，不再重复调用
+    if (sessionInitializedRef.current) return
+    sessionInitializedRef.current = true
 
     const currentSessionId = sessionId
 
@@ -369,20 +388,33 @@ export const LiveChatWidget: React.FC<LiveChatWidgetProps> = ({
    * 创建新会话
    */
   const handleCreateNewSession = useCallback(async () => {
-    if (!userId) return
+    // userId 为 undefined 表示尚未初始化，等待初始化完成
+    if (userId === undefined) return
+
+    // 如果用户没有配置欢迎语，显示 loading 状态
+    if (!welcomeMessage) {
+      setIsInitializing(true)
+    }
 
     try {
       const response = await createSession({
-        user_id: userId,
+        user_id: userId ?? '',
         site: site,
         channel_code: channelCode,
         real_user_id: loginUserId,
+        page_url: typeof window !== 'undefined' ? window.location.href : undefined,
       })
 
       if (response.success) {
         // 保存新会话 ID
         saveSession(response.sessionId)
 
+        // 保存后端返回的 userId（如果有）
+        if (response.userId) {
+          saveUserId(response.userId)
+          setUserId(response.userId)
+        }
+
         // 清空消息列表
         clearMessages()
 
@@ -450,6 +482,9 @@ export const LiveChatWidget: React.FC<LiveChatWidgetProps> = ({
         ],
         timestamp: Date.now(),
       })
+    } finally {
+      // 接口返回后关闭 loading 状态
+      setIsInitializing(false)
     }
   }, [
     userId,
@@ -470,18 +505,30 @@ export const LiveChatWidget: React.FC<LiveChatWidgetProps> = ({
    */
   const handleResumeSession = useCallback(
     async (existingSessionId: string) => {
+      // 如果用户没有配置欢迎语，显示 loading 状态
+      if (!welcomeMessage) {
+        setIsInitializing(true)
+      }
+
       try {
         const response = await createSession({
-          user_id: userId,
+          user_id: userId ?? '',
           session_id: existingSessionId,
           site: site,
           channel_code: channelCode,
           real_user_id: loginUserId,
+          page_url: typeof window !== 'undefined' ? window.location.href : undefined,
         })
 
         if (response.success && response.resumed) {
           // 会话恢复成功
 
+          // 保存后端返回的 userId（如果有）
+          if (response.userId) {
+            saveUserId(response.userId)
+            setUserId(response.userId)
+          }
+
           // 准备欢迎消息（无论是否有历史消息都需要）
           const messageText = response.welcomeMessage || welcomeMessage
           const welcomeContent: MessageContent[] = messageText ? [{ type: 'text', text: messageText }] : []
@@ -590,6 +637,9 @@ export const LiveChatWidget: React.FC<LiveChatWidgetProps> = ({
           clearSession()
           handleCreateNewSession()
         }
+      } finally {
+        // 接口返回后关闭 loading 状态
+        setIsInitializing(false)
       }
     },
     [
@@ -664,10 +714,11 @@ export const LiveChatWidget: React.FC<LiveChatWidgetProps> = ({
         if (!currentSessionId) {
           // 没有会话，创建新会话
           const response = await createSession({
-            user_id: userId,
+            user_id: userId ?? '',
             site: site,
             channel_code: channelCode,
             real_user_id: loginUserId,
+            page_url: typeof window !== 'undefined' ? window.location.href : undefined,
           })
           if (response.success) {
             currentSessionId = response.sessionId
@@ -680,7 +731,7 @@ export const LiveChatWidget: React.FC<LiveChatWidgetProps> = ({
         // 构建请求参数（session_id 现在是必填的）
         const requestPayload: ChatStreamRequest = {
           message: sanitized,
-          user_id: userId,
+          user_id: userId ?? '',
           session_id: currentSessionId,
           context: {
             cartId: cartId,
@@ -711,10 +762,11 @@ export const LiveChatWidget: React.FC<LiveChatWidgetProps> = ({
 
           // 创建新会话
           const response = await createSession({
-            user_id: userId,
+            user_id: userId ?? '',
             site: site,
             channel_code: channelCode,
             real_user_id: loginUserId,
+            page_url: typeof window !== 'undefined' ? window.location.href : undefined,
           })
 
           if (response.success) {
@@ -873,6 +925,7 @@ export const LiveChatWidget: React.FC<LiveChatWidgetProps> = ({
               title={title}
               logoUrl={logoUrl}
               isSending={isStreaming}
+              isLoadingHistory={isInitializing}
               rendererRegistry={rendererRegistry}
               inputPlaceholder=""
               onAddToCart={onAddToCart}

package/src/components/LiveChatWidget/components/MessageContent/PromotionList.tsx

@@ -103,7 +103,7 @@ export const PromotionList: React.FC<PromotionListProps> = ({ data, isUser = fal
   return (
     <div className="space-y-3">
       {results.map(promotion => {
-        const bannerUrl = promotion.banner_url ||promotion?.metadata?.banner_url
+        const bannerUrl = promotion.banner_url || promotion?.metadata?.banner_url
 
         // 没有图片则不展示
         if (!bannerUrl) {

package/src/components/LiveChatWidget/components/MessageList.tsx

@@ -117,33 +117,37 @@ export const MessageList: React.FC<MessageListProps> = ({
   className = '',
   onAddToCart,
 }) => {
-  const listRef = useRef<HTMLDivElement>(null)
+  // 使用 callback ref + state 确保 DOM 挂载后触发重新渲染
+  const [listElement, setListElement] = useState<HTMLDivElement | null>(null)
+  const listRef = useCallback((node: HTMLDivElement | null) => {
+    setListElement(node)
+  }, [])
   const [showScrollButton, setShowScrollButton] = useState(false)
 
   // 检查是否接近底部
-  const isNearBottom = useCallback((threshold = 100) => {
-    const container = listRef.current
-    if (!container) return true
-
-    const { scrollTop, scrollHeight, clientHeight } = container
-    return scrollHeight - scrollTop - clientHeight < threshold
-  }, [])
+  const isNearBottom = useCallback(
+    (threshold = 100) => {
+      if (!listElement) return true
+
+      const { scrollTop, scrollHeight, clientHeight } = listElement
+      return scrollHeight - scrollTop - clientHeight < threshold
+    },
+    [listElement]
+  )
 
   // 平滑滚动到底部
   const scrollToBottom = useCallback(() => {
-    const container = listRef.current
-    if (!container) return
+    if (!listElement) return
 
-    container.scrollTo({
-      top: container.scrollHeight,
+    listElement.scrollTo({
+      top: listElement.scrollHeight,
       behavior: 'smooth',
     })
-  }, [])
+  }, [listElement])
 
   // 监听滚动事件，控制按钮显示
   useEffect(() => {
-    const container = listRef.current
-    if (!container) return
+    if (!listElement) return
 
     const handleScroll = () => {
       setShowScrollButton(!isNearBottom())
@@ -152,9 +156,9 @@ export const MessageList: React.FC<MessageListProps> = ({
     // 初始检查
     handleScroll()
 
-    container.addEventListener('scroll', handleScroll, { passive: true })
-    return () => container.removeEventListener('scroll', handleScroll)
-  }, [isNearBottom])
+    listElement.addEventListener('scroll', handleScroll, { passive: true })
+    return () => listElement.removeEventListener('scroll', handleScroll)
+  }, [listElement, isNearBottom])
 
   // 当消息列表变化时，重新检查按钮状态（但不在自动滚动时）
   useEffect(() => {
@@ -169,22 +173,31 @@ export const MessageList: React.FC<MessageListProps> = ({
 
   // 监听消息列表变化，自动滚动
   useEffect(() => {
-    if (!autoScroll || !listRef.current) return
+    if (!autoScroll || !listElement) return
 
     // 延迟滚动以确保 DOM 已更新
     const timeoutId = setTimeout(() => {
-      if (listRef.current) {
-        listRef.current.scrollTop = listRef.current.scrollHeight
+      if (listElement) {
+        listElement.scrollTop = listElement.scrollHeight
         // 自动滚动到底部后，隐藏按钮
         setShowScrollButton(false)
       }
     }, 100)
 
     return () => clearTimeout(timeoutId)
-  }, [messages, autoScroll])
-
-  // 空状态
-  if (messages.length === 0 && !isLoadingHistory) {
+  }, [messages, autoScroll, listElement])
+
+  // 空状态 + 加载中
+  if (messages.length === 0) {
+    if (isLoadingHistory) {
+      // 加载中，显示 loading
+      return (
+        <div className={`flex flex-1 items-center justify-center overflow-hidden ${className}`}>
+          <LoadingIndicator />
+        </div>
+      )
+    }
+    // 空状态
     return (
       <div className={`flex-1 overflow-hidden ${className}`}>{emptyPlaceholder || <DefaultEmptyPlaceholder />}</div>
     )
@@ -199,9 +212,6 @@ export const MessageList: React.FC<MessageListProps> = ({
           ${className}
         `}
       >
-        {/* 加载历史消息指示器 */}
-        {isLoadingHistory && <LoadingIndicator />}
-
         {/* 消息列表 */}
         <div className="flex flex-col gap-1">
           {messages.map(message => (
@@ -223,22 +233,7 @@ export const MessageList: React.FC<MessageListProps> = ({
       {/* 回到底部按钮 */}
       <button
         onClick={scrollToBottom}
-        className={`flex -translate-x-1/2 items-center justify-center ${showScrollButton ? '' : 'pointer-events-none'}`}
-        style={{
-          position: 'absolute',
-          bottom: '24px',
-          left: '50%',
-          zIndex: 10,
-          width: '40px',
-          height: '40px',
-          borderRadius: '50%',
-          backgroundColor: 'rgba(255, 255, 255, 0.95)',
-          boxShadow: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
-          transition: 'all 300ms ease-in-out',
-          opacity: showScrollButton ? 1 : 0,
-          cursor: 'pointer',
-          border: 'none',
-        }}
+        className={`livechat-scroll-to-bottom ${showScrollButton ? 'visible' : 'hidden'}`}
         aria-label="Scroll to bottom"
         aria-hidden={!showScrollButton}
       >

package/src/components/LiveChatWidget/hooks/useChatState.ts

@@ -6,7 +6,7 @@
 
 import { useState, useCallback, useRef, useEffect } from 'react'
 import type { Message, MessageContent, SSEEvent, StatusData, ErrorData, MessageStartData, BackendCartData, Product, TextContent, ProductCardContent, ProductListContent } from '../types'
-import { getUserId } from '../utils/userId'
+import { getUserId, saveUserId } from '../utils/userId'
 import { useSession } from './useSession'
 import { transformProducts } from '../utils/productTransformers'
 import { transformCartData } from '../utils/cartTransformers'
@@ -357,8 +357,9 @@ export interface UseChatStateOptions {
 
   /**
    * AI 回复促销卡片时触发
+   * @param promotions 促销活动数组数据
    */
-  onPromotionList?: () => void
+  onPromotionList?: (promotions: any[]) => void
 
   /**
    * 商品添加到购物车回调
@@ -390,9 +391,9 @@ export interface UseChatStateReturn {
   isOpen: boolean
 
   /**
-   * 用户 ID
+   * 用户 ID（undefined 表示尚未初始化，空字符串表示由后端生成）
    */
-  userId: string
+  userId: string | undefined
 
   /**
    * 会话 ID
@@ -429,6 +430,11 @@ export interface UseChatStateReturn {
    */
   setInputValue: (value: string) => void
 
+  /**
+   * 设置用户 ID（用于保存后端返回的 userId）
+   */
+  setUserId: (id: string) => void
+
   /**
    * 添加消息到列表
    */
@@ -494,8 +500,8 @@ export function useChatState(options: UseChatStateOptions = {}): UseChatStateRet
   // 会话管理
   const { sessionId, saveSession, clearSession } = useSession()
 
-  // 用户 ID (初始化时异步生成)
-  const [userId, setUserId] = useState<string>('')
+  // 用户 ID (初始化时异步生成，undefined 表示尚未初始化)
+  const [userId, setUserId] = useState<string | undefined>(undefined)
 
   // 初始化 userId
   useEffect(() => {
@@ -645,11 +651,16 @@ export function useChatState(options: UseChatStateOptions = {}): UseChatStateRet
           // 重置卡片缓存队列
           pendingCardsRef.current = []
 
-          // T039: 保存 sessionId（如果后端返回）
-          const messageStartData = data as MessageStartData
+          // T039: 保存 sessionId 和 userId（如果后端返回）
+          const messageStartData = data as MessageStartData & { userId?: string }
           if (messageStartData.sessionId && messageStartData.sessionId !== sessionId) {
             saveSession(messageStartData.sessionId)
           }
+          // 保存后端返回的 userId（如果有）
+          if (messageStartData.userId) {
+            saveUserId(messageStartData.userId)
+            setUserId(messageStartData.userId)
+          }
 
           // 检查最后一条消息是否是 thinking 消息（用户发送消息时已添加）
           setMessagesState(prev => {
@@ -852,8 +863,8 @@ export function useChatState(options: UseChatStateOptions = {}): UseChatStateRet
             // ========== 6. 促销活动列表 (Promotion List) ==========
             // 后端格式: {type: "promotion_list", data: {found, count, total, results: [...]}}
             else if (contentType === 'promotion_list' && contentData.found !== undefined) {
-              // 触发促销卡片回调
-              onPromotionList?.()
+              // 触发促销卡片回调，传递促销活动数组
+              onPromotionList?.(contentData.results || [])
 
               messageContent = {
                 type: 'promotion_list',
@@ -1080,6 +1091,7 @@ export function useChatState(options: UseChatStateOptions = {}): UseChatStateRet
     closeChat,
     toggleChat,
     setInputValue,
+    setUserId,
     addMessage,
     setMessages,
     clearMessages,

package/src/components/LiveChatWidget/index.tsx

@@ -44,7 +44,7 @@ export { useSession } from './hooks/useSession'
 
 // 导出工具类
 export { MessageRendererRegistry } from './utils/messageRenderers'
-export { getUserId } from './utils/userId'
+export { getUserId, saveUserId, clearUserId } from './utils/userId'
 export { sanitizeInput, isValidUrl, isValidUUID, isValidMessageContent, escapeHtml } from './utils/validation'
 
 // 导出消息渲染器（供自定义使用）

package/src/components/LiveChatWidget/types.ts

@@ -637,11 +637,13 @@ export interface NewSessionRequest {
   site?: string
   channel_code?: string
   real_user_id?: string
+  page_url?: string
 }
 
 export interface NewSessionResponse {
   success: boolean
   sessionId: string
+  userId?: string // 后端生成的 userId（当请求的 user_id 为空时返回）
   message: string
   resumed?: boolean
   messages?: Message[]
@@ -923,8 +925,9 @@ export interface LiveChatWidgetProps {
 
   /**
    * AI 回复促销卡片时触发
+   * @param promotions 促销活动数组数据
    */
-  onPromotionList?: () => void
+  onPromotionList?: (promotions: PromotionItem[]) => void
 
   /**
    * 商品操作回调

package/src/components/LiveChatWidget/utils/userId.ts

@@ -5,14 +5,14 @@
  * 策略：
  * 1. 优先从 localStorage 读取
  * 2. 尝试获取 Google Analytics ID (GAID)
- * 3. 兜底：时间戳 + 随机数哈希
+ * 3. 返回空字符串，由后端生成
  */
 
 const STORAGE_KEY = 'livechat_user_id'
 
 /**
  * 获取用户唯一标识符（异步版本）
- * @returns userId (GAID 或哈希值)
+ * @returns userId (GAID 或空字符串，空字符串由后端生成)
  */
 export async function getUserId(): Promise<string> {
   // 1. 尝试从 localStorage 读取
@@ -30,21 +30,17 @@ export async function getUserId(): Promise<string> {
     return gaid
   }
 
-  // 3. 兜底：使用 SHA-256 生成哈希
-  try {
-    const fallback = await generateHashedUserId()
-    if (typeof window !== 'undefined') {
-      localStorage.setItem(STORAGE_KEY, fallback)
-    }
-    return fallback
-  } catch (error) {
-    // 如果 SHA-256 失败，使用同步兜底方案
-    console.warn('[LiveChat userId] SHA-256 failed, using sync fallback:', error)
-    const fallback = generateHashedUserIdSync()
-    if (typeof window !== 'undefined') {
-      localStorage.setItem(STORAGE_KEY, fallback)
-    }
-    return fallback
+  // 3. 返回空字符串，由后端生成
+  return ''
+}
+
+/**
+ * 保存后端返回的 userId 到 localStorage
+ * @param id 后端生成的 userId
+ */
+export function saveUserId(id: string): void {
+  if (id && typeof window !== 'undefined') {
+    localStorage.setItem(STORAGE_KEY, id)
   }
 }
 
@@ -85,51 +81,6 @@ function getGAID(): string | null {
   }
 }
 
-/**
- * 生成哈希用户 ID（兜底方案）
- * @returns 格式为 user-{hash} 的用户 ID，hash 由 timestamp + random 通过 SHA-256 生成
- */
-async function generateHashedUserId(): Promise<string> {
-  const timestamp = Date.now()
-  const random = Math.random().toString(36).substring(2, 15) // 生成随机字符串
-
-  // 将 timestamp 和 random 组合成字符串
-  const rawString = `${timestamp}${random}`
-
-  // 使用 Web Crypto API 生成 SHA-256 哈希
-  const encoder = new TextEncoder()
-  const data = encoder.encode(rawString)
-  const hashBuffer = await crypto.subtle.digest('SHA-256', data)
-
-  // 将 ArrayBuffer 转换为 16 进制字符串
-  const hashArray = Array.from(new Uint8Array(hashBuffer))
-  const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('')
-
-  // 取前 16 位作为用户 ID（保持简洁）
-  return `user-${hashHex.substring(0, 16)}`
-}
-
-/**
- * 同步版本的哈希用户 ID 生成（兜底的兜底）
- * 当 Web Crypto API 不可用时使用
- */
-function generateHashedUserIdSync(): string {
-  const timestamp = Date.now()
-  const random = Math.random().toString(36).substring(2, 15)
-  const rawString = `${timestamp}${random}`
-
-  // 使用简单的哈希算法作为兜底
-  let hash = 0
-  for (let i = 0; i < rawString.length; i++) {
-    const char = rawString.charCodeAt(i)
-    hash = (hash << 5) - hash + char
-    hash = hash & hash
-  }
-
-  const hashString = Math.abs(hash).toString(16).padStart(8, '0')
-  return `user-${hashString}`
-}
-
 /**
  * 清除保存的 userId（用于测试或重置）
  */

package/src/components/credits/creditsBanner/index.tsx

@@ -80,25 +80,25 @@ export function CreditsBanner({ copy, id }: { copy: CreditsBannerCopy; id?: stri
           ></div>
         )}
 
-        <Container className="l:h-auto !absolute inset-0 mx-auto grid h-full" asChild>
+        <Container className="l-tablet:h-auto !absolute inset-0 mx-auto grid h-full" asChild>
           <div className="grid grid-cols-12">
-            <div className="l:col-span-12 l:justify-start l:truncate l:pt-[32px] col-span-5 flex h-full flex-col justify-center text-[#1F2021]">
+            <div className="l-tablet:col-span-12 l-tablet:justify-start l-tablet:truncate l-tablet:pt-[32px] col-span-5 flex h-full flex-col justify-center text-[#1F2021]">
               <Heading
                 as="h1"
-                className="text-[48px] font-bold xl-xxl:text-[40px] l:text-[32px]"
+                className="text-[48px] font-bold xl-xxl:text-[40px] l-tablet:text-[32px]"
                 html={isLogin ? copy.login.title?.replace('$name', displayName || '') : copy.unLogin.title}
               ></Heading>
 
               <Text
                 size="3"
-                className="l:mt-[4px] l-xxl:text-[14px] mt-[16px]"
+                className="l-tablet:mt-[4px] l-xxl:text-[14px] mt-[16px]"
                 html={isLogin ? copy.login.description : copy.unLogin.description}
               ></Text>
 
               {!isLogin && (
                 <div
                   className={classNames(
-                    'mt-[32px] grid w-fit grid-flow-col gap-[12px] l:mt-[24px]',
+                    'mt-[32px] grid w-fit grid-flow-col gap-[12px] l-tablet:mt-[24px]',
                     isLogin && 'hidden'
                   )}
                 >

package/src/stories/LiveChatWidget.stories.tsx

@@ -147,8 +147,8 @@ type Story = StoryObj<typeof LiveChatWidget>
 export const Default: Story = {
   args: {
     // 基础配置
-    loginUserId: 'test_test',
-    apiBaseUrl: 'http://172.16.38.183:3003',
+    loginUserId: 'test_test1',
+    apiBaseUrl: 'https://beta-api-v2-livechat.anker.com',
     site: 'beta.eufy.com',
     channelCode: 'dtc',
     title: 'eufy AI Assistant',
@@ -159,14 +159,7 @@ export const Default: Story = {
     position: { bottom: '24px', right: '30px' },
 
     // 欢迎消息
-    welcomeMessage: `Welcome to eufy AI Assistant!
-
-I can help you with:
-- Product recommendations
-- Order tracking
-- FAQs and support
-
-How can I assist you today?`,
+    welcomeMessage: '',
 
     // 快捷回复
     quickReplies: [
@@ -179,9 +172,11 @@ How can I assist you today?`,
     // 法规协议弹窗
     complianceConfig: {
       title: "Hi! I'm your eufy AI assistant.",
-      content: "AI-generated responses can be inaccurate. Please verify important info. Do not input sensitive personal data.",
-      checkboxText: 'By starting to use "Live Chat", you agree to Anker\'s <a href="https://www.anker.com/pages/privacy-policy" target="_blank" rel="noopener noreferrer" style="text-decoration: underline;">LIVE CHAT PRIVACY NOTICE</a>.',
-      agreeButtonText: "Agree"
+      content:
+        'AI-generated responses can be inaccurate. Please verify important info. Do not input sensitive personal data.',
+      checkboxText:
+        'By starting to use "Live Chat", you agree to Anker\'s <a href="https://www.anker.com/pages/privacy-policy" target="_blank" rel="noopener noreferrer" style="text-decoration: underline;">LIVE CHAT PRIVACY NOTICE</a>.',
+      agreeButtonText: 'Agree',
     },
 
     // reCAPTCHA 配置（取消注释以启用）