@anker-in/headless-ui 1.3.63 → 1.3.65

package/dist/cjs/hooks/useEmarsysWebPush.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useEmarsysWebPush.ts"],
-  "sourcesContent": ["import { useCallback, useEffect, useRef, useState } from 'react'\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// Emarsys Web Push SDK \u5168\u5C40\u7C7B\u578B\u58F0\u660E\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport interface EmarsysContactInfo {\n  /** Emarsys \u8054\u7CFB\u4EBA\u5B57\u6BB5 ID\uFF08\u5982 10372\uFF09 */\n  fieldId: number\n  /** \u5B57\u6BB5\u503C\uFF08\u5982\u7528\u6237\u552F\u4E00\u6807\u8BC6\uFF09 */\n  fieldValue: string\n}\n\nexport interface EmarsysInitConfig {\n  /** Emarsys Domain Code\uFF0C\u4ECE\u540E\u53F0\u83B7\u53D6 */\n  applicationCode: string\n  /** macOS Safari 16+ \u4F7F\u7528 VAPID \u66FF\u4EE3 APNS */\n  enableMacSafariVapid?: boolean\n  /** \u9ED8\u8BA4\u63A8\u9001\u901A\u77E5\u6807\u9898 */\n  defaultNotificationTitle?: string\n  /** \u9ED8\u8BA4\u63A8\u9001\u901A\u77E5\u56FE\u6807 URL */\n  defaultNotificationIcon?: string\n  /** \u662F\u5426\u81EA\u52A8\u89E6\u53D1\u6D4F\u89C8\u5668\u8BA2\u9605\u5F39\u7A97\uFF0C\u5F3A\u70C8\u5EFA\u8BAE\u8BBE\u4E3A false */\n  autoSubscribe?: boolean\n  /** \u5F00\u53D1\u9636\u6BB5\u5F00\u542F SDK \u65E5\u5FD7 */\n  enableLogging?: boolean\n  serviceWorker: {\n    /** Service Worker \u6587\u4EF6\u8DEF\u5F84\uFF08\u9700\u653E\u5728\u7F51\u7AD9\u6839\u76EE\u5F55\uFF09 */\n    url: string\n    /** VAPID \u516C\u94A5\uFF08Base64 URL-safe \u7F16\u7801\uFF09 */\n    applicationServerPublicKey: string\n  }\n}\n\ntype EmarsysSdkEventName =\n  | 'onReady'\n  | 'onSubscribe'\n  | 'onUnsubscribe'\n  | 'onPermissionPrompt'\n  | 'onPermissionGranted'\n  | 'onPermissionDenied'\n  | 'onSWInitError'\n\ntype EmarsysSdkCommand = ['init', EmarsysInitConfig] | [EmarsysSdkEventName, () => void]\n\ninterface EmarsysSdkApi {\n  subscribe: () => void\n  unsubscribe: () => void\n  login: (contactInfo: EmarsysContactInfo) => Promise<boolean>\n  logout: () => Promise<boolean>\n  isSubscribed: () => Promise<boolean>\n  isRegistered: () => boolean\n  customEvent: (eventName: string, payload?: Record<string, unknown>) => Promise<boolean>\n  push: (command: EmarsysSdkCommand | ((sdk: EmarsysSdkApi) => void)) => void\n}\n\ndeclare global {\n  interface Window {\n    WebEmarsysSdk: EmarsysSdkApi | (EmarsysSdkCommand | ((sdk: EmarsysSdkApi) => void))[]\n  }\n}\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// Hook \u5165\u53C2\u7C7B\u578B\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport interface UseEmarsysWebPushOptions {\n  /** Emarsys Domain Code */\n  applicationCode: string\n  /** VAPID \u516C\u94A5 */\n  applicationServerPublicKey: string\n  /** Service Worker \u8DEF\u5F84\uFF0C\u9ED8\u8BA4 'service-worker.js'\uFF08\u4E0D\u542B\u524D\u5BFC\u659C\u6760\uFF09 */\n  serviceWorkerUrl?: string\n  /** \u9ED8\u8BA4\u901A\u77E5\u6807\u9898 */\n  defaultNotificationTitle?: string\n  /** \u9ED8\u8BA4\u901A\u77E5\u56FE\u6807 URL */\n  defaultNotificationIcon?: string\n  /** \u8054\u7CFB\u4EBA\u4E3B\u952E\u5B57\u6BB5 ID\uFF08\u7531 Emarsys \u540E\u53F0\u914D\u7F6E\uFF09 */\n  fieldId: number\n  /**\n   * \u5F53\u524D\u7528\u6237\u7684\u8054\u7CFB\u4EBA\u6807\u8BC6\uFF08\u5982 hashed email / customer ID\uFF09\u3002\n   * null \u8868\u793A\u672A\u767B\u5F55\u7684\u533F\u540D\u8BBF\u5BA2\u3002\n   */\n  contactValue: string | null\n  /** \u662F\u5426\u5F00\u542F\u8C03\u8BD5\u65E5\u5FD7\uFF0C\u9ED8\u8BA4 false */\n  enableLogging?: boolean\n  /**\n   * \u70B9\u51FB\"\u7A0D\u540E\"\u540E\u7684\u5F39\u7A97\u51B7\u5374\u5929\u6570\uFF0C\u9ED8\u8BA4 7 \u5929\u3002\n   * \u51B7\u5374\u671F\u95F4\u4E0D\u518D\u5C55\u793A\u81EA\u5B9A\u4E49\u5F39\u7A97\u3002\n   */\n  dismissCooldownDays?: number\n  /**\n   * SDK \u662F\u5426\u5DF2\u901A\u8FC7\u5916\u90E8 <Script> \u6807\u7B7E\u52A0\u8F7D\u5B8C\u6BD5\u3002\n   * \u4F20\u5165\u6B64 flag \u4EE5\u4FBF hook \u5728\u6B63\u786E\u65F6\u673A\u521D\u59CB\u5316\u3002\n   * \u9ED8\u8BA4 true\uFF08\u5047\u8BBE SDK \u5DF2\u7ECF\u52A0\u8F7D\uFF09\u3002\n   */\n  sdkLoaded?: boolean\n}\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// Hook \u8FD4\u56DE\u503C\u7C7B\u578B\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport interface UseEmarsysWebPushReturn {\n  /** \u624B\u52A8\u89E6\u53D1\u6D4F\u89C8\u5668\u539F\u751F\u8BA2\u9605\u5F39\u7A97\uFF08\u4F9B\"\u8BA2\u9605\"\u6309\u94AE\u8C03\u7528\uFF09 */\n  subscribe: () => void\n  /** \u53D6\u6D88\u63A8\u9001\u8BA2\u9605 */\n  unsubscribe: () => void\n  /** \u662F\u5426\u5E94\u5411\u7528\u6237\u5C55\u793A\u81EA\u5B9A\u4E49\u5F15\u5BFC\u5F39\u7A97 */\n  shouldShowPopup: boolean\n  /** \u5173\u95ED\u81EA\u5B9A\u4E49\u5F39\u7A97\u5E76\u5199\u5165\u51B7\u5374\u6807\u8BB0 */\n  dismissPopup: () => void\n  /** \u5F53\u524D\u662F\u5426\u5DF2\u8BA2\u9605\uFF08\u5F02\u6B65\u68C0\u6D4B\u5B8C\u6210\u540E\u66F4\u65B0\uFF09 */\n  isSubscribed: boolean\n  /** SDK \u662F\u5426\u5C31\u7EEA */\n  isReady: boolean\n}\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// \u5DE5\u5177\u51FD\u6570\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nconst STORAGE_KEY_SUBSCRIBE = 'emarsysSubscribe'\nconst STORAGE_KEY_LOGIN = 'emarsysLogin'\nconst STORAGE_KEY_DISMISSED = 'anker_push_dismissed'\n\nfunction isIOS(): boolean {\n  if (typeof navigator === 'undefined') return false\n  return /iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase())\n}\n\nfunction isStandaloneWebApp(): boolean {\n  if (typeof window === 'undefined') return false\n  return (\n    window.matchMedia('(display-mode: standalone)').matches ||\n    // Safari standalone \u5C5E\u6027\uFF08\u975E\u6807\u51C6\uFF09\n    ('standalone' in window.navigator && (window.navigator as Navigator & { standalone?: boolean }).standalone === true)\n  )\n}\n\nfunction safeLocalStorage(action: 'get', key: string): string | null\nfunction safeLocalStorage(action: 'set', key: string, value: string): void\nfunction safeLocalStorage(action: 'remove', key: string): void\nfunction safeLocalStorage(action: 'get' | 'set' | 'remove', key: string, value?: string): string | null | void {\n  try {\n    if (action === 'get') return localStorage.getItem(key)\n    if (action === 'set' && value !== undefined) localStorage.setItem(key, value)\n    if (action === 'remove') localStorage.removeItem(key)\n  } catch {\n    // SSR \u6216\u9690\u79C1\u6A21\u5F0F\u4E0B localStorage \u4E0D\u53EF\u7528\n  }\n  return null\n}\n\nfunction getSdkApi(): EmarsysSdkApi | null {\n  if (typeof window === 'undefined') return null\n  const sdk = window.WebEmarsysSdk\n  if (!sdk || Array.isArray(sdk)) return null\n  return sdk as EmarsysSdkApi\n}\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// \u6838\u5FC3 Hook\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/**\n * useEmarsysWebPush\n *\n * \u5C01\u88C5 Emarsys Web Push SDK \u7684\u8BA2\u9605\u751F\u547D\u5468\u671F\uFF0C\u5305\u62EC\uFF1A\n * - SDK \u521D\u59CB\u5316\n * - \u81EA\u5B9A\u4E49\u5F39\u7A97\u5C55\u793A\u903B\u8F91\uFF08\u4E24\u6B65\u7B56\u7565\uFF0C\u907F\u514D\u76F4\u63A5\u89E6\u53D1\u6D4F\u89C8\u5668\u539F\u751F\u5F39\u7A97\uFF09\n * - \u5DF2\u767B\u5F55\u8054\u7CFB\u4EBA\u7684 login / logout \u81EA\u52A8\u7BA1\u7406\n * - \u5DF2\u6709\u8BA2\u9605\u7528\u6237\u7684\u8FC1\u79FB\uFF08\u4ECE\u65E7\u63A8\u9001\u7CFB\u7EDF\u8FC1\u79FB\uFF09\n *\n * @example\n * ```tsx\n * const { shouldShowPopup, subscribe, dismissPopup } = useEmarsysWebPush({\n *   applicationCode: process.env.NEXT_PUBLIC_EMARSYS_APP_CODE!,\n *   applicationServerPublicKey: process.env.NEXT_PUBLIC_EMARSYS_VAPID_PUBLIC_KEY!,\n *   fieldId: 10372,\n *   contactValue: user?.customerId ?? null,\n *   sdkLoaded: scriptLoaded,\n * })\n * ```\n */\nexport function useEmarsysWebPush({\n  applicationCode,\n  applicationServerPublicKey,\n  serviceWorkerUrl = 'service-worker.js',\n  defaultNotificationTitle,\n  defaultNotificationIcon,\n  fieldId,\n  contactValue,\n  enableLogging = false,\n  dismissCooldownDays = 7,\n  sdkLoaded = true,\n}: UseEmarsysWebPushOptions): UseEmarsysWebPushReturn {\n  const [isReady, setIsReady] = useState(false)\n  const [isSubscribed, setIsSubscribed] = useState(false)\n  const [shouldShowPopup, setShouldShowPopup] = useState(false)\n\n  // \u907F\u514D\u91CD\u590D login/logout\n  const hasPerformedLogin = useRef(false)\n  // \u8FFD\u8E2A\u5F53\u524D session \u5185\u662F\u5426\u5DF2\u4E3B\u52A8\u89E6\u53D1\u8FC7 subscribe\n  const isGeneralSubscribeRef = useRef(false)\n\n  // \u2500\u2500 \u521D\u59CB\u5316 SDK \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  useEffect(() => {\n    if (!sdkLoaded || typeof window === 'undefined') return\n\n    // SDK v4.7.0 \u5185\u90E8 registerServiceWorker() \u6267\u884C `/${url}` \u62FC\u63A5\uFF0C\n    // \u56E0\u6B64\u6B64\u5904\u5FC5\u987B\u4F20\u4E0D\u542B\u524D\u5BFC\u659C\u6760\u7684\u7EAF\u8DEF\u5F84\uFF08\u5982 'service-worker.js'\uFF09\uFF0C\n    // \u4F20\u5165\u5E26\u659C\u6760\u7684\u8DEF\u5F84\u6216\u7EDD\u5BF9 URL \u5747\u4F1A\u5BFC\u81F4\u53CC\u659C\u6760/\u8DE8\u57DF SecurityError\u3002\n    const swPath = serviceWorkerUrl.replace(/^\\/+/, '').replace(/^https?:\\/\\/[^/]+\\//, '')\n\n    window.WebEmarsysSdk = window.WebEmarsysSdk || []\n    const sdk = window.WebEmarsysSdk as (EmarsysSdkCommand | ((api: EmarsysSdkApi) => void))[]\n\n    sdk.push([\n      'init',\n      {\n        applicationCode,\n        enableMacSafariVapid: true,\n        defaultNotificationTitle,\n        defaultNotificationIcon,\n        autoSubscribe: false,\n        enableLogging,\n        serviceWorker: {\n          url: swPath,\n          applicationServerPublicKey,\n        },\n      },\n    ])\n  }, [\n    sdkLoaded,\n    applicationCode,\n    applicationServerPublicKey,\n    serviceWorkerUrl,\n    defaultNotificationTitle,\n    defaultNotificationIcon,\n    enableLogging,\n  ])\n\n  // \u2500\u2500 \u6267\u884C Emarsys login\uFF08\u5173\u8054\u5DF2\u77E5\u8054\u7CFB\u4EBA\uFF09\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  const performLogin = useCallback(\n    (value: string) => {\n      if (hasPerformedLogin.current) return\n      const api = getSdkApi()\n      if (!api) return\n\n      api.isSubscribed().then(subscribed => {\n        if (!subscribed) return\n        api.login({ fieldId, fieldValue: value }).then(result => {\n          if (result) {\n            safeLocalStorage('set', STORAGE_KEY_LOGIN, 'login')\n            hasPerformedLogin.current = true\n          }\n        })\n      })\n    },\n    [fieldId]\n  )\n\n  // \u2500\u2500 \u6267\u884C Emarsys logout\uFF08\u89E3\u9664\u8054\u7CFB\u4EBA\u5173\u8054\uFF09\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  const performLogout = useCallback(() => {\n    const api = getSdkApi()\n    if (!api) return\n\n    api.isSubscribed().then(subscribed => {\n      if (!subscribed) return\n      api.logout().then(result => {\n        if (result) {\n          safeLocalStorage('remove', STORAGE_KEY_LOGIN)\n          hasPerformedLogin.current = false\n        }\n      })\n    })\n  }, [])\n\n  // \u2500\u2500 \u6CE8\u518C SDK \u56DE\u8C03 & \u4E1A\u52A1\u903B\u8F91 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  useEffect(() => {\n    if (!sdkLoaded || typeof window === 'undefined') return\n\n    // iOS \u6D4F\u89C8\u5668\uFF08\u975E PWA \u6A21\u5F0F\uFF09\u4E0D\u505A\u4EFB\u4F55\u64CD\u4F5C\n    if (isIOS() && !isStandaloneWebApp()) return\n\n    window.WebEmarsysSdk = window.WebEmarsysSdk || []\n    const sdk = window.WebEmarsysSdk as (EmarsysSdkCommand | ((api: EmarsysSdkApi) => void))[]\n\n    sdk.push([\n      'onReady',\n      () => {\n        setIsReady(true)\n\n        // \u68C0\u67E5\u5F53\u524D\u8BA2\u9605\u72B6\u6001\n        getSdkApi()\n          ?.isSubscribed()\n          .then(subscribed => {\n            setIsSubscribed(subscribed)\n          })\n\n        // \u5DF2\u6709\u8BA2\u9605\u7528\u6237\u8FC1\u79FB\uFF08\u65E7\u63A8\u9001\u7CFB\u7EDF \u2192 Emarsys\uFF09\n        sdk.push([\n          'onPermissionGranted',\n          () => {\n            if (!safeLocalStorage('get', STORAGE_KEY_SUBSCRIBE) && !isGeneralSubscribeRef.current) {\n              getSdkApi()?.subscribe()\n              safeLocalStorage('set', STORAGE_KEY_SUBSCRIBE, 'subscribe')\n            }\n          },\n        ])\n\n        // \u5224\u65AD\u662F\u5426\u9700\u8981\u5C55\u793A\u81EA\u5B9A\u4E49\u5F15\u5BFC\u5F39\u7A97\n        // \u5EF6\u8FDF 2 \u79D2\uFF0C\u7B49\u5F85 onPermissionGranted / onPermissionDenied \u5F02\u6B65\u56DE\u8C03\n        let permissionAlreadyHandled = false\n        sdk.push([\n          'onPermissionGranted',\n          () => {\n            permissionAlreadyHandled = true\n          },\n        ])\n        sdk.push([\n          'onPermissionDenied',\n          () => {\n            permissionAlreadyHandled = true\n          },\n        ])\n\n        setTimeout(() => {\n          if (permissionAlreadyHandled) return\n\n          // \u68C0\u67E5\u51B7\u5374\u671F\n          const dismissedAt = safeLocalStorage('get', STORAGE_KEY_DISMISSED)\n          if (dismissedAt) {\n            const elapsed = Date.now() - parseInt(dismissedAt, 10)\n            if (elapsed < dismissCooldownDays * 24 * 60 * 60 * 1000) return\n          }\n\n          setShouldShowPopup(true)\n        }, 2000)\n      },\n    ])\n\n    // \u8BA2\u9605\u6210\u529F\u540E\u66F4\u65B0\u72B6\u6001\u5E76\u6267\u884C login\n    sdk.push([\n      'onSubscribe',\n      () => {\n        setIsSubscribed(true)\n        safeLocalStorage('set', STORAGE_KEY_SUBSCRIBE, 'subscribe')\n        if (contactValue) {\n          performLogin(contactValue)\n        }\n      },\n    ])\n\n    sdk.push([\n      'onUnsubscribe',\n      () => {\n        setIsSubscribed(false)\n      },\n    ])\n  }, [sdkLoaded, contactValue, dismissCooldownDays, performLogin])\n\n  // \u2500\u2500 \u76D1\u542C contactValue \u53D8\u5316\uFF0C\u81EA\u52A8 login / logout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  useEffect(() => {\n    if (!isReady) return\n\n    if (contactValue) {\n      if (!safeLocalStorage('get', STORAGE_KEY_LOGIN)) {\n        performLogin(contactValue)\n      }\n    } else {\n      if (safeLocalStorage('get', STORAGE_KEY_LOGIN)) {\n        performLogout()\n      }\n    }\n  }, [isReady, contactValue, performLogin, performLogout])\n\n  // \u2500\u2500 \u5BF9\u5916\u66B4\u9732\u7684 API \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n  const subscribe = useCallback(() => {\n    setShouldShowPopup(false)\n    isGeneralSubscribeRef.current = true\n    const api = getSdkApi()\n    if (!api) {\n      const sdk = window.WebEmarsysSdk as ((api: EmarsysSdkApi) => void)[]\n      sdk.push(sdkApi => {\n        sdkApi.subscribe()\n      })\n      return\n    }\n    api.subscribe()\n  }, [])\n\n  const unsubscribe = useCallback(() => {\n    getSdkApi()?.unsubscribe()\n  }, [])\n\n  const dismissPopup = useCallback(() => {\n    setShouldShowPopup(false)\n    safeLocalStorage('set', STORAGE_KEY_DISMISSED, String(Date.now()))\n  }, [])\n\n  return {\n    subscribe,\n    unsubscribe,\n    shouldShowPopup,\n    dismissPopup,\n    isSubscribed,\n    isReady,\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["useEmarsysWebPush_exports", "__export", "useEmarsysWebPush", "__toCommonJS", "import_react", "STORAGE_KEY_SUBSCRIBE", "STORAGE_KEY_LOGIN", "STORAGE_KEY_DISMISSED", "isIOS", "isStandaloneWebApp", "safeLocalStorage", "action", "key", "value", "getSdkApi", "sdk", "applicationCode", "applicationServerPublicKey", "serviceWorkerUrl", "defaultNotificationTitle", "defaultNotificationIcon", "fieldId", "contactValue", "enableLogging", "dismissCooldownDays", "sdkLoaded", "isReady", "setIsReady", "isSubscribed", "setIsSubscribed", "shouldShowPopup", "setShouldShowPopup", "hasPerformedLogin", "isGeneralSubscribeRef", "swPath", "performLogin", "api", "subscribed", "result", "performLogout", "permissionAlreadyHandled", "dismissedAt", "subscribe", "sdkApi", "unsubscribe", "dismissPopup"]
-}

package/dist/cjs/hooks/useExposure.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useExposure.ts"],
-  "sourcesContent": ["import { type RefObject, useMemo } from 'react'\nimport { gaTrack } from '../shared/track.js'\nimport { useIntersectionObserverDelay } from './useIntersectionObserver.js'\nimport { useAiuiContext } from '../biz-components/AiuiProvider/index.js'\nimport { convertLexicalToPlaintext } from '@payloadcms/richtext-lexical/plaintext'\nimport type { SerializedEditorState } from '@payloadcms/richtext-lexical/lexical'\n\ninterface ExposureOptions {\n  componentType: string\n  componentName: string\n  componentTitle?: string | SerializedEditorState\n  componentDescription?: string | SerializedEditorState\n  navigation?: string\n  pageGroup?: string\n  position?: number\n}\n\nexport const useExposure = (\n  ref: RefObject<HTMLElement>,\n  { componentType, componentName, componentTitle, componentDescription, navigation = '', position = 1 }: ExposureOptions\n) => {\n  const { trackingData, onExposure } = useAiuiContext()\n\n  const parsedTitle = useMemo(\n    () =>\n      typeof componentTitle === 'object' && componentTitle !== null\n        ? convertLexicalToPlaintext({\n            data: componentTitle,\n          })\n        : componentTitle,\n    [componentTitle]\n  )\n\n  const parsedDescription = useMemo(\n    () =>\n      typeof componentDescription === 'object' && componentDescription !== null\n        ? convertLexicalToPlaintext({\n            data: componentDescription,\n          })\n        : componentDescription,\n    [componentDescription]\n  )\n\n  useIntersectionObserverDelay(ref, {\n    once: true,\n    threshold: 0.5,\n    delay: 2000,\n    callback: () => {\n      const pageGroup = trackingData.pageGroup || 'Home Page'\n\n      if (onExposure) {\n        // Custom handler from AiuiProvider\n        onExposure({\n          componentType,\n          componentName,\n          componentTitle: parsedTitle,\n          componentDescription: parsedDescription,\n          navigation,\n          pageGroup,\n          position,\n        })\n      } else {\n        // Default GA behavior\n        // TODO: \u5220\u9664\u8FD9\u4E2A\u5206\u652F\uFF0C\u53EA\u4FDD\u7559 onExposure \u903B\u8F91\uFF0C\u8BA9\u4F7F\u7528\u65B9\u5B8C\u5168\u63A7\u5236\u66DD\u5149\u57CB\u70B9\n        gaTrack({\n          event: 'ga4Event',\n          event_name: 'component_impression',\n          event_parameters: {\n            page_group: pageGroup,\n            component_type: componentType,\n            component_name: componentName,\n            position: position,\n            creative_id: '',\n            component_title: parsedTitle,\n            component_description: parsedDescription,\n            navigation: navigation,\n          },\n        })\n      }\n    },\n  })\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAwC,iBACxCC,EAAwB,8BACxBC,EAA6C,wCAC7CC,EAA+B,mDAC/BC,EAA0C,kDAanC,MAAMN,EAAc,CACzBO,EACA,CAAE,cAAAC,EAAe,cAAAC,EAAe,eAAAC,EAAgB,qBAAAC,EAAsB,WAAAC,EAAa,GAAI,SAAAC,EAAW,CAAE,IACjG,CACH,KAAM,CAAE,aAAAC,EAAc,WAAAC,CAAW,KAAI,kBAAe,EAE9CC,KAAc,WAClB,IACE,OAAON,GAAmB,UAAYA,IAAmB,QACrD,6BAA0B,CACxB,KAAMA,CACR,CAAC,EACDA,EACN,CAACA,CAAc,CACjB,EAEMO,KAAoB,WACxB,IACE,OAAON,GAAyB,UAAYA,IAAyB,QACjE,6BAA0B,CACxB,KAAMA,CACR,CAAC,EACDA,EACN,CAACA,CAAoB,CACvB,KAEA,gCAA6BJ,EAAK,CAChC,KAAM,GACN,UAAW,GACX,MAAO,IACP,SAAU,IAAM,CACd,MAAMW,EAAYJ,EAAa,WAAa,YAExCC,EAEFA,EAAW,CACT,cAAAP,EACA,cAAAC,EACA,eAAgBO,EAChB,qBAAsBC,EACtB,WAAAL,EACA,UAAAM,EACA,SAAAL,CACF,CAAC,KAID,WAAQ,CACN,MAAO,WACP,WAAY,uBACZ,iBAAkB,CAChB,WAAYK,EACZ,eAAgBV,EAChB,eAAgBC,EAChB,SAAUI,EACV,YAAa,GACb,gBAAiBG,EACjB,sBAAuBC,EACvB,WAAYL,CACd,CACF,CAAC,CAEL,CACF,CAAC,CACH",
-  "names": ["useExposure_exports", "__export", "useExposure", "__toCommonJS", "import_react", "import_track", "import_useIntersectionObserver", "import_AiuiProvider", "import_plaintext", "ref", "componentType", "componentName", "componentTitle", "componentDescription", "navigation", "position", "trackingData", "onExposure", "parsedTitle", "parsedDescription", "pageGroup"]
-}

package/dist/cjs/hooks/useExposureDetection.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useExposureDetection.ts"],
-  "sourcesContent": ["import { type RefObject, useRef, useEffect, useCallback } from 'react'\n\n// \u5168\u5C40\u66DD\u5149\u8BB0\u5F55\uFF0C\u786E\u4FDD\u6BCF\u4E2A\u5143\u7D20\u5728\u6574\u4E2A\u9875\u9762\u751F\u547D\u5468\u671F\u4E2D\u53EA\u66DD\u5149\u4E00\u6B21\nconst exposedElementsSet = new Set<string>()\n\nexport interface UseExposureDetectionOptions {\n  /**\n   * \u552F\u4E00\u6807\u8BC6\uFF0C\u7528\u4E8E\u5224\u65AD\u662F\u5426\u5DF2\u66DD\u5149\n   * \u5982\u679C\u4E0D\u63D0\u4F9B\uFF0C\u5C06\u4F7F\u7528\u5143\u7D20\u7684\u552F\u4E00\u6807\u8BC6\uFF08\u5982\u679C\u53EF\u80FD\uFF09\n   */\n  exposureKey?: string\n  /**\n   * \u53EF\u89C1\u6027\u9608\u503C\uFF0C0-1 \u4E4B\u95F4\uFF0C\u9ED8\u8BA4 0.5\uFF0850%\uFF09\n   */\n  threshold?: number\n  /**\n   * \u505C\u7559\u65F6\u95F4\uFF08\u6BEB\u79D2\uFF09\uFF0C\u9ED8\u8BA4 2000ms\n   */\n  duration?: number\n  /**\n   * \u662F\u5426\u53EA\u89E6\u53D1\u4E00\u6B21\uFF0C\u9ED8\u8BA4 true\n   */\n  once?: boolean\n  /**\n   * \u66DD\u5149\u56DE\u8C03\u51FD\u6570\n   */\n  onExposure?: () => void\n  /**\n   * IntersectionObserver \u7684 rootMargin\n   */\n  rootMargin?: string\n}\n\n/**\n * \u66DD\u5149\u68C0\u6D4B Hook\n * \u4F7F\u7528 IntersectionObserver \u68C0\u6D4B\u5143\u7D20\u662F\u5426\u81F3\u5C11 50% \u53EF\u89C1\u4E14\u505C\u7559\u65F6\u95F4\u8D85\u8FC7\u6307\u5B9A\u65F6\u95F4\n * \u786E\u4FDD\u5728\u6574\u4E2A\u9875\u9762\u751F\u547D\u5468\u671F\u4E2D\u53EA\u66DD\u5149\u4E00\u6B21\n *\n * @param elementRef - \u8981\u68C0\u6D4B\u7684\u5143\u7D20\u7684 ref\n * @param options - \u914D\u7F6E\u9009\u9879\n * @returns \u8FD4\u56DE\u6E05\u9664\u8BA1\u65F6\u5668\u7684\u65B9\u6CD5\uFF08\u7528\u4E8E\u5207\u6362\u65F6\u6E05\u7406\uFF09\n *\n * @example\n * ```tsx\n * const MyComponent = () => {\n *   const ref = useRef<HTMLDivElement>(null)\n *   const { clearTimer } = useExposureDetection(ref, {\n *     exposureKey: 'my-component-1',\n *     threshold: 0.5,\n *     duration: 2000,\n *     onExposure: () => {\n *       console.log('\u5143\u7D20\u5DF2\u66DD\u5149')\n *     }\n *   })\n *\n *   return <div ref={ref}>\u5185\u5BB9</div>\n * }\n * ```\n */\nexport const useExposureDetection = (elementRef: RefObject<HTMLElement>, options: UseExposureDetectionOptions = {}) => {\n  const { exposureKey, threshold = 0.5, duration = 2000, once = true, onExposure, rootMargin = '0px' } = options\n\n  const exposureTimerRef = useRef<number | null>(null)\n  const generatedKeyRef = useRef<string | null>(null)\n\n  // \u751F\u6210\u552F\u4E00\u7684\u66DD\u5149 key\n  const getExposureKey = useCallback(() => {\n    if (exposureKey) {\n      return exposureKey\n    }\n    // \u5982\u679C\u6CA1\u6709\u63D0\u4F9B key\uFF0C\u5C1D\u8BD5\u4F7F\u7528\u5143\u7D20\u7684\u552F\u4E00\u6807\u8BC6\n    if (elementRef.current && !generatedKeyRef.current) {\n      // \u4F7F\u7528\u5143\u7D20\u7684 data-exposure-id \u5C5E\u6027\uFF0C\u6216\u8005\u751F\u6210\u4E00\u4E2A\u57FA\u4E8E\u4F4D\u7F6E\u7684 key\n      const dataId = elementRef.current.getAttribute('data-exposure-id')\n      if (dataId) {\n        generatedKeyRef.current = dataId\n        return dataId\n      }\n      // \u5982\u679C\u6CA1\u6709 data-exposure-id\uFF0C\u4F7F\u7528\u5143\u7D20\u5728 DOM \u4E2D\u7684\u4F4D\u7F6E\u751F\u6210 key\n      const path: string[] = []\n      let el: Element | null = elementRef.current\n      while (el && el !== document.body) {\n        const index = Array.from(el.parentElement?.children || []).indexOf(el)\n        path.unshift(`${el.tagName.toLowerCase()}[${index}]`)\n        el = el.parentElement\n      }\n      generatedKeyRef.current = path.join(' > ')\n      return generatedKeyRef.current\n    }\n    return generatedKeyRef.current || ''\n  }, [exposureKey, elementRef])\n\n  // \u6E05\u9664\u8BA1\u65F6\u5668\u7684\u65B9\u6CD5\uFF08\u4E0D\u91CD\u7F6E\u66DD\u5149\u72B6\u6001\uFF09\n  const clearTimer = useCallback(() => {\n    if (exposureTimerRef.current) {\n      clearTimeout(exposureTimerRef.current)\n      exposureTimerRef.current = null\n    }\n  }, [])\n\n  useEffect(() => {\n    const element = elementRef.current\n    if (!element || !onExposure) return\n\n    const key = getExposureKey()\n    if (!key) {\n      console.warn('useExposureDetection: \u65E0\u6CD5\u751F\u6210\u552F\u4E00\u7684 exposureKey\uFF0C\u8BF7\u63D0\u4F9B exposureKey \u53C2\u6570')\n      return\n    }\n\n    // \u5982\u679C\u5DF2\u7ECF\u66DD\u5149\u8FC7\u4E14\u8BBE\u7F6E\u4E86 once\uFF0C\u76F4\u63A5\u8FD4\u56DE\uFF0C\u4E0D\u518D\u76D1\u542C\n    if (once && exposedElementsSet.has(key)) {\n      return\n    }\n\n    const observer = new IntersectionObserver(\n      entries => {\n        entries.forEach(entry => {\n          // \u5982\u679C\u53EF\u89C1\u6027\u8FBE\u5230\u9608\u503C\uFF08\u9ED8\u8BA4 50%\uFF09\n          if (entry.intersectionRatio >= threshold) {\n            // \u5982\u679C\u8FD8\u6CA1\u6709\u89E6\u53D1\u8FC7\u66DD\u5149\u4E14\u6CA1\u6709\u6B63\u5728\u8BA1\u65F6\u7684\u8BA1\u65F6\u5668\uFF0C\u5F00\u59CB\u8BA1\u65F6\n            if ((!once || !exposedElementsSet.has(key)) && !exposureTimerRef.current) {\n              exposureTimerRef.current = window.setTimeout(() => {\n                // \u518D\u6B21\u68C0\u67E5\u662F\u5426\u5DF2\u66DD\u5149\uFF08\u9632\u6B62\u5728\u8BA1\u65F6\u671F\u95F4\u88AB\u5176\u4ED6\u64CD\u4F5C\u89E6\u53D1\uFF09\n                if (once && exposedElementsSet.has(key)) return\n\n                // \u6807\u8BB0\u4E3A\u5DF2\u66DD\u5149\n                if (once) {\n                  exposedElementsSet.add(key)\n                }\n                // \u89E6\u53D1\u66DD\u5149\u4E8B\u4EF6\n                onExposure()\n              }, duration)\n            }\n          } else {\n            // \u5982\u679C\u53EF\u89C1\u6027\u4F4E\u4E8E\u9608\u503C\uFF0C\u6E05\u9664\u8BA1\u65F6\u5668\uFF08\u4F46\u4E0D\u79FB\u9664\u66DD\u5149\u6807\u8BB0\uFF09\n            if (exposureTimerRef.current) {\n              clearTimeout(exposureTimerRef.current)\n              exposureTimerRef.current = null\n            }\n          }\n        })\n      },\n      {\n        threshold: threshold,\n        rootMargin: rootMargin,\n      }\n    )\n\n    observer.observe(element)\n\n    return () => {\n      observer.disconnect()\n      if (exposureTimerRef.current) {\n        clearTimeout(exposureTimerRef.current)\n        exposureTimerRef.current = null\n      }\n    }\n  }, [elementRef, onExposure, threshold, duration, once, rootMargin, getExposureKey])\n\n  return { clearTimer }\n}\n\n/**\n * \u6E05\u9664\u6307\u5B9A key \u7684\u66DD\u5149\u8BB0\u5F55\uFF08\u7528\u4E8E\u6D4B\u8BD5\u6216\u7279\u6B8A\u573A\u666F\uFF09\n */\nexport const clearExposureRecord = (key: string) => {\n  exposedElementsSet.delete(key)\n}\n\n/**\n * \u6E05\u9664\u6240\u6709\u66DD\u5149\u8BB0\u5F55\uFF08\u7528\u4E8E\u6D4B\u8BD5\u6216\u7279\u6B8A\u573A\u666F\uFF09\n */\nexport const clearAllExposureRecords = () => {\n  exposedElementsSet.clear()\n}\n\n/**\n * \u68C0\u67E5\u6307\u5B9A key \u662F\u5426\u5DF2\u66DD\u5149\n */\nexport const hasExposed = (key: string): boolean => {\n  return exposedElementsSet.has(key)\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,6BAAAE,EAAA,wBAAAC,EAAA,eAAAC,EAAA,yBAAAC,IAAA,eAAAC,EAAAN,GAAA,IAAAO,EAA+D,iBAG/D,MAAMC,EAAqB,IAAI,IAwDlBH,EAAuB,CAACI,EAAoCC,EAAuC,CAAC,IAAM,CACrH,KAAM,CAAE,YAAAC,EAAa,UAAAC,EAAY,GAAK,SAAAC,EAAW,IAAM,KAAAC,EAAO,GAAM,WAAAC,EAAY,WAAAC,EAAa,KAAM,EAAIN,EAEjGO,KAAmB,UAAsB,IAAI,EAC7CC,KAAkB,UAAsB,IAAI,EAG5CC,KAAiB,eAAY,IAAM,CACvC,GAAIR,EACF,OAAOA,EAGT,GAAIF,EAAW,SAAW,CAACS,EAAgB,QAAS,CAElD,MAAME,EAASX,EAAW,QAAQ,aAAa,kBAAkB,EACjE,GAAIW,EACF,OAAAF,EAAgB,QAAUE,EACnBA,EAGT,MAAMC,EAAiB,CAAC,EACxB,IAAIC,EAAqBb,EAAW,QACpC,KAAOa,GAAMA,IAAO,SAAS,MAAM,CACjC,MAAMC,EAAQ,MAAM,KAAKD,EAAG,eAAe,UAAY,CAAC,CAAC,EAAE,QAAQA,CAAE,EACrED,EAAK,QAAQ,GAAGC,EAAG,QAAQ,YAAY,CAAC,IAAIC,CAAK,GAAG,EACpDD,EAAKA,EAAG,aACV,CACA,OAAAJ,EAAgB,QAAUG,EAAK,KAAK,KAAK,EAClCH,EAAgB,OACzB,CACA,OAAOA,EAAgB,SAAW,EACpC,EAAG,CAACP,EAAaF,CAAU,CAAC,EAGtBe,KAAa,eAAY,IAAM,CAC/BP,EAAiB,UACnB,aAAaA,EAAiB,OAAO,EACrCA,EAAiB,QAAU,KAE/B,EAAG,CAAC,CAAC,EAEL,sBAAU,IAAM,CACd,MAAMQ,EAAUhB,EAAW,QAC3B,GAAI,CAACgB,GAAW,CAACV,EAAY,OAE7B,MAAMW,EAAMP,EAAe,EAC3B,GAAI,CAACO,EAAK,CACR,QAAQ,KAAK,+HAA8D,EAC3E,MACF,CAGA,GAAIZ,GAAQN,EAAmB,IAAIkB,CAAG,EACpC,OAGF,MAAMC,EAAW,IAAI,qBACnBC,GAAW,CACTA,EAAQ,QAAQC,GAAS,CAEnBA,EAAM,mBAAqBjB,GAExB,CAACE,GAAQ,CAACN,EAAmB,IAAIkB,CAAG,IAAM,CAACT,EAAiB,UAC/DA,EAAiB,QAAU,OAAO,WAAW,IAAM,CAE7CH,GAAQN,EAAmB,IAAIkB,CAAG,IAGlCZ,GACFN,EAAmB,IAAIkB,CAAG,EAG5BX,EAAW,EACb,EAAGF,CAAQ,GAITI,EAAiB,UACnB,aAAaA,EAAiB,OAAO,EACrCA,EAAiB,QAAU,KAGjC,CAAC,CACH,EACA,CACE,UAAWL,EACX,WAAYI,CACd,CACF,EAEA,OAAAW,EAAS,QAAQF,CAAO,EAEjB,IAAM,CACXE,EAAS,WAAW,EAChBV,EAAiB,UACnB,aAAaA,EAAiB,OAAO,EACrCA,EAAiB,QAAU,KAE/B,CACF,EAAG,CAACR,EAAYM,EAAYH,EAAWC,EAAUC,EAAME,EAAYG,CAAc,CAAC,EAE3E,CAAE,WAAAK,CAAW,CACtB,EAKarB,EAAuBuB,GAAgB,CAClDlB,EAAmB,OAAOkB,CAAG,CAC/B,EAKaxB,EAA0B,IAAM,CAC3CM,EAAmB,MAAM,CAC3B,EAKaJ,EAAcsB,GAClBlB,EAAmB,IAAIkB,CAAG",
-  "names": ["useExposureDetection_exports", "__export", "clearAllExposureRecords", "clearExposureRecord", "hasExposed", "useExposureDetection", "__toCommonJS", "import_react", "exposedElementsSet", "elementRef", "options", "exposureKey", "threshold", "duration", "once", "onExposure", "rootMargin", "exposureTimerRef", "generatedKeyRef", "getExposureKey", "dataId", "path", "el", "index", "clearTimer", "element", "key", "observer", "entries", "entry"]
-}

package/dist/cjs/hooks/useGridRowCount.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useGridRowCount.ts"],
-  "sourcesContent": ["import { useState, useEffect } from 'react'\n\ninterface UseGridRowCountOptions {\n  /** \u884C\u6570\u9650\u5236 */\n  rows: number\n  /** \u79FB\u52A8\u7AEF\u5217\u6570 (< 768px) */\n  mobileCols?: number\n  /** \u5E73\u677F/\u5C0F\u684C\u9762\u5217\u6570 (\u2265 768px and < 1440px) */\n  tabletCols?: number\n  /** \u5927\u684C\u9762\u5217\u6570 (\u2265 1440px) */\n  desktopCols?: number\n}\n\n/**\n * \u6839\u636E\u5F53\u524D\u89C6\u53E3\u5BBD\u5EA6\u8BA1\u7B97\u7F51\u683C\u53EF\u89C1\u9879\u76EE\u6570\n * \u7528\u4E8E\u54CD\u5E94\u5F0F\u7F51\u683C\u5E03\u5C40\u4E2D\uFF0C\u6839\u636E\u884C\u6570 \u00D7 \u5F53\u524D\u5217\u6570\u8BA1\u7B97\u663E\u793A\u6570\u91CF\n */\nexport function useGridRowCount({\n  rows,\n  mobileCols = 2,\n  tabletCols = 3,\n  desktopCols = 4,\n}: UseGridRowCountOptions): number {\n  const [visibleCount, setVisibleCount] = useState(() => {\n    if (typeof window === 'undefined') return rows * mobileCols\n    if (window.innerWidth >= 1440) return rows * desktopCols\n    if (window.innerWidth >= 768) return rows * tabletCols\n    return rows * mobileCols\n  })\n\n  useEffect(() => {\n    const mqTablet = window.matchMedia('(min-width: 768px)')\n    const mqDesktop = window.matchMedia('(min-width: 1440px)')\n\n    const updateCount = () => {\n      if (mqDesktop.matches) {\n        setVisibleCount(rows * desktopCols)\n      } else if (mqTablet.matches) {\n        setVisibleCount(rows * tabletCols)\n      } else {\n        setVisibleCount(rows * mobileCols)\n      }\n    }\n\n    updateCount()\n\n    mqTablet.addEventListener('change', updateCount)\n    mqDesktop.addEventListener('change', updateCount)\n\n    return () => {\n      mqTablet.removeEventListener('change', updateCount)\n      mqDesktop.removeEventListener('change', updateCount)\n    }\n  }, [rows, mobileCols, tabletCols, desktopCols])\n\n  return visibleCount\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAoC,iBAiB7B,SAASF,EAAgB,CAC9B,KAAAG,EACA,WAAAC,EAAa,EACb,WAAAC,EAAa,EACb,YAAAC,EAAc,CAChB,EAAmC,CACjC,KAAM,CAACC,EAAcC,CAAe,KAAI,YAAS,IAC3C,OAAO,OAAW,IAAoBL,EAAOC,EAC7C,OAAO,YAAc,KAAaD,EAAOG,EACzC,OAAO,YAAc,IAAYH,EAAOE,EACrCF,EAAOC,CACf,EAED,sBAAU,IAAM,CACd,MAAMK,EAAW,OAAO,WAAW,oBAAoB,EACjDC,EAAY,OAAO,WAAW,qBAAqB,EAEnDC,EAAc,IAAM,CACpBD,EAAU,QACZF,EAAgBL,EAAOG,CAAW,EACzBG,EAAS,QAClBD,EAAgBL,EAAOE,CAAU,EAEjCG,EAAgBL,EAAOC,CAAU,CAErC,EAEA,OAAAO,EAAY,EAEZF,EAAS,iBAAiB,SAAUE,CAAW,EAC/CD,EAAU,iBAAiB,SAAUC,CAAW,EAEzC,IAAM,CACXF,EAAS,oBAAoB,SAAUE,CAAW,EAClDD,EAAU,oBAAoB,SAAUC,CAAW,CACrD,CACF,EAAG,CAACR,EAAMC,EAAYC,EAAYC,CAAW,CAAC,EAEvCC,CACT",
-  "names": ["useGridRowCount_exports", "__export", "useGridRowCount", "__toCommonJS", "import_react", "rows", "mobileCols", "tabletCols", "desktopCols", "visibleCount", "setVisibleCount", "mqTablet", "mqDesktop", "updateCount"]
-}

package/dist/cjs/hooks/useIntersectionObserver.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useIntersectionObserver.ts"],
-  "sourcesContent": ["import { type RefObject, useRef, useEffect } from 'react'\n\ntype DelayOptions = {\n  callback: () => void\n  once?: boolean\n  threshold?: number\n  delay?: number\n}\n\n// \u7F13\u5B58\u53EF\u89C1\u6027\u68C0\u67E5\u7ED3\u679C\uFF0C\u907F\u514D\u91CD\u590D\u8BA1\u7B97\nconst visibilityCache = new WeakMap<Element, { visible: boolean; timestamp: number }>()\nconst CACHE_DURATION = 500 // \u7F13\u5B58500ms\uFF0C\u5E73\u8861\u6027\u80FD\u548C\u51C6\u786E\u6027\n\n/**\n * \u68C0\u67E5\u5143\u7D20\u662F\u5426\u771F\u6B63\u53EF\u89C1\uFF08\u4F18\u5316\u7248\u672C\uFF0C\u5E26\u7F13\u5B58\uFF09\n * @param element \u8981\u68C0\u67E5\u7684\u5143\u7D20\n * @returns \u5143\u7D20\u662F\u5426\u53EF\u89C1\n */\nconst isElementVisible = (element: Element): boolean => {\n  const now = Date.now()\n\n  // \u68C0\u67E5\u7F13\u5B58\n  const cached = visibilityCache.get(element)\n  if (cached && now - cached.timestamp < CACHE_DURATION) {\n    return cached.visible\n  }\n\n  const el = element as HTMLElement\n\n  // \u5FEB\u901F\u68C0\u67E5\uFF1A\u5143\u7D20\u662F\u5426\u5B58\u5728\n  if (!el) {\n    visibilityCache.set(element, { visible: false, timestamp: now })\n    return false\n  }\n\n  // \u5FEB\u901F\u68C0\u67E5\uFF1A\u5143\u7D20\u662F\u5426\u5728DOM\u4E2D\n  if (!document.contains(el)) {\n    visibilityCache.set(element, { visible: false, timestamp: now })\n    return false\n  }\n\n  // \u4F7F\u7528 getBoundingClientRect \u8FDB\u884C\u5FEB\u901F\u68C0\u67E5\uFF08\u6BD4 getComputedStyle \u66F4\u5FEB\uFF09\n  const rect = el.getBoundingClientRect()\n\n  // \u5982\u679C\u5143\u7D20\u6CA1\u6709\u5C3A\u5BF8\uFF0C\u76F4\u63A5\u8FD4\u56DE false\uFF08\u8FD9\u6BD4\u68C0\u67E5 CSS \u6837\u5F0F\u66F4\u5FEB\uFF09\n  if (rect.width === 0 || rect.height === 0) {\n    visibilityCache.set(element, { visible: false, timestamp: now })\n    return false\n  }\n\n  // \u53EA\u6709\u5728\u5FC5\u8981\u65F6\u624D\u68C0\u67E5 CSS \u6837\u5F0F\uFF08\u5EF6\u8FDF\u68C0\u67E5\uFF09\n  // \u5148\u68C0\u67E5\u6700\u5E38\u89C1\u7684\u9690\u85CF\u60C5\u51B5\n  const style = el.style\n  if (style.display === 'none' || style.visibility === 'hidden' || style.opacity === '0') {\n    visibilityCache.set(element, { visible: false, timestamp: now })\n    return false\n  }\n\n  // \u5982\u679C\u5185\u8054\u6837\u5F0F\u6CA1\u6709\u9690\u85CF\uFF0C\u518D\u68C0\u67E5\u8BA1\u7B97\u6837\u5F0F\uFF08\u66F4\u6602\u8D35\u7684\u64CD\u4F5C\uFF09\n  // \u4F46\u53EA\u5728\u5143\u7D20\u786E\u5B9E\u6709\u5C3A\u5BF8\u4E14\u5728\u89C6\u53E3\u5185\u65F6\u624D\u68C0\u67E5\n  if (rect.width > 0 && rect.height > 0) {\n    const computedStyle = window.getComputedStyle(el)\n    if (computedStyle.display === 'none' || computedStyle.visibility === 'hidden' || computedStyle.opacity === '0') {\n      visibilityCache.set(element, { visible: false, timestamp: now })\n      return false\n    }\n  }\n\n  const visible = true\n  visibilityCache.set(element, { visible, timestamp: now })\n  return visible\n}\n/**\n * \u53EA\u6709\u63D0\u7559\u8D85\u8FC7delay\u8BBE\u7F6E\u7684\u65F6\u95F4\u624D\u4F1A\u89E6\u53D1callback\n * @param targetRef\n * @param callback\n * @param once\n * @param threshold\n * @param delay\n */\nexport const useIntersectionObserverDelay = (\n  targetRef: RefObject<any> | undefined,\n  { callback, once, threshold = 0.8, delay = 0 }: DelayOptions\n) => {\n  const timeoutRef = useRef<number>(0)\n  const triggeredRef = useRef(false)\n\n  useEffect(() => {\n    if (!targetRef?.current) {\n      return\n    }\n\n    if (typeof IntersectionObserver === 'undefined') {\n      return\n    }\n\n    const current = targetRef.current\n    const options = {\n      root: null,\n      rootMargin: '0px',\n      threshold: threshold,\n    }\n    const observer = new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting && isElementVisible(entry.target)) {\n          if (delay) {\n            window.clearTimeout(timeoutRef.current)\n            if (triggeredRef.current) return\n            timeoutRef.current = window.setTimeout(() => {\n              callback()\n              triggeredRef.current = true\n            }, delay)\n          } else {\n            callback()\n            triggeredRef.current = true\n          }\n\n          if (once && triggeredRef.current) {\n            observer.disconnect()\n          }\n        } else {\n          if (timeoutRef.current) {\n            window.clearTimeout(timeoutRef.current)\n          }\n        }\n      })\n    }, options)\n    if (current) {\n      observer.observe(current)\n    }\n    return () => {\n      observer.disconnect()\n      window.clearTimeout(timeoutRef.current)\n    }\n  }, [once, threshold, delay, targetRef?.current])\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kCAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAkD,iBAUlD,MAAMC,EAAkB,IAAI,QACtBC,EAAiB,IAOjBC,EAAoBC,GAA8B,CACtD,MAAMC,EAAM,KAAK,IAAI,EAGfC,EAASL,EAAgB,IAAIG,CAAO,EAC1C,GAAIE,GAAUD,EAAMC,EAAO,UAAYJ,EACrC,OAAOI,EAAO,QAGhB,MAAMC,EAAKH,EAGX,GAAI,CAACG,EACH,OAAAN,EAAgB,IAAIG,EAAS,CAAE,QAAS,GAAO,UAAWC,CAAI,CAAC,EACxD,GAIT,GAAI,CAAC,SAAS,SAASE,CAAE,EACvB,OAAAN,EAAgB,IAAIG,EAAS,CAAE,QAAS,GAAO,UAAWC,CAAI,CAAC,EACxD,GAIT,MAAMG,EAAOD,EAAG,sBAAsB,EAGtC,GAAIC,EAAK,QAAU,GAAKA,EAAK,SAAW,EACtC,OAAAP,EAAgB,IAAIG,EAAS,CAAE,QAAS,GAAO,UAAWC,CAAI,CAAC,EACxD,GAKT,MAAMI,EAAQF,EAAG,MACjB,GAAIE,EAAM,UAAY,QAAUA,EAAM,aAAe,UAAYA,EAAM,UAAY,IACjF,OAAAR,EAAgB,IAAIG,EAAS,CAAE,QAAS,GAAO,UAAWC,CAAI,CAAC,EACxD,GAKT,GAAIG,EAAK,MAAQ,GAAKA,EAAK,OAAS,EAAG,CACrC,MAAME,EAAgB,OAAO,iBAAiBH,CAAE,EAChD,GAAIG,EAAc,UAAY,QAAUA,EAAc,aAAe,UAAYA,EAAc,UAAY,IACzG,OAAAT,EAAgB,IAAIG,EAAS,CAAE,QAAS,GAAO,UAAWC,CAAI,CAAC,EACxD,EAEX,CAEA,MAAMM,EAAU,GAChB,OAAAV,EAAgB,IAAIG,EAAS,CAAE,QAAAO,EAAS,UAAWN,CAAI,CAAC,EACjDM,CACT,EASab,EAA+B,CAC1Cc,EACA,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAY,GAAK,MAAAC,EAAQ,CAAE,IAC1C,CACH,MAAMC,KAAa,UAAe,CAAC,EAC7BC,KAAe,UAAO,EAAK,KAEjC,aAAU,IAAM,CAKd,GAJI,CAACN,GAAW,SAIZ,OAAO,qBAAyB,IAClC,OAGF,MAAMO,EAAUP,EAAU,QACpBQ,EAAU,CACd,KAAM,KACN,WAAY,MACZ,UAAWL,CACb,EACMM,EAAW,IAAI,qBAAqBC,GAAW,CACnDA,EAAQ,QAAQC,GAAS,CACvB,GAAIA,EAAM,gBAAkBpB,EAAiBoB,EAAM,MAAM,EAAG,CAC1D,GAAIP,EAAO,CAET,GADA,OAAO,aAAaC,EAAW,OAAO,EAClCC,EAAa,QAAS,OAC1BD,EAAW,QAAU,OAAO,WAAW,IAAM,CAC3CJ,EAAS,EACTK,EAAa,QAAU,EACzB,EAAGF,CAAK,CACV,MACEH,EAAS,EACTK,EAAa,QAAU,GAGrBJ,GAAQI,EAAa,SACvBG,EAAS,WAAW,CAExB,MACMJ,EAAW,SACb,OAAO,aAAaA,EAAW,OAAO,CAG5C,CAAC,CACH,EAAGG,CAAO,EACV,OAAID,GACFE,EAAS,QAAQF,CAAO,EAEnB,IAAM,CACXE,EAAS,WAAW,EACpB,OAAO,aAAaJ,EAAW,OAAO,CACxC,CACF,EAAG,CAACH,EAAMC,EAAWC,EAAOJ,GAAW,OAAO,CAAC,CACjD",
-  "names": ["useIntersectionObserver_exports", "__export", "useIntersectionObserverDelay", "__toCommonJS", "import_react", "visibilityCache", "CACHE_DURATION", "isElementVisible", "element", "now", "cached", "el", "rect", "style", "computedStyle", "visible", "targetRef", "callback", "once", "threshold", "delay", "timeoutRef", "triggeredRef", "current", "options", "observer", "entries", "entry"]
-}

package/dist/cjs/hooks/useRollout.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useRollout.ts"],
-  "sourcesContent": ["import { useEffect, useRef, useState, type MutableRefObject } from 'react'\n\nexport function useRollout<T extends HTMLElement = HTMLElement>(options: any): [MutableRefObject<T | null>, boolean] {\n  const ref = useRef<T>(null)\n  const [inView, setInView] = useState(false)\n  useEffect(() => {\n    if (inView) return // \u5DF2\u8FDB\u5165\u8FC7\uFF0C\u5219\u4E0D\u518D\u89C2\u5BDF\n    const el = ref.current\n    if (!el || typeof IntersectionObserver === 'undefined') return\n    const observer = new IntersectionObserver(([entry]) => {\n      if (entry.isIntersecting) {\n        setInView(true)\n        observer.disconnect() // \u505C\u6B62\u89C2\u5BDF\n      }\n    }, options)\n    observer.observe(el)\n    return () => observer.disconnect()\n  }, [inView, options])\n  return [ref, inView]\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAmE,iBAE5D,SAASF,EAAgDG,EAAqD,CACnH,MAAMC,KAAM,UAAU,IAAI,EACpB,CAACC,EAAQC,CAAS,KAAI,YAAS,EAAK,EAC1C,sBAAU,IAAM,CACd,GAAID,EAAQ,OACZ,MAAME,EAAKH,EAAI,QACf,GAAI,CAACG,GAAM,OAAO,qBAAyB,IAAa,OACxD,MAAMC,EAAW,IAAI,qBAAqB,CAAC,CAACC,CAAK,IAAM,CACjDA,EAAM,iBACRH,EAAU,EAAI,EACdE,EAAS,WAAW,EAExB,EAAGL,CAAO,EACV,OAAAK,EAAS,QAAQD,CAAE,EACZ,IAAMC,EAAS,WAAW,CACnC,EAAG,CAACH,EAAQF,CAAO,CAAC,EACb,CAACC,EAAKC,CAAM,CACrB",
-  "names": ["useRollout_exports", "__export", "useRollout", "__toCommonJS", "import_react", "options", "ref", "inView", "setInView", "el", "observer", "entry"]
-}

package/dist/cjs/hooks/useViewItemList.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useViewItemList.ts"],
-  "sourcesContent": ["import { type RefObject } from 'react'\nimport { gaTrack } from '../shared/track.js'\nimport { useIntersectionObserverDelay } from './useIntersectionObserver.js'\nimport { useAiuiContext } from '../biz-components/AiuiProvider/index.js'\n\ninterface ViewItemListOptions {\n  componentType: string\n  componentName: string\n  componentTitle?: string\n  componentDescription?: string\n  navigation?: string\n  pageGroup?: string\n  position?: number\n  tabName?: string\n  itemListName?: string\n  items?: Array<{\n    item_id: string\n    item_name: string\n    item_variant: string\n    price: string\n    index: number\n  }>\n}\n\nexport const useViewItemList = (\n  ref: RefObject<HTMLElement>,\n  {\n    componentType,\n    componentName,\n    componentTitle,\n    componentDescription,\n    navigation = '',\n    position = 1,\n    itemListName,\n    items,\n    tabName = '',\n  }: ViewItemListOptions\n) => {\n  const { trackingData, onExposure } = useAiuiContext()\n\n  useIntersectionObserverDelay(ref, {\n    once: true,\n    threshold: 0.5,\n    delay: 2000,\n    callback: () => {\n      const pageGroup = trackingData.pageGroup || 'Home Page'\n\n      if (onExposure) {\n        // Custom handler from AiuiProvider\n        onExposure({\n          componentType,\n          componentName,\n          componentTitle,\n          componentDescription,\n          navigation,\n          pageGroup,\n          position,\n        })\n      } else {\n        // Default GA behavior\n        // TODO: \u5220\u9664\u8FD9\u4E2A\u5206\u652F\uFF0C\u53EA\u4FDD\u7559 onExposure \u903B\u8F91\uFF0C\u8BA9\u4F7F\u7528\u65B9\u5B8C\u5168\u63A7\u5236\u66DD\u5149\u57CB\u70B9\n        gaTrack({\n          event: 'ga4Event',\n          event_name: 'view_item_list',\n          event_parameters: {\n            page_group: pageGroup,\n            component_type: componentType,\n            component_name: componentName,\n            position: position,\n            creative_id: '',\n            component_title: componentTitle,\n            component_description: componentDescription,\n            navigation: navigation,\n            item_list_name: itemListName,\n            items: items,\n            tab_name: tabName,\n          },\n        })\n      }\n    },\n  })\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,iBAC/BC,EAAwB,8BACxBC,EAA6C,wCAC7CC,EAA+B,mDAqBxB,MAAML,EAAkB,CAC7BM,EACA,CACE,cAAAC,EACA,cAAAC,EACA,eAAAC,EACA,qBAAAC,EACA,WAAAC,EAAa,GACb,SAAAC,EAAW,EACX,aAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,EACZ,IACG,CACH,KAAM,CAAE,aAAAC,EAAc,WAAAC,CAAW,KAAI,kBAAe,KAEpD,gCAA6BX,EAAK,CAChC,KAAM,GACN,UAAW,GACX,MAAO,IACP,SAAU,IAAM,CACd,MAAMY,EAAYF,EAAa,WAAa,YAExCC,EAEFA,EAAW,CACT,cAAAV,EACA,cAAAC,EACA,eAAAC,EACA,qBAAAC,EACA,WAAAC,EACA,UAAAO,EACA,SAAAN,CACF,CAAC,KAID,WAAQ,CACN,MAAO,WACP,WAAY,iBACZ,iBAAkB,CAChB,WAAYM,EACZ,eAAgBX,EAChB,eAAgBC,EAChB,SAAUI,EACV,YAAa,GACb,gBAAiBH,EACjB,sBAAuBC,EACvB,WAAYC,EACZ,eAAgBE,EAChB,MAAOC,EACP,SAAUC,CACZ,CACF,CAAC,CAEL,CACF,CAAC,CACH",
-  "names": ["useViewItemList_exports", "__export", "useViewItemList", "__toCommonJS", "import_react", "import_track", "import_useIntersectionObserver", "import_AiuiProvider", "ref", "componentType", "componentName", "componentTitle", "componentDescription", "navigation", "position", "itemListName", "items", "tabName", "trackingData", "onExposure", "pageGroup"]
-}

package/dist/cjs/icons/spinner.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/icons/spinner.tsx"],
-  "sourcesContent": ["import { cn } from '../helpers/index.js'\n\nexport interface SpinnerProps {\n  className?: string\n}\n\n// eslint-disable-next-line no-unused-vars\nconst Spinner = (props: SpinnerProps) => {\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1rem\"\n      className={cn('animate-spin', props.className)}\n    >\n      <path\n        d=\"M1 10C1 14.9706 5.02944 19 10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  )\n}\n\nexport default Spinner\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAgBM,IAAAI,EAAA,6BAhBNC,EAAmB,+BAOnB,MAAMC,EAAWC,MAEb,OAAC,OACC,KAAK,OACL,QAAQ,YACR,MAAM,6BACN,MAAM,OACN,aAAW,MAAG,eAAgBA,EAAM,SAAS,EAE7C,mBAAC,QACC,EAAE,yFACF,YAAY,IACZ,cAAc,QAChB,EACF,EAIJ,IAAOL,EAAQI",
-  "names": ["spinner_exports", "__export", "spinner_default", "__toCommonJS", "import_jsx_runtime", "import_helpers", "Spinner", "props"]
-}

package/dist/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from './components/index.js'\nexport { gaTrack } from './shared/track.js'\nexport { trackUrlRef, buildTrackingRef } from './shared/trackUrlRef.js'\nexport type { ExposureParams, OnExposureCallback } from './biz-components/AiuiProvider/index.js'\n\n// \u516C\u5F00\u5BFC\u51FA\u6838\u5FC3\u5171\u4EAB\u7C7B\u578B\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u6D88\u8D39\u8005\u4F7F\u7528\uFF09\nexport type {\n  Media,\n  Theme,\n  Img,\n  Video,\n  ContainerProps,\n  ComponentCommonProps,\n  ResponsiveMedia,\n  Shape,\n  Align,\n  CurrencyDisplayType,\n} from './types/props.js'\n\n// \u516C\u5F00\u5BFC\u51FA\u5168\u91CF hooks\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u6D88\u8D39\u8005\u4F7F\u7528\uFF09\nexport { default as useCountDown } from './hooks/useCountDown.js'\nexport { useDraggableScroll } from './hooks/useDraggableScroll.js'\nexport { useExposure } from './hooks/useExposure.js'\nexport { useGridRowCount } from './hooks/useGridRowCount.js'\nexport { useIntersectionObserverDelay } from './hooks/useIntersectionObserver.js'\nexport { useRollout } from './hooks/useRollout.js'\nexport { useViewItemList } from './hooks/useViewItemList.js'\n\n// \u516C\u5F00\u5BFC\u51FA helpers\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u6D88\u8D39\u8005\u4F7F\u7528\uFF09\nexport { cn, getLocalizedPath, noop } from './helpers/index.js'\nexport { formatPrice, languageTerritory, PRICE_SYMBOL } from './helpers/index.js'\n\n// \u516C\u5F00\u5BFC\u51FA LocalizedLink\uFF08\u4F9B Registry \u5206\u53D1\u7684 biz-components \u4F7F\u7528\uFF09\nexport { LocalizedLink, type LocalizedLinkProps } from './shared/LocalizedLink.js'\n"],
-  "mappings": "wmBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,ykBAAAE,EAAAF,GAAAG,EAAAH,EAAc,iCAAd,gBACA,IAAAI,EAAwB,6BACxBC,EAA8C,mCAkB9CC,EAAwC,sCACxCC,EAAmC,yCACnCC,EAA4B,kCAC5BC,EAAgC,sCAChCC,EAA6C,8CAC7CC,EAA2B,iCAC3BC,EAAgC,sCAGhCC,EAA2C,8BAC3CA,EAA6D,8BAG7DC,EAAuD",
-  "names": ["src_exports", "__export", "__toCommonJS", "__reExport", "import_track", "import_trackUrlRef", "import_useCountDown", "import_useDraggableScroll", "import_useExposure", "import_useGridRowCount", "import_useIntersectionObserver", "import_useRollout", "import_useViewItemList", "import_helpers", "import_LocalizedLink"]
-}

package/dist/cjs/shared/ErrorBoundary.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/shared/ErrorBoundary.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { ReactNode } from 'react'\n\ninterface ErrorBoundaryProps {\n  children: ReactNode\n  fallback?: ReactNode // \u53EF\u81EA\u5B9A\u4E49\u9519\u8BEFUI\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean\n  error: Error | null\n  errorInfo: React.ErrorInfo | null\n}\n\nclass ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { hasError: false, error: null, errorInfo: null }\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return { hasError: true, error, errorInfo: null }\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    console.error('@anker-in/headless-ui biz component ErrorBoundary caught an error:', error, errorInfo)\n    this.setState({ errorInfo })\n    // \u53EF\u4EE5\u5728\u8FD9\u91CC\u4E0A\u62A5\u9519\u8BEF\u65E5\u5FD7\n  }\n\n  render() {\n    if (this.state.hasError) {\n      // \u4F7F\u7528\u81EA\u5B9A\u4E49 fallback UI \u6216\u9ED8\u8BA4 UI\n      if (this.props.fallback) return this.props.fallback\n      // \u53EA\u5728\u5F00\u53D1\u6A21\u5F0F\u663E\u793A\u9519\u8BEF\n      return process.env.NODE_ENV === 'development' ? (\n        <div style={{ padding: 20, textAlign: 'center' }}>\n          <h1>something went wrong \uD83D\uDE22</h1>\n          <p>{this.state.error?.message}</p>\n          <details style={{ whiteSpace: 'pre-wrap' }}>{this.state.errorInfo?.componentStack}</details>\n        </div>\n      ) : null\n    }\n\n    return this.props.children\n  }\n}\n\nexport default ErrorBoundary\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAoCQ,IAAAI,EAAA,6BApCRC,EAAkB,oBAclB,MAAMC,UAAsB,EAAAC,QAAM,SAAkD,CAClF,YAAYC,EAA2B,CACrC,MAAMA,CAAK,EACX,KAAK,MAAQ,CAAE,SAAU,GAAO,MAAO,KAAM,UAAW,IAAK,CAC/D,CAEA,OAAO,yBAAyBC,EAAkC,CAChE,MAAO,CAAE,SAAU,GAAM,MAAAA,EAAO,UAAW,IAAK,CAClD,CAEA,kBAAkBA,EAAcC,EAA4B,CAC1D,QAAQ,MAAM,qEAAsED,EAAOC,CAAS,EACpG,KAAK,SAAS,CAAE,UAAAA,CAAU,CAAC,CAE7B,CAEA,QAAS,CACP,OAAI,KAAK,MAAM,SAET,KAAK,MAAM,SAAiB,KAAK,MAAM,SAQvC,KAGC,KAAK,MAAM,QACpB,CACF,CAEA,IAAOR,EAAQI",
-  "names": ["ErrorBoundary_exports", "__export", "ErrorBoundary_default", "__toCommonJS", "import_jsx_runtime", "import_react", "ErrorBoundary", "React", "props", "error", "errorInfo"]
-}

package/dist/cjs/shared/LocalizedLink.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/shared/LocalizedLink.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { getLocalizedPath } from '../helpers/index.js'\nimport { useAiuiContext } from '../biz-components/AiuiProvider/index.js'\n\nexport interface LocalizedLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  href?: string\n}\n\nconst LocalizedLink = React.forwardRef<HTMLAnchorElement, LocalizedLinkProps>(\n  ({ href, className, children, rel = 'noreferrer', ...props }, ref) => {\n    const { locale = 'us' } = useAiuiContext()\n    const localizedHref = React.useMemo(() => (href ? getLocalizedPath(href, locale) : undefined), [href, locale])\n\n    if (!href) {\n      return <>{children}</>\n    }\n\n    return (\n      <a ref={ref} href={localizedHref} rel={rel} className={className} {...props}>\n        {children}\n      </a>\n    )\n  }\n)\n\nLocalizedLink.displayName = 'LocalizedLink'\n\nexport { LocalizedLink }\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAgBa,IAAAI,EAAA,6BAdbC,EAAuB,oBACvBC,EAAiC,+BACjCC,EAA+B,mDAM/B,MAAML,EAAgBG,EAAM,WAC1B,CAAC,CAAE,KAAAG,EAAM,UAAAC,EAAW,SAAAC,EAAU,IAAAC,EAAM,aAAc,GAAGC,CAAM,EAAGC,IAAQ,CACpE,KAAM,CAAE,OAAAC,EAAS,IAAK,KAAI,kBAAe,EACnCC,EAAgBV,EAAM,QAAQ,IAAOG,KAAO,oBAAiBA,EAAMM,CAAM,EAAI,OAAY,CAACN,EAAMM,CAAM,CAAC,EAE7G,OAAKN,KAKH,OAAC,KAAE,IAAKK,EAAK,KAAME,EAAe,IAAKJ,EAAK,UAAWF,EAAY,GAAGG,EACnE,SAAAF,EACH,KANO,mBAAG,SAAAA,EAAS,CAQvB,CACF,EAEAR,EAAc,YAAc",
-  "names": ["LocalizedLink_exports", "__export", "LocalizedLink", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_AiuiProvider", "href", "className", "children", "rel", "props", "ref", "locale", "localizedHref"]
-}

package/dist/cjs/shared/Styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/shared/Styles.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react'\nimport { simpleHash } from './simpleHash.js'\nimport getKeyPropsString from './getKeyPropsString.js'\nimport { Grid, GridItem } from '../components/grid.js'\nimport { Container } from '../components/container.js'\nimport ErrorBoundary from './ErrorBoundary.js'\n\nconst colContentClasses: Record<number, string> = {\n  12: 'col-start-1 col-end-13',\n  10: 'col-start-2 col-end-12',\n  8: 'col-start-3 col-end-11',\n  6: 'col-start-4 col-end-10',\n  4: 'col-start-5 col-end-9',\n} as const\n\n// \u9884\u5B9A\u4E49\u5E26 tablet \u524D\u7F00\u7684\u7C7B\u540D\uFF0C\u786E\u4FDD Tailwind \u53EF\u4EE5\u8BC6\u522B\nconst colContentClassesTablet: Record<number, string> = {\n  12: 'tablet:col-start-1 tablet:col-end-13',\n  10: 'tablet:col-start-2 tablet:col-end-12',\n  8: 'tablet:col-start-3 tablet:col-end-11',\n  6: 'tablet:col-start-4 tablet:col-end-10',\n  4: 'tablet:col-start-5 tablet:col-end-9',\n} as const\n\nexport interface ContainerProps {\n  container?: {\n    desktopSpan: number\n    mobileSpan: number\n  }\n}\n\nexport interface StylesProps {\n  style?: string | React.CSSProperties\n  uid?: string\n  disabled?: boolean\n  containerClassName?: string\n}\n\ntype LayoutProps<P> = Omit<P, keyof StylesProps | keyof ContainerProps> & StylesProps & ContainerProps\n\ntype StaticComponentProperties<T> = Omit<T, keyof React.ComponentType<any> | 'displayName' | 'prototype'>\n\nconst generateUID = (props: Record<string, unknown>) => {\n  const keyString = getKeyPropsString(props)\n  return `style_${simpleHash(keyString)}`\n}\n\nexport const getStylesProps = <T extends StylesProps>(props: T): StylesProps => {\n  const { style, uid, disabled, containerClassName } = props\n  return { style, uid, disabled, containerClassName }\n}\n\nconst Styles: React.FC<StylesProps> = ({ style, uid = generateUID({}), disabled = false }) => {\n  if (!style || disabled) {\n    return null\n  }\n\n  return (\n    <style\n      suppressHydrationWarning\n      data-style-id={uid}\n      dangerouslySetInnerHTML={{ __html: `.block-${uid} { ${style} }` }}\n    />\n  )\n}\n\nexport const useStyles = (styleProps: Partial<StylesProps>, data?: Record<string, unknown>) => {\n  const uid = useMemo(() => styleProps?.uid || generateUID({ ...styleProps, ...(data ?? {}) }), [data, styleProps])\n\n  const StyleComponent = useMemo(() => <Styles {...styleProps} uid={uid} />, [styleProps, uid])\n\n  return {\n    className: `block-${uid} `,\n    StyleComponent,\n    uid,\n    idx: data?.idx != null ? String(data.idx) : undefined,\n  } as const\n}\n\nconst getGridItemClassName = (container?: ContainerProps['container']) => {\n  const { desktopSpan, mobileSpan } = container || {}\n  const mobileClasses = mobileSpan ? colContentClasses[mobileSpan] : ''\n  const desktopClasses = desktopSpan ? colContentClassesTablet[desktopSpan] : ''\n  return `${mobileClasses} ${desktopClasses}`.trim()\n}\n\nconst styleToString = (style?: string | React.CSSProperties): string => {\n  if (!style) return ''\n  if (typeof style === 'string') return style\n  if (typeof style === 'object' && Object.entries(style).length <= 0) return ''\n  return (\n    Object.entries(style)\n      .map(([key, value]) => {\n        const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase()\n        return `${cssKey}: ${value}`\n      })\n      .join('; ') + ';'\n  )\n}\n\nconst mergeStyles = (a?: string | React.CSSProperties, b?: string | React.CSSProperties): string =>\n  [a, b]\n    .map(styleToString)\n    .filter((s): s is string => Boolean(s))\n    .map(s => (s.trim().endsWith(';') ? s : `${s};`))\n    .join(' ')\n\ntype InternalProps = StylesProps &\n  ContainerProps & { className?: string; data?: Record<string, unknown> } & Record<string, unknown>\n\nfunction withContainerLayout(\n  WrappedComponent: React.ComponentType<InternalProps>,\n  defaultContainerClassName?: string\n): React.ComponentType<InternalProps> {\n  const Wrapped = React.forwardRef<unknown, InternalProps>((props, ref) => {\n    // eslint-disable-next-line no-unused-vars\n    const { container, containerClassName, className, ...componentProps } = props\n\n    if (!container || Reflect.ownKeys(container).length === 0) {\n      return <WrappedComponent {...componentProps} className={className as string | undefined} ref={ref} />\n    }\n\n    const mergedContainerClassName = [defaultContainerClassName, containerClassName, className]\n      .filter(Boolean)\n      .join(' ')\n      .trim()\n\n    return (\n      <Container className={mergedContainerClassName}>\n        <Grid className=\"container_grid\">\n          <GridItem className={getGridItemClassName(container as ContainerProps['container'])}>\n            <WrappedComponent {...componentProps} ref={ref} />\n          </GridItem>\n        </Grid>\n      </Container>\n    )\n  })\n\n  Wrapped.displayName = `WithContainerLayout(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`\n  return Wrapped as React.ComponentType<InternalProps>\n}\n\nfunction withStyleInjection(\n  WrappedComponent: React.ComponentType<InternalProps>,\n  defaultStyleProps?: Partial<StylesProps>\n): React.ComponentType<InternalProps> {\n  const Wrapped = React.forwardRef<unknown, InternalProps>((props, ref) => {\n    const propsStyleProps = getStylesProps(props)\n    const mergedStyle = mergeStyles(defaultStyleProps?.style, propsStyleProps.style)\n\n    const finalStyleProps: StylesProps = {\n      ...defaultStyleProps,\n      ...propsStyleProps,\n      ...(mergedStyle && { style: mergedStyle }),\n    }\n\n    const { className, StyleComponent, idx } = useStyles(\n      finalStyleProps,\n      props.data as Record<string, unknown> | undefined\n    )\n\n    // eslint-disable-next-line no-unused-vars\n    const { style: _s, uid: _u, disabled: _d, className: ownClassName, ...rest } = props\n\n    return (\n      <>\n        {StyleComponent}\n        <WrappedComponent\n          {...(idx ? { id: idx } : {})}\n          {...rest}\n          className={[className, ownClassName].filter(Boolean).join(' ').trim()}\n          ref={ref}\n        />\n      </>\n    )\n  })\n\n  Wrapped.displayName = `WithStyleInjection(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`\n  return Wrapped as React.ComponentType<InternalProps>\n}\n\nfunction withErrorBoundary(WrappedComponent: React.ComponentType<InternalProps>): React.ComponentType<InternalProps> {\n  const Wrapped = React.forwardRef<unknown, InternalProps>((props, ref) => (\n    <ErrorBoundary>\n      <WrappedComponent {...props} ref={ref} />\n    </ErrorBoundary>\n  ))\n\n  Wrapped.displayName = `WithErrorBoundary(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`\n  return Wrapped as React.ComponentType<InternalProps>\n}\n\nconst wrappedComponents = new WeakMap<React.ComponentType<never>, true>()\n\nexport function withLayout<T extends React.ComponentType<any>>(\n  WrappedComponent: T,\n  defaultLayoutProps?: Partial<StylesProps & ContainerProps>\n): React.ForwardRefExoticComponent<LayoutProps<React.ComponentProps<T>> & React.RefAttributes<unknown>> &\n  StaticComponentProperties<T> {\n  if (wrappedComponents.has(WrappedComponent as React.ComponentType<never>)) {\n    return WrappedComponent as unknown as React.ForwardRefExoticComponent<\n      LayoutProps<React.ComponentProps<T>> & React.RefAttributes<unknown>\n    > &\n      StaticComponentProperties<T>\n  }\n\n  const composed = withErrorBoundary(\n    withStyleInjection(\n      withContainerLayout(\n        WrappedComponent as unknown as React.ComponentType<InternalProps>,\n        defaultLayoutProps?.containerClassName\n      ),\n      defaultLayoutProps\n    )\n  )\n\n  composed.displayName = `WithLayout(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`\n\n  wrappedComponents.set(WrappedComponent as React.ComponentType<never>, true)\n\n  const result = composed as unknown as React.ForwardRefExoticComponent<\n    LayoutProps<React.ComponentProps<T>> & React.RefAttributes<unknown>\n  > &\n    StaticComponentProperties<T>\n\n  Object.getOwnPropertyNames(WrappedComponent).forEach(key => {\n    if (!(key in result) && key !== 'arguments' && key !== 'caller' && key !== 'length' && key !== 'name') {\n      ;(result as any)[key] = (WrappedComponent as any)[key]\n    }\n  })\n\n  return result\n}\n"],
-  "mappings": "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",
-  "names": ["Styles_exports", "__export", "getStylesProps", "useStyles", "withLayout", "__toCommonJS", "import_jsx_runtime", "import_react", "import_simpleHash", "import_getKeyPropsString", "import_grid", "import_container", "import_ErrorBoundary", "colContentClasses", "colContentClassesTablet", "generateUID", "props", "keyString", "getKeyPropsString", "style", "uid", "disabled", "containerClassName", "Styles", "styleProps", "data", "StyleComponent", "getGridItemClassName", "container", "desktopSpan", "mobileSpan", "mobileClasses", "desktopClasses", "styleToString", "key", "value", "mergeStyles", "a", "b", "s", "withContainerLayout", "WrappedComponent", "defaultContainerClassName", "Wrapped", "React", "ref", "className", "componentProps", "mergedContainerClassName", "withStyleInjection", "defaultStyleProps", "propsStyleProps", "mergedStyle", "finalStyleProps", "idx", "_s", "_u", "_d", "ownClassName", "rest", "withErrorBoundary", "ErrorBoundary", "wrappedComponents", "defaultLayoutProps", "composed", "result"]
-}

package/dist/cjs/shared/getKeyPropsString.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/shared/getKeyPropsString.ts"],
-  "sourcesContent": ["/**\n * \u9009\u53D6\u5173\u952E props \u751F\u6210 key \u5B57\u7B26\u4E32\n */\nexport default function getKeyPropsString(props: Record<string, any>): string {\n  const keys = ['style', 'className', 'id', 'name', 'type', 'data']\n  return keys\n    .map(k => {\n      if (k === 'data' && typeof props[k] === 'object' && props[k] !== null) {\n        try {\n          return JSON.stringify(props[k])\n        } catch {\n          return ''\n        }\n      }\n      return props[k] !== undefined ? String(props[k]) : ''\n    })\n    .join('|')\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAGe,SAARE,EAAmCE,EAAoC,CAE5E,MADa,CAAC,QAAS,YAAa,KAAM,OAAQ,OAAQ,MAAM,EAE7D,IAAIC,GAAK,CACR,GAAIA,IAAM,QAAU,OAAOD,EAAMC,CAAC,GAAM,UAAYD,EAAMC,CAAC,IAAM,KAC/D,GAAI,CACF,OAAO,KAAK,UAAUD,EAAMC,CAAC,CAAC,CAChC,MAAQ,CACN,MAAO,EACT,CAEF,OAAOD,EAAMC,CAAC,IAAM,OAAY,OAAOD,EAAMC,CAAC,CAAC,EAAI,EACrD,CAAC,EACA,KAAK,GAAG,CACb",
-  "names": ["getKeyPropsString_exports", "__export", "getKeyPropsString", "__toCommonJS", "props", "k"]
-}

package/dist/cjs/shared/mimeType.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/shared/mimeType.ts"],
-  "sourcesContent": ["export const isVideo = (mimeType: string = '') => mimeType?.startsWith('video/')\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAO,MAAME,EAAU,CAACE,EAAmB,KAAOA,GAAU,WAAW,QAAQ",
-  "names": ["mimeType_exports", "__export", "isVideo", "__toCommonJS", "mimeType"]
-}

package/dist/cjs/shared/simpleHash.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/shared/simpleHash.ts"],
-  "sourcesContent": ["export function simpleHash(str: string): string {\n  let hash = 5381\n  for (let i = 0; i < str.length; i++) {\n    hash = (hash << 5) + hash + str.charCodeAt(i)\n  }\n  return Math.abs(hash).toString(36)\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAO,SAASE,EAAWE,EAAqB,CAC9C,IAAIC,EAAO,KACX,QAASC,EAAI,EAAGA,EAAIF,EAAI,OAAQE,IAC9BD,GAAQA,GAAQ,GAAKA,EAAOD,EAAI,WAAWE,CAAC,EAE9C,OAAO,KAAK,IAAID,CAAI,EAAE,SAAS,EAAE,CACnC",
-  "names": ["simpleHash_exports", "__export", "simpleHash", "__toCommonJS", "str", "hash", "i"]
-}

package/dist/cjs/shared/throttle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/shared/throttle.ts"],
-  "sourcesContent": ["export default function throttle<T extends (...args: any[]) => any>(\n  fn: T,\n  delay: number\n): (...args: Parameters<T>) => void {\n  let timer: ReturnType<typeof setTimeout> | null = null\n\n  return function (this: ThisParameterType<T>, ...args: Parameters<T>) {\n    if (timer) return\n\n    timer = setTimeout(() => {\n      fn.apply(this, args)\n      timer = null\n    }, delay)\n  }\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAe,SAARE,EACLE,EACAC,EACkC,CAClC,IAAIC,EAA8C,KAElD,OAAO,YAAyCC,EAAqB,CAC/DD,IAEJA,EAAQ,WAAW,IAAM,CACvBF,EAAG,MAAM,KAAMG,CAAI,EACnBD,EAAQ,IACV,EAAGD,CAAK,EACV,CACF",
-  "names": ["throttle_exports", "__export", "throttle", "__toCommonJS", "fn", "delay", "timer", "args"]
-}

package/dist/cjs/shared/track.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/shared/track.ts"],
-  "sourcesContent": ["export const gaTrack = (data: any) => {\n  if (typeof window === 'undefined') {\n    return ''\n  }\n  ;(window as any).dataLayer = (window as any).dataLayer || []\n  try {\n    ;(window as any).dataLayer?.push({ event_parameters: null })\n    ;(window as any).dataLayer?.push(data || {})\n  } catch (error) {\n    console.log('pageGTMEvent error', error)\n  }\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAO,MAAME,EAAWE,GAAc,CACpC,GAAI,OAAO,OAAW,IACpB,MAAO,GAEP,OAAe,UAAa,OAAe,WAAa,CAAC,EAC3D,GAAI,CACA,OAAe,WAAW,KAAK,CAAE,iBAAkB,IAAK,CAAC,EACzD,OAAe,WAAW,KAAKA,GAAQ,CAAC,CAAC,CAC7C,OAASC,EAAO,CACd,QAAQ,IAAI,qBAAsBA,CAAK,CACzC,CACF",
-  "names": ["track_exports", "__export", "gaTrack", "__toCommonJS", "data", "error"]
-}

package/dist/cjs/shared/trackUrlRef.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/shared/trackUrlRef.ts"],
-  "sourcesContent": ["/**\n * \u7ED9 url \u6216 path \u6DFB\u52A0 ref \u53C2\u6570\n * @param url \u539F\u59CB url \u6216 path\n * @param refValue ref \u53C2\u6570\u7684\u503C\n * @returns \u6DFB\u52A0\u4E86 ref \u53C2\u6570\u7684\u65B0 url\n */\nexport const trackUrlRef = (url: string = '', refValue: string = ''): string => {\n  try {\n    // \u5904\u7406\u951A\u70B9\n    if (url?.startsWith('#')) return url\n    // \u5386\u53F2\u57CB\u70B9\u95EE\u9898\u5904\u7406\uFF0C\u53BB\u6389pageHandle \u7684\u524D\u7F00\n    refValue = refValue.replace(/Activity Page_/g, '')\n    // \u5224\u65AD\u662F\u5426\u4E3A\u7EDD\u5BF9 URL\n    const hasOrigin = /^https?:\\/\\//.test(url)\n    if (hasOrigin) {\n      const u = new URL(url)\n      // \u5982\u679C\u5DF2\u6709 ref \u53C2\u6570\uFF0C\u8DF3\u8FC7\u8986\u76D6\n      if (u.searchParams.has('ref')) {\n        return url\n      }\n      u.searchParams.set('ref', refValue)\n      return u.toString()\n    } else {\n      const [pathWithQuery, hash = ''] = url.split('#')\n      const [path, query = ''] = pathWithQuery.split('?')\n      const params = new URLSearchParams(query)\n      // \u5982\u679C\u5DF2\u6709 ref \u53C2\u6570\uFF0C\u8DF3\u8FC7\u8986\u76D6\n      if (params.has('ref')) {\n        return url\n      }\n      params.set('ref', refValue)\n      const queryString = params.toString() ? `?${params.toString()}` : ''\n      const hashString = hash ? `#${hash}` : ''\n      return `${path}${queryString}${hashString}`\n    }\n  } catch (e) {\n    // \u5982\u679C\u5DF2\u6709 ref \u53C2\u6570\uFF0C\u8DF3\u8FC7\u8986\u76D6\n    if (/[?&]ref=/.test(url)) {\n      return url\n    }\n    if (url?.includes('?')) {\n      return url + '&ref=' + encodeURIComponent(refValue)\n    }\n    return url + '?ref=' + encodeURIComponent(refValue)\n  }\n}\n\n/**\n * \u6784\u9020\u6807\u51C6\u5316 ref \u8FFD\u8E2A\u5B57\u7B26\u4E32\n * \u683C\u5F0F: `${pageHandle}_${componentType}_${componentName}`\n * @param pageHandle \u9875\u9762\u6807\u8BC6\uFF0C\u5982 'soundcore-lottery'\n * @param componentType \u7EC4\u4EF6\u7C7B\u578B\uFF0C\u5982 'copy'\n * @param componentName \u7EC4\u4EF6\u540D\u79F0\uFF0C\u5982 'lottery_banner'\n * @returns \u62FC\u63A5\u540E\u7684 ref \u5B57\u7B26\u4E32\uFF0C\u5982 'soundcore-lottery_copy_lottery_banner'\n */\nexport const buildTrackingRef = (pageHandle: string, componentType: string, componentName: string): string => {\n  return `${pageHandle}_${componentType}_${componentName}`\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,EAAA,gBAAAC,IAAA,eAAAC,EAAAJ,GAMO,MAAMG,EAAc,CAACE,EAAc,GAAIC,EAAmB,KAAe,CAC9E,GAAI,CAEF,GAAID,GAAK,WAAW,GAAG,EAAG,OAAOA,EAKjC,GAHAC,EAAWA,EAAS,QAAQ,kBAAmB,EAAE,EAE/B,eAAe,KAAKD,CAAG,EAC1B,CACb,MAAME,EAAI,IAAI,IAAIF,CAAG,EAErB,OAAIE,EAAE,aAAa,IAAI,KAAK,EACnBF,GAETE,EAAE,aAAa,IAAI,MAAOD,CAAQ,EAC3BC,EAAE,SAAS,EACpB,KAAO,CACL,KAAM,CAACC,EAAeC,EAAO,EAAE,EAAIJ,EAAI,MAAM,GAAG,EAC1C,CAACK,EAAMC,EAAQ,EAAE,EAAIH,EAAc,MAAM,GAAG,EAC5CI,EAAS,IAAI,gBAAgBD,CAAK,EAExC,GAAIC,EAAO,IAAI,KAAK,EAClB,OAAOP,EAETO,EAAO,IAAI,MAAON,CAAQ,EAC1B,MAAMO,EAAcD,EAAO,SAAS,EAAI,IAAIA,EAAO,SAAS,CAAC,GAAK,GAC5DE,EAAaL,EAAO,IAAIA,CAAI,GAAK,GACvC,MAAO,GAAGC,CAAI,GAAGG,CAAW,GAAGC,CAAU,EAC3C,CACF,MAAY,CAEV,MAAI,WAAW,KAAKT,CAAG,EACdA,EAELA,GAAK,SAAS,GAAG,EACZA,EAAM,QAAU,mBAAmBC,CAAQ,EAE7CD,EAAM,QAAU,mBAAmBC,CAAQ,CACpD,CACF,EAUaJ,EAAmB,CAACa,EAAoBC,EAAuBC,IACnE,GAAGF,CAAU,IAAIC,CAAa,IAAIC,CAAa",
-  "names": ["trackUrlRef_exports", "__export", "buildTrackingRef", "trackUrlRef", "__toCommonJS", "url", "refValue", "u", "pathWithQuery", "hash", "path", "query", "params", "queryString", "hashString", "pageHandle", "componentType", "componentName"]
-}

package/dist/cjs/stories/ClassNamesVisualizer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/stories/ClassNamesVisualizer.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../helpers/index.js'\n\nexport interface ClassNameItem {\n  name: string\n  description: string\n  note?: string\n}\n\nexport const HIGHLIGHT_CLASS =\n  'outline outline-2 outline-offset-1 outline-yellow-400 bg-yellow-300/20 transition-all duration-150'\n\nexport interface ClassNamesVisualizerProps {\n  title: string\n  items: ClassNameItem[]\n  renderPreview: (highlightedName: string | null, selectedName: string | null) => React.ReactNode\n  previewClassName?: string\n  tableClassName?: string\n}\n\nconst ClassNamesVisualizer: React.FC<ClassNamesVisualizerProps> = ({\n  title,\n  items,\n  renderPreview,\n  previewClassName,\n  tableClassName,\n}) => {\n  const [highlighted, setHighlighted] = React.useState<string | null>(null)\n  const [selected, setSelected] = React.useState<string | null>(null)\n\n  const handleClick = (name: string) => {\n    setSelected(prev => (prev === name ? null : name))\n  }\n\n  const activeItem = selected ?? highlighted\n\n  return (\n    <div className=\"font-sans antialiased\">\n      <div className=\"mb-4 flex items-center gap-3\">\n        <div className=\"bg-brand-0 h-5 w-1 rounded-full\" />\n        <h2 className=\"text-info-primary text-lg font-semibold\">\n          {title} \u2014 <span className=\"text-info-secondary font-normal\">classNames Visualizer</span>\n        </h2>\n      </div>\n\n      <p className=\"text-info-tertiary mb-6 text-sm\">\u60AC\u505C\u884C\u9AD8\u4EAE\u5BF9\u5E94\u533A\u57DF\uFF1B\u70B9\u51FB\u884C\u89E6\u53D1\u5F39\u7A97\uFF08\u518D\u6B21\u70B9\u51FB\u5173\u95ED\uFF09\u3002</p>\n\n      <div className=\"flex min-h-[400px] gap-6\">\n        <div\n          className={cn(\n            'w-[320px] shrink-0 self-start',\n            'border-lines-primary overflow-hidden rounded-lg border',\n            tableClassName\n          )}\n        >\n          <div className=\"bg-container-secondary-0 border-lines-primary border-b px-4 py-2.5\">\n            <span className=\"text-info-secondary text-xs font-semibold uppercase tracking-wider\">\n              className key / \u63CF\u8FF0\n            </span>\n          </div>\n\n          <div className=\"divide-lines-primary divide-y\">\n            {items.map(item => {\n              const isHovered = highlighted === item.name\n              const isSelected = selected === item.name\n              return (\n                <div\n                  key={item.name}\n                  className={cn(\n                    'group flex cursor-pointer flex-col gap-1 px-4 py-3 transition-colors',\n                    isSelected\n                      ? 'bg-yellow-100 dark:bg-yellow-900/30'\n                      : isHovered\n                        ? 'bg-yellow-50 dark:bg-yellow-900/20'\n                        : 'hover:bg-container-secondary-0'\n                  )}\n                  onMouseEnter={() => setHighlighted(item.name)}\n                  onMouseLeave={() => setHighlighted(null)}\n                  onClick={() => handleClick(item.name)}\n                >\n                  <div className=\"flex items-center gap-1.5\">\n                    <code\n                      className={cn(\n                        'self-start rounded px-1.5 py-0.5 font-mono text-xs transition-colors',\n                        isSelected || isHovered\n                          ? 'bg-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:text-yellow-100'\n                          : 'bg-container-secondary-0 text-info-primary group-hover:bg-yellow-100'\n                      )}\n                    >\n                      {item.name}\n                    </code>\n                    {isSelected && (\n                      <span className=\"text-[10px] font-medium text-yellow-700 dark:text-yellow-300\">\u25CF \u5DF2\u9009\u4E2D</span>\n                    )}\n                  </div>\n\n                  <p className=\"text-info-secondary break-words text-xs leading-relaxed\">{item.description}</p>\n\n                  {item.note && (\n                    <span className=\"text-info-tertiary break-words text-[11px] leading-relaxed\">{item.note}</span>\n                  )}\n                </div>\n              )\n            })}\n          </div>\n\n          <div className=\"bg-container-secondary-0 border-lines-primary border-t px-4 py-2\">\n            <p className=\"text-info-tertiary text-[11px]\">\n              {selected ? (\n                <>\n                  \u5DF2\u9009\u4E2D\uFF1A\n                  <code className=\"text-info-primary ml-1 font-mono text-[11px]\">{selected}</code>\n                  <span className=\"ml-1 text-yellow-600\">\uFF08\u518D\u6B21\u70B9\u51FB\u53D6\u6D88\uFF09</span>\n                </>\n              ) : highlighted ? (\n                <>\n                  \u60AC\u505C\u4E2D\uFF1A\n                  <code className=\"text-info-primary ml-1 font-mono text-[11px]\">{highlighted}</code>\n                </>\n              ) : (\n                '\u60AC\u505C\u9AD8\u4EAE \u00B7 \u70B9\u51FB\u89E6\u53D1\u5F39\u7A97'\n              )}\n            </p>\n          </div>\n        </div>\n\n        <div className={cn('min-w-0 flex-1', previewClassName)}>\n          <div className=\"border-lines-primary mb-2 flex items-center gap-2 rounded-t-lg border border-b-0 px-3 py-2\">\n            <div className=\"flex gap-1.5\">\n              <div className=\"size-3 rounded-full bg-red-400\" />\n              <div className=\"size-3 rounded-full bg-yellow-400\" />\n              <div className=\"size-3 rounded-full bg-green-400\" />\n            </div>\n            <span className=\"text-info-tertiary text-xs\">Component Preview</span>\n            {activeItem && (\n              <span className=\"ml-auto flex items-center gap-1\">\n                <span className=\"inline-block size-2 animate-pulse rounded-full bg-yellow-400\" />\n                <code className=\"text-info-secondary font-mono text-[11px]\">{activeItem}</code>\n                <span className=\"text-info-tertiary text-[11px]\">{selected ? '\u5DF2\u9009\u4E2D' : '\u60AC\u505C\u4E2D'}</span>\n              </span>\n            )}\n          </div>\n\n          <div className=\"border-lines-primary overflow-hidden rounded-b-lg border\">\n            {renderPreview(highlighted, selected)}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nClassNamesVisualizer.displayName = 'ClassNamesVisualizer'\n\nexport default ClassNamesVisualizer\nexport { ClassNamesVisualizer }\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0BAAAE,EAAA,oBAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GAyCQ,IAAAM,EAAA,6BAvCRC,EAAuB,oBACvBC,EAAmB,+BAQZ,MAAML,EACX,qGAUID,EAA4D,CAAC,CACjE,MAAAO,EACA,MAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,eAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAaC,CAAc,EAAIR,EAAM,SAAwB,IAAI,EAClE,CAACS,EAAUC,CAAW,EAAIV,EAAM,SAAwB,IAAI,EAE5DW,EAAeC,GAAiB,CACpCF,EAAYG,GAASA,IAASD,EAAO,KAAOA,CAAK,CACnD,EAEME,EAAaL,GAAYF,EAE/B,SACE,QAAC,OAAI,UAAU,wBACb,qBAAC,OAAI,UAAU,+BACb,oBAAC,OAAI,UAAU,kCAAkC,KACjD,QAAC,MAAG,UAAU,0CACX,UAAAL,EAAM,cAAG,OAAC,QAAK,UAAU,kCAAkC,iCAAqB,GACnF,GACF,KAEA,OAAC,KAAE,UAAU,kCAAkC,wKAA0B,KAEzE,QAAC,OAAI,UAAU,2BACb,qBAAC,OACC,aAAW,MACT,gCACA,yDACAI,CACF,EAEA,oBAAC,OAAI,UAAU,qEACb,mBAAC,QAAK,UAAU,qEAAqE,wCAErF,EACF,KAEA,OAAC,OAAI,UAAU,gCACZ,SAAAH,EAAM,IAAIY,GAAQ,CACjB,MAAMC,EAAYT,IAAgBQ,EAAK,KACjCE,EAAaR,IAAaM,EAAK,KACrC,SACE,QAAC,OAEC,aAAW,MACT,uEACAE,EACI,sCACAD,EACE,qCACA,gCACR,EACA,aAAc,IAAMR,EAAeO,EAAK,IAAI,EAC5C,aAAc,IAAMP,EAAe,IAAI,EACvC,QAAS,IAAMG,EAAYI,EAAK,IAAI,EAEpC,qBAAC,OAAI,UAAU,4BACb,oBAAC,QACC,aAAW,MACT,uEACAE,GAAcD,EACV,wEACA,sEACN,EAEC,SAAAD,EAAK,KACR,EACCE,MACC,OAAC,QAAK,UAAU,+DAA+D,qCAAK,GAExF,KAEA,OAAC,KAAE,UAAU,0DAA2D,SAAAF,EAAK,YAAY,EAExFA,EAAK,SACJ,OAAC,QAAK,UAAU,6DAA8D,SAAAA,EAAK,KAAK,IAhCrFA,EAAK,IAkCZ,CAEJ,CAAC,EACH,KAEA,OAAC,OAAI,UAAU,mEACb,mBAAC,KAAE,UAAU,iCACV,SAAAN,KACC,oBAAE,wCAEA,OAAC,QAAK,UAAU,+CAAgD,SAAAA,EAAS,KACzE,OAAC,QAAK,UAAU,uBAAuB,4DAAQ,GACjD,EACEF,KACF,oBAAE,wCAEA,OAAC,QAAK,UAAU,+CAAgD,SAAAA,EAAY,GAC9E,EAEA,qEAEJ,EACF,GACF,KAEA,QAAC,OAAI,aAAW,MAAG,iBAAkBF,CAAgB,EACnD,qBAAC,OAAI,UAAU,6FACb,qBAAC,OAAI,UAAU,eACb,oBAAC,OAAI,UAAU,iCAAiC,KAChD,OAAC,OAAI,UAAU,oCAAoC,KACnD,OAAC,OAAI,UAAU,mCAAmC,GACpD,KACA,OAAC,QAAK,UAAU,6BAA6B,6BAAiB,EAC7DS,MACC,QAAC,QAAK,UAAU,kCACd,oBAAC,QAAK,UAAU,+DAA+D,KAC/E,OAAC,QAAK,UAAU,4CAA6C,SAAAA,EAAW,KACxE,OAAC,QAAK,UAAU,iCAAkC,SAAAL,EAAW,qBAAQ,qBAAM,GAC7E,GAEJ,KAEA,OAAC,OAAI,UAAU,2DACZ,SAAAL,EAAcG,EAAaE,CAAQ,EACtC,GACF,GACF,GACF,CAEJ,EAEAd,EAAqB,YAAc,uBAEnC,IAAOE,EAAQF",
-  "names": ["ClassNamesVisualizer_exports", "__export", "ClassNamesVisualizer", "HIGHLIGHT_CLASS", "ClassNamesVisualizer_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "title", "items", "renderPreview", "previewClassName", "tableClassName", "highlighted", "setHighlighted", "selected", "setSelected", "handleClick", "name", "prev", "activeItem", "item", "isHovered", "isSelected"]
-}

package/dist/cjs/stories/decorators/dataPropsDecorator.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/stories/decorators/dataPropsDecorator.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Decorator } from '@storybook/react'\n\n/**\n * Storybook Decorator: \u5904\u7406\u5D4C\u5957\u7684 data.* argTypes\uFF0C\u786E\u4FDD\u63A7\u4EF6\u4FEE\u6539\u80FD\u89E6\u53D1\u7EC4\u4EF6\u66F4\u65B0\n *\n * \u7528\u4E8E\u89E3\u51B3\u4F7F\u7528 data prop \u7684\u7EC4\u4EF6\u5728 Storybook \u4E2D\u63A7\u4EF6\u4E0D\u54CD\u5E94\u7684\u95EE\u9898\u3002\n * \u652F\u6301\u5728 Storybook \u63A7\u4EF6\u9762\u677F\u4E2D\u4FDD\u6301 'data.title' \u683C\u5F0F\u663E\u793A\u3002\n *\n * @example\n * ```tsx\n * import { createDataPropsDecorator } from '../decorators/dataPropsDecorator'\n *\n * const meta: Meta<typeof MyComponent> = {\n *   component: MyComponent,\n *   decorators: [createDataPropsDecorator()],\n *   argTypes: {\n *     // \u4FDD\u6301\u5D4C\u5957\u683C\u5F0F\uFF0C\u5728\u63A7\u4EF6\u9762\u677F\u663E\u793A\u4E3A data.title\n *     'data.title': { control: 'text' },\n *     'data.theme': { control: 'select', options: ['light', 'dark'] },\n *   },\n * }\n * ```\n *\n * @param topLevelProps - \u9700\u8981\u4FDD\u6301\u5728\u9876\u5C42\u7684\u5B57\u6BB5\u540D\u6570\u7EC4\uFF08\u9ED8\u8BA4\u5305\u542B className, classNames, \u548C\u6240\u6709 on* \u4E8B\u4EF6\u5904\u7406\u5668\uFF09\n * @returns Storybook Decorator\n */\n/**\n * \u8F85\u52A9\u51FD\u6570\uFF1A\u5C06\u8DEF\u5F84\u5B57\u7B26\u4E32\u8F6C\u6362\u4E3A\u5D4C\u5957\u5BF9\u8C61\n * @example setNestedValue({}, 'primaryButton.text', 'Shop Now')\n * // => { primaryButton: { text: 'Shop Now' } }\n */\nfunction setNestedValue(obj: Record<string, any>, path: string, value: any): void {\n  const keys = path.split('.')\n  let current = obj\n\n  for (let i = 0; i < keys.length - 1; i++) {\n    const key = keys[i]\n    if (!current[key] || typeof current[key] !== 'object') {\n      current[key] = {}\n    }\n    current = current[key]\n  }\n\n  current[keys[keys.length - 1]] = value\n}\n\nexport function createDataPropsDecorator(topLevelProps: string[] = []): Decorator {\n  // \u9ED8\u8BA4\u4FDD\u6301\u5728\u9876\u5C42\u7684\u5B57\u6BB5\n  const defaultTopLevelProps = ['className', 'classNames', 'style', 'ref', 'key', 'children']\n\n  const allTopLevelProps = [...defaultTopLevelProps, ...topLevelProps]\n\n  const DataPropsDecorator: Decorator = (Story, context) => {\n    const { args } = context\n\n    // \u5206\u79BB\u9876\u5C42 props \u548C data props\n    const topProps: Record<string, any> = {}\n    const dataProps: Record<string, any> = {}\n\n    Object.keys(args).forEach(key => {\n      // \u5904\u7406\u5D4C\u5957\u7684 'data.xxx' \u683C\u5F0F\uFF08\u53EF\u80FD\u662F\u591A\u5C42\u5D4C\u5957\uFF0C\u5982 data.primaryButton.text\uFF09\n      if (key.startsWith('data.')) {\n        const nestedPath = key.substring(5) // \u79FB\u9664 'data.' \u524D\u7F00\n        setNestedValue(dataProps, nestedPath, args[key])\n      }\n      // \u4E8B\u4EF6\u5904\u7406\u5668\uFF08on* \u5F00\u5934\uFF09\u4FDD\u6301\u5728\u9876\u5C42\n      else if (key.startsWith('on') && typeof args[key] === 'function') {\n        topProps[key] = args[key]\n      }\n      // \u660E\u786E\u6307\u5B9A\u7684\u9876\u5C42\u5B57\u6BB5\n      else if (allTopLevelProps.includes(key)) {\n        topProps[key] = args[key]\n      }\n      // \u5982\u679C\u5DF2\u7ECF\u6709\u5B8C\u6574\u7684 data \u5BF9\u8C61\uFF08\u6765\u81EA Story args\uFF09\uFF0C\u4FDD\u7559\u5B83\n      else if (key === 'data' && typeof args[key] === 'object') {\n        // \u7A0D\u540E\u5904\u7406\n      }\n      // \u5176\u4ED6\u5B57\u6BB5\u4E5F\u653E\u5165\u9876\u5C42\uFF08\u5982\u81EA\u5B9A\u4E49\u4E8B\u4EF6\uFF09\n      else {\n        topProps[key] = args[key]\n      }\n    })\n\n    // \u6DF1\u5EA6\u5408\u5E76 data \u5BF9\u8C61\n    // \u4F7F\u7528\u9012\u5F52\u5408\u5E76\u786E\u4FDD\u5D4C\u5957\u5BF9\u8C61\u6B63\u786E\u5408\u5E76\n    function deepMerge(target: any, source: any): any {\n      const output = { ...target }\n      if (isObject(target) && isObject(source)) {\n        Object.keys(source).forEach(key => {\n          if (isObject(source[key])) {\n            if (!(key in target)) {\n              output[key] = source[key]\n            } else {\n              output[key] = deepMerge(target[key], source[key])\n            }\n          } else {\n            output[key] = source[key]\n          }\n        })\n      }\n      return output\n    }\n\n    function isObject(item: any): boolean {\n      return item && typeof item === 'object' && !Array.isArray(item)\n    }\n\n    // \u5408\u5E76 data: \u4F18\u5148\u4F7F\u7528\u4ECE 'data.xxx' \u89E3\u6790\u7684\u503C\uFF0C\u7136\u540E\u662F\u539F\u59CB data \u5BF9\u8C61\n    const finalData = deepMerge(args.data || {}, dataProps)\n\n    // \u5173\u952E\uFF1A\u6BCF\u6B21\u90FD\u521B\u5EFA\u65B0\u7684 data \u5BF9\u8C61\uFF0C\u786E\u4FDD React \u68C0\u6D4B\u5230\u53D8\u5316\n    return <Story args={{ ...topProps, data: { ...finalData } }} />\n  }\n\n  // \u8BBE\u7F6E displayName \u4EE5\u6EE1\u8DB3 ESLint react/display-name \u89C4\u5219\n  ;(DataPropsDecorator as any).displayName = 'DataPropsDecorator'\n  return DataPropsDecorator\n}\n\n/**\n * \u9884\u8BBE\u7684 Decorator \u914D\u7F6E\n */\nexport const commonDataPropsDecorator = createDataPropsDecorator()\n\n/**\n * \u5E26\u81EA\u5B9A\u4E49\u9876\u5C42\u5B57\u6BB5\u7684 Decorator \u751F\u6210\u5668\n *\n * @example\n * ```tsx\n * // \u5C06 visible, loading \u4E5F\u4FDD\u6301\u5728\u9876\u5C42\n * decorators: [createDataPropsDecorator(['visible', 'loading'])]\n * ```\n */\nexport { createDataPropsDecorator as default }\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,8BAAAE,EAAA,6BAAAC,EAAA,YAAAA,IAAA,eAAAC,EAAAJ,GAgHW,IAAAK,EAAA,6BAhHXC,EAAkB,iBAgClB,SAASC,EAAeC,EAA0BC,EAAcC,EAAkB,CAChF,MAAMC,EAAOF,EAAK,MAAM,GAAG,EAC3B,IAAIG,EAAUJ,EAEd,QAASK,EAAI,EAAGA,EAAIF,EAAK,OAAS,EAAGE,IAAK,CACxC,MAAMC,EAAMH,EAAKE,CAAC,GACd,CAACD,EAAQE,CAAG,GAAK,OAAOF,EAAQE,CAAG,GAAM,YAC3CF,EAAQE,CAAG,EAAI,CAAC,GAElBF,EAAUA,EAAQE,CAAG,CACvB,CAEAF,EAAQD,EAAKA,EAAK,OAAS,CAAC,CAAC,EAAID,CACnC,CAEO,SAASP,EAAyBY,EAA0B,CAAC,EAAc,CAIhF,MAAMC,EAAmB,CAAC,GAFG,CAAC,YAAa,aAAc,QAAS,MAAO,MAAO,UAAU,EAEvC,GAAGD,CAAa,EAE7DE,EAAgC,CAACC,EAAOC,IAAY,CACxD,KAAM,CAAE,KAAAC,CAAK,EAAID,EAGXE,EAAgC,CAAC,EACjCC,EAAiC,CAAC,EAExC,OAAO,KAAKF,CAAI,EAAE,QAAQN,GAAO,CAE/B,GAAIA,EAAI,WAAW,OAAO,EAAG,CAC3B,MAAMS,EAAaT,EAAI,UAAU,CAAC,EAClCP,EAAee,EAAWC,EAAYH,EAAKN,CAAG,CAAC,CACjD,MAESA,EAAI,WAAW,IAAI,GAAK,OAAOM,EAAKN,CAAG,GAAM,YAI7CE,EAAiB,SAASF,CAAG,EAHpCO,EAASP,CAAG,EAAIM,EAAKN,CAAG,EAOjBA,IAAQ,QAAU,OAAOM,EAAKN,CAAG,GAAM,WAK9CO,EAASP,CAAG,EAAIM,EAAKN,CAAG,EAE5B,CAAC,EAID,SAASU,EAAUC,EAAaC,EAAkB,CAChD,MAAMC,EAAS,CAAE,GAAGF,CAAO,EAC3B,OAAIG,EAASH,CAAM,GAAKG,EAASF,CAAM,GACrC,OAAO,KAAKA,CAAM,EAAE,QAAQZ,GAAO,CAC7Bc,EAASF,EAAOZ,CAAG,CAAC,GAChBA,KAAOW,EAGXE,EAAOb,CAAG,EAAIU,EAAUC,EAAOX,CAAG,EAAGY,EAAOZ,CAAG,CAAC,EAGlDa,EAAOb,CAAG,EAAIY,EAAOZ,CAAG,CAE5B,CAAC,EAEIa,CACT,CAEA,SAASC,EAASC,EAAoB,CACpC,OAAOA,GAAQ,OAAOA,GAAS,UAAY,CAAC,MAAM,QAAQA,CAAI,CAChE,CAGA,MAAMC,EAAYN,EAAUJ,EAAK,MAAQ,CAAC,EAAGE,CAAS,EAGtD,SAAO,OAACJ,EAAA,CAAM,KAAM,CAAE,GAAGG,EAAU,KAAM,CAAE,GAAGS,CAAU,CAAE,EAAG,CAC/D,EAGC,OAACb,EAA2B,YAAc,qBACpCA,CACT,CAKO,MAAMf,EAA2BC,EAAyB",
-  "names": ["dataPropsDecorator_exports", "__export", "commonDataPropsDecorator", "createDataPropsDecorator", "__toCommonJS", "import_jsx_runtime", "import_react", "setNestedValue", "obj", "path", "value", "keys", "current", "i", "key", "topLevelProps", "allTopLevelProps", "DataPropsDecorator", "Story", "context", "args", "topProps", "dataProps", "nestedPath", "deepMerge", "target", "source", "output", "isObject", "item", "finalData"]
-}

package/dist/cjs/types/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/props.ts"],
-  "sourcesContent": ["export interface ComponentCommonProps {\n  event?: any\n  className?: string\n  id?: string\n  key?: string\n}\n\nexport type ContainerProps = {\n  containerMode?: Mode\n  spaceY?: SpaceY\n  spaceTop?: SpaceTop\n  spaceBottom?: SpaceBottom\n}\n\nexport type Mode = 'section' | 'fragment'\n\nexport type SpaceY = 'default' | 'none' | string\nexport type SpaceTop = 'default' | 'none' | string\nexport type SpaceBottom = 'default' | 'none' | string\n\nexport type Img = {\n  url: string\n  alt?: string\n}\n\nexport type Video = {\n  url: string\n}\n\nexport type Theme = 'light' | 'dark'\nexport type Shape = 'rounded' | 'square'\nexport type Align = 'left' | 'center' | 'right'\n\nexport type Media = {\n  id?: string\n  alt: string\n  url: string\n  thumbnailURL?: string\n  mimeType?: 'video/mp4' | 'image/jpeg' | 'image/png' | 'image/webp' | 'image/svg+xml'\n  width?: number\n  height?: number\n  focalX?: number\n  focalY?: number\n}\n\n/**\n * \u54CD\u5E94\u5F0F\u5A92\u4F53\u8D44\u6E90\u7C7B\u578B\n * \u652F\u6301\u4E0D\u540C\u65AD\u70B9\u4E0B\u52A0\u8F7D\u4E0D\u540C\u5C3A\u5BF8\u7684\u5A92\u4F53\u6587\u4EF6\n */\nexport type ResponsiveMedia = {\n  /** PC \u7AEF\u5A92\u4F53\uFF08\u22651440px\uFF09 */\n  pc?: Media\n  /** \u684C\u9762  */\n  desktop?: Media\n  /** \u684C\u9762 */\n  laptop?: Media\n  /** \u5E73\u677F\u7AEF\u5A92\u4F53\uFF08\u2265768px\uFF09 */\n  pad?: Media\n  /** \u79FB\u52A8\u7AEF\u5A92\u4F53\uFF08<768px\uFF09 */\n  mobile?: Media\n}\n\nexport type GSAPContext = {\n  gsap?: any\n  ScrollTrigger?: any\n  SplitText?: any\n}\n\nexport type CurrencyDisplayType = Intl.NumberFormatOptions['currencyDisplay']\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["props_exports", "__toCommonJS"]
-}

package/dist/esm/biz-components/AccessoriesShelf/components/AccessoriesProductGrid/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/AccessoriesProductGrid/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../../../helpers/index.js'\n\nexport interface ProductGridProps {\n  children: React.ReactNode\n  maxVisible?: number\n  showMoreText?: string\n  showLessText?: string\n  animated?: boolean\n  className?: string\n}\n\nconst DownIcon = ({ className }: { className?: string }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n    >\n      <path\n        d=\"M17.2929 8.29302C17.6834 7.90249 18.3164 7.90249 18.707 8.29302C19.0975 8.68354 19.0975 9.31655 18.707 9.70708L12.707 15.7071C12.3164 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70708C4.90237 9.31655 4.90237 8.68354 5.29289 8.29302C5.68342 7.90249 6.31643 7.90249 6.70696 8.29302L11.9999 13.586L17.2929 8.29302Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nconst AccessoriesProductGrid = React.forwardRef<HTMLDivElement, ProductGridProps>(\n  (\n    { children, maxVisible = 8, showMoreText = 'Show more', showLessText = 'Show less', animated = true, className },\n    ref\n  ) => {\n    const [expanded, setExpanded] = React.useState(false)\n    const items = React.Children.toArray(children)\n    const hasMore = items.length > maxVisible\n    const visibleItems = hasMore && !expanded ? items.slice(0, maxVisible) : items\n\n    return (\n      <div ref={ref} className={cn('flex flex-col gap-6', className)}>\n        <div\n          className={cn(\n            'tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4 grid grid-cols-1 gap-4',\n            animated && 'transition-all duration-500 ease-in-out'\n          )}\n        >\n          {visibleItems}\n        </div>\n        {hasMore && (\n          <div className=\"hover:text-brand-0 text-info-primary flex items-center justify-center\">\n            <button className=\"laptop:text-base text-sm font-bold\" onClick={() => setExpanded(prev => !prev)}>\n              {expanded ? showLessText : showMoreText}\n            </button>\n            <DownIcon className={cn('laptop:size-5 size-4', expanded && 'rotate-180')} />\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nAccessoriesProductGrid.displayName = 'AccessoriesProductGrid'\n\nexport default AccessoriesProductGrid\n"],
-  "mappings": "aAwBM,cAAAA,EA6BI,QAAAC,MA7BJ,oBAtBN,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,+BAWnB,MAAMC,EAAW,CAAC,CAAE,UAAAC,CAAU,IAE1BL,EAAC,OACC,MAAM,6BACN,UAAWK,EACX,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OAEL,SAAAL,EAAC,QACC,EAAE,gUACF,KAAK,eACP,EACF,EAIEM,EAAyBJ,EAAM,WACnC,CACE,CAAE,SAAAK,EAAU,WAAAC,EAAa,EAAG,aAAAC,EAAe,YAAa,aAAAC,EAAe,YAAa,SAAAC,EAAW,GAAM,UAAAN,CAAU,EAC/GO,IACG,CACH,KAAM,CAACC,EAAUC,CAAW,EAAIZ,EAAM,SAAS,EAAK,EAC9Ca,EAAQb,EAAM,SAAS,QAAQK,CAAQ,EACvCS,EAAUD,EAAM,OAASP,EACzBS,EAAeD,GAAW,CAACH,EAAWE,EAAM,MAAM,EAAGP,CAAU,EAAIO,EAEzE,OACEd,EAAC,OAAI,IAAKW,EAAK,UAAWT,EAAG,sBAAuBE,CAAS,EAC3D,UAAAL,EAAC,OACC,UAAWG,EACT,mFACAQ,GAAY,yCACd,EAEC,SAAAM,EACH,EACCD,GACCf,EAAC,OAAI,UAAU,wEACb,UAAAD,EAAC,UAAO,UAAU,qCAAqC,QAAS,IAAMc,EAAYI,GAAQ,CAACA,CAAI,EAC5F,SAAAL,EAAWH,EAAeD,EAC7B,EACAT,EAACI,EAAA,CAAS,UAAWD,EAAG,uBAAwBU,GAAY,YAAY,EAAG,GAC7E,GAEJ,CAEJ,CACF,EAEAP,EAAuB,YAAc,yBAErC,IAAOa,EAAQb",
-  "names": ["jsx", "jsxs", "React", "cn", "DownIcon", "className", "AccessoriesProductGrid", "children", "maxVisible", "showMoreText", "showLessText", "animated", "ref", "expanded", "setExpanded", "items", "hasMore", "visibleItems", "prev", "AccessoriesProductGrid_default"]
-}

package/dist/esm/biz-components/AccessoriesShelf/components/AccessoryShelf/ProductCard.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/AccessoryShelf/ProductCard.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../../../helpers/index.js'\nimport { Badge, Card, CardContent, Picture, Text, Heading, Button } from '../../../../components/index.js'\nimport type {\n  AccessoryProductCardProps,\n  AccessoryProductData,\n  AccessoryCardSemanticName,\n  AccessoryCopyConfig,\n} from './types.js'\n\nexport type { AccessoryProductCardProps, AccessoryProductData, AccessoryCardSemanticName, AccessoryCopyConfig }\n\n/**\n * AccessoryProductCard - \u914D\u4EF6\u5361\u7247\uFF08UI \u7EC4\u4EF6\uFF09\n *\n * \u7EC4\u4EF6\u804C\u8D23\uFF08UI \u5C42\uFF09\uFF1A\n * - \u6E32\u67D3\u4EA7\u54C1\u56FE\uFF081:1 object-contain\uFF09\n * - \u6E32\u67D3\u6807\u9898\u3001\u63CF\u8FF0\u3001tags\n * - \u6E32\u67D3\u73B0\u4EF7 + \u539F\u4EF7\uFF08\u5220\u9664\u7EBF\uFF09+ \u4F1A\u5458\u4EF7\uFF08\u4E0B\u65B9\u5C0F\u5B57\uFF09\n * - \u6E32\u67D3\u52A0\u8D2D\u6309\u94AE\u53CA Add / Added(n) / Unavailable \u72B6\u6001\n * - Hover \u6548\u679C\uFF08\u5361\u7247\u80CC\u666F\u53D8\u767D + \u9634\u5F71\uFF0CPC \u7AEF\uFF09\n * - Loading \u72B6\u6001\u5C55\u793A\n *\n * \u4E1A\u52A1\u804C\u8D23\uFF08\u4E1A\u52A1\u7AEF\u8D1F\u8D23\uFF09\uFF1A\n * - \u83B7\u53D6\u4EA7\u54C1\u6570\u636E\u3001\u8BA1\u7B97\u4EF7\u683C\n * - \u7EF4\u62A4 addedQuantity\u3001isLoading \u72B6\u6001\n * - \u5B9E\u73B0 onAddToCart \u903B\u8F91\uFF08\u8C03\u7528\u8D2D\u7269\u8F66 API\uFF09\n * - \u5E93\u5B58\u68C0\u67E5\u540E\u5C06 quantityAvailable \u4F20\u5165\n */\nconst AccessoryProductCard = React.forwardRef<HTMLDivElement, AccessoryProductCardProps>(\n  (\n    {\n      product,\n      addedQuantity = 0,\n      maxQuantity,\n      isLoading = false,\n      showTags = true,\n      showOriginalPrice = false,\n      showDiscountPrice = true,\n      showMemberPrice = true,\n      onProductClick,\n      onAddToCart,\n      className,\n      classNames,\n      copy,\n    },\n    ref\n  ) => {\n    // \u5E93\u5B58\u9650\u5236\uFF1A\u4F18\u5148\u53D6 maxQuantity\uFF0C\u5176\u6B21\u53D6 product.quantityAvailable\n    const resolvedMax = maxQuantity ?? product.quantityAvailable ?? undefined\n    const isUnavailable = !product.availableForSale\n    const isAtLimit = !isUnavailable && resolvedMax != null && addedQuantity >= resolvedMax\n    const isDisabled = isUnavailable || isAtLimit\n    const isAdded = addedQuantity > 0\n\n    // \u6587\u6848\n    const addLabel = copy?.addLabel ?? 'Add'\n    const addedLabel = copy?.addedLabel ?? 'in Cart'\n    const unavailableLabel = copy?.unavailableLabel ?? 'Unavailable'\n    const memberPriceLabel = copy?.memberPriceLabel ?? 'Member price'\n    const plusMemberPriceLabel = copy?.plusMemberPriceLabel ?? 'Plus member price'\n\n    const buttonLabel = isUnavailable ? unavailableLabel : isAdded ? `${addedQuantity} ${addedLabel}` : addLabel\n\n    const memberLabel = product.memberPriceType === 'plus-member' ? plusMemberPriceLabel : memberPriceLabel\n\n    const displayTitle = product.custom_name || product.name\n    const displayDescription = product.custom_description || product.description\n    const displayImage = product.image\n\n    return (\n      <Card\n        ref={ref}\n        className={cn(\n          'rounded-card desktop:p-6 group flex flex-col border-none p-4',\n          'bg-container-primary transition-colors duration-200',\n          'hover:bg-white',\n          isAdded && 'bg-white',\n          className,\n          classNames?.root\n        )}\n      >\n        <CardContent className=\"flex flex-1 flex-col gap-3 p-0\">\n          {/* \u4EA7\u54C1\u56FE 1:1 */}\n          <a\n            onClick={onProductClick ? () => onProductClick(product) : undefined}\n            href={!onProductClick && product.listingLink ? product.listingLink : undefined}\n            rel=\"noreferrer\"\n            className={cn(\n              'laptop:size-[196px] mx-auto block size-[138px] overflow-hidden',\n              onProductClick || product.listingLink ? 'cursor-pointer' : 'cursor-default',\n              classNames?.image\n            )}\n            aria-label={displayTitle}\n          >\n            <Picture\n              source={displayImage}\n              alt={displayTitle}\n              className=\"aspect-square w-full mix-blend-multiply\"\n              imgClassName=\"w-full h-full object-contain\"\n            />\n          </a>\n\n          {/* \u5185\u5BB9\u533A */}\n          <div className=\"flex flex-1 flex-col gap-4\">\n            {/* Tags */}\n            {showTags && product.tags && product.tags.length > 0 && (\n              <div className={cn('flex flex-wrap items-center gap-1', classNames?.tags)}>\n                {product.tags.map((tag: any, index) =>\n                  (tag as any)?.label ? (\n                    <Badge\n                      key={index}\n                      size=\"sm\"\n                      variant={(tag.variant as any) || 'outline'}\n                      promotionalType={tag.promotionalType}\n                    >\n                      {tag.label}\n                    </Badge>\n                  ) : (\n                    React.isValidElement(tag) && <React.Fragment key={index}>{tag}</React.Fragment>\n                  )\n                )}\n              </div>\n            )}\n\n            {/* \u6807\u9898 + \u63CF\u8FF0 */}\n            <div className=\"flex flex-col gap-1\">\n              <Heading\n                as=\"h2\"\n                className={cn(\n                  'lg-desktop:text-[18px] text-info-primary line-clamp-3 text-[16px] font-bold leading-[1.2] tracking-[-0.64px]',\n                  classNames?.title\n                )}\n              >\n                {displayTitle}\n              </Heading>\n              {displayDescription && (\n                <Text\n                  as=\"p\"\n                  className={cn(\n                    'lg-desktop:text-[18px] text-info-bold line-clamp-2 text-[14px] font-bold leading-[1.4] tracking-[-0.28px]',\n                    classNames?.description\n                  )}\n                >\n                  {displayDescription}\n                </Text>\n              )}\n            </div>\n\n            {/* \u4EF7\u683C + \u6309\u94AE */}\n            <div className={cn('mt-auto flex flex-col gap-2', classNames?.priceArea)}>\n              <div>\n                {/* \u73B0\u4EF7 + \u539F\u4EF7\uFF08\u5220\u9664\u7EBF\uFF09 */}\n                <div className=\"flex flex-wrap items-baseline gap-1\">\n                  {isUnavailable ? (\n                    <Text\n                      as=\"p\"\n                      className={cn(\n                        'lg-desktop:text-[24px] text-info-tertiary text-[20px] font-bold leading-[1.2] tracking-[-0.8px]',\n                        classNames?.currentPrice\n                      )}\n                    >\n                      {copy?.outOfStockLabel ?? 'Sold Out'}\n                    </Text>\n                  ) : (\n                    <>\n                      <Text\n                        as=\"p\"\n                        className={cn(\n                          'lg-desktop:text-[24px] text-info-primary text-[20px] font-bold leading-[1.2] tracking-[-0.8px]',\n                          classNames?.currentPrice\n                        )}\n                      >\n                        {product.price}\n                      </Text>\n                      {showDiscountPrice && product.discountPrice && (\n                        <Text\n                          as=\"p\"\n                          className={cn(\n                            'text-brand-0 lg-desktop:text-[24px] text-[20px] font-bold leading-tight tracking-[-0.32px]',\n                            classNames?.discountPrice\n                          )}\n                        >\n                          {product.discountPrice}\n                        </Text>\n                      )}\n                      {(!showDiscountPrice || !product.discountPrice) && showOriginalPrice && product.originalPrice && (\n                        <Text\n                          as=\"p\"\n                          className={cn(\n                            'text-info-tertiary lg-desktop:text-[24px] text-[20px] font-bold leading-tight tracking-[-0.32px] line-through',\n                            classNames?.originalPrice\n                          )}\n                        >\n                          {product.originalPrice}\n                        </Text>\n                      )}\n                    </>\n                  )}\n                </div>\n\n                {/* \u4F1A\u5458\u4EF7\u5C0F\u5B57 */}\n                {showMemberPrice && !isUnavailable && product.memberPriceNote && (\n                  <Text\n                    as=\"p\"\n                    className={cn(\n                      'lg-desktop:text-[18px] text-marketing-1 text-[14px] font-bold leading-tight tracking-[-0.24px]',\n                      classNames?.memberPriceNote\n                    )}\n                  >\n                    {memberLabel} <span className=\"text-marketing-1\">{product.memberPriceNote}</span>\n                  </Text>\n                )}\n              </div>\n\n              {/* \u52A0\u8D2D\u6309\u94AE\uFF08\u5355\u4E00\uFF09 */}\n              <div className={cn(classNames?.buttonGroup)}>\n                <Button\n                  variant=\"primary\"\n                  size=\"lg\"\n                  loading={isLoading}\n                  disabled={isDisabled && !isLoading}\n                  onClick={() => onAddToCart?.(product)}\n                  className={cn('w-full', classNames?.addButton)}\n                  data-headless-type-name=\"AccessoryShelf#ProductCard\"\n                  data-headless-sku={product.sku}\n                  data-headless-title-desc-button={`${displayTitle}#${displayDescription ?? ''}#${buttonLabel}`}\n                >\n                  {buttonLabel}\n                </Button>\n              </div>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    )\n  }\n)\n\nAccessoryProductCard.displayName = 'AccessoryShelf.ProductCard'\n\nexport { AccessoryProductCard }\nexport default AccessoryProductCard\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "React", "cn", "Badge", "Card", "CardContent", "Picture", "Text", "Heading", "Button", "AccessoryProductCard", "product", "addedQuantity", "maxQuantity", "isLoading", "showTags", "showOriginalPrice", "showDiscountPrice", "showMemberPrice", "onProductClick", "onAddToCart", "className", "classNames", "copy", "ref", "resolvedMax", "isUnavailable", "isAtLimit", "isDisabled", "isAdded", "addLabel", "addedLabel", "unavailableLabel", "memberPriceLabel", "plusMemberPriceLabel", "buttonLabel", "memberLabel", "displayTitle", "displayDescription", "displayImage", "tag", "index", "ProductCard_default"]
-}

package/dist/esm/biz-components/AccessoriesShelf/components/AccessoryShelf/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/AccessoryShelf/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../../../helpers/index.js'\nimport { withLayout } from '../../../../shared/Styles.js'\nimport AccessoryProductCard from './ProductCard.js'\nimport type { AccessoryProductData, AccessoryCardSemanticName, AccessoryCopyConfig } from './types.js'\n\nexport type { AccessoryProductData, AccessoryCardSemanticName, AccessoryCopyConfig }\nexport type { AccessoryProductCardProps } from './ProductCard.js'\n\nexport interface AccessoryShelfProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * \u4EA7\u54C1\u5361\u7247\u533A\u57DF \u2014 \u4E1A\u52A1\u7AEF\u81EA\u884C\u7EC4\u5408\u5E03\u5C40\u5BB9\u5668 + AccessoryShelf.ProductCard\n   *\n   * @example \u642D\u914D AccessoriesProductGrid\n   * ```tsx\n   * <AccessoryShelf data={{ title: 'Add-ons' }}>\n   *   <AccessoriesProductGrid maxVisible={8} showMoreText=\"Show more\" showLessText=\"Show less\">\n   *     {products.map(p => (\n   *       <AccessoryShelf.ProductCard\n   *         key={p.sku}\n   *         product={p}\n   *         addedQuantity={quantities[p.sku]}\n   *         isLoading={loadingSkus.has(p.sku)}\n   *         onAddToCart={handleAddToCart}\n   *       />\n   *     ))}\n   *   </AccessoriesProductGrid>\n   * </AccessoryShelf>\n   * ```\n   */\n  children: React.ReactNode\n  /** \u8BED\u4E49\u5316\u7C7B\u540D\u8986\u76D6\uFF08\u4EC5 root/title/description \u6709\u6548\uFF09 */\n  classNames?: Partial<Record<'root' | 'title' | 'description', string>>\n}\n\nexport interface AccessoryShelfComponent extends React.ForwardRefExoticComponent<\n  AccessoryShelfProps & React.RefAttributes<HTMLDivElement>\n> {\n  /** \u914D\u4EF6\u5361\u7247\u5B50\u7EC4\u4EF6\uFF0C\u4E1A\u52A1\u7AEF\u5728 children \u4E2D\u76F4\u63A5\u4F7F\u7528 */\n  ProductCard: typeof AccessoryProductCard\n}\n\nconst AccessoryShelf = React.forwardRef<HTMLDivElement, AccessoryShelfProps>(\n  ({ className, children, classNames, ...props }, ref) => {\n    const boxRef = React.useRef<HTMLDivElement>(null)\n\n    React.useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n    return (\n      <div ref={boxRef} className={cn('w-full', className, classNames?.root)} {...props}>\n        {children}\n      </div>\n    )\n  }\n)\n\nAccessoryShelf.displayName = 'AccessoryShelf'\n\n// \u590D\u5408\u7EC4\u4EF6\uFF1AAccessoryShelf.ProductCard \u53EF\u76F4\u63A5\u4F7F\u7528\nconst AccessoryShelfWithProductCard = AccessoryShelf as AccessoryShelfComponent\nAccessoryShelfWithProductCard.ProductCard = AccessoryProductCard\n\nexport { AccessoryProductCard }\nexport default withLayout(AccessoryShelfWithProductCard)\n"],
-  "mappings": "aAmDM,cAAAA,MAAA,oBAjDN,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,+BACnB,OAAS,cAAAC,MAAkB,+BAC3B,OAAOC,MAA0B,mBAuCjC,MAAMC,EAAiBJ,EAAM,WAC3B,CAAC,CAAE,UAAAK,EAAW,SAAAC,EAAU,WAAAC,EAAY,GAAGC,CAAM,EAAGC,IAAQ,CACtD,MAAMC,EAASV,EAAM,OAAuB,IAAI,EAEhD,OAAAA,EAAM,oBAAoBS,EAAK,IAAMC,EAAO,OAAyB,EAGnEX,EAAC,OAAI,IAAKW,EAAQ,UAAWT,EAAG,SAAUI,EAAWE,GAAY,IAAI,EAAI,GAAGC,EACzE,SAAAF,EACH,CAEJ,CACF,EAEAF,EAAe,YAAc,iBAG7B,MAAMO,EAAgCP,EACtCO,EAA8B,YAAcR,EAG5C,IAAOS,EAAQV,EAAWS,CAA6B",
-  "names": ["jsx", "React", "cn", "withLayout", "AccessoryProductCard", "AccessoryShelf", "className", "children", "classNames", "props", "ref", "boxRef", "AccessoryShelfWithProductCard", "AccessoryShelf_default"]
-}

package/dist/esm/biz-components/AccessoriesShelf/components/AccessoryShelf/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/esm/biz-components/AccessoriesShelf/components/AddToCartSuccessPopover/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/AccessoriesShelf/components/AddToCartSuccessPopover/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useRef } from 'react'\nimport { cn } from '../../../../helpers/index.js'\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverAnchor,\n  PopoverContent,\n  PopoverClose,\n  PopoverArrow,\n  Button,\n  Text,\n  Heading,\n  Picture,\n} from '../../../../components/index.js'\nimport { useExposure } from '../../../../hooks/useExposure.js'\nimport { gaTrack } from '../../../../shared/track.js'\nimport type { AccessoryProductData } from '../AccessoryShelf/types.js'\nimport { useAiuiContext } from '../../../AiuiProvider/index.js'\n\nconst componentType = 'popover'\nconst componentName = 'add_to_cart_success_popover'\n\nexport type { AccessoryProductData }\n\n/**\n * \u8BED\u4E49\u5316\u7C7B\u540D\n */\nexport type AddToCartSuccessSemanticName =\n  | 'root'\n  | 'arrow'\n  | 'closeButton'\n  | 'header'\n  | 'successIcon'\n  | 'successTitle'\n  | 'productRow'\n  | 'productImage'\n  | 'productInfo'\n  | 'productTitle'\n  | 'productVariant'\n  | 'priceRow'\n  | 'currentPrice'\n  | 'originalPrice'\n  | 'quantity'\n  | 'cartCountText'\n  | 'viewCartButton'\n\n/**\n * \u6587\u6848\u914D\u7F6E\n */\nexport interface AddToCartSuccessCopyConfig {\n  /** \u6210\u529F\u63D0\u793A\u6807\u9898\uFF0C\u9ED8\u8BA4 \"Successfully added to cart!\" */\n  successTitle?: string\n  /** \u8D2D\u7269\u8F66\u5546\u54C1\u603B\u6570\u6587\u6848\uFF0C{count} \u4F1A\u88AB\u66FF\u6362\u4E3A\u603B\u6570\u91CF\uFF0C\u9ED8\u8BA4 \"There are {count} items in the shopping cart.\" */\n  cartCountText?: string\n  /** \u67E5\u770B\u8D2D\u7269\u8F66\u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 \"View Cart\" */\n  viewCartLabel?: string\n  /** \u5173\u95ED\u6309\u94AE\u65E0\u969C\u788D\u6807\u7B7E\uFF0C\u9ED8\u8BA4 \"Close\" */\n  closeLabel?: string\n  /** \u6570\u91CF\u524D\u7F00\u7B26\u53F7\uFF0C\u9ED8\u8BA4 \"x\"\uFF0C\u6700\u7EC8\u5C55\u793A\u4E3A \"x1\" */\n  quantityPrefix?: string\n}\n\nexport interface AddToCartSuccessPopoverProps {\n  /**\n   * \u5F39\u7A97\u89E6\u53D1\u5668\uFF0C\u901A\u5E38\u662F\u8D2D\u7269\u8F66\u56FE\u6807\u6309\u94AE\uFF0C\u5185\u90E8\u4F7F\u7528 asChild \u5305\u88F9\u3002\n   * \u5F53\u63D0\u4F9B triggerRef \u65F6\u53EF\u4E3A\u7A7A\uFF08\u6B64\u65F6 Popover \u951A\u5B9A\u5230\u5916\u90E8 DOM \u5143\u7D20\uFF09\u3002\n   */\n  children?: React.ReactNode\n  /**\n   * \u5916\u90E8\u951A\u70B9\u5143\u7D20 ref\uFF0C\u7528\u4E8E\u5C06 Popover \u951A\u5B9A\u5230\u9875\u9762\u4E0A\u5DF2\u6709\u7684\u5143\u7D20\uFF08\u5982\u5BFC\u822A\u680F\u4E2D\u7684\u8D2D\u7269\u8F66\u56FE\u6807\uFF09\uFF0C\n   * \u65E0\u9700\u5305\u88F9\u8BE5\u5143\u7D20\u4F5C\u4E3A children\u3002\u4F20\u5165\u540E children \u53EF\u7701\u7565\uFF0C\u5185\u90E8\u4F7F\u7528 PopoverAnchor + virtualRef \u5B9E\u73B0\u3002\n   * \u6CE8\u610F\uFF1A\u4EC5\u5728 children \u672A\u63D0\u4F9B\u65F6\u751F\u6548\uFF1B\u5982\u679C\u540C\u65F6\u63D0\u4F9B children \u548C triggerRef\uFF0Cchildren \u4F18\u5148\u3002\n   */\n  triggerRef?: React.RefObject<HTMLElement>\n  /** \u53D7\u63A7\u5C55\u793A\u72B6\u6001 */\n  open?: boolean\n  /** \u975E\u53D7\u63A7\u9ED8\u8BA4\u5C55\u793A\u72B6\u6001 */\n  defaultOpen?: boolean\n  /** \u5C55\u793A\u72B6\u6001\u53D8\u5316\u56DE\u8C03 */\n  onOpenChange?: (open: boolean) => void\n  /** \u521A\u52A0\u8D2D\u7684\u5546\u54C1\u6570\u636E\uFF08\u590D\u7528 AccessoryShelf \u7684 AccessoryProductData\uFF09 */\n  product: AccessoryProductData\n  /** \u5546\u54C1\u53C2\u6570\u5217\u8868\uFF0C\u5982\u989C\u8272/\u8D60\u54C1\uFF0C\u6E32\u67D3\u4E3A \"Color: Classic Black \u00B7 Gift: 1\" */\n  paramList?: { label: string; value: string }[]\n  /** \u662F\u5426\u5C55\u793A\u539F\u4EF7\uFF08\u5220\u9664\u7EBF\uFF09\uFF0C\u9ED8\u8BA4 true\uFF08\u5F53 product.originalPrice \u5B58\u5728\u65F6\uFF09 */\n  showOriginalPrice?: boolean\n  /** \u672C\u6B21\u52A0\u8D2D\u6570\u91CF\uFF0C\u7528\u4E8E\u5C55\u793A \"x1\"\uFF0C\u9ED8\u8BA4 1 */\n  quantity?: number\n  /** \u8D2D\u7269\u8F66\u5546\u54C1\u603B\u6570\uFF0C\u7528\u4E8E\u5E95\u90E8\u6587\u6848\u63D2\u503C\uFF1B\u4E0D\u4F20\u5219\u56DE\u9000\u4E3A quantity */\n  cartTotalCount?: number\n  /** \u70B9\u51FB \"View Cart\" \u6309\u94AE\u56DE\u8C03 */\n  onViewCart?: () => void\n  /** \u6587\u6848\u914D\u7F6E */\n  copy?: AddToCartSuccessCopyConfig\n  /**\n   * \u81EA\u52A8\u5173\u95ED\u5EF6\u65F6\uFF08\u6BEB\u79D2\uFF09\uFF0C\u8BBE\u4E3A 0 \u6216 null \u5219\u7981\u7528\u81EA\u52A8\u5173\u95ED\u3002\n   * \u9ED8\u8BA4 8000\uFF088\u79D2\uFF09\uFF0C\u7528\u6237\u65E0\u4EFB\u4F55\u64CD\u4F5C\u65F6\u81EA\u52A8\u9690\u85CF\u3002\n   */\n  autoCloseDuration?: number | null\n  /** Popover \u5BF9\u9F50\u65B9\u5F0F\uFF0C\u9ED8\u8BA4 center\uFF08\u5C45\u4E2D\u4E8E\u89E6\u53D1\u5668\uFF09\uFF0C\u79FB\u52A8\u7AEF\u81EA\u52A8\u5C45\u4E2D\u4E8E\u5C4F\u5E55 */\n  align?: 'start' | 'center' | 'end'\n  /** Popover \u5F39\u51FA\u65B9\u5411\uFF0C\u9ED8\u8BA4 bottom */\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  /** \u8DDD\u79BB\u89E6\u53D1\u5668\u7684\u504F\u79FB\u91CF\uFF0C\u9ED8\u8BA4 12 */\n  sideOffset?: number\n  /** \u6839\u5143\u7D20\u7C7B\u540D */\n  className?: string\n  /** \u8BED\u4E49\u5316\u7C7B\u540D\u8986\u76D6 */\n  classNames?: Partial<Record<AddToCartSuccessSemanticName, string>>\n}\n\nconst CheckIcon = ({ className }: { className?: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    fill=\"none\"\n    className={className}\n    aria-hidden\n  >\n    <circle cx=\"10\" cy=\"10\" r=\"8.75\" fill=\"#30D158\" />\n    <path\n      d=\"M5.8335 9.58333L9.16683 12.5L14.1668 7.5\"\n      stroke=\"white\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n\nconst CloseIcon = (props: React.ComponentPropsWithoutRef<'svg'>) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" {...props}>\n    <path\n      d=\"M4.69617 4.69673C5.02156 4.37125 5.54924 4.3713 5.87468 4.69673L9.99947 8.82152L14.1243 4.69673C14.4497 4.37129 14.9774 4.37125 15.3028 4.69673C15.6281 5.02219 15.6281 5.5498 15.3028 5.87524L11.178 10L15.3028 14.1248C15.6281 14.4503 15.6281 14.9779 15.3028 15.3033C14.9774 15.6288 14.4497 15.6288 14.1243 15.3033L9.99947 11.1785L5.87468 15.3033C5.54924 15.6288 5.02156 15.6288 4.69617 15.3033C4.3708 14.9779 4.37081 14.4503 4.69617 14.1248L8.82096 10L4.69617 5.87524C4.37081 5.5498 4.3708 5.02219 4.69617 4.69673Z\"\n      fill=\"#080A0F\"\n    />\n  </svg>\n)\n\n/**\n * AddToCartSuccessPopover - \u52A0\u8D2D\u6210\u529F\u60AC\u6D6E\u63D0\u793A\n *\n * @description \u7528\u6237\u70B9\u51FB\u52A0\u8D2D\u540E\uFF0C\u951A\u5B9A\u5728\u89E6\u53D1\u5668\uFF08\u5982\u8D2D\u7269\u8F66\u56FE\u6807\uFF09\u4E0B\u65B9\u5C55\u793A\u7684\u975E\u6A21\u6001\u60AC\u6D6E\u63D0\u793A\uFF0C\n * \u5C55\u793A\u6210\u529F\u63D0\u793A\u3001\u5546\u54C1\u4FE1\u606F\u3001\u8D2D\u7269\u8F66\u603B\u6570\u53CA\"\u67E5\u770B\u8D2D\u7269\u8F66\"\u5165\u53E3\u3002\n */\nconst AddToCartSuccessPopover = React.forwardRef<HTMLDivElement, AddToCartSuccessPopoverProps>(\n  (\n    {\n      children,\n      triggerRef,\n      open: controlledOpen,\n      defaultOpen,\n      onOpenChange,\n      product,\n      paramList,\n      showOriginalPrice = true,\n      quantity = 1,\n      cartTotalCount,\n      onViewCart,\n      copy,\n      autoCloseDuration = 8000,\n      align = 'center',\n      side = 'bottom',\n      sideOffset = 12,\n      className,\n      classNames,\n    },\n    ref\n  ) => {\n    const { trackingData } = useAiuiContext()\n    const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false)\n    const isControlled = controlledOpen !== undefined\n    const isOpen = isControlled ? controlledOpen : internalOpen\n\n    const handleOpenChange = React.useCallback(\n      (nextOpen: boolean) => {\n        if (!isControlled) setInternalOpen(nextOpen)\n        onOpenChange?.(nextOpen)\n      },\n      [isControlled, onOpenChange]\n    )\n\n    // \u81EA\u52A8\u5173\u95ED\u8BA1\u65F6\u5668\n    React.useEffect(() => {\n      if (!isOpen || autoCloseDuration == null || autoCloseDuration <= 0) return\n      const timer = setTimeout(() => handleOpenChange(false), autoCloseDuration)\n      return () => clearTimeout(timer)\n    }, [isOpen, autoCloseDuration, handleOpenChange])\n\n    const successTitle = copy?.successTitle ?? 'Successfully added to cart!'\n    const cartCountTemplate = copy?.cartCountText ?? 'There are {count} items in the shopping cart.'\n    const viewCartLabel = copy?.viewCartLabel ?? 'View Cart'\n    const closeLabel = copy?.closeLabel ?? 'Close'\n    const quantityPrefix = copy?.quantityPrefix ?? 'x'\n\n    const cartCountText = cartCountTemplate.replace('{count}', String(cartTotalCount ?? quantity))\n    const displayTitle = product.custom_name || product.name\n    const displayImage = product.custom_image || product.image\n\n    const boxRef = useRef<HTMLDivElement>(null)\n\n    useExposure(boxRef, {\n      componentType,\n      componentName,\n      componentTitle: successTitle,\n      componentDescription: cartCountText,\n    })\n\n    React.useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n    // virtualRef \u9002\u914D\uFF1A\u521B\u5EFA\u5305\u542B contextElement \u7684\u865A\u62DF\u5143\u7D20\uFF0C\n    // \u786E\u4FDD Floating UI \u80FD\u6B63\u786E\u8FFD\u8E2A\u951A\u70B9\u7684\u6EDA\u52A8\u548C\u4F4D\u7F6E\u53D8\u5316\u3002\n    // getBoundingClientRect \u4F1A\u5C06\u951A\u70B9\u4F4D\u7F6E\u5939\u6301\u5728\u89C6\u53E3\u5185\uFF0C\u4FDD\u8BC1\u5F39\u7A97\u5728\u951A\u70B9\u6EDA\u51FA\u5C4F\u5E55\u540E\u4ECD\u53EF\u89C1\u3002\n    const virtualRef = React.useMemo(() => {\n      if (!triggerRef) return undefined\n\n      return {\n        current: {\n          getBoundingClientRect: () => {\n            const el = triggerRef.current\n            const rect = el?.getBoundingClientRect() ?? new DOMRect()\n            const vw = window.innerWidth\n            const vh = window.innerHeight\n            const pad = 16\n\n            // \u951A\u70B9\u5728\u89C6\u53E3\u4E0A\u65B9\uFF08\u5411\u4E0A\u6EDA\u51FA\uFF09\n            if (rect.bottom <= pad) {\n              return new DOMRect(Math.max(pad, Math.min(rect.left, vw - pad - rect.width)), pad, rect.width || 0, 0)\n            }\n            // \u951A\u70B9\u5728\u89C6\u53E3\u4E0B\u65B9\uFF08\u5411\u4E0B\u6EDA\u51FA\uFF09\n            if (rect.top >= vh - pad) {\n              return new DOMRect(\n                Math.max(pad, Math.min(rect.left, vw - pad - rect.width)),\n                vh - pad,\n                rect.width || 0,\n                0\n              )\n            }\n            return rect\n          },\n          contextElement: triggerRef.current || undefined,\n        },\n      } as React.RefObject<{ getBoundingClientRect(): DOMRect; contextElement?: HTMLElement }>\n    }, [triggerRef])\n\n    const trigger =\n      children != null ? (\n        <PopoverTrigger asChild>{children}</PopoverTrigger>\n      ) : (\n        triggerRef && <PopoverAnchor virtualRef={virtualRef} />\n      )\n\n    return (\n      <Popover open={isOpen} onOpenChange={handleOpenChange}>\n        {trigger}\n        <PopoverContent\n          ref={boxRef}\n          align={align}\n          side={side}\n          sideOffset={sideOffset}\n          zIndex={101}\n          avoidCollisions\n          collisionPadding={16}\n          className={cn(\n            'rounded-card laptop:w-[420px] laptop:p-6 relative w-[calc(100vw-32px)] max-w-[420px] border-none bg-white p-4 shadow-[0_2px_8px_0_rgba(0,0,0,0.12)] outline-none',\n            className,\n            classNames?.root\n          )}\n        >\n          <PopoverArrow className={cn('drop-shadow-[0_2px_8px_rgba(0,0,0,0.12)]', classNames?.arrow)} />\n\n          <PopoverClose asChild>\n            <button\n              type=\"button\"\n              className={cn(\n                'text-info-tertiary hover:text-info-primary absolute right-4 top-4 transition-colors',\n                classNames?.closeButton\n              )}\n              aria-label={closeLabel}\n              onClick={() => {\n                gaTrack({\n                  event: 'ga4Event',\n                  event_name: 'component_click',\n                  event_parameters: {\n                    page_group: trackingData?.pageGroup || 'Home Page',\n                    component_type: componentType,\n                    component_name: componentName,\n                    component_description: cartCountText,\n                    position: 1,\n                    navigation: 'Close',\n                    component_title: successTitle,\n                    sku: product?.sku,\n                    button_name: 'Close',\n                    creative_id: '',\n                  },\n                })\n              }}\n            >\n              <CloseIcon className=\"laptop:size-6 size-5\" />\n            </button>\n          </PopoverClose>\n\n          <div className={cn('laptop:pt-6 flex items-center gap-1 pr-4 pt-5', classNames?.header)}>\n            <CheckIcon className={cn('laptop:size-6 size-5 shrink-0', classNames?.successIcon)} />\n            <Heading\n              as=\"h3\"\n              size={2}\n              className={cn('text-info-primary laptop:text-2xl text-xl', classNames?.successTitle)}\n            >\n              {successTitle}\n            </Heading>\n          </div>\n\n          <div\n            className={cn(\n              'bg-container-secondary-0 rounded-box-small laptop:mt-4 laptop:p-4 mt-3 flex items-start gap-2 p-3',\n              classNames?.productRow\n            )}\n          >\n            <div\n              className={cn(\n                'laptop:size-16 size-12 shrink-0 overflow-hidden rounded-md mix-blend-multiply',\n                classNames?.productImage\n              )}\n            >\n              <Picture\n                source={displayImage}\n                alt={displayTitle}\n                className=\"size-full\"\n                imgClassName=\"object-contain size-full\"\n              />\n            </div>\n            <div className={cn('flex min-w-0 flex-1 flex-col', classNames?.productInfo)}>\n              <Text\n                as=\"p\"\n                className={cn(\n                  'text-info-primary laptop:text-[14px] line-clamp-2 text-[12px] font-bold leading-[1.2]',\n                  classNames?.productTitle\n                )}\n              >\n                {displayTitle}\n              </Text>\n              {paramList && paramList.length > 0 && (\n                <Text\n                  as=\"p\"\n                  className={cn(\n                    'text-info-tertiary laptop:mt-1 laptop:text-[14px] mt-[2px] text-[12px] font-bold',\n                    classNames?.productVariant\n                  )}\n                >\n                  {paramList.map((p, i) => (\n                    <React.Fragment key={i}>\n                      {i > 0 && ' \u00B7 '}\n                      {p.label}: {p.value}\n                    </React.Fragment>\n                  ))}\n                </Text>\n              )}\n              <div className={cn('mt-1 flex items-center justify-between gap-2', classNames?.priceRow)}>\n                <div className=\"flex items-baseline gap-1\">\n                  <Text as=\"span\" className={cn('text-info-primary text-[14px] font-bold', classNames?.currentPrice)}>\n                    {product.price}\n                  </Text>\n                  {showOriginalPrice && product.originalPrice && (\n                    <Text\n                      as=\"span\"\n                      className={cn('text-info-tertiary text-[14px] font-bold line-through', classNames?.originalPrice)}\n                    >\n                      {product.originalPrice}\n                    </Text>\n                  )}\n                </div>\n                <Text\n                  as=\"span\"\n                  className={cn('text-info-primary shrink-0 text-[14px] font-bold', classNames?.quantity)}\n                >\n                  {quantityPrefix}\n                  {quantity}\n                </Text>\n              </div>\n            </div>\n          </div>\n\n          <Text\n            as=\"p\"\n            className={cn(\n              'text-info-primary laptop:mt-6 laptop:text-[18px] mt-4 text-[14px] font-bold',\n              classNames?.cartCountText\n            )}\n          >\n            {cartCountText}\n          </Text>\n\n          <div className=\"laptop:mt-4 mt-3 flex justify-end\">\n            <Button\n              variant=\"primary\"\n              size=\"lg\"\n              onClick={() => {\n                gaTrack({\n                  event: 'ga4Event',\n                  event_name: 'component_click',\n                  event_parameters: {\n                    component_type: componentType,\n                    component_name: componentName,\n                    button_name: viewCartLabel,\n                    page_group: trackingData?.pageGroup || 'Home Page',\n                    component_description: cartCountText,\n                    position: 1,\n                    navigation: viewCartLabel,\n                    component_title: successTitle,\n                    sku: product?.sku,\n                    creative_id: '',\n                  },\n                })\n                onViewCart?.()\n              }}\n              className={cn('rounded-full', classNames?.viewCartButton)}\n            >\n              {viewCartLabel}\n            </Button>\n          </div>\n        </PopoverContent>\n      </Popover>\n    )\n  }\n)\n\nAddToCartSuccessPopover.displayName = 'AddToCartSuccessPopover'\n\nexport default AddToCartSuccessPopover\nexport { AddToCartSuccessPopover }\n"],
-  "mappings": "aAmHE,OASE,OAAAA,EATF,QAAAC,MAAA,oBAjHF,UAAYC,MAAW,QACvB,OAAS,UAAAC,MAAc,QACvB,OAAS,MAAAC,MAAU,+BACnB,OACE,WAAAC,EACA,kBAAAC,EACA,iBAAAC,EACA,kBAAAC,GACA,gBAAAC,GACA,gBAAAC,GACA,UAAAC,GACA,QAAAC,EACA,WAAAC,GACA,WAAAC,OACK,kCACP,OAAS,eAAAC,OAAmB,mCAC5B,OAAS,WAAAC,MAAe,8BAExB,OAAS,kBAAAC,OAAsB,iCAE/B,MAAMC,EAAgB,UAChBC,EAAgB,8BA2FhBC,GAAY,CAAC,CAAE,UAAAC,CAAU,IAC7BpB,EAAC,OACC,MAAM,6BACN,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,UAAWoB,EACX,cAAW,GAEX,UAAArB,EAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,UAAU,EAChDA,EAAC,QACC,EAAE,2CACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,QACjB,GACF,EAGIsB,GAAaC,GACjBvB,EAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAQ,GAAGuB,EACjG,SAAAvB,EAAC,QACC,EAAE,ogBACF,KAAK,UACP,EACF,EASIwB,EAA0BtB,EAAM,WACpC,CACE,CACE,SAAAuB,EACA,WAAAC,EACA,KAAMC,EACN,YAAAC,EACA,aAAAC,EACA,QAAAC,EACA,UAAAC,EACA,kBAAAC,EAAoB,GACpB,SAAAC,EAAW,EACX,eAAAC,EACA,WAAAC,EACA,KAAAC,EACA,kBAAAC,EAAoB,IACpB,MAAAC,EAAQ,SACR,KAAAC,EAAO,SACP,WAAAC,EAAa,GACb,UAAAnB,EACA,WAAAoB,CACF,EACAC,IACG,CACH,KAAM,CAAE,aAAAC,CAAa,EAAI1B,GAAe,EAClC,CAAC2B,EAAcC,CAAe,EAAI3C,EAAM,SAAS0B,GAAe,EAAK,EACrEkB,EAAenB,IAAmB,OAClCoB,EAASD,EAAenB,EAAiBiB,EAEzCI,EAAmB9C,EAAM,YAC5B+C,GAAsB,CAChBH,GAAcD,EAAgBI,CAAQ,EAC3CpB,IAAeoB,CAAQ,CACzB,EACA,CAACH,EAAcjB,CAAY,CAC7B,EAGA3B,EAAM,UAAU,IAAM,CACpB,GAAI,CAAC6C,GAAUV,GAAqB,MAAQA,GAAqB,EAAG,OACpE,MAAMa,EAAQ,WAAW,IAAMF,EAAiB,EAAK,EAAGX,CAAiB,EACzE,MAAO,IAAM,aAAaa,CAAK,CACjC,EAAG,CAACH,EAAQV,EAAmBW,CAAgB,CAAC,EAEhD,MAAMG,EAAef,GAAM,cAAgB,8BACrCgB,EAAoBhB,GAAM,eAAiB,gDAC3CiB,EAAgBjB,GAAM,eAAiB,YACvCkB,EAAalB,GAAM,YAAc,QACjCmB,EAAiBnB,GAAM,gBAAkB,IAEzCoB,EAAgBJ,EAAkB,QAAQ,UAAW,OAAOlB,GAAkBD,CAAQ,CAAC,EACvFwB,EAAe3B,EAAQ,aAAeA,EAAQ,KAC9C4B,EAAe5B,EAAQ,cAAgBA,EAAQ,MAE/C6B,EAASxD,EAAuB,IAAI,EAE1CY,GAAY4C,EAAQ,CAClB,cAAAzC,EACA,cAAAC,EACA,eAAgBgC,EAChB,qBAAsBK,CACxB,CAAC,EAEDtD,EAAM,oBAAoBwC,EAAK,IAAMiB,EAAO,OAAyB,EAKrE,MAAMC,EAAa1D,EAAM,QAAQ,IAAM,CACrC,GAAKwB,EAEL,MAAO,CACL,QAAS,CACP,sBAAuB,IAAM,CAE3B,MAAMmC,EADKnC,EAAW,SACL,sBAAsB,GAAK,IAAI,QAC1CoC,EAAK,OAAO,WACZC,EAAK,OAAO,YACZC,EAAM,GAGZ,OAAIH,EAAK,QAAUG,EACV,IAAI,QAAQ,KAAK,IAAIA,EAAK,KAAK,IAAIH,EAAK,KAAMC,EAAKE,EAAMH,EAAK,KAAK,CAAC,EAAGG,EAAKH,EAAK,OAAS,EAAG,CAAC,EAGnGA,EAAK,KAAOE,EAAKC,EACZ,IAAI,QACT,KAAK,IAAIA,EAAK,KAAK,IAAIH,EAAK,KAAMC,EAAKE,EAAMH,EAAK,KAAK,CAAC,EACxDE,EAAKC,EACLH,EAAK,OAAS,EACd,CACF,EAEKA,CACT,EACA,eAAgBnC,EAAW,SAAW,MACxC,CACF,CACF,EAAG,CAACA,CAAU,CAAC,EAETuC,EACJxC,GAAY,KACVzB,EAACM,EAAA,CAAe,QAAO,GAAE,SAAAmB,EAAS,EAElCC,GAAc1B,EAACO,EAAA,CAAc,WAAYqD,EAAY,EAGzD,OACE3D,EAACI,EAAA,CAAQ,KAAM0C,EAAQ,aAAcC,EAClC,UAAAiB,EACDhE,EAACO,GAAA,CACC,IAAKmD,EACL,MAAOrB,EACP,KAAMC,EACN,WAAYC,EACZ,OAAQ,IACR,gBAAe,GACf,iBAAkB,GAClB,UAAWpC,EACT,mKACAiB,EACAoB,GAAY,IACd,EAEA,UAAAzC,EAACU,GAAA,CAAa,UAAWN,EAAG,2CAA4CqC,GAAY,KAAK,EAAG,EAE5FzC,EAACS,GAAA,CAAa,QAAO,GACnB,SAAAT,EAAC,UACC,KAAK,SACL,UAAWI,EACT,sFACAqC,GAAY,WACd,EACA,aAAYa,EACZ,QAAS,IAAM,CACbtC,EAAQ,CACN,MAAO,WACP,WAAY,kBACZ,iBAAkB,CAChB,WAAY2B,GAAc,WAAa,YACvC,eAAgBzB,EAChB,eAAgBC,EAChB,sBAAuBqC,EACvB,SAAU,EACV,WAAY,QACZ,gBAAiBL,EACjB,IAAKrB,GAAS,IACd,YAAa,QACb,YAAa,EACf,CACF,CAAC,CACH,EAEA,SAAA9B,EAACsB,GAAA,CAAU,UAAU,uBAAuB,EAC9C,EACF,EAEArB,EAAC,OAAI,UAAWG,EAAG,gDAAiDqC,GAAY,MAAM,EACpF,UAAAzC,EAACoB,GAAA,CAAU,UAAWhB,EAAG,gCAAiCqC,GAAY,WAAW,EAAG,EACpFzC,EAACa,GAAA,CACC,GAAG,KACH,KAAM,EACN,UAAWT,EAAG,4CAA6CqC,GAAY,YAAY,EAElF,SAAAU,EACH,GACF,EAEAlD,EAAC,OACC,UAAWG,EACT,oGACAqC,GAAY,UACd,EAEA,UAAAzC,EAAC,OACC,UAAWI,EACT,gFACAqC,GAAY,YACd,EAEA,SAAAzC,EAACc,GAAA,CACC,OAAQ4C,EACR,IAAKD,EACL,UAAU,YACV,aAAa,2BACf,EACF,EACAxD,EAAC,OAAI,UAAWG,EAAG,+BAAgCqC,GAAY,WAAW,EACxE,UAAAzC,EAACY,EAAA,CACC,GAAG,IACH,UAAWR,EACT,wFACAqC,GAAY,YACd,EAEC,SAAAgB,EACH,EACC1B,GAAaA,EAAU,OAAS,GAC/B/B,EAACY,EAAA,CACC,GAAG,IACH,UAAWR,EACT,mFACAqC,GAAY,cACd,EAEC,SAAAV,EAAU,IAAI,CAACmC,EAAGC,IACjBlE,EAACC,EAAM,SAAN,CACE,UAAAiE,EAAI,GAAK,SACTD,EAAE,MAAM,KAAGA,EAAE,QAFKC,CAGrB,CACD,EACH,EAEFlE,EAAC,OAAI,UAAWG,EAAG,+CAAgDqC,GAAY,QAAQ,EACrF,UAAAxC,EAAC,OAAI,UAAU,4BACb,UAAAD,EAACY,EAAA,CAAK,GAAG,OAAO,UAAWR,EAAG,0CAA2CqC,GAAY,YAAY,EAC9F,SAAAX,EAAQ,MACX,EACCE,GAAqBF,EAAQ,eAC5B9B,EAACY,EAAA,CACC,GAAG,OACH,UAAWR,EAAG,wDAAyDqC,GAAY,aAAa,EAE/F,SAAAX,EAAQ,cACX,GAEJ,EACA7B,EAACW,EAAA,CACC,GAAG,OACH,UAAWR,EAAG,mDAAoDqC,GAAY,QAAQ,EAErF,UAAAc,EACAtB,GACH,GACF,GACF,GACF,EAEAjC,EAACY,EAAA,CACC,GAAG,IACH,UAAWR,EACT,8EACAqC,GAAY,aACd,EAEC,SAAAe,EACH,EAEAxD,EAAC,OAAI,UAAU,oCACb,SAAAA,EAACW,GAAA,CACC,QAAQ,UACR,KAAK,KACL,QAAS,IAAM,CACbK,EAAQ,CACN,MAAO,WACP,WAAY,kBACZ,iBAAkB,CAChB,eAAgBE,EAChB,eAAgBC,EAChB,YAAakC,EACb,WAAYV,GAAc,WAAa,YACvC,sBAAuBa,EACvB,SAAU,EACV,WAAYH,EACZ,gBAAiBF,EACjB,IAAKrB,GAAS,IACd,YAAa,EACf,CACF,CAAC,EACDK,IAAa,CACf,EACA,UAAW/B,EAAG,eAAgBqC,GAAY,cAAc,EAEvD,SAAAY,EACH,EACF,GACF,GACF,CAEJ,CACF,EAEA7B,EAAwB,YAAc,0BAEtC,IAAO4C,GAAQ5C",
-  "names": ["jsx", "jsxs", "React", "useRef", "cn", "Popover", "PopoverTrigger", "PopoverAnchor", "PopoverContent", "PopoverClose", "PopoverArrow", "Button", "Text", "Heading", "Picture", "useExposure", "gaTrack", "useAiuiContext", "componentType", "componentName", "CheckIcon", "className", "CloseIcon", "props", "AddToCartSuccessPopover", "children", "triggerRef", "controlledOpen", "defaultOpen", "onOpenChange", "product", "paramList", "showOriginalPrice", "quantity", "cartTotalCount", "onViewCart", "copy", "autoCloseDuration", "align", "side", "sideOffset", "classNames", "ref", "trackingData", "internalOpen", "setInternalOpen", "isControlled", "isOpen", "handleOpenChange", "nextOpen", "timer", "successTitle", "cartCountTemplate", "viewCartLabel", "closeLabel", "quantityPrefix", "cartCountText", "displayTitle", "displayImage", "boxRef", "virtualRef", "rect", "vw", "vh", "pad", "trigger", "p", "i", "AddToCartSuccessPopover_default"]
-}