npm - @anker-in/headless-ui - Versions diffs - 1.3.21 → 1.3.22-alpha.1781754422536 - Mend

@anker-in/headless-ui 1.3.21 → 1.3.22-alpha.1781754422536

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

Files changed (623) hide show

package/dist/esm/biz-components/LotteryShared/types.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/LotteryShared/types.ts"],
-  "sourcesContent": ["/**\n * \u62BD\u5956\u7EC4\u4EF6\u5171\u4EAB\u7C7B\u578B\u5B9A\u4E49\n *\n * \u5305\u542B\u6240\u6709\u62BD\u5956\u7EC4\u4EF6\uFF08WheelLottery, ProductLottery \u7B49\uFF09\u5171\u7528\u7684\u7C7B\u578B\u3001\u63A5\u53E3\u548C\u5E38\u91CF\u3002\n *\n * @module LotterySharedTypes\n * @date 2026-04-07\n */\n\nimport type { Theme, Img } from '../../types/props.js'\nimport type { SerializedEditorState, SerializedLexicalNode } from '@payloadcms/richtext-lexical/lexical'\n\n// Re-export Theme and Img for convenience\nexport type { Theme, Img }\n\n// ============================================================================\n// \u6838\u5FC3\u5B9E\u4F53\u7C7B\u578B\n// ============================================================================\n\n/**\n * \u5956\u54C1\uFF08Prize\uFF09\n *\n * \u4EE3\u8868\u62BD\u5956\u6D3B\u52A8\u4E2D\u7684\u4E00\u4E2A\u5956\u54C1\uFF0C\u5305\u542B\u663E\u793A\u6240\u9700\u7684\u6240\u6709\u4FE1\u606F\u3002\n *\n * @example\n * ```tsx\n * const prize: Prize = {\n *   prizeKey: 'prize-001',\n *   name: 'Anker Prime Charger (100W, 3 Ports, GaN)',\n *   image: { url: 'https://images.unsplash.com/photo-123', alt: 'Charger' },\n *   rank: '1st',\n *   price: '$79.99'\n * }\n * ```\n */\nexport interface Prize {\n  /**\n   * \u552F\u4E00\u6807\u8BC6\u7B26\uFF0C\u7528\u4E8E React key \u548C\u4E2D\u5956\u7ED3\u679C\u5339\u914D\n   */\n  prizeKey: string\n\n  /**\n   * \u5956\u54C1\u540D\u79F0\uFF0C\u663E\u793A\u5728\u8F6C\u76D8\u548C\u5956\u6C60\u4E2D\n   * @maxLength 100\n   */\n  name: string\n\n  /**\n   * \u5956\u54C1\u56FE\u7247\u5BF9\u8C61\uFF0C\u5305\u542B url \u548C alt\n   */\n  image: Img\n\n  /**\n   * \u6392\u540D\u6807\u8BC6\uFF0C\u4EC5\u5728 Prize Pool \u4E2D\u663E\u793A\n   * @optional\n   */\n  rank?: '1st' | '2nd' | '3rd'\n\n  /**\n   * \u4EF7\u683C\u6216\u6298\u6263\u4FE1\u606F\uFF0C\u663E\u793A\u5728\u5956\u6C60\u4E2D\n   * @example \"$99.99\" | \"12% Off\"\n   * @optional\n   */\n  price?: string\n\n  /** \u5956\u54C1\u7EF4\u5EA6\u7684\u4E2D\u5956\u5F39\u7A97\u8986\u76D6\u914D\u7F6E\uFF1B\u672A\u914D\u7F6E\u65F6\u7531\u63A5\u5165\u5C42\u56DE\u9000\u5230\u5168\u5C40\u914D\u7F6E */\n  winnerModalConfig?: {\n    winnerNote?: string\n    confirmText?: string\n    confirmUrl?: string\n    learnMoreUrl?: string\n    learnMoreText?: string\n  }\n}\n\n/**\n * \u4E2D\u5956\u4FE1\u606F\uFF08WinningInfo\uFF09\n *\n * \u4EE3\u8868\u4E00\u6761\u4E2D\u5956\u8BB0\u5F55\uFF0C\u7528\u4E8E\u5E95\u90E8\u6EDA\u52A8\u6761\u5C55\u793A\uFF0C\u8425\u9020\u6D3B\u52A8\u6C1B\u56F4\u3002\n *\n * @example\n * ```tsx\n * const winningInfo: WinningInfo = {\n *   winningKey: 'win-001',\n *   userName: 'Shuqi***',\n *   prizeName: '12% Off Discount',\n *   timestamp: 1702800000000\n * }\n * ```\n */\nexport interface WinningInfo {\n  /**\n   * \u552F\u4E00\u6807\u8BC6\u7B26\n   */\n  winningKey: string\n\n  /**\n   * \u7528\u6237\u540D\uFF08\u5DF2\u8131\u654F\uFF09\uFF0C\u5982 \"Shuqi***\"\n   * @note \u5047\u8BBE\u4F20\u5165\u7684\u7528\u6237\u540D\u5DF2\u7ECF\u8FC7\u8131\u654F\u5904\u7406\uFF0C\u7EC4\u4EF6\u5185\u90E8\u4E0D\u518D\u5904\u7406\n   */\n  userName: string\n\n  /**\n   * \u4E2D\u5956\u5956\u54C1\u540D\u79F0\n   */\n  prizeName: string\n\n  /**\n   * \u4E2D\u5956\u65F6\u95F4\u6233\uFF08\u6BEB\u79D2\uFF09\n   * @optional\n   */\n  timestamp?: number\n}\n\n/**\n * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u7C7B\u578B\n */\nexport type ChanceMethodType = 'share' | 'points' | 'refer' | string\n\n/**\n * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u72B6\u6001\n */\nexport type ChanceMethodStatus = 'pending' | 'completed' | 'used'\n\n/**\n * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\uFF08ChanceMethod\uFF09\n *\n * \u4EE3\u8868\u4E00\u79CD\u83B7\u53D6\u62BD\u5956\u673A\u4F1A\u7684\u65B9\u5F0F\uFF0C\u652F\u6301\u7075\u6D3B\u914D\u7F6E\uFF08\u5206\u4EAB\u3001\u79EF\u5206\u3001\u63A8\u8350\u7B49\uFF09\u3002\n *\n * @example\n * ```tsx\n * const chanceMethod: ChanceMethod = {\n *   methodKey: 'share-001',\n *   type: 'share',\n *   title: 'Share on your socials',\n *   description: 'Share this event on your social media',\n *   buttonText: 'Redeem now',\n *   onClick: () => console.log('Share clicked'),\n *   disabled: false,\n *   status: 'pending'\n * }\n * ```\n */\nexport interface ChanceMethod {\n  /**\n   * \u552F\u4E00\u6807\u8BC6\u7B26\n   */\n  methodKey: string\n\n  /**\n   * \u65B9\u5F0F\u7C7B\u578B\uFF0C\u652F\u6301\u9884\u5B9A\u4E49\u7C7B\u578B\uFF08'share', 'points', 'refer'\uFF09\u6216\u81EA\u5B9A\u4E49\u7C7B\u578B\n   */\n  type: ChanceMethodType\n\n  /**\n   * \u65B9\u5F0F\u6807\u9898\uFF0C\u5982 \"Share on your socials\"\n   */\n  title: string\n\n  /**\n   * \u8BE6\u7EC6\u8BF4\u660E\u6587\u5B57\n   */\n  description: string\n\n  /**\n   * \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 \"Redeem now\"\n   * @default \"Redeem now\"\n   * @optional\n   */\n  buttonText?: string\n\n  completed?: string\n\n  used?: string\n\n  /**\n   * \u672A\u767B\u5F55\u65F6\u70B9\u51FB GO \u6309\u94AE\u7684\u56DE\u8C03\n   * @example\n   * ```tsx\n   * onLoginRequired={() => {\n   *   // \u6253\u5F00\u767B\u5F55\u5F39\u7A97\u6216\u8DF3\u8F6C\u767B\u5F55\u9875\n   *   router.push('/login')\n   * }}\n   * ```\n   */\n  onLoginRequired?: () => void\n\n  /**\n   * \u70B9\u51FB\u6309\u94AE\u65F6\u7684\u56DE\u8C03\u51FD\u6570\n   * @note \u4E1A\u52A1\u903B\u8F91\uFF08\u5982\u79EF\u5206\u6263\u9664\u3001\u5206\u4EAB\u9A8C\u8BC1\uFF09\u7531\u7236\u7EC4\u4EF6\u5904\u7406\n   */\n  onClick: () => void\n\n  /**\n   * \u662F\u5426\u7981\u7528\u8BE5\u65B9\u5F0F\n   * @default false\n   * @optional\n   */\n  disabled?: boolean\n\n  /**\n   * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u7684\u72B6\u6001\n   * - pending: \u672A\u5B8C\u6210\uFF08\u9ED8\u8BA4\u72B6\u6001\uFF09\n   * - completed: \u5DF2\u5B8C\u6210/\u5DF2\u83B7\u5F97\n   * - used: \u5DF2\u4F7F\u7528\n   * @default \"pending\"\n   * @optional\n   */\n  status?: ChanceMethodStatus\n\n  /**\n   * \u662F\u5426\u663E\u793A\u52A0\u8F7D\u72B6\u6001\n   * @default false\n   * @optional\n   */\n  loading?: boolean\n\n  /**\n   * \u662F\u5426\u5728\u70B9\u51FB\u65F6\u6253\u5F00\u5206\u4EAB\u5F39\u7A97\n   * @default false\n   * @optional\n   */\n  openShareModal?: boolean\n}\n\n/**\n * \u7528\u6237\u6570\u636E\uFF08UserData\uFF09\n *\n * \u4EE3\u8868\u5F53\u524D\u7528\u6237\u7684\u62BD\u5956\u76F8\u5173\u6570\u636E\n *\n * @example\n * ```tsx\n * const userData: UserData = {\n *   isLoggedIn: true,\n *   availableChances: 3,\n *   wonPrizes: [\n *     { id: 'prize-001', name: 'Charger', image: 'https://...', timestamp: 1702800000000 }\n *   ]\n * }\n * ```\n */\nexport interface UserData {\n  /**\n   * \u7528\u6237\u662F\u5426\u5DF2\u767B\u5F55\n   */\n  isLoggedIn: boolean\n\n  /**\n   * \u5F53\u524D\u53EF\u4F7F\u7528\u7684\u62BD\u5956\u6B21\u6570\n   * @default 0\n   */\n  availableChances: number\n\n  /**\n   * \u603B\u673A\u4F1A\u6570\uFF08\u7528\u4E8E\u663E\u793A\u8FDB\u5EA6\uFF0C\u4F8B\u5982 \"3/5\"\uFF09\n   * @default undefined\n   * @optional\n   */\n  totalChances?: number\n\n  /**\n   * \u5DF2\u83B7\u5F97\u7684\u5956\u54C1\u5217\u8868\n   * @optional\n   */\n  wonPrizes?: Array<Prize & { timestamp?: number }>\n\n  /**  * \u7528\u6237\u7535\u5B50\u90AE\u7BB1\uFF08\u53EF\u9009\uFF0C\u7528\u4E8E\u53D1\u9001\u4E2D\u5956\u901A\u77E5\u7B49\uFF09\n   * @optional\n   */\n  email?: string\n\n  /**\n   * \u673A\u4F1A\u6570\u636E\u662F\u5426\u6B63\u5728\u52A0\u8F7D\u4E2D\n   * @optional\n   */\n  isChancesLoading?: boolean\n}\n\n/**\n * \u7F13\u52A8\u51FD\u6570\u7C7B\u578B\n */\nexport type EasingFunction = 'ease-out' | 'ease-in-out' | 'linear'\n\n// ============================================================================\n// \u516C\u5171\u6587\u6848\u914D\u7F6E\u7C7B\u578B\n// ============================================================================\n\n/**\n * \u590D\u5236\u64CD\u4F5C\u76F8\u5173\u6587\u6848\u914D\u7F6E\uFF08\u516C\u5171\u7C7B\u578B\uFF09\n * \u7528\u4E8E\u6240\u6709\u5305\u542B\u590D\u5236\u529F\u80FD\u7684\u7EC4\u4EF6\n */\nexport interface CopyTextConfig {\n  /**\n   * \u590D\u5236\u6309\u94AE\u6587\u672C\n   * @default \"COPY\"\n   */\n  copyText?: string\n\n  /**\n   * \u590D\u5236\u6210\u529F\u540E\u7684\u6309\u94AE\u6587\u672C\n   * @default \"COPIED\"\n   */\n  copiedText?: string\n}\n\n/**\n * \u4F18\u60E0\u7801\u76F8\u5173\u914D\u7F6E\uFF08\u516C\u5171\u7C7B\u578B\uFF09\n * \u7528\u4E8E\u6240\u6709\u5C55\u793A\u4F18\u60E0\u7801\u7684\u7EC4\u4EF6\n */\nexport interface CouponConfig {\n  /**\n   * \u4EE3\u7801\u6587\u672C\u524D\u7F00\n   * @default \"CODE:\"\n   */\n  codeText?: string\n\n  /**\n   * \u4F18\u60E0\u7801\n   */\n  couponCode?: string\n\n  /**\n   * \u4F18\u60E0\u7801\u8FC7\u671F\u65F6\u95F4\n   */\n  expiresAt?: string\n\n  /**\n   * \u6709\u6548\u671F\u6807\u7B7E\u6587\u6848\n   * @default \"Valid until:\"\n   */\n  expiresAtLabel?: string\n\n  /**\n   * \u4F18\u60E0\u5238\u6298\u6263\u6587\u672C\uFF08\u4F8B\u5982 \"20%\"\uFF09\n   */\n  couponDiscount?: string\n\n  /**\n   * \u4F18\u60E0\u5238\u5355\u4F4D\u6587\u672C\n   * @default \"Off\"\n   */\n  couponUnit?: string\n}\n\n/**\n * \u5956\u52B1\u65F6\u95F4\u6587\u6848\u914D\u7F6E\uFF08\u516C\u5171\u7C7B\u578B\uFF09\n */\nexport interface PrizeTimeTextConfig {\n  /**\n   * \u5956\u52B1\u65F6\u95F4\u6587\u672C\u524D\u7F00\n   * @default \"Prize time:\"\n   */\n  prizeText?: string\n}\n\n/**\n * \u4E2D\u5956\u5F39\u7A97\u914D\u7F6E\uFF08WinnerModalConfig\uFF09\n *\n * \u7528\u4E8E\u914D\u7F6E\u4E2D\u5956\u5F39\u7A97\u7684\u5C55\u793A\u5185\u5BB9\uFF0C\u901A\u5E38\u7531\u62BD\u5956\u63A5\u53E3\u8FD4\u56DE\u63D0\u4F9B\n *\n * @example\n * ```tsx\n * const winnerModalConfig: WinnerModalConfig = {\n *   title: 'Congratulations!',\n *   prizeTitle: 'Anker Prime Charger',\n *   prizeImage: 'https://...',\n *   prizeDescription: 'High-speed charging for all your devices',\n *   learnMoreUrl: 'https://...',\n *   learnMoreText: 'View Details',\n *   couponCode: 'ANKER2024',\n *   expiresAt: '2024-12-31',\n *   couponDiscount: '20%',\n *   couponUnit: 'Off',\n *   confirmText: 'Claim Now'\n * }\n * ```\n */\nexport interface WinnerModalConfig extends CopyTextConfig, CouponConfig, PrizeTimeTextConfig {\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u6807\u9898\n   * @default \"You Have Won\"\n   * @optional\n   */\n  title?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u5956\u54C1\u6807\u9898\uFF08\u4F18\u5148\u7EA7\u9AD8\u4E8E prize.name\uFF09\n   * @optional\n   */\n  prizeTitle?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u5956\u54C1\u56FE\u7247 URL\uFF08\u4F18\u5148\u7EA7\u9AD8\u4E8E prize.image\uFF09\n   * @optional\n   */\n  prizeImage?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u5956\u54C1\u8BE6\u60C5\u63CF\u8FF0\n   * @deprecated \u8BED\u4E49\u4E0D\u660E\u786E\uFF0C\u8BF7\u6539\u7528 `winnerNote`\uFF08code/copy \u4E0B\u65B9\u4E13\u7528\u8BF4\u660E\u6587\u5B57\uFF09\n   * @optional\n   */\n  prizeDescription?: string\n\n  /**\n   * code/copy \u533A\u57DF\u6B63\u4E0B\u65B9\u7684\u4E13\u7528\u8BF4\u660E\u6587\u5B57\u3002\n   * \u4EC5\u5728\u660E\u786E\u914D\u7F6E\u65F6\u5C55\u793A\uFF1B\u672A\u914D\u7F6E\u65F6\u4E0D\u6E32\u67D3\u4EFB\u4F55\u5185\u5BB9\u3002\n   * \u4F18\u5148\u7EA7\u9AD8\u4E8E `prizeDescription`\u3002\n   * @optional\n   */\n  winnerNote?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97 Learn More \u94FE\u63A5\n   * @optional\n   */\n  learnMoreUrl?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97 Learn More \u6309\u94AE\u6587\u672C\n   * @default \"Learn More\"\n   * @optional\n   */\n  learnMoreText?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u786E\u8BA4\u6309\u94AE\u6587\u672C\n   * @default \"Okay, Got It\"\n   * @optional\n   */\n  confirmText?: string\n\n  /** \u786E\u8BA4\u6309\u94AE\u8DF3\u8F6C\u94FE\u63A5\uFF0C\u914D\u7F6E\u540E\u70B9\u51FB\u6309\u94AE\u5C06\u5728\u65B0\u6807\u7B7E\u9875\u6253\u5F00\u6B64\u94FE\u63A5 @optional */\n  confirmUrl?: string\n\n  /**\n   * \u786E\u8BA4\u6309\u94AE\u6587\u6848\u522B\u540D\uFF08\u6765\u81EA CMS winningInfos.confirmButton\uFF0C\u7B49\u540C\u4E8E confirmText\uFF09\n   * \u5F53\u540C\u65F6\u63D0\u4F9B\u65F6\uFF0CconfirmButton \u4F18\u5148\u7EA7\u9AD8\u4E8E confirmText\n   * @optional\n   */\n  confirmButton?: string\n}\n\n/**\n * Rules \u5F39\u7A97\u914D\u7F6E\n *\n * @example\n * ```tsx\n * rulesModalConfig={{\n *   rulesData: [\n *     { item: '$100 instead of $200, 10 tickets/day.' },\n *     { item: '$100 for $120, 50 tickets/day.' }\n *   ],\n *   rulesText: 'Game Rules',\n *   rulesTitle: 'Activity Rules'\n * }}\n * ```\n */\nexport interface RulesModalConfig {\n  /**\n   * \u89C4\u5219\u6570\u636E\u5217\u8868\n   * @optional\n   */\n  rulesData?: Array<{\n    /**\n     * \u89C4\u5219\u9879\u5185\u5BB9\n     */\n    item: string\n  }>\n\n  /**\n   * Rules \u6309\u94AE\u6587\u672C\n   * @default \"Rules\"\n   * @optional\n   */\n  rulesText?: string\n\n  /**\n   * \u5F39\u7A97\u6807\u9898\n   * @default \"Rules\"\n   * @optional\n   */\n  rulesTitle?: string\n}\n\n/**\n * ProductLottery \u9876\u680F\u53F3\u4FA7\u8DF3\u8F6C\u6309\u94AE\u914D\u7F6E\n */\nexport interface ActionButtonConfig {\n  /**\n   * \u6309\u94AE\u6587\u672C\uFF1B\u4E3A\u7A7A\u65F6\u4E0D\u5C55\u793A\n   */\n  text?: string\n\n  /**\n   * \u8DF3\u8F6C\u94FE\u63A5\uFF1B\u4E3A\u7A7A\u65F6\u4E0D\u5C55\u793A\n   */\n  url?: string\n}\n\n/**\n * My Rewards \u5F39\u7A97\u914D\u7F6E\n *\n * @example\n * ```tsx\n * myRewardsModalConfig={{\n *   rewardsData: [\n *     {\n *       id: '1',\n *       name: 'Anker Charger',\n *       code: 'ANKER2024',\n *       status: 'Available',\n *       prizeTime: '2024-01-01',\n *       showCopyCode: true\n *     }\n *   ],\n *   myRewardsText: 'My Prizes',\n *   codeText: 'CODE:',\n *   copyText: 'COPY',\n *   prizeText: 'Prize time:',\n *   emptyText: 'No rewards yet'\n * }}\n * ```\n */\nexport interface MyRewardsModalConfig extends CopyTextConfig, PrizeTimeTextConfig {\n  /**\n   * \u5956\u52B1\u6570\u636E\u5217\u8868\n   * @optional\n   */\n  rewardsData?: Array<{\n    /**\n     * \u5956\u52B1 ID\n     */\n    id: string\n    /**\n     * \u5956\u52B1\u540D\u79F0\n     */\n    name: string\n    /**\n     * \u4F18\u60E0\u7801\uFF08\u53EF\u9009\uFF09\n     */\n    code?: string\n    /**\n     * \u72B6\u6001\n     */\n    status: 'Available' | 'Expired' | 'Used'\n    /**\n     * \u5956\u52B1\u65F6\u95F4\n     */\n    prizeTime?: string\n    /**\n     * \u662F\u5426\u53EF\u590D\u5236\u7801\n     */\n    showCopyCode?: boolean\n    /**\n     * \u6BCF\u5956\u52B1\u53EF\u914D\u7F6E\u7684\u663E\u793A\u6587\u6848\uFF08\u8986\u76D6\u5168\u5C40 status label \u6620\u5C04\uFF09\n     * @optional\n     */\n    statusText?: string\n\n    /**\n     * \u662F\u5426\u53EF\u7528\uFF08\u7528\u4E8E\u63A7\u5236\u989C\u8272\u548C\u590D\u5236\u6309\u94AE\u72B6\u6001\uFF09\n     * @optional\n     */\n    available?: boolean\n  }>\n\n  /**\n   * My Rewards \u6309\u94AE\u6587\u672C\n   * @default \"My Rewards\"\n   * @optional\n   */\n  myRewardsText?: string\n\n  /**\n   * \u5F39\u7A97\u6807\u9898\n   * @default \"My Rewards\"\n   * @optional\n   */\n  myRewardsTitle?: string\n\n  /**\n   * \u4EE3\u7801\u6587\u672C\u524D\u7F00\n   * @default \"CODE:\"\n   * @optional\n   */\n  codeText?: string\n\n  /**\n   * \u7A7A\u72B6\u6001\u63D0\u793A\u6587\u672C\n   * @default \"No rewards yet\"\n   * @optional\n   */\n  emptyText?: string\n\n  /**\n   * \u590D\u5236\u5931\u8D25\u63D0\u793A\u6587\u6848\n   * @optional\n   */\n  copyError?: string\n\n  /**\n   * \u53EF\u7528\u72B6\u6001\u6587\u6848\n   * @default \"Available\"\n   * @optional\n   */\n  availableText?: string\n\n  /**\n   * \u5DF2\u4F7F\u7528\u72B6\u6001\u6587\u6848\n   * @default \"Used\"\n   * @optional\n   */\n  usedStatusText?: string\n\n  /**\n   * \u5DF2\u8FC7\u671F\u72B6\u6001\u6587\u6848\n   * @default \"Expired\"\n   * @optional\n   */\n  expiredText?: string\n\n  /**\n   * \u672A\u77E5\u72B6\u6001\u6587\u6848\n   * @optional\n   */\n  notFoundText?: string\n}\n\n/**\n * \u9519\u8BEF\u5F39\u7A97\u914D\u7F6E\n * @example\n * ```tsx\n * errorModalConfig={{\n *  title: 'Oops!',\n *  message: 'Something went wrong during the lottery process.',\n * confirmText: 'OK, I get'\n * }}\n * ```\n */\nexport interface ErrorModalConfig {\n  /**\n   * \u5F39\u7A97\u6807\u9898\n   * @default \"Oops!\"\n   * @optional\n   */\n  title?: string\n  /**\n   * \u9519\u8BEF\u6D88\u606F\u5185\u5BB9\n   * @default \"Something went wrong during the lottery process.\"\n   * @optional\n   */\n  message?: string\n  /**\n   * \u786E\u8BA4\u6309\u94AE\u6587\u672C\n   * @default \"OK, I get\"\n   * @optional\n   */\n  confirmText?: string\n  /** \u5151\u6362\u5931\u8D25\u65F6\u663E\u793A\u7684\u5F39\u7A97\u6807\u9898\uFF08\u6765\u81EA CMS error.exchangeFailedTitle\uFF09 @optional */\n  exchangeFailedTitle?: string\n  /** \u5151\u6362\u5931\u8D25\u65F6\u663E\u793A\u7684\u9519\u8BEF\u6D88\u606F\uFF08\u6765\u81EA CMS error.exchangeFailedMessage\uFF09 @optional */\n  exchangeFailedMessage?: string\n}\n\n/**\n * \u672A\u4E2D\u5956 / Try Again \u5F39\u7A97\u914D\u7F6E\uFF08\u6765\u81EA CMS tryAgain group\uFF09\n */\nexport interface TryAgainConfig {\n  /** \u672A\u4E2D\u5956\u5F39\u7A97\u6807\u9898 @optional */\n  title?: string\n  /** \u672A\u4E2D\u5956\u5F39\u7A97\u6D88\u606F\u5185\u5BB9 @optional */\n  message?: string\n  /** \u786E\u8BA4\u6309\u94AE\u6587\u6848 @optional */\n  confirmText?: string\n}\n\n/**\n * \u9519\u8BEF\u5F39\u7A97\u914D\u7F6E\uFF08CMS: error group\uFF09\n */\nexport interface ErrorConfig {\n  title?: string\n  defaultMessage?: string\n  confirmButton?: string\n  exchangeFailedTitle?: string\n  exchangeFailedMessage?: string\n}\n\n/**\n * \u793E\u4EA4\u5E73\u53F0\u7C7B\u578B\n */\nexport type SocialPlatform = 'facebook' | 'twitter' | 'instagram' | 'linkedin' | 'tiktok' | 'youtube'\n\n/**\n * \u793E\u4EA4\u5E73\u53F0\u914D\u7F6E\n */\nexport interface SharePlatformConfig {\n  /**\n   * \u5E73\u53F0\u7C7B\u578B\n   */\n  platform: SocialPlatform\n\n  /**\n   * \u5E73\u53F0\u540D\u79F0\n   */\n  name: string\n\n  /**\n   * \u5206\u4EAB URL\uFF08\u53EF\u9009\uFF0C\u5982\u679C\u63D0\u4F9B\u5219\u76F4\u63A5\u8DF3\u8F6C\uFF09\n   */\n  url?: string\n\n  /**\n   * \u70B9\u51FB\u56DE\u8C03\uFF08\u5982\u679C\u63D0\u4F9B url \u5219\u6B64\u56DE\u8C03\u4F1A\u5728\u8DF3\u8F6C\u524D\u6267\u884C\uFF09\n   */\n  onClick?: () => void\n\n  /**\n   * \u662F\u5426\u7981\u7528\n   */\n  disabled?: boolean\n}\n\n/**\n * \u5206\u4EAB\u5F39\u7A97\u914D\u7F6E\n */\nexport interface ShareModalConfig {\n  /**\n   * \u5F39\u7A97\u6807\u9898\n   * @default \"Share to Get More Chances\"\n   */\n  title?: string\n\n  /**\n   * \u526F\u6807\u9898/\u5F15\u5BFC\u6587\u6848\n   * @default \"Share to Play Again Keep Trying! You Could Still Win Big!\"\n   */\n  subtitle?: string\n\n  /**\n   * \u5E95\u90E8\u63D0\u793A\u6587\u6848\n   * @default \"Note: Maximum of 3 times per participant.\"\n   */\n  note?: string\n\n  /**\n   * \u793E\u4EA4\u5E73\u53F0\u914D\u7F6E\u5217\u8868\n   */\n  platforms?: SharePlatformConfig[]\n\n  /**\n   * \u5206\u4EAB\u6210\u529F\u56DE\u8C03\n   */\n  onShareSuccess?: (platform: SocialPlatform) => void\n}\n\n// ============================================================================\n// \u5B50\u7EC4\u4EF6 Props \u63A5\u53E3\n// ============================================================================\n\n/**\n * PrizePool \u5956\u54C1\u6C60\u7EC4\u4EF6 Props\n */\nexport interface PrizePoolProps {\n  /**\n   * \u4E3B\u9898\u6A21\u5F0F\n   * @optional\n   */\n  theme?: Theme\n\n  /**\n   * \u5956\u54C1\u5217\u8868(\u901A\u5E38\u662F\u5168\u90E8 8 \u4E2A\u5956\u54C1)\n   */\n  prizes: Prize[]\n\n  /**\n   * \u6807\u9898\u6587\u672C\n   * @default \"Prize Pool\"\n   */\n  title?: string\n\n  /**\n   * \u4E2D\u5956\u4EBA\u540D\u5355\u6570\u636E\n   * @optional\n   */\n  winningInfos?: WinningInfo[]\n\n  /**\n   * \u81EA\u5B9A\u4E49\u7C7B\u540D\n   */\n  className?: string\n\n  /**\n   * \u4E2D\u5956\u6EDA\u52A8 Ticker \u6587\u6848\u6A21\u677F\n   * \u652F\u6301\u53D8\u91CF\uFF1A{{name}} \u83B7\u5956\u8005\u6635\u79F0\uFF0C{{prize}} \u5956\u54C1\u540D\u79F0\n   * @default \"{{name}} just won {{prize}}!\"\n   * @optional\n   */\n  winnerNameTemplate?: string\n}\n\n/** \u6D3B\u52A8\u673A\u5236\u6A21\u5F0F */\nexport type ChanceMechanismType = 'methods' | 'input'\n\n/** \u8F93\u5165\u6846\u914D\u7F6E\uFF08\u4EC5 mechanismType='input' \u65F6\u4F7F\u7528\uFF09 */\nexport interface ChanceInputConfig {\n  /** \u8F93\u5165\u6846\u5360\u4F4D\u6587\u672C @default \"Enter your order number\" */\n  placeholder?: string\n  /** \u63D0\u4EA4\u6309\u94AE\u6587\u6848 @default \"Spin and Win\" */\n  submitText?: string\n  /** \u8F93\u5165\u503C\u63D0\u4EA4\u56DE\u8C03 */\n  onSubmit?: (value: string) => void | Promise<void>\n  /** \u662F\u5426\u6B63\u5728\u63D0\u4EA4 */\n  isSubmitting?: boolean\n  /** \u63D0\u4EA4\u4E2D\u7684 loading \u6309\u94AE\u6587\u6848 @default \"Loading...\" */\n  loadingText?: string\n  /** \u8F93\u5165\u6846\u7C7B\u578B @default \"text\" */\n  inputType?: 'text' | 'email' | 'number'\n  /** \u9A8C\u8BC1\u6B63\u5219 (\u53EF\u9009) */\n  validationPattern?: string\n  /** \u9A8C\u8BC1\u5931\u8D25\u63D0\u793A\u6587\u6848 */\n  validationErrorText?: string\n  /** \u8F93\u5165\u6846\u9ED8\u8BA4\u503C\uFF08\u5982\u767B\u5F55\u7528\u6237 email\uFF0C\u652F\u6301\u5F02\u6B65\u586B\u5145\uFF09 @optional */\n  defaultValue?: string\n\n  /** \u63A5\u5165\u65B9\u6309\u9700\u7981\u7528\u8F93\u5165\u6846\u5185\u5BB9\u66F4\u6539 */\n  disabled?: boolean\n\n  /** \u662F\u5426\u7981\u6B62\u6D4F\u89C8\u5668\u81EA\u52A8\u586B\u5145\uFF08\u5C24\u5176\u662F email \u81EA\u52A8\u586B\u5145\uFF09 */\n  disableAutofill?: boolean\n\n  /** \u534F\u8BAE\u544A\u77E5\u5BCC\u6587\u672C\uFF1B\u914D\u7F6E\u65F6\u624D\u5C55\u793A\u534F\u8BAE\u52FE\u9009 UI */\n  agreementNotice?: string | SerializedEditorState<SerializedLexicalNode>\n\n  /** \u534F\u8BAE\u672A\u52FE\u9009\u65F6\u7684\u63D0\u793A\u6587\u6848\uFF1B\u914D\u7F6E\u534F\u8BAE\u540E\u70B9\u51FB\u63D0\u4EA4\u4F46\u672A\u52FE\u9009\u65F6\u5C55\u793A */\n  agreementWarningText?: string\n\n  /** \u8F93\u5165\u6A21\u5F0F\u63D0\u4EA4\u6309\u94AE\u70B9\u51FB\u57CB\u70B9\uFF1Adata-headless-type-name */\n  submitTrackTypeName?: string\n\n  /** \u8F93\u5165\u6A21\u5F0F\u63D0\u4EA4\u6309\u94AE\u70B9\u51FB\u57CB\u70B9\uFF1Adata-headless-title-desc-button */\n  submitTrackTitleDescButton?: string\n}\n\n/**\n * ChanceMethods \u83B7\u53D6\u673A\u4F1A\u7EC4\u4EF6 Props\n */\nexport interface ChanceMethodsProps {\n  /**\n   * \u4E3B\u9898\u6A21\u5F0F\n   * @optional\n   */\n  theme?: Theme\n\n  /**\n   * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u5217\u8868\n   */\n  methods: ChanceMethod[]\n\n  /**\n   * \u6807\u9898\u6587\u672C\n   * @default \"Want more chances to win?\"\n   */\n  title?: string\n\n  /**\n   * \u526F\u6807\u9898(\u53EF\u9009)\n   */\n  subtitle?: string\n\n  /**\n   * \u5E95\u90E8\u63D0\u793A\u6587\u672C(\u53EF\u9009)\n   */\n  footerNote?: string\n\n  /**\n   * \u767B\u5F55\u7528\u6237\u6570\u636E\uFF08\u53EF\u9009\uFF09\n   * @optional\n   */\n  userData?: UserData\n\n  /**\n   * \u6253\u5F00\u5206\u4EAB\u5F39\u7A97\u56DE\u8C03\uFF08\u53EF\u9009\uFF09\n   * @optional\n   */\n  onOpenShareModal?: () => void\n\n  /**\n   * \u5FBD\u7AE0\u6587\u6848\n   * @default \"Chance +1\"\n   */\n  chanceBadgeText?: string\n\n  /**\n   * \u5DF2\u5B8C\u6210\u72B6\u6001\u6587\u6848\n   * @default \"Completed\"\n   */\n  completedText?: string\n\n  /**\n   * \u5DF2\u4F7F\u7528\u72B6\u6001\u6587\u6848\n   * @default \"Used\"\n   */\n  usedText?: string\n\n  /**\n   * \u52A0\u8F7D\u4E2D\u6587\u6848\n   * @default \"Loading...\"\n   */\n  loadingText?: string\n\n  /**\n   * \u81EA\u5B9A\u4E49\u7C7B\u540D\n   */\n  className?: string\n\n  /** \u6D3B\u52A8\u673A\u5236\u6A21\u5F0F @default 'methods' */\n  mechanismType?: ChanceMechanismType\n  /** \u8F93\u5165\u6846\u914D\u7F6E\uFF08\u4EC5 mechanismType='input' \u65F6\u4F7F\u7528\uFF09 */\n  inputConfig?: ChanceInputConfig\n\n  /** \u534F\u8BAE\u662F\u5426\u5DF2\u52FE\u9009\uFF08\u4F9B\u5916\u5C42\u7EDF\u4E00\u63A7\u5236\u5DE6\u53F3\u4E24\u4FA7\u62BD\u5956\u5165\u53E3\uFF09 */\n  isAgreementChecked?: boolean\n\n  /** \u534F\u8BAE\u52FE\u9009\u72B6\u6001\u53D8\u66F4\u56DE\u8C03 */\n  onAgreementCheckedChange?: (checked: boolean) => void\n\n  /** \u5916\u5C42\u6CE8\u5165\u7684\u534F\u8BAE\u63D0\u793A\u6587\u6848\uFF08\u7528\u4E8E\u7EDF\u4E00\u62E6\u622A\u5DE6\u53F3\u4E24\u4FA7\u62BD\u5956\u5165\u53E3\u65F6\u5C55\u793A\u5728\u6309\u94AE\u4E0B\u65B9\uFF09 */\n  agreementErrorText?: string\n}\n\n/**\n * WinnerModal \u4E2D\u5956\u5F39\u7A97\u7EC4\u4EF6 Props\n */\nexport interface WinnerModalProps extends CopyTextConfig, CouponConfig, PrizeTimeTextConfig {\n  /**\n   * \u662F\u5426\u663E\u793A\u5F39\u7A97\n   */\n  isOpen: boolean\n\n  /**\n   * \u4E2D\u5956\u5956\u54C1\u4FE1\u606F\n   */\n  prize: Prize | null\n\n  /**\n   * \u5F39\u7A97\u6807\u9898\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4 \"You Have Won\"\uFF09\n   */\n  title?: string\n\n  /**\n   * \u5956\u54C1\u6807\u9898\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4\u4F7F\u7528 prize.name\uFF09\n   */\n  prizeTitle?: string\n\n  /**\n   * \u5956\u54C1\u56FE\u7247 URL\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4\u4F7F\u7528 prize.image\uFF09\n   */\n  prizeImage?: string\n\n  /**\n   * \u5956\u54C1\u8BE6\u60C5\u63CF\u8FF0\uFF08\u53EF\u9009\uFF09\n   * @deprecated \u8BED\u4E49\u4E0D\u660E\u786E\uFF0C\u8BF7\u6539\u7528 `winnerNote`\uFF08code/copy \u4E0B\u65B9\u4E13\u7528\u8BF4\u660E\u6587\u5B57\uFF09\n   */\n  prizeDescription?: string\n\n  /**\n   * code/copy \u533A\u57DF\u6B63\u4E0B\u65B9\u7684\u4E13\u7528\u8BF4\u660E\u6587\u5B57\u3002\n   * \u4EC5\u5728\u660E\u786E\u914D\u7F6E\u65F6\u5C55\u793A\uFF1B\u672A\u914D\u7F6E\u65F6\u4E0D\u6E32\u67D3\u4EFB\u4F55\u5185\u5BB9\u3002\n   * \u4F18\u5148\u7EA7\u9AD8\u4E8E `prizeDescription`\u3002\n   * @optional\n   */\n  winnerNote?: string\n\n  /**\n   * Learn More \u94FE\u63A5\uFF08\u53EF\u9009\uFF09\n   */\n  learnMoreUrl?: string\n\n  /**\n   * Learn More \u6309\u94AE\u6587\u672C\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4 \"Learn More\"\uFF09\n   */\n  learnMoreText?: string\n\n  /**\n   * \u590D\u5236\u7801\u70B9\u51FB\u56DE\u8C03\n   */\n  onCopyCode?: (code: string) => void\n\n  /**\n   * \u5173\u95ED\u5F39\u7A97\u56DE\u8C03\n   */\n  onClose: () => void\n\n  /**\n   * \u786E\u8BA4\u6309\u94AE\u6587\u672C\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4 \"Okay, Got It\"\uFF09\n   */\n  confirmText?: string\n\n  /**\n   * \u786E\u8BA4\u6309\u94AE\u6587\u6848\u522B\u540D\uFF08\u6765\u81EA CMS winningInfos.confirmButton\uFF0C\u7B49\u540C\u4E8E confirmText\uFF09\n   * \u5F53\u540C\u65F6\u63D0\u4F9B\u65F6\uFF0CconfirmButton \u4F18\u5148\u7EA7\u9AD8\u4E8E confirmText\n   * @optional\n   */\n  confirmButton?: string\n\n  /** \u786E\u8BA4\u6309\u94AE\u8DF3\u8F6C\u94FE\u63A5 @optional */\n  confirmUrl?: string\n\n  /**\n   * \u786E\u8BA4\u6309\u94AE\u70B9\u51FB\u56DE\u8C03\uFF08\u53EF\u9009\uFF09\n   */\n  onConfirm?: () => void\n\n  /**\n   * \u81EA\u5B9A\u4E49\u7C7B\u540D\n   */\n  className?: string\n}\n\n// ============================================================================\n// \u9ED8\u8BA4\u914D\u7F6E\n// ============================================================================\n\n/**\n * \u9ED8\u8BA4\u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\uFF083\u79CD\uFF09\n * @note \u7236\u7EC4\u4EF6\u9700\u8981\u8986\u76D6 onClick \u56DE\u8C03\u4EE5\u5B9E\u73B0\u5177\u4F53\u4E1A\u52A1\u903B\u8F91\n */\nexport const DEFAULT_CHANCE_METHODS: ChanceMethod[] = [\n  {\n    methodKey: 'default-share',\n    type: 'share',\n    title: 'Share on your socials',\n    description: 'Share this event on your social media',\n    buttonText: 'Redeem now',\n    onLoginRequired: () => {\n      alert('Please log in to share and get a chance!')\n    },\n    onClick: () => {\n      console.warn('ChanceMethod.onClick not implemented. Please provide a custom onClick handler.')\n    },\n    disabled: false,\n  },\n  {\n    methodKey: 'default-points',\n    type: 'points',\n    title: 'Spend 100 points',\n    description: 'Use your reward points to get a chance',\n    buttonText: 'Redeem now',\n    onLoginRequired: () => {\n      alert('Please log in to share and get a chance!')\n    },\n    onClick: () => {\n      console.warn('ChanceMethod.onClick not implemented. Please provide a custom onClick handler.')\n    },\n    disabled: false,\n  },\n  {\n    methodKey: 'default-refer',\n    type: 'refer',\n    title: 'Refer a friend',\n    description: 'Invite your friends to join',\n    buttonText: 'Redeem now',\n    onLoginRequired: () => {\n      alert('Please log in to share and get a chance!')\n    },\n    onClick: () => {\n      console.warn('ChanceMethod.onClick not implemented. Please provide a custom onClick handler.')\n    },\n    disabled: false,\n  },\n]\n\n// ============================================================================\n// \u7C7B\u578B\u5B88\u536B\n// ============================================================================\n\n/**\n * \u68C0\u67E5\u662F\u5426\u4E3A\u6709\u6548\u7684 Prize \u5BF9\u8C61\n * @param value \u5F85\u68C0\u67E5\u7684\u503C\n * @returns \u662F\u5426\u4E3A\u6709\u6548\u7684 Prize\n */\nexport function isPrize(value: unknown): value is Prize {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'prizeKey' in value &&\n    'name' in value &&\n    'image' in value &&\n    typeof (value as Prize).prizeKey === 'string' &&\n    typeof (value as Prize).name === 'string' &&\n    typeof (value as Prize).image === 'object'\n  )\n}\n\n/**\n * \u68C0\u67E5\u662F\u5426\u4E3A\u6709\u6548\u7684 ChanceMethod \u5BF9\u8C61\n * @param value \u5F85\u68C0\u67E5\u7684\u503C\n * @returns \u662F\u5426\u4E3A\u6709\u6548\u7684 ChanceMethod\n */\nexport function isChanceMethod(value: unknown): value is ChanceMethod {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'methodKey' in value &&\n    'type' in value &&\n    'title' in value &&\n    'description' in value &&\n    'onClick' in value &&\n    typeof (value as ChanceMethod).methodKey === 'string' &&\n    typeof (value as ChanceMethod).type === 'string' &&\n    typeof (value as ChanceMethod).title === 'string' &&\n    typeof (value as ChanceMethod).description === 'string' &&\n    typeof (value as ChanceMethod).onClick === 'function'\n  )\n}\n\n/**\n * \u68C0\u67E5\u662F\u5426\u4E3A\u6709\u6548\u7684 WinningInfo \u5BF9\u8C61\n * @param value \u5F85\u68C0\u67E5\u7684\u503C\n * @returns \u662F\u5426\u4E3A\u6709\u6548\u7684 WinningInfo\n */\nexport function isWinningInfo(value: unknown): value is WinningInfo {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'winningKey' in value &&\n    'userName' in value &&\n    'prizeName' in value &&\n    typeof (value as WinningInfo).winningKey === 'string' &&\n    typeof (value as WinningInfo).userName === 'string' &&\n    typeof (value as WinningInfo).prizeName === 'string'\n  )\n}\n\n// ============================================================================\n// \u5BFC\u51FA\u7C7B\u578B\u522B\u540D\uFF08\u7528\u4E8E\u7B80\u5316\u4F7F\u7528\uFF09\n// ============================================================================\n\n/**\n * \u62BD\u5956\u56DE\u8C03\u51FD\u6570\u7C7B\u578B\n */\nexport type OnSpinEndCallback = (prize: Prize) => void\n\n/**\n * \u83B7\u53D6\u673A\u4F1A\u70B9\u51FB\u56DE\u8C03\u51FD\u6570\u7C7B\u578B\n */\nexport type OnChanceMethodClick = () => void\n"],
-  "mappings": "AAogCO,MAAMA,EAAyC,CACpD,CACE,UAAW,gBACX,KAAM,QACN,MAAO,wBACP,YAAa,wCACb,WAAY,aACZ,gBAAiB,IAAM,CACrB,MAAM,0CAA0C,CAClD,EACA,QAAS,IAAM,CACb,QAAQ,KAAK,gFAAgF,CAC/F,EACA,SAAU,EACZ,EACA,CACE,UAAW,iBACX,KAAM,SACN,MAAO,mBACP,YAAa,yCACb,WAAY,aACZ,gBAAiB,IAAM,CACrB,MAAM,0CAA0C,CAClD,EACA,QAAS,IAAM,CACb,QAAQ,KAAK,gFAAgF,CAC/F,EACA,SAAU,EACZ,EACA,CACE,UAAW,gBACX,KAAM,QACN,MAAO,iBACP,YAAa,8BACb,WAAY,aACZ,gBAAiB,IAAM,CACrB,MAAM,0CAA0C,CAClD,EACA,QAAS,IAAM,CACb,QAAQ,KAAK,gFAAgF,CAC/F,EACA,SAAU,EACZ,CACF,EAWO,SAASC,EAAQC,EAAgC,CACtD,OACE,OAAOA,GAAU,UACjBA,IAAU,MACV,aAAcA,GACd,SAAUA,GACV,UAAWA,GACX,OAAQA,EAAgB,UAAa,UACrC,OAAQA,EAAgB,MAAS,UACjC,OAAQA,EAAgB,OAAU,QAEtC,CAOO,SAASC,EAAeD,EAAuC,CACpE,OACE,OAAOA,GAAU,UACjBA,IAAU,MACV,cAAeA,GACf,SAAUA,GACV,UAAWA,GACX,gBAAiBA,GACjB,YAAaA,GACb,OAAQA,EAAuB,WAAc,UAC7C,OAAQA,EAAuB,MAAS,UACxC,OAAQA,EAAuB,OAAU,UACzC,OAAQA,EAAuB,aAAgB,UAC/C,OAAQA,EAAuB,SAAY,UAE/C,CAOO,SAASE,EAAcF,EAAsC,CAClE,OACE,OAAOA,GAAU,UACjBA,IAAU,MACV,eAAgBA,GAChB,aAAcA,GACd,cAAeA,GACf,OAAQA,EAAsB,YAAe,UAC7C,OAAQA,EAAsB,UAAa,UAC3C,OAAQA,EAAsB,WAAc,QAEhD",
+  "sourcesContent": ["/**\n * \u62BD\u5956\u7EC4\u4EF6\u5171\u4EAB\u7C7B\u578B\u5B9A\u4E49\n *\n * \u5305\u542B\u6240\u6709\u62BD\u5956\u7EC4\u4EF6\uFF08WheelLottery, ProductLottery \u7B49\uFF09\u5171\u7528\u7684\u7C7B\u578B\u3001\u63A5\u53E3\u548C\u5E38\u91CF\u3002\n *\n * @module LotterySharedTypes\n * @date 2026-04-07\n */\n\nimport type { Theme, Img } from '../../types/props.js'\nimport type { SerializedEditorState, SerializedLexicalNode } from '@payloadcms/richtext-lexical/lexical'\n\n// Re-export Theme and Img for convenience\nexport type { Theme, Img }\n\n// ============================================================================\n// \u6838\u5FC3\u5B9E\u4F53\u7C7B\u578B\n// ============================================================================\n\n/**\n * \u5956\u54C1\uFF08Prize\uFF09\n *\n * \u4EE3\u8868\u62BD\u5956\u6D3B\u52A8\u4E2D\u7684\u4E00\u4E2A\u5956\u54C1\uFF0C\u5305\u542B\u663E\u793A\u6240\u9700\u7684\u6240\u6709\u4FE1\u606F\u3002\n *\n * @example\n * ```tsx\n * const prize: Prize = {\n *   prizeKey: 'prize-001',\n *   name: 'Anker Prime Charger (100W, 3 Ports, GaN)',\n *   image: { url: 'https://images.unsplash.com/photo-123', alt: 'Charger' },\n *   rank: '1st',\n *   price: '$79.99'\n * }\n * ```\n */\nexport interface Prize {\n  /**\n   * \u552F\u4E00\u6807\u8BC6\u7B26\uFF0C\u7528\u4E8E React key \u548C\u4E2D\u5956\u7ED3\u679C\u5339\u914D\n   */\n  prizeKey: string\n\n  /**\n   * \u5956\u54C1\u540D\u79F0\uFF0C\u663E\u793A\u5728\u8F6C\u76D8\u548C\u5956\u6C60\u4E2D\n   * @maxLength 100\n   */\n  name: string\n\n  /**\n   * \u5956\u54C1\u56FE\u7247\u5BF9\u8C61\uFF0C\u5305\u542B url \u548C alt\n   */\n  image: Img\n\n  /**\n   * \u6392\u540D\u6807\u8BC6\uFF0C\u4EC5\u5728 Prize Pool \u4E2D\u663E\u793A\n   * @optional\n   */\n  rank?: '1st' | '2nd' | '3rd'\n\n  /**\n   * \u4EF7\u683C\u6216\u6298\u6263\u4FE1\u606F\uFF0C\u663E\u793A\u5728\u5956\u6C60\u4E2D\n   * @example \"$99.99\" | \"12% Off\"\n   * @optional\n   */\n  price?: string\n\n  /** \u5956\u54C1\u7EF4\u5EA6\u7684\u4E2D\u5956\u5F39\u7A97\u8986\u76D6\u914D\u7F6E\uFF1B\u672A\u914D\u7F6E\u65F6\u7531\u63A5\u5165\u5C42\u56DE\u9000\u5230\u5168\u5C40\u914D\u7F6E */\n  winnerModalConfig?: {\n    winnerNote?: string\n    confirmText?: string\n    confirmUrl?: string\n    learnMoreUrl?: string\n    learnMoreText?: string\n  }\n}\n\n/**\n * \u4E2D\u5956\u4FE1\u606F\uFF08WinningInfo\uFF09\n *\n * \u4EE3\u8868\u4E00\u6761\u4E2D\u5956\u8BB0\u5F55\uFF0C\u7528\u4E8E\u5E95\u90E8\u6EDA\u52A8\u6761\u5C55\u793A\uFF0C\u8425\u9020\u6D3B\u52A8\u6C1B\u56F4\u3002\n *\n * @example\n * ```tsx\n * const winningInfo: WinningInfo = {\n *   winningKey: 'win-001',\n *   userName: 'Shuqi***',\n *   prizeName: '12% Off Discount',\n *   timestamp: 1702800000000\n * }\n * ```\n */\nexport interface WinningInfo {\n  /**\n   * \u552F\u4E00\u6807\u8BC6\u7B26\n   */\n  winningKey: string\n\n  /**\n   * \u7528\u6237\u540D\uFF08\u5DF2\u8131\u654F\uFF09\uFF0C\u5982 \"Shuqi***\"\n   * @note \u5047\u8BBE\u4F20\u5165\u7684\u7528\u6237\u540D\u5DF2\u7ECF\u8FC7\u8131\u654F\u5904\u7406\uFF0C\u7EC4\u4EF6\u5185\u90E8\u4E0D\u518D\u5904\u7406\n   */\n  userName: string\n\n  /**\n   * \u4E2D\u5956\u5956\u54C1\u540D\u79F0\n   */\n  prizeName: string\n\n  /**\n   * \u4E2D\u5956\u65F6\u95F4\u6233\uFF08\u6BEB\u79D2\uFF09\n   * @optional\n   */\n  timestamp?: number\n}\n\n/**\n * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u7C7B\u578B\n */\nexport type ChanceMethodType = 'share' | 'points' | 'refer' | string\n\n/**\n * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u72B6\u6001\n */\nexport type ChanceMethodStatus = 'pending' | 'completed' | 'used'\n\n/**\n * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\uFF08ChanceMethod\uFF09\n *\n * \u4EE3\u8868\u4E00\u79CD\u83B7\u53D6\u62BD\u5956\u673A\u4F1A\u7684\u65B9\u5F0F\uFF0C\u652F\u6301\u7075\u6D3B\u914D\u7F6E\uFF08\u5206\u4EAB\u3001\u79EF\u5206\u3001\u63A8\u8350\u7B49\uFF09\u3002\n *\n * @example\n * ```tsx\n * const chanceMethod: ChanceMethod = {\n *   methodKey: 'share-001',\n *   type: 'share',\n *   title: 'Share on your socials',\n *   description: 'Share this event on your social media',\n *   buttonText: 'Redeem now',\n *   onClick: () => console.log('Share clicked'),\n *   disabled: false,\n *   status: 'pending'\n * }\n * ```\n */\nexport interface ChanceMethod {\n  /**\n   * \u552F\u4E00\u6807\u8BC6\u7B26\n   */\n  methodKey: string\n\n  /**\n   * \u65B9\u5F0F\u7C7B\u578B\uFF0C\u652F\u6301\u9884\u5B9A\u4E49\u7C7B\u578B\uFF08'share', 'points', 'refer'\uFF09\u6216\u81EA\u5B9A\u4E49\u7C7B\u578B\n   */\n  type: ChanceMethodType\n\n  /**\n   * \u65B9\u5F0F\u6807\u9898\uFF0C\u5982 \"Share on your socials\"\n   */\n  title: string\n\n  /**\n   * \u8BE6\u7EC6\u8BF4\u660E\u6587\u5B57\n   */\n  description: string\n\n  /**\n   * \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 \"Redeem now\"\n   * @default \"Redeem now\"\n   * @optional\n   */\n  buttonText?: string\n\n  completed?: string\n\n  used?: string\n\n  /**\n   * \u672A\u767B\u5F55\u65F6\u70B9\u51FB GO \u6309\u94AE\u7684\u56DE\u8C03\n   * @example\n   * ```tsx\n   * onLoginRequired={() => {\n   *   // \u6253\u5F00\u767B\u5F55\u5F39\u7A97\u6216\u8DF3\u8F6C\u767B\u5F55\u9875\n   *   router.push('/login')\n   * }}\n   * ```\n   */\n  onLoginRequired?: () => void\n\n  /**\n   * \u70B9\u51FB\u6309\u94AE\u65F6\u7684\u56DE\u8C03\u51FD\u6570\n   * @note \u4E1A\u52A1\u903B\u8F91\uFF08\u5982\u79EF\u5206\u6263\u9664\u3001\u5206\u4EAB\u9A8C\u8BC1\uFF09\u7531\u7236\u7EC4\u4EF6\u5904\u7406\n   */\n  onClick: () => void\n\n  /**\n   * \u662F\u5426\u7981\u7528\u8BE5\u65B9\u5F0F\n   * @default false\n   * @optional\n   */\n  disabled?: boolean\n\n  /**\n   * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u7684\u72B6\u6001\n   * - pending: \u672A\u5B8C\u6210\uFF08\u9ED8\u8BA4\u72B6\u6001\uFF09\n   * - completed: \u5DF2\u5B8C\u6210/\u5DF2\u83B7\u5F97\n   * - used: \u5DF2\u4F7F\u7528\n   * @default \"pending\"\n   * @optional\n   */\n  status?: ChanceMethodStatus\n\n  /**\n   * \u662F\u5426\u663E\u793A\u52A0\u8F7D\u72B6\u6001\n   * @default false\n   * @optional\n   */\n  loading?: boolean\n\n  /**\n   * \u662F\u5426\u5728\u70B9\u51FB\u65F6\u6253\u5F00\u5206\u4EAB\u5F39\u7A97\n   * @default false\n   * @optional\n   */\n  openShareModal?: boolean\n}\n\n/**\n * \u7528\u6237\u6570\u636E\uFF08UserData\uFF09\n *\n * \u4EE3\u8868\u5F53\u524D\u7528\u6237\u7684\u62BD\u5956\u76F8\u5173\u6570\u636E\n *\n * @example\n * ```tsx\n * const userData: UserData = {\n *   isLoggedIn: true,\n *   availableChances: 3,\n *   wonPrizes: [\n *     { id: 'prize-001', name: 'Charger', image: 'https://...', timestamp: 1702800000000 }\n *   ]\n * }\n * ```\n */\nexport interface UserData {\n  /**\n   * \u7528\u6237\u662F\u5426\u5DF2\u767B\u5F55\n   */\n  isLoggedIn: boolean\n\n  /**\n   * \u5F53\u524D\u53EF\u4F7F\u7528\u7684\u62BD\u5956\u6B21\u6570\n   * @default 0\n   */\n  availableChances: number\n\n  /**\n   * \u603B\u673A\u4F1A\u6570\uFF08\u7528\u4E8E\u663E\u793A\u8FDB\u5EA6\uFF0C\u4F8B\u5982 \"3/5\"\uFF09\n   * @default undefined\n   * @optional\n   */\n  totalChances?: number\n\n  /**\n   * \u5DF2\u83B7\u5F97\u7684\u5956\u54C1\u5217\u8868\n   * @optional\n   */\n  wonPrizes?: Array<Prize & { timestamp?: number }>\n\n  /**  * \u7528\u6237\u7535\u5B50\u90AE\u7BB1\uFF08\u53EF\u9009\uFF0C\u7528\u4E8E\u53D1\u9001\u4E2D\u5956\u901A\u77E5\u7B49\uFF09\n   * @optional\n   */\n  email?: string\n\n  /**\n   * \u673A\u4F1A\u6570\u636E\u662F\u5426\u6B63\u5728\u52A0\u8F7D\u4E2D\n   * @optional\n   */\n  isChancesLoading?: boolean\n}\n\n/**\n * \u7F13\u52A8\u51FD\u6570\u7C7B\u578B\n */\nexport type EasingFunction = 'ease-out' | 'ease-in-out' | 'linear'\n\n// ============================================================================\n// \u516C\u5171\u6587\u6848\u914D\u7F6E\u7C7B\u578B\n// ============================================================================\n\n/**\n * \u590D\u5236\u64CD\u4F5C\u76F8\u5173\u6587\u6848\u914D\u7F6E\uFF08\u516C\u5171\u7C7B\u578B\uFF09\n * \u7528\u4E8E\u6240\u6709\u5305\u542B\u590D\u5236\u529F\u80FD\u7684\u7EC4\u4EF6\n */\nexport interface CopyTextConfig {\n  /**\n   * \u590D\u5236\u6309\u94AE\u6587\u672C\n   * @default \"COPY\"\n   */\n  copyText?: string\n\n  /**\n   * \u590D\u5236\u6210\u529F\u540E\u7684\u6309\u94AE\u6587\u672C\n   * @default \"COPIED\"\n   */\n  copiedText?: string\n}\n\n/**\n * \u4F18\u60E0\u7801\u76F8\u5173\u914D\u7F6E\uFF08\u516C\u5171\u7C7B\u578B\uFF09\n * \u7528\u4E8E\u6240\u6709\u5C55\u793A\u4F18\u60E0\u7801\u7684\u7EC4\u4EF6\n */\nexport interface CouponConfig {\n  /**\n   * \u4EE3\u7801\u6587\u672C\u524D\u7F00\n   * @default \"CODE:\"\n   */\n  codeText?: string\n\n  /**\n   * \u4F18\u60E0\u7801\n   */\n  couponCode?: string\n\n  /**\n   * \u4F18\u60E0\u7801\u8FC7\u671F\u65F6\u95F4\n   */\n  expiresAt?: string\n\n  /**\n   * \u6709\u6548\u671F\u6807\u7B7E\u6587\u6848\n   * @default \"Valid until:\"\n   */\n  expiresAtLabel?: string\n\n  /**\n   * \u4F18\u60E0\u5238\u6298\u6263\u6587\u672C\uFF08\u4F8B\u5982 \"20%\"\uFF09\n   */\n  couponDiscount?: string\n\n  /**\n   * \u4F18\u60E0\u5238\u5355\u4F4D\u6587\u672C\n   * @default \"Off\"\n   */\n  couponUnit?: string\n}\n\n/**\n * \u5956\u52B1\u65F6\u95F4\u6587\u6848\u914D\u7F6E\uFF08\u516C\u5171\u7C7B\u578B\uFF09\n */\nexport interface PrizeTimeTextConfig {\n  /**\n   * \u5956\u52B1\u65F6\u95F4\u6587\u672C\u524D\u7F00\n   * @default \"Prize time:\"\n   */\n  prizeText?: string\n}\n\n/**\n * \u4E2D\u5956\u5F39\u7A97\u914D\u7F6E\uFF08WinnerModalConfig\uFF09\n *\n * \u7528\u4E8E\u914D\u7F6E\u4E2D\u5956\u5F39\u7A97\u7684\u5C55\u793A\u5185\u5BB9\uFF0C\u901A\u5E38\u7531\u62BD\u5956\u63A5\u53E3\u8FD4\u56DE\u63D0\u4F9B\n *\n * @example\n * ```tsx\n * const winnerModalConfig: WinnerModalConfig = {\n *   title: 'Congratulations!',\n *   prizeTitle: 'Anker Prime Charger',\n *   prizeImage: 'https://...',\n *   prizeDescription: 'High-speed charging for all your devices',\n *   learnMoreUrl: 'https://...',\n *   learnMoreText: 'View Details',\n *   couponCode: 'ANKER2024',\n *   expiresAt: '2024-12-31',\n *   couponDiscount: '20%',\n *   couponUnit: 'Off',\n *   confirmText: 'Claim Now'\n * }\n * ```\n */\nexport interface WinnerModalConfig extends CopyTextConfig, CouponConfig, PrizeTimeTextConfig {\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u6807\u9898\n   * @default \"You Have Won\"\n   * @optional\n   */\n  title?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u5956\u54C1\u6807\u9898\uFF08\u4F18\u5148\u7EA7\u9AD8\u4E8E prize.name\uFF09\n   * @optional\n   */\n  prizeTitle?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u5956\u54C1\u56FE\u7247 URL\uFF08\u4F18\u5148\u7EA7\u9AD8\u4E8E prize.image\uFF09\n   * @optional\n   */\n  prizeImage?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u5956\u54C1\u8BE6\u60C5\u63CF\u8FF0\n   * @deprecated \u8BED\u4E49\u4E0D\u660E\u786E\uFF0C\u8BF7\u6539\u7528 `winnerNote`\uFF08code/copy \u4E0B\u65B9\u4E13\u7528\u8BF4\u660E\u6587\u5B57\uFF09\n   * @optional\n   */\n  prizeDescription?: string\n\n  /**\n   * code/copy \u533A\u57DF\u6B63\u4E0B\u65B9\u7684\u4E13\u7528\u8BF4\u660E\u6587\u5B57\u3002\n   * \u4EC5\u5728\u660E\u786E\u914D\u7F6E\u65F6\u5C55\u793A\uFF1B\u672A\u914D\u7F6E\u65F6\u4E0D\u6E32\u67D3\u4EFB\u4F55\u5185\u5BB9\u3002\n   * \u4F18\u5148\u7EA7\u9AD8\u4E8E `prizeDescription`\u3002\n   * @optional\n   */\n  winnerNote?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97 Learn More \u94FE\u63A5\n   * @optional\n   */\n  learnMoreUrl?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97 Learn More \u6309\u94AE\u6587\u672C\n   * @default \"Learn More\"\n   * @optional\n   */\n  learnMoreText?: string\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u786E\u8BA4\u6309\u94AE\u6587\u672C\n   * @default \"Okay, Got It\"\n   * @optional\n   */\n  confirmText?: string\n\n  /** \u786E\u8BA4\u6309\u94AE\u8DF3\u8F6C\u94FE\u63A5\uFF0C\u914D\u7F6E\u540E\u70B9\u51FB\u6309\u94AE\u5C06\u5728\u65B0\u6807\u7B7E\u9875\u6253\u5F00\u6B64\u94FE\u63A5 @optional */\n  confirmUrl?: string\n\n  /**\n   * \u786E\u8BA4\u6309\u94AE\u6587\u6848\u522B\u540D\uFF08\u6765\u81EA CMS winningInfos.confirmButton\uFF0C\u7B49\u540C\u4E8E confirmText\uFF09\n   * \u5F53\u540C\u65F6\u63D0\u4F9B\u65F6\uFF0CconfirmButton \u4F18\u5148\u7EA7\u9AD8\u4E8E confirmText\n   * @optional\n   */\n  confirmButton?: string\n}\n\n/**\n * Rules \u5F39\u7A97\u914D\u7F6E\n *\n * @example\n * ```tsx\n * rulesModalConfig={{\n *   rulesData: [\n *     { item: '$100 instead of $200, 10 tickets/day.' },\n *     { item: '$100 for $120, 50 tickets/day.' }\n *   ],\n *   rulesText: 'Game Rules',\n *   rulesTitle: 'Activity Rules'\n * }}\n * ```\n */\nexport interface RulesModalConfig {\n  /**\n   * \u89C4\u5219\u6570\u636E\u5217\u8868\n   * @optional\n   */\n  rulesData?: Array<{\n    /**\n     * \u89C4\u5219\u9879\u5185\u5BB9\n     */\n    item: string\n  }>\n\n  /**\n   * Rules \u6309\u94AE\u6587\u672C\n   * @default \"Rules\"\n   * @optional\n   */\n  rulesText?: string\n\n  /**\n   * \u5F39\u7A97\u6807\u9898\n   * @default \"Rules\"\n   * @optional\n   */\n  rulesTitle?: string\n}\n\n/**\n * ProductLottery \u9876\u680F\u53F3\u4FA7\u8DF3\u8F6C\u6309\u94AE\u914D\u7F6E\n */\nexport interface ActionButtonConfig {\n  /**\n   * \u6309\u94AE\u6587\u672C\uFF1B\u4E3A\u7A7A\u65F6\u4E0D\u5C55\u793A\n   */\n  text?: string\n\n  /**\n   * \u8DF3\u8F6C\u94FE\u63A5\uFF1B\u4E3A\u7A7A\u65F6\u4E0D\u5C55\u793A\n   */\n  url?: string\n}\n\n/**\n * My Rewards \u5F39\u7A97\u914D\u7F6E\n *\n * @example\n * ```tsx\n * myRewardsModalConfig={{\n *   rewardsData: [\n *     {\n *       id: '1',\n *       name: 'Anker Charger',\n *       code: 'ANKER2024',\n *       status: 'Available',\n *       prizeTime: '2024-01-01',\n *       showCopyCode: true\n *     }\n *   ],\n *   myRewardsText: 'My Prizes',\n *   codeText: 'CODE:',\n *   copyText: 'COPY',\n *   prizeText: 'Prize time:',\n *   emptyText: 'No rewards yet'\n * }}\n * ```\n */\nexport interface MyRewardsModalConfig extends CopyTextConfig, PrizeTimeTextConfig {\n  /**\n   * \u5956\u52B1\u6570\u636E\u5217\u8868\n   * @optional\n   */\n  rewardsData?: Array<{\n    /**\n     * \u5956\u52B1 ID\n     */\n    id: string\n    /**\n     * \u5956\u52B1\u540D\u79F0\n     */\n    name: string\n    /**\n     * \u4F18\u60E0\u7801\uFF08\u53EF\u9009\uFF09\n     */\n    code?: string\n    /**\n     * \u72B6\u6001\n     */\n    status: 'Available' | 'Expired' | 'Used'\n    /**\n     * \u5956\u52B1\u65F6\u95F4\n     */\n    prizeTime?: string\n    /**\n     * \u662F\u5426\u53EF\u590D\u5236\u7801\n     */\n    showCopyCode?: boolean\n    /**\n     * \u6BCF\u5956\u52B1\u53EF\u914D\u7F6E\u7684\u663E\u793A\u6587\u6848\uFF08\u8986\u76D6\u5168\u5C40 status label \u6620\u5C04\uFF09\n     * @optional\n     */\n    statusText?: string\n\n    /**\n     * \u662F\u5426\u53EF\u7528\uFF08\u7528\u4E8E\u63A7\u5236\u989C\u8272\u548C\u590D\u5236\u6309\u94AE\u72B6\u6001\uFF09\n     * @optional\n     */\n    available?: boolean\n  }>\n\n  /**\n   * My Rewards \u6309\u94AE\u6587\u672C\n   * @default \"My Rewards\"\n   * @optional\n   */\n  myRewardsText?: string\n\n  /**\n   * \u5F39\u7A97\u6807\u9898\n   * @default \"My Rewards\"\n   * @optional\n   */\n  myRewardsTitle?: string\n\n  /**\n   * \u4EE3\u7801\u6587\u672C\u524D\u7F00\n   * @default \"CODE:\"\n   * @optional\n   */\n  codeText?: string\n\n  /**\n   * \u7A7A\u72B6\u6001\u63D0\u793A\u6587\u672C\n   * @default \"No rewards yet\"\n   * @optional\n   */\n  emptyText?: string\n\n  /**\n   * \u590D\u5236\u5931\u8D25\u63D0\u793A\u6587\u6848\n   * @optional\n   */\n  copyError?: string\n\n  /**\n   * \u53EF\u7528\u72B6\u6001\u6587\u6848\n   * @default \"Available\"\n   * @optional\n   */\n  availableText?: string\n\n  /**\n   * \u5DF2\u4F7F\u7528\u72B6\u6001\u6587\u6848\n   * @default \"Used\"\n   * @optional\n   */\n  usedStatusText?: string\n\n  /**\n   * \u5DF2\u8FC7\u671F\u72B6\u6001\u6587\u6848\n   * @default \"Expired\"\n   * @optional\n   */\n  expiredText?: string\n\n  /**\n   * \u672A\u77E5\u72B6\u6001\u6587\u6848\n   * @optional\n   */\n  notFoundText?: string\n}\n\n/**\n * \u9519\u8BEF\u5F39\u7A97\u914D\u7F6E\n * @example\n * ```tsx\n * errorModalConfig={{\n *  title: 'Oops!',\n *  message: 'Something went wrong during the lottery process.',\n * confirmText: 'OK, I get'\n * }}\n * ```\n */\nexport interface ErrorModalConfig {\n  /**\n   * \u5F39\u7A97\u6807\u9898\n   * @default \"Oops!\"\n   * @optional\n   */\n  title?: string\n  /**\n   * \u9519\u8BEF\u6D88\u606F\u5185\u5BB9\n   * @default \"Something went wrong during the lottery process.\"\n   * @optional\n   */\n  message?: string\n  /**\n   * \u786E\u8BA4\u6309\u94AE\u6587\u672C\n   * @default \"OK, I get\"\n   * @optional\n   */\n  confirmText?: string\n  /** \u5151\u6362\u5931\u8D25\u65F6\u663E\u793A\u7684\u5F39\u7A97\u6807\u9898\uFF08\u6765\u81EA CMS error.exchangeFailedTitle\uFF09 @optional */\n  exchangeFailedTitle?: string\n  /** \u5151\u6362\u5931\u8D25\u65F6\u663E\u793A\u7684\u9519\u8BEF\u6D88\u606F\uFF08\u6765\u81EA CMS error.exchangeFailedMessage\uFF09 @optional */\n  exchangeFailedMessage?: string\n}\n\n/**\n * \u672A\u4E2D\u5956 / Try Again \u5F39\u7A97\u914D\u7F6E\uFF08\u6765\u81EA CMS tryAgain group\uFF09\n *\n * @example\n * ```tsx\n * const tryAgainConfig: TryAgainConfig = {\n *   title: 'Better Luck Next Time!',\n *   message: \"Don't give up! You still have more chances to win.\",\n *   confirmText: 'Try Again'\n * }\n * ```\n */\nexport interface TryAgainConfig {\n  /** \u672A\u4E2D\u5956\u5F39\u7A97\u6807\u9898 @optional */\n  title?: string\n  /** \u672A\u4E2D\u5956\u5F39\u7A97\u6D88\u606F\u5185\u5BB9 @optional */\n  message?: string\n  /** \u786E\u8BA4\u6309\u94AE\u6587\u6848 @optional */\n  confirmText?: string\n}\n\n/**\n * \u9519\u8BEF\u5F39\u7A97\u914D\u7F6E\uFF08CMS: error group\uFF09\n */\nexport interface ErrorConfig {\n  title?: string\n  defaultMessage?: string\n  confirmButton?: string\n  exchangeFailedTitle?: string\n  exchangeFailedMessage?: string\n}\n\n/**\n * \u793E\u4EA4\u5E73\u53F0\u7C7B\u578B\n */\nexport type SocialPlatform = 'facebook' | 'twitter' | 'instagram' | 'linkedin' | 'tiktok' | 'youtube'\n\n/**\n * \u793E\u4EA4\u5E73\u53F0\u914D\u7F6E\n */\nexport interface SharePlatformConfig {\n  /**\n   * \u5E73\u53F0\u7C7B\u578B\n   */\n  platform: SocialPlatform\n\n  /**\n   * \u5E73\u53F0\u540D\u79F0\n   */\n  name: string\n\n  /**\n   * \u5206\u4EAB URL\uFF08\u53EF\u9009\uFF0C\u5982\u679C\u63D0\u4F9B\u5219\u76F4\u63A5\u8DF3\u8F6C\uFF09\n   */\n  url?: string\n\n  /**\n   * \u70B9\u51FB\u56DE\u8C03\uFF08\u5982\u679C\u63D0\u4F9B url \u5219\u6B64\u56DE\u8C03\u4F1A\u5728\u8DF3\u8F6C\u524D\u6267\u884C\uFF09\n   */\n  onClick?: () => void\n\n  /**\n   * \u662F\u5426\u7981\u7528\n   */\n  disabled?: boolean\n}\n\n/**\n * \u5206\u4EAB\u5F39\u7A97\u914D\u7F6E\n */\nexport interface ShareModalConfig {\n  /**\n   * \u5F39\u7A97\u6807\u9898\n   * @default \"Share to Get More Chances\"\n   */\n  title?: string\n\n  /**\n   * \u526F\u6807\u9898/\u5F15\u5BFC\u6587\u6848\n   * @default \"Share to Play Again Keep Trying! You Could Still Win Big!\"\n   */\n  subtitle?: string\n\n  /**\n   * \u5E95\u90E8\u63D0\u793A\u6587\u6848\n   * @default \"Note: Maximum of 3 times per participant.\"\n   */\n  note?: string\n\n  /**\n   * \u793E\u4EA4\u5E73\u53F0\u914D\u7F6E\u5217\u8868\n   */\n  platforms?: SharePlatformConfig[]\n\n  /**\n   * \u5206\u4EAB\u6210\u529F\u56DE\u8C03\n   */\n  onShareSuccess?: (platform: SocialPlatform) => void\n}\n\n// ============================================================================\n// \u5B50\u7EC4\u4EF6 Props \u63A5\u53E3\n// ============================================================================\n\n/**\n * PrizePool \u5956\u54C1\u6C60\u7EC4\u4EF6 Props\n */\nexport interface PrizePoolProps {\n  /**\n   * \u4E3B\u9898\u6A21\u5F0F\n   * @optional\n   */\n  theme?: Theme\n\n  /**\n   * \u5956\u54C1\u5217\u8868(\u901A\u5E38\u662F\u5168\u90E8 8 \u4E2A\u5956\u54C1)\n   */\n  prizes: Prize[]\n\n  /**\n   * \u6807\u9898\u6587\u672C\n   * @default \"Prize Pool\"\n   */\n  title?: string\n\n  /**\n   * \u4E2D\u5956\u4EBA\u540D\u5355\u6570\u636E\n   * @optional\n   */\n  winningInfos?: WinningInfo[]\n\n  /**\n   * \u81EA\u5B9A\u4E49\u7C7B\u540D\n   */\n  className?: string\n\n  /**\n   * \u4E2D\u5956\u6EDA\u52A8 Ticker \u6587\u6848\u6A21\u677F\n   * \u652F\u6301\u53D8\u91CF\uFF1A{{name}} \u83B7\u5956\u8005\u6635\u79F0\uFF0C{{prize}} \u5956\u54C1\u540D\u79F0\n   * @default \"{{name}} just won {{prize}}!\"\n   * @optional\n   */\n  winnerNameTemplate?: string\n}\n\n/** \u6D3B\u52A8\u673A\u5236\u6A21\u5F0F */\nexport type ChanceMechanismType = 'methods' | 'input'\n\n/** \u8F93\u5165\u6846\u914D\u7F6E\uFF08\u4EC5 mechanismType='input' \u65F6\u4F7F\u7528\uFF09 */\nexport interface ChanceInputConfig {\n  /** \u8F93\u5165\u6846\u5360\u4F4D\u6587\u672C @default \"Enter your order number\" */\n  placeholder?: string\n  /** \u63D0\u4EA4\u6309\u94AE\u6587\u6848 @default \"Spin and Win\" */\n  submitText?: string\n  /** \u8F93\u5165\u503C\u63D0\u4EA4\u56DE\u8C03 */\n  onSubmit?: (value: string) => void | Promise<void>\n  /** \u662F\u5426\u6B63\u5728\u63D0\u4EA4 */\n  isSubmitting?: boolean\n  /** \u63D0\u4EA4\u4E2D\u7684 loading \u6309\u94AE\u6587\u6848 @default \"Loading...\" */\n  loadingText?: string\n  /** \u8F93\u5165\u6846\u7C7B\u578B @default \"text\" */\n  inputType?: 'text' | 'email' | 'number'\n  /** \u9A8C\u8BC1\u6B63\u5219 (\u53EF\u9009) */\n  validationPattern?: string\n  /** \u9A8C\u8BC1\u5931\u8D25\u63D0\u793A\u6587\u6848 */\n  validationErrorText?: string\n  /** \u8F93\u5165\u6846\u9ED8\u8BA4\u503C\uFF08\u5982\u767B\u5F55\u7528\u6237 email\uFF0C\u652F\u6301\u5F02\u6B65\u586B\u5145\uFF09 @optional */\n  defaultValue?: string\n\n  /** \u63A5\u5165\u65B9\u6309\u9700\u7981\u7528\u8F93\u5165\u6846\u5185\u5BB9\u66F4\u6539 */\n  disabled?: boolean\n\n  /** \u662F\u5426\u7981\u6B62\u6D4F\u89C8\u5668\u81EA\u52A8\u586B\u5145\uFF08\u5C24\u5176\u662F email \u81EA\u52A8\u586B\u5145\uFF09 */\n  disableAutofill?: boolean\n\n  /** \u534F\u8BAE\u544A\u77E5\u5BCC\u6587\u672C\uFF1B\u914D\u7F6E\u65F6\u624D\u5C55\u793A\u534F\u8BAE\u52FE\u9009 UI */\n  agreementNotice?: string | SerializedEditorState<SerializedLexicalNode>\n\n  /** \u534F\u8BAE\u672A\u52FE\u9009\u65F6\u7684\u63D0\u793A\u6587\u6848\uFF1B\u914D\u7F6E\u534F\u8BAE\u540E\u70B9\u51FB\u63D0\u4EA4\u4F46\u672A\u52FE\u9009\u65F6\u5C55\u793A */\n  agreementWarningText?: string\n\n  /** \u8F93\u5165\u6A21\u5F0F\u63D0\u4EA4\u6309\u94AE\u70B9\u51FB\u57CB\u70B9\uFF1Adata-headless-type-name */\n  submitTrackTypeName?: string\n\n  /** \u8F93\u5165\u6A21\u5F0F\u63D0\u4EA4\u6309\u94AE\u70B9\u51FB\u57CB\u70B9\uFF1Adata-headless-title-desc-button */\n  submitTrackTitleDescButton?: string\n}\n\n/**\n * ChanceMethods \u83B7\u53D6\u673A\u4F1A\u7EC4\u4EF6 Props\n */\nexport interface ChanceMethodsProps {\n  /**\n   * \u4E3B\u9898\u6A21\u5F0F\n   * @optional\n   */\n  theme?: Theme\n\n  /**\n   * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u5217\u8868\n   */\n  methods: ChanceMethod[]\n\n  /**\n   * \u6807\u9898\u6587\u672C\n   * @default \"Want more chances to win?\"\n   */\n  title?: string\n\n  /**\n   * \u526F\u6807\u9898(\u53EF\u9009)\n   */\n  subtitle?: string\n\n  /**\n   * \u5E95\u90E8\u63D0\u793A\u6587\u672C(\u53EF\u9009)\n   */\n  footerNote?: string\n\n  /**\n   * \u767B\u5F55\u7528\u6237\u6570\u636E\uFF08\u53EF\u9009\uFF09\n   * @optional\n   */\n  userData?: UserData\n\n  /**\n   * \u6253\u5F00\u5206\u4EAB\u5F39\u7A97\u56DE\u8C03\uFF08\u53EF\u9009\uFF09\n   * @optional\n   */\n  onOpenShareModal?: () => void\n\n  /**\n   * \u5FBD\u7AE0\u6587\u6848\n   * @default \"Chance +1\"\n   */\n  chanceBadgeText?: string\n\n  /**\n   * \u5DF2\u5B8C\u6210\u72B6\u6001\u6587\u6848\n   * @default \"Completed\"\n   */\n  completedText?: string\n\n  /**\n   * \u5DF2\u4F7F\u7528\u72B6\u6001\u6587\u6848\n   * @default \"Used\"\n   */\n  usedText?: string\n\n  /**\n   * \u52A0\u8F7D\u4E2D\u6587\u6848\n   * @default \"Loading...\"\n   */\n  loadingText?: string\n\n  /**\n   * \u81EA\u5B9A\u4E49\u7C7B\u540D\n   */\n  className?: string\n\n  /** \u6D3B\u52A8\u673A\u5236\u6A21\u5F0F @default 'methods' */\n  mechanismType?: ChanceMechanismType\n  /** \u8F93\u5165\u6846\u914D\u7F6E\uFF08\u4EC5 mechanismType='input' \u65F6\u4F7F\u7528\uFF09 */\n  inputConfig?: ChanceInputConfig\n\n  /** \u534F\u8BAE\u662F\u5426\u5DF2\u52FE\u9009\uFF08\u4F9B\u5916\u5C42\u7EDF\u4E00\u63A7\u5236\u5DE6\u53F3\u4E24\u4FA7\u62BD\u5956\u5165\u53E3\uFF09 */\n  isAgreementChecked?: boolean\n\n  /** \u534F\u8BAE\u52FE\u9009\u72B6\u6001\u53D8\u66F4\u56DE\u8C03 */\n  onAgreementCheckedChange?: (checked: boolean) => void\n\n  /** \u5916\u5C42\u6CE8\u5165\u7684\u534F\u8BAE\u63D0\u793A\u6587\u6848\uFF08\u7528\u4E8E\u7EDF\u4E00\u62E6\u622A\u5DE6\u53F3\u4E24\u4FA7\u62BD\u5956\u5165\u53E3\u65F6\u5C55\u793A\u5728\u6309\u94AE\u4E0B\u65B9\uFF09 */\n  agreementErrorText?: string\n}\n\n/**\n * WinnerModal \u4E2D\u5956\u5F39\u7A97\u7EC4\u4EF6 Props\n */\nexport interface WinnerModalProps extends CopyTextConfig, CouponConfig, PrizeTimeTextConfig {\n  /**\n   * \u662F\u5426\u663E\u793A\u5F39\u7A97\n   */\n  isOpen: boolean\n\n  /**\n   * \u4E2D\u5956\u5956\u54C1\u4FE1\u606F\n   */\n  prize: Prize | null\n\n  /**\n   * \u5F39\u7A97\u6807\u9898\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4 \"You Have Won\"\uFF09\n   */\n  title?: string\n\n  /**\n   * \u5956\u54C1\u6807\u9898\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4\u4F7F\u7528 prize.name\uFF09\n   */\n  prizeTitle?: string\n\n  /**\n   * \u5956\u54C1\u56FE\u7247 URL\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4\u4F7F\u7528 prize.image\uFF09\n   */\n  prizeImage?: string\n\n  /**\n   * \u5956\u54C1\u8BE6\u60C5\u63CF\u8FF0\uFF08\u53EF\u9009\uFF09\n   * @deprecated \u8BED\u4E49\u4E0D\u660E\u786E\uFF0C\u8BF7\u6539\u7528 `winnerNote`\uFF08code/copy \u4E0B\u65B9\u4E13\u7528\u8BF4\u660E\u6587\u5B57\uFF09\n   */\n  prizeDescription?: string\n\n  /**\n   * code/copy \u533A\u57DF\u6B63\u4E0B\u65B9\u7684\u4E13\u7528\u8BF4\u660E\u6587\u5B57\u3002\n   * \u4EC5\u5728\u660E\u786E\u914D\u7F6E\u65F6\u5C55\u793A\uFF1B\u672A\u914D\u7F6E\u65F6\u4E0D\u6E32\u67D3\u4EFB\u4F55\u5185\u5BB9\u3002\n   * \u4F18\u5148\u7EA7\u9AD8\u4E8E `prizeDescription`\u3002\n   * @optional\n   */\n  winnerNote?: string\n\n  /**\n   * Learn More \u94FE\u63A5\uFF08\u53EF\u9009\uFF09\n   */\n  learnMoreUrl?: string\n\n  /**\n   * Learn More \u6309\u94AE\u6587\u672C\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4 \"Learn More\"\uFF09\n   */\n  learnMoreText?: string\n\n  /**\n   * \u590D\u5236\u7801\u70B9\u51FB\u56DE\u8C03\n   */\n  onCopyCode?: (code: string) => void\n\n  /**\n   * \u5173\u95ED\u5F39\u7A97\u56DE\u8C03\n   */\n  onClose: () => void\n\n  /**\n   * \u786E\u8BA4\u6309\u94AE\u6587\u672C\uFF08\u53EF\u9009\uFF0C\u9ED8\u8BA4 \"Okay, Got It\"\uFF09\n   */\n  confirmText?: string\n\n  /**\n   * \u786E\u8BA4\u6309\u94AE\u6587\u6848\u522B\u540D\uFF08\u6765\u81EA CMS winningInfos.confirmButton\uFF0C\u7B49\u540C\u4E8E confirmText\uFF09\n   * \u5F53\u540C\u65F6\u63D0\u4F9B\u65F6\uFF0CconfirmButton \u4F18\u5148\u7EA7\u9AD8\u4E8E confirmText\n   * @optional\n   */\n  confirmButton?: string\n\n  /** \u786E\u8BA4\u6309\u94AE\u8DF3\u8F6C\u94FE\u63A5 @optional */\n  confirmUrl?: string\n\n  /**\n   * \u786E\u8BA4\u6309\u94AE\u70B9\u51FB\u56DE\u8C03\uFF08\u53EF\u9009\uFF09\n   */\n  onConfirm?: () => void\n\n  /**\n   * \u81EA\u5B9A\u4E49\u7C7B\u540D\n   */\n  className?: string\n}\n\n// ============================================================================\n// \u9ED8\u8BA4\u914D\u7F6E\n// ============================================================================\n\n/**\n * \u9ED8\u8BA4\u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\uFF083\u79CD\uFF09\n * @note \u7236\u7EC4\u4EF6\u9700\u8981\u8986\u76D6 onClick \u56DE\u8C03\u4EE5\u5B9E\u73B0\u5177\u4F53\u4E1A\u52A1\u903B\u8F91\n */\nexport const DEFAULT_CHANCE_METHODS: ChanceMethod[] = [\n  {\n    methodKey: 'default-share',\n    type: 'share',\n    title: 'Share on your socials',\n    description: 'Share this event on your social media',\n    buttonText: 'Redeem now',\n    onLoginRequired: () => {\n      alert('Please log in to share and get a chance!')\n    },\n    onClick: () => {\n      console.warn('ChanceMethod.onClick not implemented. Please provide a custom onClick handler.')\n    },\n    disabled: false,\n  },\n  {\n    methodKey: 'default-points',\n    type: 'points',\n    title: 'Spend 100 points',\n    description: 'Use your reward points to get a chance',\n    buttonText: 'Redeem now',\n    onLoginRequired: () => {\n      alert('Please log in to share and get a chance!')\n    },\n    onClick: () => {\n      console.warn('ChanceMethod.onClick not implemented. Please provide a custom onClick handler.')\n    },\n    disabled: false,\n  },\n  {\n    methodKey: 'default-refer',\n    type: 'refer',\n    title: 'Refer a friend',\n    description: 'Invite your friends to join',\n    buttonText: 'Redeem now',\n    onLoginRequired: () => {\n      alert('Please log in to share and get a chance!')\n    },\n    onClick: () => {\n      console.warn('ChanceMethod.onClick not implemented. Please provide a custom onClick handler.')\n    },\n    disabled: false,\n  },\n]\n\n// ============================================================================\n// \u7C7B\u578B\u5B88\u536B\n// ============================================================================\n\n/**\n * \u68C0\u67E5\u662F\u5426\u4E3A\u6709\u6548\u7684 Prize \u5BF9\u8C61\n * @param value \u5F85\u68C0\u67E5\u7684\u503C\n * @returns \u662F\u5426\u4E3A\u6709\u6548\u7684 Prize\n */\nexport function isPrize(value: unknown): value is Prize {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'prizeKey' in value &&\n    'name' in value &&\n    'image' in value &&\n    typeof (value as Prize).prizeKey === 'string' &&\n    typeof (value as Prize).name === 'string' &&\n    typeof (value as Prize).image === 'object'\n  )\n}\n\n/**\n * \u68C0\u67E5\u662F\u5426\u4E3A\u6709\u6548\u7684 ChanceMethod \u5BF9\u8C61\n * @param value \u5F85\u68C0\u67E5\u7684\u503C\n * @returns \u662F\u5426\u4E3A\u6709\u6548\u7684 ChanceMethod\n */\nexport function isChanceMethod(value: unknown): value is ChanceMethod {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'methodKey' in value &&\n    'type' in value &&\n    'title' in value &&\n    'description' in value &&\n    'onClick' in value &&\n    typeof (value as ChanceMethod).methodKey === 'string' &&\n    typeof (value as ChanceMethod).type === 'string' &&\n    typeof (value as ChanceMethod).title === 'string' &&\n    typeof (value as ChanceMethod).description === 'string' &&\n    typeof (value as ChanceMethod).onClick === 'function'\n  )\n}\n\n/**\n * \u68C0\u67E5\u662F\u5426\u4E3A\u6709\u6548\u7684 WinningInfo \u5BF9\u8C61\n * @param value \u5F85\u68C0\u67E5\u7684\u503C\n * @returns \u662F\u5426\u4E3A\u6709\u6548\u7684 WinningInfo\n */\nexport function isWinningInfo(value: unknown): value is WinningInfo {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'winningKey' in value &&\n    'userName' in value &&\n    'prizeName' in value &&\n    typeof (value as WinningInfo).winningKey === 'string' &&\n    typeof (value as WinningInfo).userName === 'string' &&\n    typeof (value as WinningInfo).prizeName === 'string'\n  )\n}\n\n// ============================================================================\n// \u5BFC\u51FA\u7C7B\u578B\u522B\u540D\uFF08\u7528\u4E8E\u7B80\u5316\u4F7F\u7528\uFF09\n// ============================================================================\n\n/**\n * \u62BD\u5956\u56DE\u8C03\u51FD\u6570\u7C7B\u578B\n */\nexport type OnSpinEndCallback = (prize: Prize) => void\n\n/**\n * \u83B7\u53D6\u673A\u4F1A\u70B9\u51FB\u56DE\u8C03\u51FD\u6570\u7C7B\u578B\n */\nexport type OnChanceMethodClick = () => void\n"],
+  "mappings": "AA6gCO,MAAMA,EAAyC,CACpD,CACE,UAAW,gBACX,KAAM,QACN,MAAO,wBACP,YAAa,wCACb,WAAY,aACZ,gBAAiB,IAAM,CACrB,MAAM,0CAA0C,CAClD,EACA,QAAS,IAAM,CACb,QAAQ,KAAK,gFAAgF,CAC/F,EACA,SAAU,EACZ,EACA,CACE,UAAW,iBACX,KAAM,SACN,MAAO,mBACP,YAAa,yCACb,WAAY,aACZ,gBAAiB,IAAM,CACrB,MAAM,0CAA0C,CAClD,EACA,QAAS,IAAM,CACb,QAAQ,KAAK,gFAAgF,CAC/F,EACA,SAAU,EACZ,EACA,CACE,UAAW,gBACX,KAAM,QACN,MAAO,iBACP,YAAa,8BACb,WAAY,aACZ,gBAAiB,IAAM,CACrB,MAAM,0CAA0C,CAClD,EACA,QAAS,IAAM,CACb,QAAQ,KAAK,gFAAgF,CAC/F,EACA,SAAU,EACZ,CACF,EAWO,SAASC,EAAQC,EAAgC,CACtD,OACE,OAAOA,GAAU,UACjBA,IAAU,MACV,aAAcA,GACd,SAAUA,GACV,UAAWA,GACX,OAAQA,EAAgB,UAAa,UACrC,OAAQA,EAAgB,MAAS,UACjC,OAAQA,EAAgB,OAAU,QAEtC,CAOO,SAASC,EAAeD,EAAuC,CACpE,OACE,OAAOA,GAAU,UACjBA,IAAU,MACV,cAAeA,GACf,SAAUA,GACV,UAAWA,GACX,gBAAiBA,GACjB,YAAaA,GACb,OAAQA,EAAuB,WAAc,UAC7C,OAAQA,EAAuB,MAAS,UACxC,OAAQA,EAAuB,OAAU,UACzC,OAAQA,EAAuB,aAAgB,UAC/C,OAAQA,EAAuB,SAAY,UAE/C,CAOO,SAASE,EAAcF,EAAsC,CAClE,OACE,OAAOA,GAAU,UACjBA,IAAU,MACV,eAAgBA,GAChB,aAAcA,GACd,cAAeA,GACf,OAAQA,EAAsB,YAAe,UAC7C,OAAQA,EAAsB,UAAa,UAC3C,OAAQA,EAAsB,WAAc,QAEhD",
   "names": ["DEFAULT_CHANCE_METHODS", "isPrize", "value", "isChanceMethod", "isWinningInfo"]
 }

package/dist/esm/biz-components/Marquee/Marquee.d.ts CHANGED Viewed

@@ -18,7 +18,7 @@ declare const MarqueePictureContent: {
     ({ pictureImage, pictureClassName }: MarqueePictureContentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-declare const _default: React.ForwardRefExoticComponent<Omit<MarqueeProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../WheelLottery/index.js").ContainerProps & React.RefAttributes<unknown>> & {
+declare const _default: React.ForwardRefExoticComponent<Omit<MarqueeProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../index.js").ContainerProps & React.RefAttributes<unknown>> & {
     readonly $$typeof: symbol;
 };
 export default _default;

package/dist/esm/biz-components/MarqueeReview/index.d.ts CHANGED Viewed

@@ -33,5 +33,5 @@ export interface MarqueeReviewProps extends React.HTMLAttributes<HTMLElement> {
     /** 评论数据 */
     data: MarqueeReviewData;
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<MarqueeReviewProps, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../WheelLottery/index.js").ContainerProps & React.RefAttributes<unknown>> & {};
+declare const _default: React.ForwardRefExoticComponent<Omit<MarqueeReviewProps, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../index.js").ContainerProps & React.RefAttributes<unknown>> & {};
 export default _default;

package/dist/esm/biz-components/Media/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{jsx as a}from"react/jsx-runtime";import C from"react";import{useMediaQuery as s}from"react-responsive";import{Picture as D}from"../../components/index.js";import{cn as n}from"../../helpers/index.js";const u=C.forwardRef(({pcImage:t,desktopImage:e,laptopImage:i,padImage:o,mobileImage:r,className:c,videoClassName:p,imgClassName:y,muted:m=!0,loop:f=!0,playsInline:M=!0,autoPlay:v=!0,poster:x,videoRef:T,onVideoPlay:P,onVideoPause:w,onVideoEnded:h,...b},N)=>{const S=s({query:"(max-width: 767px)"}),R=s({query:"(min-width: 768px) and (max-width: 1024px)"}),q=s({query:"(min-width: 1025px) and (max-width: 1439px)"}),E=s({query:"(min-width: 1440px) and (max-width: 1919px)"}),L=s({query:"(min-width: 1920px)"}),V=[t,e,i,o,r].some(z=>z?.mimeType==="video/mp4"),d=L?t:E?e:q?i:R?o:r,l=d||t||e||i||o||r,j=l?.mimeType==="video/mp4"?l.url:void 0,H=x||(l?.mimeType!=="video/mp4"?l?.url:void 0),$=[r?.url&&`${r.url} 768`,o?.url&&`${o.url} 1025`,i?.url&&`${i.url} 1440`,e?.url&&`${e.url} 1920`,t?.url].filter(Boolean).reverse().join(" , ");return a("div",{ref:N,className:n("media-wrapper",c),...b,children:V?a("video",{ref:T,src:j,poster:H,className:n("size-full object-cover",p),muted:m,loop:f,playsInline:M,autoPlay:v,"aria-label":d?.alt||"",onPlay:P,onPause:w,onEnded:h}):a(D,{className:"size-full",imgClassName:n("size-full object-cover",y),alt:t?.alt||e?.alt||i?.alt||o?.alt||r?.alt||"",source:$})})});u.displayName="Media";var G=u;export{G as default};
+"use client";import{jsx as u}from"react/jsx-runtime";import C from"react";import{useIsomorphicMediaQuery as s}from"../../hooks/useIsomorphicMediaQuery.js";import{Picture as D}from"../../components/index.js";import{cn as l}from"../../helpers/index.js";const c=C.forwardRef(({pcImage:t,desktopImage:i,laptopImage:e,padImage:r,mobileImage:o,className:a,videoClassName:y,imgClassName:f,muted:M=!0,loop:v=!0,playsInline:x=!0,autoPlay:P=!0,poster:T,videoRef:p,onVideoPlay:h,onVideoPause:w,onVideoEnded:N,...R},q)=>{const A=s({query:"(max-width: 767px)"}),E=s({query:"(min-width: 768px) and (max-width: 1024px)"}),L=s({query:"(min-width: 1025px) and (max-width: 1439px)"}),V=s({query:"(min-width: 1440px) and (max-width: 1919px)"}),j=s({query:"(min-width: 1920px)"}),H=[t,i,e,r,o].some(z=>z?.mimeType==="video/mp4"),d=j?t??i??e??r??o:V?i??t??e??r??o:L?e??i??t??r??o:E?r??e??i??t??o:o??r??e??i??t,n=d,S=n?.mimeType==="video/mp4"?n.url:void 0,$=T||(n?.mimeType!=="video/mp4"?n?.url:void 0),b=[t?.url||i?.url||e?.url||r?.url||o?.url,o?.url&&`${o.url} 767`,r?.url&&`${r.url} 1024`,e?.url&&`${e.url} 1439`,i?.url&&`${i.url} 1919`].filter(Boolean).join(" , ");return u("div",{ref:q,className:l("media-wrapper",a),...R,children:H?u("video",{ref:p,src:S,poster:$,className:l("size-full object-cover",y),muted:M,loop:v,playsInline:x,autoPlay:P,"aria-label":d?.alt||"",onPlay:h,onPause:w,onEnded:N}):u(D,{className:"size-full",imgClassName:l("size-full object-cover",f),alt:t?.alt||i?.alt||e?.alt||r?.alt||o?.alt||"",source:b})})});c.displayName="Media";var J=c;export{J as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/Media/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/Media/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport React from 'react'\nimport { useMediaQuery } from 'react-responsive'\nimport { Picture } from '../../components/index.js'\nimport type { Media as MediaType } from '../../types/props.js'\nimport { cn } from '../../helpers/index.js'\n\nexport interface MediaProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** PC\u7AEF\u5A92\u4F53\uFF08\u22651920px\uFF09 */\n  pcImage?: MediaType\n  /** \u5927\u684C\u9762\u5A92\u4F53\uFF08\u22651440px\uFF09 */\n  desktopImage?: MediaType\n  /** \u5C0F\u684C\u9762\u5A92\u4F53\uFF08\u22651025px\uFF09 */\n  laptopImage?: MediaType\n  /** \u5E73\u677F\u7AEF\u5A92\u4F53\uFF08\u2265768px\uFF09 */\n  padImage?: MediaType\n  /** \u79FB\u52A8\u7AEF\u5A92\u4F53\uFF08<768px\uFF09 */\n  mobileImage?: MediaType\n  /** \u89C6\u9891\u7C7B\u540D */\n  videoClassName?: string\n  /** \u56FE\u7247\u7C7B\u540D */\n  imgClassName?: string\n  /** \u662F\u5426\u9759\u97F3\u64AD\u653E\uFF08\u4EC5\u89C6\u9891\uFF09 */\n  muted?: boolean\n  /** \u662F\u5426\u5FAA\u73AF\u64AD\u653E\uFF08\u4EC5\u89C6\u9891\uFF09 */\n  loop?: boolean\n  /** \u662F\u5426\u5185\u8054\u64AD\u653E\uFF08\u4EC5\u89C6\u9891\uFF09 */\n  playsInline?: boolean\n  /** \u662F\u5426\u81EA\u52A8\u64AD\u653E\uFF08\u4EC5\u89C6\u9891\uFF09 */\n  autoPlay?: boolean\n  /** \u89C6\u9891\u9884\u89C8\u56FE */\n  poster?: string\n  /** \u89C6\u9891 ref\uFF08\u7528\u4E8E\u5916\u90E8\u63A7\u5236\u64AD\u653E/\u6682\u505C\uFF09 */\n  videoRef?: React.RefObject<HTMLVideoElement>\n  /** \u89C6\u9891\u64AD\u653E\u56DE\u8C03 */\n  onVideoPlay?: () => void\n  /** \u89C6\u9891\u6682\u505C\u56DE\u8C03 */\n  onVideoPause?: () => void\n  /** \u89C6\u9891\u7ED3\u675F\u56DE\u8C03 */\n  onVideoEnded?: () => void\n}\n\n/**\n * Media - \u667A\u80FD\u5A92\u4F53\u7EC4\u4EF6\n *\n * @description \u6839\u636E\u5A92\u4F53\u7C7B\u578B\u81EA\u52A8\u9009\u62E9\u4F7F\u7528 video \u6807\u7B7E\u6216 Picture \u7EC4\u4EF6\n * \u652F\u6301\u54CD\u5E94\u5F0F\u5A92\u4F53\u6E90\uFF0C\u5982\u679C\u4EFB\u610F\u5A92\u4F53\u7C7B\u578B\u662F\u89C6\u9891\uFF0C\u5219\u4F7F\u7528 video \u6807\u7B7E\u6E32\u67D3\n */\nconst Media = React.forwardRef<HTMLDivElement, MediaProps>(\n  (\n    {\n      pcImage,\n      desktopImage,\n      laptopImage,\n      padImage,\n      mobileImage,\n      className,\n      videoClassName,\n      imgClassName,\n      muted = true,\n      loop = true,\n      playsInline = true,\n      autoPlay = true,\n      poster,\n      videoRef,\n      onVideoPlay,\n      onVideoPause,\n      onVideoEnded,\n      ...props\n    },\n    ref\n  ) => {\n    const isMobile = useMediaQuery({ query: '(max-width: 767px)' })\n    const isPad = useMediaQuery({ query: '(min-width: 768px) and (max-width: 1024px)' })\n    const isLaptop = useMediaQuery({ query: '(min-width: 1025px) and (max-width: 1439px)' })\n    const isDesktop = useMediaQuery({ query: '(min-width: 1440px) and (max-width: 1919px)' })\n    const isPc = useMediaQuery({ query: '(min-width: 1920px)' })\n\n    const allImages = [pcImage, desktopImage, laptopImage, padImage, mobileImage]\n    const hasVideo = allImages.some(media => media?.mimeType === 'video/mp4')\n\n    const currentMedia = isPc\n      ? pcImage\n      : isDesktop\n        ? desktopImage\n        : isLaptop\n          ? laptopImage\n          : isPad\n            ? padImage\n            : mobileImage\n\n    const fallbackMedia = currentMedia || pcImage || desktopImage || laptopImage || padImage || mobileImage\n\n    const videoSrc = fallbackMedia?.mimeType === 'video/mp4' ? fallbackMedia.url : undefined\n    const imagePoster = poster || (fallbackMedia?.mimeType !== 'video/mp4' ? fallbackMedia?.url : undefined)\n\n    const pictureSource = [\n      mobileImage?.url && `${mobileImage.url} 768`,\n      padImage?.url && `${padImage.url} 1025`,\n      laptopImage?.url && `${laptopImage.url} 1440`,\n      desktopImage?.url && `${desktopImage.url} 1920`,\n      pcImage?.url,\n    ]\n      .filter(Boolean)\n      .reverse()\n      .join(' , ')\n\n    return (\n      <div ref={ref} className={cn('media-wrapper', className)} {...props}>\n        {hasVideo ? (\n          <video\n            ref={videoRef}\n            src={videoSrc}\n            poster={imagePoster}\n            className={cn('size-full object-cover', videoClassName)}\n            muted={muted}\n            loop={loop}\n            playsInline={playsInline}\n            autoPlay={autoPlay}\n            aria-label={currentMedia?.alt || ''}\n            onPlay={onVideoPlay}\n            onPause={onVideoPause}\n            onEnded={onVideoEnded}\n          />\n        ) : (\n          <Picture\n            className=\"size-full\"\n            imgClassName={cn('size-full object-cover', imgClassName)}\n            alt={pcImage?.alt || desktopImage?.alt || laptopImage?.alt || padImage?.alt || mobileImage?.alt || ''}\n            source={pictureSource}\n          />\n        )}\n      </div>\n    )\n  }\n)\n\nMedia.displayName = 'Media'\n\nexport default Media\n"],
-  "mappings": "aA+GU,cAAAA,MAAA,oBA7GV,OAAOC,MAAW,QAClB,OAAS,iBAAAC,MAAqB,mBAC9B,OAAS,WAAAC,MAAe,4BAExB,OAAS,MAAAC,MAAU,yBA2CnB,MAAMC,EAAQJ,EAAM,WAClB,CACE,CACE,QAAAK,EACA,aAAAC,EACA,YAAAC,EACA,SAAAC,EACA,YAAAC,EACA,UAAAC,EACA,eAAAC,EACA,aAAAC,EACA,MAAAC,EAAQ,GACR,KAAAC,EAAO,GACP,YAAAC,EAAc,GACd,SAAAC,EAAW,GACX,OAAAC,EACA,SAAAC,EACA,YAAAC,EACA,aAAAC,EACA,aAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EAAWvB,EAAc,CAAE,MAAO,oBAAqB,CAAC,EACxDwB,EAAQxB,EAAc,CAAE,MAAO,4CAA6C,CAAC,EAC7EyB,EAAWzB,EAAc,CAAE,MAAO,6CAA8C,CAAC,EACjF0B,EAAY1B,EAAc,CAAE,MAAO,6CAA8C,CAAC,EAClF2B,EAAO3B,EAAc,CAAE,MAAO,qBAAsB,CAAC,EAGrD4B,EADY,CAACxB,EAASC,EAAcC,EAAaC,EAAUC,CAAW,EACjD,KAAKqB,GAASA,GAAO,WAAa,WAAW,EAElEC,EAAeH,EACjBvB,EACAsB,EACErB,EACAoB,EACEnB,EACAkB,EACEjB,EACAC,EAEJuB,EAAgBD,GAAgB1B,GAAWC,GAAgBC,GAAeC,GAAYC,EAEtFwB,EAAWD,GAAe,WAAa,YAAcA,EAAc,IAAM,OACzEE,EAAcjB,IAAWe,GAAe,WAAa,YAAcA,GAAe,IAAM,QAExFG,EAAgB,CACpB1B,GAAa,KAAO,GAAGA,EAAY,GAAG,OACtCD,GAAU,KAAO,GAAGA,EAAS,GAAG,QAChCD,GAAa,KAAO,GAAGA,EAAY,GAAG,QACtCD,GAAc,KAAO,GAAGA,EAAa,GAAG,QACxCD,GAAS,GACX,EACG,OAAO,OAAO,EACd,QAAQ,EACR,KAAK,KAAK,EAEb,OACEN,EAAC,OAAI,IAAKwB,EAAK,UAAWpB,EAAG,gBAAiBO,CAAS,EAAI,GAAGY,EAC3D,SAAAO,EACC9B,EAAC,SACC,IAAKmB,EACL,IAAKe,EACL,OAAQC,EACR,UAAW/B,EAAG,yBAA0BQ,CAAc,EACtD,MAAOE,EACP,KAAMC,EACN,YAAaC,EACb,SAAUC,EACV,aAAYe,GAAc,KAAO,GACjC,OAAQZ,EACR,QAASC,EACT,QAASC,EACX,EAEAtB,EAACG,EAAA,CACC,UAAU,YACV,aAAcC,EAAG,yBAA0BS,CAAY,EACvD,IAAKP,GAAS,KAAOC,GAAc,KAAOC,GAAa,KAAOC,GAAU,KAAOC,GAAa,KAAO,GACnG,OAAQ0B,EACV,EAEJ,CAEJ,CACF,EAEA/B,EAAM,YAAc,QAEpB,IAAOgC,EAAQhC",
-  "names": ["jsx", "React", "useMediaQuery", "Picture", "cn", "Media", "pcImage", "desktopImage", "laptopImage", "padImage", "mobileImage", "className", "videoClassName", "imgClassName", "muted", "loop", "playsInline", "autoPlay", "poster", "videoRef", "onVideoPlay", "onVideoPause", "onVideoEnded", "props", "ref", "isMobile", "isPad", "isLaptop", "isDesktop", "isPc", "hasVideo", "media", "currentMedia", "fallbackMedia", "videoSrc", "imagePoster", "pictureSource", "Media_default"]
+  "sourcesContent": ["'use client'\n\nimport React from 'react'\nimport { useIsomorphicMediaQuery } from '../../hooks/useIsomorphicMediaQuery.js'\nimport { Picture } from '../../components/index.js'\nimport type { Media as MediaType } from '../../types/props.js'\nimport { cn } from '../../helpers/index.js'\n\nexport interface MediaProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** PC\u7AEF\u5A92\u4F53\uFF08\u22651920px\uFF09 */\n  pcImage?: MediaType\n  /** \u5927\u684C\u9762\u5A92\u4F53\uFF08\u22651440px\uFF09 */\n  desktopImage?: MediaType\n  /** \u5C0F\u684C\u9762\u5A92\u4F53\uFF08\u22651025px\uFF09 */\n  laptopImage?: MediaType\n  /** \u5E73\u677F\u7AEF\u5A92\u4F53\uFF08\u2265768px\uFF09 */\n  padImage?: MediaType\n  /** \u79FB\u52A8\u7AEF\u5A92\u4F53\uFF08<768px\uFF09 */\n  mobileImage?: MediaType\n  /** \u89C6\u9891\u7C7B\u540D */\n  videoClassName?: string\n  /** \u56FE\u7247\u7C7B\u540D */\n  imgClassName?: string\n  /** \u662F\u5426\u9759\u97F3\u64AD\u653E\uFF08\u4EC5\u89C6\u9891\uFF09 */\n  muted?: boolean\n  /** \u662F\u5426\u5FAA\u73AF\u64AD\u653E\uFF08\u4EC5\u89C6\u9891\uFF09 */\n  loop?: boolean\n  /** \u662F\u5426\u5185\u8054\u64AD\u653E\uFF08\u4EC5\u89C6\u9891\uFF09 */\n  playsInline?: boolean\n  /** \u662F\u5426\u81EA\u52A8\u64AD\u653E\uFF08\u4EC5\u89C6\u9891\uFF09 */\n  autoPlay?: boolean\n  /** \u89C6\u9891\u9884\u89C8\u56FE */\n  poster?: string\n  /** \u89C6\u9891 ref\uFF08\u7528\u4E8E\u5916\u90E8\u63A7\u5236\u64AD\u653E/\u6682\u505C\uFF09 */\n  videoRef?: React.RefObject<HTMLVideoElement>\n  /** \u89C6\u9891\u64AD\u653E\u56DE\u8C03 */\n  onVideoPlay?: () => void\n  /** \u89C6\u9891\u6682\u505C\u56DE\u8C03 */\n  onVideoPause?: () => void\n  /** \u89C6\u9891\u7ED3\u675F\u56DE\u8C03 */\n  onVideoEnded?: () => void\n}\n\n/**\n * Media - \u667A\u80FD\u5A92\u4F53\u7EC4\u4EF6\n *\n * @description \u6839\u636E\u5A92\u4F53\u7C7B\u578B\u81EA\u52A8\u9009\u62E9\u4F7F\u7528 video \u6807\u7B7E\u6216 Picture \u7EC4\u4EF6\n * \u652F\u6301\u54CD\u5E94\u5F0F\u5A92\u4F53\u6E90\uFF0C\u5982\u679C\u4EFB\u610F\u5A92\u4F53\u7C7B\u578B\u662F\u89C6\u9891\uFF0C\u5219\u4F7F\u7528 video \u6807\u7B7E\u6E32\u67D3\n */\nconst Media = React.forwardRef<HTMLDivElement, MediaProps>(\n  (\n    {\n      pcImage,\n      desktopImage,\n      laptopImage,\n      padImage,\n      mobileImage,\n      className,\n      videoClassName,\n      imgClassName,\n      muted = true,\n      loop = true,\n      playsInline = true,\n      autoPlay = true,\n      poster,\n      videoRef,\n      onVideoPlay,\n      onVideoPause,\n      onVideoEnded,\n      ...props\n    },\n    ref\n  ) => {\n    const isMobile = useIsomorphicMediaQuery({ query: '(max-width: 767px)' })\n    const isPad = useIsomorphicMediaQuery({ query: '(min-width: 768px) and (max-width: 1024px)' })\n    const isLaptop = useIsomorphicMediaQuery({ query: '(min-width: 1025px) and (max-width: 1439px)' })\n    const isDesktop = useIsomorphicMediaQuery({ query: '(min-width: 1440px) and (max-width: 1919px)' })\n    const isPc = useIsomorphicMediaQuery({ query: '(min-width: 1920px)' })\n\n    const allImages = [pcImage, desktopImage, laptopImage, padImage, mobileImage]\n    const hasVideo = allImages.some(media => media?.mimeType === 'video/mp4')\n\n    const currentMedia = isPc\n      ? (pcImage ?? desktopImage ?? laptopImage ?? padImage ?? mobileImage)\n      : isDesktop\n        ? (desktopImage ?? pcImage ?? laptopImage ?? padImage ?? mobileImage)\n        : isLaptop\n          ? (laptopImage ?? desktopImage ?? pcImage ?? padImage ?? mobileImage)\n          : isPad\n            ? (padImage ?? laptopImage ?? desktopImage ?? pcImage ?? mobileImage)\n            : (mobileImage ?? padImage ?? laptopImage ?? desktopImage ?? pcImage)\n\n    const fallbackMedia = currentMedia\n\n    const videoSrc = fallbackMedia?.mimeType === 'video/mp4' ? fallbackMedia.url : undefined\n    const imagePoster = poster || (fallbackMedia?.mimeType !== 'video/mp4' ? fallbackMedia?.url : undefined)\n\n    const pictureSourceParts = [\n      pcImage?.url || desktopImage?.url || laptopImage?.url || padImage?.url || mobileImage?.url,\n      mobileImage?.url && `${mobileImage.url} 767`,\n      padImage?.url && `${padImage.url} 1024`,\n      laptopImage?.url && `${laptopImage.url} 1439`,\n      desktopImage?.url && `${desktopImage.url} 1919`,\n    ].filter(Boolean)\n\n    const pictureSource = pictureSourceParts.join(' , ')\n\n    return (\n      <div ref={ref} className={cn('media-wrapper', className)} {...props}>\n        {hasVideo ? (\n          <video\n            ref={videoRef}\n            src={videoSrc}\n            poster={imagePoster}\n            className={cn('size-full object-cover', videoClassName)}\n            muted={muted}\n            loop={loop}\n            playsInline={playsInline}\n            autoPlay={autoPlay}\n            aria-label={currentMedia?.alt || ''}\n            onPlay={onVideoPlay}\n            onPause={onVideoPause}\n            onEnded={onVideoEnded}\n          />\n        ) : (\n          <Picture\n            className=\"size-full\"\n            imgClassName={cn('size-full object-cover', imgClassName)}\n            alt={pcImage?.alt || desktopImage?.alt || laptopImage?.alt || padImage?.alt || mobileImage?.alt || ''}\n            source={pictureSource}\n          />\n        )}\n      </div>\n    )\n  }\n)\n\nMedia.displayName = 'Media'\n\nexport default Media\n"],
+  "mappings": "aA8GU,cAAAA,MAAA,oBA5GV,OAAOC,MAAW,QAClB,OAAS,2BAAAC,MAA+B,yCACxC,OAAS,WAAAC,MAAe,4BAExB,OAAS,MAAAC,MAAU,yBA2CnB,MAAMC,EAAQJ,EAAM,WAClB,CACE,CACE,QAAAK,EACA,aAAAC,EACA,YAAAC,EACA,SAAAC,EACA,YAAAC,EACA,UAAAC,EACA,eAAAC,EACA,aAAAC,EACA,MAAAC,EAAQ,GACR,KAAAC,EAAO,GACP,YAAAC,EAAc,GACd,SAAAC,EAAW,GACX,OAAAC,EACA,SAAAC,EACA,YAAAC,EACA,aAAAC,EACA,aAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EAAWvB,EAAwB,CAAE,MAAO,oBAAqB,CAAC,EAClEwB,EAAQxB,EAAwB,CAAE,MAAO,4CAA6C,CAAC,EACvFyB,EAAWzB,EAAwB,CAAE,MAAO,6CAA8C,CAAC,EAC3F0B,EAAY1B,EAAwB,CAAE,MAAO,6CAA8C,CAAC,EAC5F2B,EAAO3B,EAAwB,CAAE,MAAO,qBAAsB,CAAC,EAG/D4B,EADY,CAACxB,EAASC,EAAcC,EAAaC,EAAUC,CAAW,EACjD,KAAKqB,GAASA,GAAO,WAAa,WAAW,EAElEC,EAAeH,EAChBvB,GAAWC,GAAgBC,GAAeC,GAAYC,EACvDkB,EACGrB,GAAgBD,GAAWE,GAAeC,GAAYC,EACvDiB,EACGnB,GAAeD,GAAgBD,GAAWG,GAAYC,EACvDgB,EACGjB,GAAYD,GAAeD,GAAgBD,GAAWI,EACtDA,GAAeD,GAAYD,GAAeD,GAAgBD,EAE/D2B,EAAgBD,EAEhBE,EAAWD,GAAe,WAAa,YAAcA,EAAc,IAAM,OACzEE,EAAcjB,IAAWe,GAAe,WAAa,YAAcA,GAAe,IAAM,QAUxFG,EARqB,CACzB9B,GAAS,KAAOC,GAAc,KAAOC,GAAa,KAAOC,GAAU,KAAOC,GAAa,IACvFA,GAAa,KAAO,GAAGA,EAAY,GAAG,OACtCD,GAAU,KAAO,GAAGA,EAAS,GAAG,QAChCD,GAAa,KAAO,GAAGA,EAAY,GAAG,QACtCD,GAAc,KAAO,GAAGA,EAAa,GAAG,OAC1C,EAAE,OAAO,OAAO,EAEyB,KAAK,KAAK,EAEnD,OACEP,EAAC,OAAI,IAAKwB,EAAK,UAAWpB,EAAG,gBAAiBO,CAAS,EAAI,GAAGY,EAC3D,SAAAO,EACC9B,EAAC,SACC,IAAKmB,EACL,IAAKe,EACL,OAAQC,EACR,UAAW/B,EAAG,yBAA0BQ,CAAc,EACtD,MAAOE,EACP,KAAMC,EACN,YAAaC,EACb,SAAUC,EACV,aAAYe,GAAc,KAAO,GACjC,OAAQZ,EACR,QAASC,EACT,QAASC,EACX,EAEAtB,EAACG,EAAA,CACC,UAAU,YACV,aAAcC,EAAG,yBAA0BS,CAAY,EACvD,IAAKP,GAAS,KAAOC,GAAc,KAAOC,GAAa,KAAOC,GAAU,KAAOC,GAAa,KAAO,GACnG,OAAQ0B,EACV,EAEJ,CAEJ,CACF,EAEA/B,EAAM,YAAc,QAEpB,IAAOgC,EAAQhC",
+  "names": ["jsx", "React", "useIsomorphicMediaQuery", "Picture", "cn", "Media", "pcImage", "desktopImage", "laptopImage", "padImage", "mobileImage", "className", "videoClassName", "imgClassName", "muted", "loop", "playsInline", "autoPlay", "poster", "videoRef", "onVideoPlay", "onVideoPause", "onVideoEnded", "props", "ref", "isMobile", "isPad", "isLaptop", "isDesktop", "isPc", "hasVideo", "media", "currentMedia", "fallbackMedia", "videoSrc", "imagePoster", "pictureSource", "Media_default"]
 }

package/dist/esm/biz-components/MediaEndorsement/index.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import 'swiper/css/pagination';
 import type { MediaEndorsementProps, MediaEndorsementData, MediaEndorsementItem, MediaEndorsementSemanticName } from './types.js';
-declare const _default: React.ForwardRefExoticComponent<Omit<MediaEndorsementProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../WheelLottery/index.js").ContainerProps & React.RefAttributes<unknown>> & {
+declare const _default: React.ForwardRefExoticComponent<Omit<MediaEndorsementProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../index.js").ContainerProps & React.RefAttributes<unknown>> & {
     readonly $$typeof: symbol;
 };
 export default _default;

package/dist/esm/biz-components/MediaEndorsement/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use client";import{jsx as o,jsxs as E}from"react/jsx-runtime";import*as p from"react";import{cva as _}from"class-variance-authority";import{Swiper as g,SwiperSlide as h}from"swiper/react";import{FreeMode as A,Mousewheel as R,Pagination as O}from"swiper/modules";import{useMediaQuery as L}from"react-responsive";import"swiper/css/pagination";import{cn as a}from"../../helpers/index.js";import{Heading as M,Text as H}from"../../index.js";import{withLayout as B}from"../../shared/Styles.js";import{useExposure as V}from"../../hooks/useExposure.js";const j="image",z="Media Endorsement",w=3;function q(n,t){const d=[];for(let i=0;i<n.length;i+=t)d.push(n.slice(i,i+t));return d}const Q=_("rounded-box lg-desktop:h-[240px] desktop:px-6 flex h-[200px] flex-col justify-start gap-[26px] bg-[#EAEAEC] p-4",{variants:{theme:{light:"",dark:""},rounded:{true:"rounded-card",false:""}},defaultVariants:{theme:"light",rounded:!1}}),v=p.forwardRef(({className:n,classNames:t={},data:d,onItemClick:i,...x},k)=>{const{title:s,subtitle:l,items:c,theme:b="light",rounded:y=!1,layout:N="grid"}=d,T=L({query:"(max-width: 767px)"}),u=p.useRef(null);p.useImperativeHandle(k,()=>u.current),V(u,{componentType:j,componentName:z,componentTitle:s,componentDescription:l});const S=p.useCallback((e,r)=>m=>{i?.(e,r,m)},[i]),f=(e,r)=>E("div",{className:a("media-endorsement-card text-info-primary",Q({theme:b,rounded:y}),t.card),onClick:S(e,r),"aria-label":e.mediaName?`${e.mediaName} endorsement`:void 0,children:[o("div",{className:a("media-endorsement-card-icon","lg-desktop:h-16 flex h-12 items-center justify-start overflow-hidden",t.cardIcon),children:o("img",{src:e.icon.url,alt:e.icon.alt||e.mediaName||"Media logo",className:"lg-desktop:h-16 h-12 w-auto object-contain",loading:"lazy"})}),o(M,{size:2,as:"h6",html:e.text,className:a("media-endorsement-card-quote line-clamp-4",t.cardQuote)})]},r),D=()=>{const e=q(c,w);return o(g,{className:a("media-endorsement-mobile-swiper","w-full !overflow-visible pb-8",t.carousel),modules:[O],slidesPerView:1,spaceBetween:12,pagination:{clickable:!0,bulletClass:"media-endorsement-bullet",bulletActiveClass:"media-endorsement-bullet-active"},children:e.map((r,m)=>o(h,{className:"!h-auto",children:o("div",{className:"flex flex-col gap-3",children:r.map((I,P)=>{const C=m*w+P;return f(I,C)})})},m))})};return E("div",{ref:u,className:a("media-endorsement-root text-info-primary","w-full",n,t.root,{"aiui-dark":b==="dark"}),...x,children:[o("style",{children:`
+"use client";import{jsx as o,jsxs as E}from"react/jsx-runtime";import*as p from"react";import{cva as _}from"class-variance-authority";import{Swiper as g,SwiperSlide as h}from"swiper/react";import{FreeMode as A,Mousewheel as R,Pagination as O}from"swiper/modules";import{useIsomorphicMediaQuery as L}from"../../hooks/useIsomorphicMediaQuery.js";import"swiper/css/pagination";import{cn as i}from"../../helpers/index.js";import{Heading as M,Text as H}from"../../index.js";import{withLayout as B}from"../../shared/Styles.js";import{useExposure as V}from"../../hooks/useExposure.js";const j="image",z="Media Endorsement",w=3;function q(n,t){const d=[];for(let a=0;a<n.length;a+=t)d.push(n.slice(a,a+t));return d}const Q=_("rounded-box lg-desktop:h-[240px] desktop:px-6 flex h-[200px] flex-col justify-start gap-[26px] bg-[#EAEAEC] p-4",{variants:{theme:{light:"",dark:""},rounded:{true:"rounded-card",false:""}},defaultVariants:{theme:"light",rounded:!1}}),v=p.forwardRef(({className:n,classNames:t={},data:d,onItemClick:a,...x},k)=>{const{title:s,subtitle:l,items:c,theme:b="light",rounded:y=!1,layout:N="grid"}=d,T=L({query:"(max-width: 767px)"}),u=p.useRef(null);p.useImperativeHandle(k,()=>u.current),V(u,{componentType:j,componentName:z,componentTitle:s,componentDescription:l});const S=p.useCallback((e,r)=>m=>{a?.(e,r,m)},[a]),f=(e,r)=>E("div",{className:i("media-endorsement-card text-info-primary",Q({theme:b,rounded:y}),t.card),onClick:S(e,r),"aria-label":e.mediaName?`${e.mediaName} endorsement`:void 0,children:[o("div",{className:i("media-endorsement-card-icon","lg-desktop:h-16 flex h-12 items-center justify-start overflow-hidden",t.cardIcon),children:o("img",{src:e.icon.url,alt:e.icon.alt||e.mediaName||"Media logo",className:"lg-desktop:h-16 h-12 w-auto object-contain",loading:"lazy"})}),o(M,{size:2,as:"h6",html:e.text,className:i("media-endorsement-card-quote line-clamp-4",t.cardQuote)})]},r),D=()=>{const e=q(c,w);return o(g,{className:i("media-endorsement-mobile-swiper","w-full !overflow-visible pb-8",t.carousel),modules:[O],slidesPerView:1,spaceBetween:12,pagination:{clickable:!0,bulletClass:"media-endorsement-bullet",bulletActiveClass:"media-endorsement-bullet-active"},children:e.map((r,m)=>o(h,{className:"!h-auto",children:o("div",{className:"flex flex-col gap-3",children:r.map((I,P)=>{const C=m*w+P;return f(I,C)})})},m))})};return E("div",{ref:u,className:i("media-endorsement-root text-info-primary","w-full",n,t.root,{"aiui-dark":b==="dark"}),...x,children:[o("style",{children:`
           .media-endorsement-bullet {
             display: inline-block;
             width: 8px;
@@ -19,5 +19,5 @@
             right: 0;
             text-align: center;
           }
-        `}),(s||l)&&E("div",{className:a("media-endorsement-header mb-6",t.header),children:[s&&o(M,{as:"h2",size:4,html:s,className:a("media-endorsement-title",t.title)}),l&&o(H,{as:"p",size:3,className:a("",t?.subtitle),html:l})]}),N==="carousel"?o(g,{className:a("media-endorsement-carousel","w-full !overflow-visible",t.carousel),modules:[A,R],freeMode:!0,mousewheel:{forceToAxis:!0},slidesPerView:"auto",spaceBetween:12,breakpoints:{768:{spaceBetween:16}},children:c.map((e,r)=>o(h,{className:"tablet:!w-[320px] laptop:!w-[360px] desktop:!w-[404px] !w-[280px]",children:f(e,r)},r))}):T?D():o("div",{className:a("media-endorsement-grid","laptop:grid-cols-2 laptop:gap-4 desktop:grid-cols-3 tablet:grid-cols-2 grid grid-cols-1 gap-3",t.grid),children:c.map((e,r)=>f(e,r))})]})});v.displayName="MediaEndorsement";var Z=B(v);export{Z as default};
+        `}),(s||l)&&E("div",{className:i("media-endorsement-header mb-6",t.header),children:[s&&o(M,{as:"h2",size:4,html:s,className:i("media-endorsement-title",t.title)}),l&&o(H,{as:"p",size:3,className:i("",t?.subtitle),html:l})]}),N==="carousel"?o(g,{className:i("media-endorsement-carousel","w-full !overflow-visible",t.carousel),modules:[A,R],freeMode:!0,mousewheel:{forceToAxis:!0},slidesPerView:"auto",spaceBetween:12,breakpoints:{768:{spaceBetween:16}},children:c.map((e,r)=>o(h,{className:"tablet:!w-[320px] laptop:!w-[360px] desktop:!w-[404px] !w-[280px]",children:f(e,r)},r))}):T?D():o("div",{className:i("media-endorsement-grid","laptop:grid-cols-2 laptop:gap-4 desktop:grid-cols-3 tablet:grid-cols-2 grid grid-cols-1 gap-3",t.grid),children:c.map((e,r)=>f(e,r))})]})});v.displayName="MediaEndorsement";var Z=B(v);export{Z as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/MediaEndorsement/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MediaEndorsement/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cva } from 'class-variance-authority'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { FreeMode, Mousewheel, Pagination } from 'swiper/modules'\nimport { useMediaQuery } from 'react-responsive'\nimport 'swiper/css/pagination'\nimport { cn } from '../../helpers/index.js'\nimport type {\n  MediaEndorsementProps,\n  MediaEndorsementData,\n  MediaEndorsementItem,\n  MediaEndorsementSemanticName,\n} from './types.js'\nimport { Heading, Text } from '../../index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\n\nconst MEDIA_ENDORSEMENT_COMPONENT_TYPE = 'image'\nconst MEDIA_ENDORSEMENT_COMPONENT_NAME = 'Media Endorsement'\n\nconst MOBILE_ITEMS_PER_SLIDE = 3\n\n// Helper to chunk array into groups\nfunction chunkArray<T>(array: T[], size: number): T[][] {\n  const result: T[][] = []\n  for (let i = 0; i < array.length; i += size) {\n    result.push(array.slice(i, i + size))\n  }\n  return result\n}\n\n/**\n * \u5361\u7247\u5BB9\u5668\u53D8\u4F53\n */\nconst cardVariants = cva(\n  'rounded-box lg-desktop:h-[240px] desktop:px-6 flex h-[200px] flex-col justify-start gap-[26px] bg-[#EAEAEC] p-4',\n  {\n    variants: {\n      theme: {\n        light: '',\n        dark: '',\n      },\n      rounded: {\n        true: 'rounded-card',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n      rounded: false,\n    },\n  }\n)\n\n/**\n * MediaEndorsement - \u5A92\u4F53\u80CC\u4E66\n *\n * @description \u5A92\u4F53\u80CC\u4E66\u7EC4\u4EF6\u7684\u4F5C\u7528\u662F\u901A\u8FC7\u5C55\u793A\u7B2C\u4E09\u65B9\u5A92\u4F53\u7684\u8BC4\u4EF7\u6216\u62A5\u9053\uFF0C\u63D0\u5347\u54C1\u724C\u6216\u4EA7\u54C1\u7684\u53EF\u4FE1\u5EA6\u548C\u5F71\u54CD\u529B\n */\nconst MediaEndorsement = React.forwardRef<HTMLDivElement, MediaEndorsementProps>(\n  ({ className, classNames = {}, data, onItemClick, ...props }, ref) => {\n    const { title, subtitle, items, theme = 'light', rounded = false, layout = 'grid' } = data\n    const isMobile = useMediaQuery({ query: '(max-width: 767px)' })\n\n    const innerRef = React.useRef<HTMLDivElement>(null)\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n    useExposure(innerRef, {\n      componentType: MEDIA_ENDORSEMENT_COMPONENT_TYPE,\n      componentName: MEDIA_ENDORSEMENT_COMPONENT_NAME,\n      componentTitle: title,\n      componentDescription: subtitle,\n    })\n    const handleCardClick = React.useCallback(\n      (item: MediaEndorsementItem, index: number) => (event: React.MouseEvent) => {\n        onItemClick?.(item, index, event)\n      },\n      [onItemClick]\n    )\n\n    const renderCard = (item: MediaEndorsementItem, index: number) => (\n      <div\n        key={index}\n        className={cn('media-endorsement-card text-info-primary', cardVariants({ theme, rounded }), classNames.card)}\n        onClick={handleCardClick(item, index)}\n        aria-label={item.mediaName ? `${item.mediaName} endorsement` : undefined}\n      >\n        {/* \u5A92\u4F53 Logo */}\n        <div\n          className={cn(\n            'media-endorsement-card-icon',\n            'lg-desktop:h-16 flex h-12 items-center justify-start overflow-hidden',\n            classNames.cardIcon\n          )}\n        >\n          <img\n            src={item.icon.url}\n            alt={item.icon.alt || item.mediaName || 'Media logo'}\n            className=\"lg-desktop:h-16 h-12 w-auto object-contain\"\n            loading=\"lazy\"\n          />\n        </div>\n\n        {/* \u5F15\u7528\u6587\u6848 */}\n        <Heading\n          size={2}\n          as={'h6'}\n          html={item.text}\n          className={cn('media-endorsement-card-quote line-clamp-4', classNames.cardQuote)}\n        />\n      </div>\n    )\n\n    // Mobile swiper for grid layout\n    const renderMobileGridSwiper = () => {\n      const chunkedItems = chunkArray(items, MOBILE_ITEMS_PER_SLIDE)\n      return (\n        <Swiper\n          className={cn('media-endorsement-mobile-swiper', 'w-full !overflow-visible pb-8', classNames.carousel)}\n          modules={[Pagination]}\n          slidesPerView={1}\n          spaceBetween={12}\n          pagination={{\n            clickable: true,\n            bulletClass: 'media-endorsement-bullet',\n            bulletActiveClass: 'media-endorsement-bullet-active',\n          }}\n        >\n          {chunkedItems.map((group, slideIndex) => (\n            <SwiperSlide key={slideIndex} className=\"!h-auto\">\n              <div className=\"flex flex-col gap-3\">\n                {group.map((item, itemIndex) => {\n                  const globalIndex = slideIndex * MOBILE_ITEMS_PER_SLIDE + itemIndex\n                  return renderCard(item, globalIndex)\n                })}\n              </div>\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      )\n    }\n\n    return (\n      <div\n        ref={innerRef}\n        className={cn('media-endorsement-root text-info-primary', 'w-full', className, classNames.root, {\n          'aiui-dark': theme === 'dark',\n        })}\n        {...props}\n      >\n        <style>{`\n          .media-endorsement-bullet {\n            display: inline-block;\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: #D9D9D9;\n            margin: 0 4px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n          }\n          .media-endorsement-bullet-active {\n            background: var(--info-primary-color);\n          }\n          .media-endorsement-mobile-swiper .swiper-pagination {\n            position: absolute;\n            bottom: -28px;\n            left: 0;\n            right: 0;\n            text-align: center;\n          }\n        `}</style>\n        {/* \u6807\u9898\u533A\u57DF */}\n        {(title || subtitle) && (\n          <div className={cn('media-endorsement-header mb-6', classNames.header)}>\n            {title && (\n              <Heading as=\"h2\" size={4} html={title} className={cn('media-endorsement-title', classNames.title)} />\n            )}\n            {subtitle && <Text as=\"p\" size={3} className={cn('', classNames?.subtitle)} html={subtitle} />}\n          </div>\n        )}\n        {layout === 'carousel' ? (\n          <Swiper\n            className={cn('media-endorsement-carousel', 'w-full !overflow-visible', classNames.carousel)}\n            modules={[FreeMode, Mousewheel]}\n            freeMode={true}\n            mousewheel={{ forceToAxis: true }}\n            slidesPerView=\"auto\"\n            spaceBetween={12}\n            breakpoints={{\n              768: { spaceBetween: 16 },\n            }}\n          >\n            {items.map((item, index) => (\n              <SwiperSlide key={index} className=\"tablet:!w-[320px] laptop:!w-[360px] desktop:!w-[404px] !w-[280px]\">\n                {renderCard(item, index)}\n              </SwiperSlide>\n            ))}\n          </Swiper>\n        ) : isMobile ? (\n          renderMobileGridSwiper()\n        ) : (\n          <div\n            className={cn(\n              'media-endorsement-grid',\n              'laptop:grid-cols-2 laptop:gap-4 desktop:grid-cols-3 tablet:grid-cols-2 grid grid-cols-1 gap-3',\n              classNames.grid\n            )}\n          >\n            {items.map((item, index) => renderCard(item, index))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nMediaEndorsement.displayName = 'MediaEndorsement'\n\nexport default withLayout(MediaEndorsement)\nexport type { MediaEndorsementProps, MediaEndorsementData, MediaEndorsementItem, MediaEndorsementSemanticName }\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "React", "cva", "Swiper", "SwiperSlide", "FreeMode", "Mousewheel", "Pagination", "useMediaQuery", "cn", "Heading", "Text", "withLayout", "useExposure", "MEDIA_ENDORSEMENT_COMPONENT_TYPE", "MEDIA_ENDORSEMENT_COMPONENT_NAME", "MOBILE_ITEMS_PER_SLIDE", "chunkArray", "array", "size", "result", "cardVariants", "MediaEndorsement", "className", "classNames", "data", "onItemClick", "props", "ref", "title", "subtitle", "items", "theme", "rounded", "layout", "isMobile", "innerRef", "handleCardClick", "item", "index", "event", "renderCard", "renderMobileGridSwiper", "chunkedItems", "group", "slideIndex", "itemIndex", "globalIndex", "MediaEndorsement_default"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cva } from 'class-variance-authority'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { FreeMode, Mousewheel, Pagination } from 'swiper/modules'\nimport { useIsomorphicMediaQuery } from '../../hooks/useIsomorphicMediaQuery.js'\nimport 'swiper/css/pagination'\nimport { cn } from '../../helpers/index.js'\nimport type {\n  MediaEndorsementProps,\n  MediaEndorsementData,\n  MediaEndorsementItem,\n  MediaEndorsementSemanticName,\n} from './types.js'\nimport { Heading, Text } from '../../index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\n\nconst MEDIA_ENDORSEMENT_COMPONENT_TYPE = 'image'\nconst MEDIA_ENDORSEMENT_COMPONENT_NAME = 'Media Endorsement'\n\nconst MOBILE_ITEMS_PER_SLIDE = 3\n\n// Helper to chunk array into groups\nfunction chunkArray<T>(array: T[], size: number): T[][] {\n  const result: T[][] = []\n  for (let i = 0; i < array.length; i += size) {\n    result.push(array.slice(i, i + size))\n  }\n  return result\n}\n\n/**\n * \u5361\u7247\u5BB9\u5668\u53D8\u4F53\n */\nconst cardVariants = cva(\n  'rounded-box lg-desktop:h-[240px] desktop:px-6 flex h-[200px] flex-col justify-start gap-[26px] bg-[#EAEAEC] p-4',\n  {\n    variants: {\n      theme: {\n        light: '',\n        dark: '',\n      },\n      rounded: {\n        true: 'rounded-card',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n      rounded: false,\n    },\n  }\n)\n\n/**\n * MediaEndorsement - \u5A92\u4F53\u80CC\u4E66\n *\n * @description \u5A92\u4F53\u80CC\u4E66\u7EC4\u4EF6\u7684\u4F5C\u7528\u662F\u901A\u8FC7\u5C55\u793A\u7B2C\u4E09\u65B9\u5A92\u4F53\u7684\u8BC4\u4EF7\u6216\u62A5\u9053\uFF0C\u63D0\u5347\u54C1\u724C\u6216\u4EA7\u54C1\u7684\u53EF\u4FE1\u5EA6\u548C\u5F71\u54CD\u529B\n */\nconst MediaEndorsement = React.forwardRef<HTMLDivElement, MediaEndorsementProps>(\n  ({ className, classNames = {}, data, onItemClick, ...props }, ref) => {\n    const { title, subtitle, items, theme = 'light', rounded = false, layout = 'grid' } = data\n    const isMobile = useIsomorphicMediaQuery({ query: '(max-width: 767px)' })\n\n    const innerRef = React.useRef<HTMLDivElement>(null)\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n    useExposure(innerRef, {\n      componentType: MEDIA_ENDORSEMENT_COMPONENT_TYPE,\n      componentName: MEDIA_ENDORSEMENT_COMPONENT_NAME,\n      componentTitle: title,\n      componentDescription: subtitle,\n    })\n    const handleCardClick = React.useCallback(\n      (item: MediaEndorsementItem, index: number) => (event: React.MouseEvent) => {\n        onItemClick?.(item, index, event)\n      },\n      [onItemClick]\n    )\n\n    const renderCard = (item: MediaEndorsementItem, index: number) => (\n      <div\n        key={index}\n        className={cn('media-endorsement-card text-info-primary', cardVariants({ theme, rounded }), classNames.card)}\n        onClick={handleCardClick(item, index)}\n        aria-label={item.mediaName ? `${item.mediaName} endorsement` : undefined}\n      >\n        {/* \u5A92\u4F53 Logo */}\n        <div\n          className={cn(\n            'media-endorsement-card-icon',\n            'lg-desktop:h-16 flex h-12 items-center justify-start overflow-hidden',\n            classNames.cardIcon\n          )}\n        >\n          <img\n            src={item.icon.url}\n            alt={item.icon.alt || item.mediaName || 'Media logo'}\n            className=\"lg-desktop:h-16 h-12 w-auto object-contain\"\n            loading=\"lazy\"\n          />\n        </div>\n\n        {/* \u5F15\u7528\u6587\u6848 */}\n        <Heading\n          size={2}\n          as={'h6'}\n          html={item.text}\n          className={cn('media-endorsement-card-quote line-clamp-4', classNames.cardQuote)}\n        />\n      </div>\n    )\n\n    // Mobile swiper for grid layout\n    const renderMobileGridSwiper = () => {\n      const chunkedItems = chunkArray(items, MOBILE_ITEMS_PER_SLIDE)\n      return (\n        <Swiper\n          className={cn('media-endorsement-mobile-swiper', 'w-full !overflow-visible pb-8', classNames.carousel)}\n          modules={[Pagination]}\n          slidesPerView={1}\n          spaceBetween={12}\n          pagination={{\n            clickable: true,\n            bulletClass: 'media-endorsement-bullet',\n            bulletActiveClass: 'media-endorsement-bullet-active',\n          }}\n        >\n          {chunkedItems.map((group, slideIndex) => (\n            <SwiperSlide key={slideIndex} className=\"!h-auto\">\n              <div className=\"flex flex-col gap-3\">\n                {group.map((item, itemIndex) => {\n                  const globalIndex = slideIndex * MOBILE_ITEMS_PER_SLIDE + itemIndex\n                  return renderCard(item, globalIndex)\n                })}\n              </div>\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      )\n    }\n\n    return (\n      <div\n        ref={innerRef}\n        className={cn('media-endorsement-root text-info-primary', 'w-full', className, classNames.root, {\n          'aiui-dark': theme === 'dark',\n        })}\n        {...props}\n      >\n        <style>{`\n          .media-endorsement-bullet {\n            display: inline-block;\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: #D9D9D9;\n            margin: 0 4px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n          }\n          .media-endorsement-bullet-active {\n            background: var(--info-primary-color);\n          }\n          .media-endorsement-mobile-swiper .swiper-pagination {\n            position: absolute;\n            bottom: -28px;\n            left: 0;\n            right: 0;\n            text-align: center;\n          }\n        `}</style>\n        {/* \u6807\u9898\u533A\u57DF */}\n        {(title || subtitle) && (\n          <div className={cn('media-endorsement-header mb-6', classNames.header)}>\n            {title && (\n              <Heading as=\"h2\" size={4} html={title} className={cn('media-endorsement-title', classNames.title)} />\n            )}\n            {subtitle && <Text as=\"p\" size={3} className={cn('', classNames?.subtitle)} html={subtitle} />}\n          </div>\n        )}\n        {layout === 'carousel' ? (\n          <Swiper\n            className={cn('media-endorsement-carousel', 'w-full !overflow-visible', classNames.carousel)}\n            modules={[FreeMode, Mousewheel]}\n            freeMode={true}\n            mousewheel={{ forceToAxis: true }}\n            slidesPerView=\"auto\"\n            spaceBetween={12}\n            breakpoints={{\n              768: { spaceBetween: 16 },\n            }}\n          >\n            {items.map((item, index) => (\n              <SwiperSlide key={index} className=\"tablet:!w-[320px] laptop:!w-[360px] desktop:!w-[404px] !w-[280px]\">\n                {renderCard(item, index)}\n              </SwiperSlide>\n            ))}\n          </Swiper>\n        ) : isMobile ? (\n          renderMobileGridSwiper()\n        ) : (\n          <div\n            className={cn(\n              'media-endorsement-grid',\n              'laptop:grid-cols-2 laptop:gap-4 desktop:grid-cols-3 tablet:grid-cols-2 grid grid-cols-1 gap-3',\n              classNames.grid\n            )}\n          >\n            {items.map((item, index) => renderCard(item, index))}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nMediaEndorsement.displayName = 'MediaEndorsement'\n\nexport default withLayout(MediaEndorsement)\nexport type { MediaEndorsementProps, MediaEndorsementData, MediaEndorsementItem, MediaEndorsementSemanticName }\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "React", "cva", "Swiper", "SwiperSlide", "FreeMode", "Mousewheel", "Pagination", "useIsomorphicMediaQuery", "cn", "Heading", "Text", "withLayout", "useExposure", "MEDIA_ENDORSEMENT_COMPONENT_TYPE", "MEDIA_ENDORSEMENT_COMPONENT_NAME", "MOBILE_ITEMS_PER_SLIDE", "chunkArray", "array", "size", "result", "i", "cardVariants", "MediaEndorsement", "className", "classNames", "data", "onItemClick", "props", "ref", "title", "subtitle", "items", "theme", "rounded", "layout", "isMobile", "innerRef", "handleCardClick", "item", "index", "event", "renderCard", "renderMobileGridSwiper", "chunkedItems", "group", "slideIndex", "itemIndex", "globalIndex", "MediaEndorsement_default"]
 }

package/dist/esm/biz-components/MediaPlayerBase/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { MediaPlayerBaseProps } from './types.js';
-declare const _default: import("react").ForwardRefExoticComponent<Omit<MediaPlayerBaseProps & import("react").RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../WheelLottery/index.js").ContainerProps & import("react").RefAttributes<unknown>> & {
+declare const _default: import("react").ForwardRefExoticComponent<Omit<MediaPlayerBaseProps & import("react").RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../index.js").ContainerProps & import("react").RefAttributes<unknown>> & {
     readonly $$typeof: symbol;
 };
 export default _default;

package/dist/esm/biz-components/MediaPlayerBase/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{Fragment as Se,jsx as e,jsxs as l}from"react/jsx-runtime";import{useState as y,useRef as n,useMemo as ke,useEffect as F,forwardRef as Ne,useImperativeHandle as He}from"react";import{debounce as Te}from"lodash";import{cn as o}from"../../helpers/utils.js";import{withLayout as ze}from"../../shared/Styles.js";import le from"../../components/button.js";import{Heading as Me,Text as se}from"../../components/index.js";import{VideoModal as Le}from"../VideoModal/index.js";import{convertLexicalToHTML as ae}from"@payloadcms/richtext-lexical/html";import{useInView as Re}from"react-intersection-observer";import{useExposure as Ie}from"../../hooks/useExposure.js";import L from"../../helpers/ScrollLoadVideo.js";import{gsap as m}from"gsap";import{SplitText as re}from"gsap/dist/SplitText";import{ScrollTrigger as q}from"gsap/dist/ScrollTrigger";const Ee="media_player_base",Pe="video";m.registerPlugin(q,re);const ne=({defaultConverters:f})=>({...f,text:R=>{const{node:s}=R;return s.$&&s.$.color?`<span class="lexical-${s.$.color}">${s.text}</span>`:s.text}}),ie=Ne(({className:f="",id:R,onBtnClick:s,data:{title:b,videoTitle:h,btnText:w,youtubeId:U,video:k,mobileVideo:Y,theme:I,img:N,shape:E,titleAnimation:H="fade-in",variant:ce,headline:O,paragraphs:P,metrics:S,...pe},..._},de)=>{const{sticky:i}=pe,[G,J]=y(!1),[K,ue]=y(0),[me,fe]=y(0),[T,ge]=y(0),[Q,$]=y(!1),d=n(null),W=n(null),r=n(null),z=n(null),X=n(null),M=n(null),g=n(null),B=n(null),C=n(null),{ref:Z,inView:c}=Re();He(de,()=>r.current);const x=typeof b=="string"?b:b&&ae({data:b,converters:ne}),A=typeof h=="string"?h:h&&ae({data:h,converters:ne});F(()=>{c?(d.current?.play(),J(!0)):(d.current?.pause(),J(!1))},[c]);const V=Te(()=>{if(r.current){const t=r.current.getBoundingClientRect(),a=window.innerHeight,v=window.scrollY||window.pageYOffset,p=t.bottom+v,u=document.documentElement.scrollHeight-p;ue(u>a?a:u)}if(r.current){const t=r.current.clientHeight,a=window.innerHeight;fe(t+a)}},600);F(()=>(V(),window.addEventListener("resize",V),()=>{window.removeEventListener("resize",V)}),[]),F(()=>{function t(){if(!z.current||H!=="fade-in")return;const v=z.current?.clientHeight||80;M.current=new re(z.current,{type:"words",wordsClass:"word"});const p=M.current.words;m.set(p,{opacity:0}),g.current&&m.set(g.current,{opacity:0}),B.current=q.create({trigger:r.current,start:"top center-=10%",end:`top+=${v*1.5+80}px center-=10%`,scrub:!0,onUpdate:ee=>{const u=ee.progress,te=p.length,ve=1/te,oe=.5;p.forEach((ye,be)=>{const he=be/te*(1-oe),we=ve*(1+oe);let D=(u-he)/we;D=Math.max(0,Math.min(D,1)),m.set(ye,{opacity:D})}),m.set(W.current,{opacity:u}),g.current&&m.set(g.current,{opacity:u>=.6?1:0})}})}function a(){C.current=q.create({trigger:r.current,start:"bottom bottom",end:"bottom top",scrub:!0,onUpdate:v=>{const p=v.progress;ge(p)}})}return c&&(t(),a()),()=>{M.current&&M.current.revert(),B.current&&B.current.kill(),C.current&&C.current.kill()}},[H,c]),Ie(X,{componentType:Pe,componentName:Ee,componentTitle:x});const xe=ke(()=>c&&T>0&&T<.9?3:c?2:1,[T,c]);if(ce==="text-layout")return l("div",{..._,ref:r,className:o("relative flex w-full items-center overflow-hidden","aspect-w-[390] aspect-h-[660] tablet:aspect-w-[768] tablet:aspect-h-[660]","laptop:aspect-w-[1024] laptop:aspect-h-[520] desktop:aspect-w-[1440] desktop:aspect-h-[700]","lg-desktop:aspect-w-[1920] lg-desktop:aspect-h-[930]",{"aiui-dark":I==="dark","rounded-box":E==="rounded"},f),children:[e("div",{ref:Z,className:"pointer-events-none absolute inset-0"}),l("div",{className:"absolute inset-0 z-0",children:[e(L,{videoRef:d,poster:N?.url||"",src:k?.url,className:"tablet:block hidden size-full",videoClassName:"size-full object-cover",muted:!0,loop:!0,playsInline:!0,autoplay:!0,"webkit-playsinline":!0,"x5-playsinline":!0}),e(L,{videoRef:d,poster:N?.url||"",src:Y?.url||k?.url,className:"tablet:hidden block size-full",videoClassName:"size-full object-cover",muted:!0,loop:!0,playsInline:!0,autoplay:!0,"webkit-playsinline":!0,"x5-playsinline":!0}),e("div",{className:"absolute inset-0 bg-black/30"})]}),l("div",{className:o("relative z-10 mx-auto flex w-full max-w-[1920px] flex-col","gap-6 px-4 py-10","tablet:gap-8 tablet:px-8","laptop:flex-row laptop:gap-12 laptop:px-16","desktop:gap-16 desktop:px-20","lg-desktop:px-24"),children:[e("div",{className:"laptop:w-1/2 w-full shrink-0",children:O&&e(Me,{as:"h2",size:5,className:"text-info-primary",children:O})}),l("div",{className:o("laptop:w-1/2 flex w-full flex-col justify-start","tablet:gap-8 laptop:gap-10 desktop:gap-12 gap-6"),children:[P&&P.length>0&&e("div",{className:"tablet:gap-4 flex flex-col gap-3",children:P.map((t,a)=>e(se,{as:"p",size:3,className:"text-info-primary lg-desktop:text-[18px] opacity-90",children:typeof t=="string"?t:t.text},a))}),S&&S.length>0&&e("div",{className:o("tablet:grid-cols-3 grid grid-cols-2","tablet:gap-6 desktop:gap-8 gap-4"),children:S.map((t,a)=>l("div",{className:"flex flex-col gap-1",children:[e("span",{className:"text-info-primary desktop:text-[40px] lg-desktop:text-[48px] text-balance text-[32px] font-bold leading-[100%] tracking-[-0.04em]",children:t.value}),e(se,{as:"span",size:2,className:"text-info-primary opacity-80",children:t.label})]},a))})]})]})]});const j="lg-desktop:aspect-w-[1920] lg-desktop:aspect-h-[930] desktop:aspect-w-[1024] desktop:aspect-h-[520] laptop:aspect-w-[1024] laptop:aspect-h-[520] tablet:aspect-w-[768] tablet:aspect-h-[660] aspect-w-[390] aspect-h-[660]";return l(Se,{children:[i&&e("div",{..._,ref:r,className:o("pointer-events-none relative z-10",j,{"aiui-dark":I==="dark","rounded-box":E==="rounded"},f),children:e("div",{ref:Z,children:!H&&l("div",{className:"media-content absolute left-1/2 top-1/2 z-20 w-full -translate-x-1/2 -translate-y-1/2 px-4 text-center",children:[x&&!G&&e("div",{className:"lg-desktop:text-[64px] text-info-primary text-center text-[40px] font-bold leading-none lg:text-5xl",dangerouslySetInnerHTML:{__html:x}}),A&&G&&e("div",{className:"lg-desktop:text-[64px] text-info-primary text-center text-[40px] font-bold leading-none lg:text-5xl",dangerouslySetInnerHTML:{__html:A}}),w&&e(le,{variant:"link",className:o("member-equity-button-secondary text-info-primary"),onClick:()=>{$(!0),s&&s?.()},children:w})]})})}),l("div",{...i?{}:_,style:i?{marginBottom:`-${K}px`,marginTop:`-${me}px`,zIndex:xe}:{zIndex:5},className:o("relative",f),children:[e("div",{className:"sticky top-0 ",children:l("div",{id:R,className:o("relative overflow-hidden",i?"h-screen w-full":j,{"aiui-dark":I==="dark","rounded-box":E==="rounded"}),children:[H==="fade-in"&&l("div",{className:o("absolute z-30 flex w-full flex-col items-center justify-center gap-4 px-4 text-center",i?"left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2":"left-0 top-0"),children:[x&&e("div",{ref:z,className:"media-player-base-title lg-desktop:text-[64px] text-info-primary text-[40px] font-bold leading-none lg:text-5xl",dangerouslySetInnerHTML:{__html:x}}),w&&e(le,{ref:g,variant:"link",className:o("media-player-base-button member-equity-button-secondary text-info-primary"),onClick:()=>{$(!0),s&&s?.()},children:w})]}),l("div",{className:"media-cover left-0 top-0 h-screen w-screen overflow-hidden",style:{height:`${102-T*100}vh`},children:[e(L,{videoRef:d,poster:N?.url||"",src:k?.url,className:"tablet:block hidden size-full",videoClassName:"object-cover",muted:!0,loop:!0,playsInline:!0,autoplay:!0,"webkit-playsinline":!0,"x5-playsinline":!0}),e(L,{videoRef:d,poster:N?.url||"",src:Y?.url||k?.url,className:"tablet:hidden block size-full",videoClassName:"object-cover",muted:!0,loop:!0,playsInline:!0,autoplay:!0,"webkit-playsinline":!0,"x5-playsinline":!0}),e("div",{ref:W,className:"absolute left-0 top-0 z-10 size-full opacity-0",style:{background:"rgba(0, 0, 0, 0.2)"}})]})]})}),i&&e("div",{className:o(i&&"pointer-events-none relative box-content block",j),style:i?{height:`${K}px`}:{},ref:X})]}),Q&&U&&e(Le,{visible:Q,youTubeId:U,onCloseModal:()=>$(!1)})]})});ie.displayName="MediaPlayerBase";var Ke=ze(ie);export{Ke as default};
+"use client";import{Fragment as Ee,jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as y,useRef as r,useMemo as he,useEffect as F,forwardRef as ke,useImperativeHandle as Ne}from"react";import{debounce as He}from"lodash";import{cn as o}from"../../helpers/utils.js";import{withLayout as Te}from"../../shared/Styles.js";import oe from"../../components/button.js";import{Heading as ze,Text as le}from"../../components/index.js";import{VideoModal as Me}from"../VideoModal/index.js";import{convertLexicalToHTML as se}from"@payloadcms/richtext-lexical/html";import{useInView as Le}from"react-intersection-observer";import{useExposure as Re}from"../../hooks/useExposure.js";import M from"../../helpers/ScrollLoadVideo.js";import{gsap as m}from"gsap";import{SplitText as ae}from"gsap/dist/SplitText";import{ScrollTrigger as q}from"gsap/dist/ScrollTrigger";const Ie="media_player_base",_e="video";m.registerPlugin(q,ae);const ne=({defaultConverters:f})=>({...f,text:L=>{const{node:l}=L;return l.$&&l.$.color?`<span class="lexical-${l.$.color}">${l.text}</span>`:l.text}}),re=ke(({className:f="",id:L,onBtnClick:l,data:{title:b,videoTitle:w,btnText:h,youtubeId:U,video:k,mobileVideo:Y,theme:R,img:N,shape:I,variant:ie,headline:O,paragraphs:_,metrics:E,...ce},...P},pe)=>{const{sticky:i}=ce,[H,A]=y(!1),[G,de]=y(0),[ue,me]=y(0),[S,fe]=y(0),[J,B]=y(!1),d=r(null),K=r(null),n=r(null),C=r(null),Q=r(null),T=r(null),g=r(null),V=r(null),$=r(null),{ref:W,inView:c}=Le();Ne(pe,()=>n.current);const x=typeof b=="string"?b:b&&se({data:b,converters:ne}),z=typeof w=="string"?w:w&&se({data:w,converters:ne});F(()=>{c?(d.current?.play(),A(!0)):(d.current?.pause(),A(!1))},[c]);const j=He(()=>{if(n.current){const t=n.current.getBoundingClientRect(),s=window.innerHeight,v=window.scrollY||window.pageYOffset,p=t.bottom+v,u=document.documentElement.scrollHeight-p;de(u>s?s:u)}if(n.current){const t=n.current.clientHeight,s=window.innerHeight;me(t+s)}},600);F(()=>(j(),window.addEventListener("resize",j),()=>{window.removeEventListener("resize",j)}),[]),F(()=>{function t(){if(!C.current)return;const v=C.current?.clientHeight||80;T.current=new ae(C.current,{type:"words",wordsClass:"word"});const p=T.current.words;m.set(p,{opacity:0}),g.current&&m.set(g.current,{opacity:0}),V.current=q.create({trigger:n.current,start:"top center-=10%",end:`top+=${v*1.5+80}px center-=10%`,scrub:!0,onUpdate:Z=>{const u=Z.progress,ee=p.length,xe=1/ee,te=.5;p.forEach((ve,ye)=>{const be=ye/ee*(1-te),we=xe*(1+te);let D=(u-be)/we;D=Math.max(0,Math.min(D,1)),m.set(ve,{opacity:D})}),m.set(K.current,{opacity:u}),g.current&&m.set(g.current,{opacity:u>=.6?1:0})}})}function s(){$.current=q.create({trigger:n.current,start:"bottom bottom",end:"bottom top",scrub:!0,onUpdate:v=>{const p=v.progress;fe(p)}})}return c&&(t(),s()),()=>{T.current&&T.current.revert(),V.current&&V.current.kill(),$.current&&$.current.kill()}},[c]),Re(Q,{componentType:_e,componentName:Ie,componentTitle:x});const ge=he(()=>c&&S>0&&S<.9?3:c?2:1,[S,c]);if(ie==="text-layout")return a("div",{...P,ref:n,className:o("relative flex w-full items-center overflow-hidden","aspect-w-[390] aspect-h-[660] tablet:aspect-w-[768] tablet:aspect-h-[660]","laptop:aspect-w-[1024] laptop:aspect-h-[520] desktop:aspect-w-[1440] desktop:aspect-h-[700]","lg-desktop:aspect-w-[1920] lg-desktop:aspect-h-[930]",{"aiui-dark":R==="dark","rounded-box":I==="rounded"},f),children:[e("div",{ref:W,className:"pointer-events-none absolute inset-0"}),a("div",{className:"absolute inset-0 z-0",children:[e(M,{videoRef:d,poster:N?.url||"",src:k?.url,className:"tablet:block hidden size-full",videoClassName:"size-full object-cover",muted:!0,loop:!0,playsInline:!0,autoplay:!0,"webkit-playsinline":!0,"x5-playsinline":!0}),e(M,{videoRef:d,poster:N?.url||"",src:Y?.url||k?.url,className:"tablet:hidden block size-full",videoClassName:"size-full object-cover",muted:!0,loop:!0,playsInline:!0,autoplay:!0,"webkit-playsinline":!0,"x5-playsinline":!0}),e("div",{className:"absolute inset-0 bg-black/30"})]}),a("div",{className:o("relative z-10 mx-auto flex w-full max-w-[1920px] flex-col","gap-6 px-4 py-10","tablet:gap-8 tablet:px-8","laptop:flex-row laptop:gap-12 laptop:px-16","desktop:gap-16 desktop:px-20","lg-desktop:px-24"),children:[e("div",{className:"laptop:w-1/2 w-full shrink-0",children:O&&e(ze,{as:"h2",size:5,className:"text-info-primary",children:O})}),a("div",{className:o("laptop:w-1/2 flex w-full flex-col justify-start","tablet:gap-8 laptop:gap-10 desktop:gap-12 gap-6"),children:[_&&_.length>0&&e("div",{className:"tablet:gap-4 flex flex-col gap-3",children:_.map((t,s)=>e(le,{as:"p",size:3,className:"text-info-primary lg-desktop:text-[18px] opacity-90",children:typeof t=="string"?t:t.text},s))}),E&&E.length>0&&e("div",{className:o("tablet:grid-cols-3 grid grid-cols-2","tablet:gap-6 desktop:gap-8 gap-4"),children:E.map((t,s)=>a("div",{className:"flex flex-col gap-1",children:[e("span",{className:"text-info-primary desktop:text-[40px] lg-desktop:text-[48px] text-balance text-[32px] font-bold leading-[100%] tracking-[-0.04em]",children:t.value}),e(le,{as:"span",size:2,className:"text-info-primary opacity-80",children:t.label})]},s))})]})]})]});const X="lg-desktop:aspect-w-[1920] lg-desktop:aspect-h-[930] desktop:aspect-w-[1024] desktop:aspect-h-[520] laptop:aspect-w-[1024] laptop:aspect-h-[520] tablet:aspect-w-[768] tablet:aspect-h-[660] aspect-w-[390] aspect-h-[660]";return a(Ee,{children:[i&&e("div",{...P,ref:n,className:o("pointer-events-none relative z-10",X,{"aiui-dark":R==="dark","rounded-box":I==="rounded"},f),children:e("div",{ref:W,children:a("div",{className:"media-content absolute left-1/2 top-1/2 z-20 w-full -translate-x-1/2 -translate-y-1/2 px-4 text-center",children:[x&&!H&&e("div",{className:"lg-desktop:text-[64px] text-info-primary text-center text-[40px] font-bold leading-none lg:text-5xl",dangerouslySetInnerHTML:{__html:x}}),z&&H&&e("div",{className:"lg-desktop:text-[64px] text-info-primary text-center text-[40px] font-bold leading-none lg:text-5xl",dangerouslySetInnerHTML:{__html:z}}),h&&e(oe,{variant:"link",className:o("member-equity-button-secondary text-info-primary"),onClick:()=>{B(!0),l&&l?.()},children:h})]})})}),a("div",{...i?{}:P,style:i?{marginBottom:`-${G}px`,marginTop:`-${ue}px`,zIndex:ge}:{zIndex:5},className:o("relative",f),children:[e("div",{className:"sticky top-0 ",children:e("div",{id:L,className:o("relative overflow-hidden",i?"h-screen w-full":"lg-desktop:aspect-w-[1920] lg-desktop:aspect-h-[930] desktop:aspect-w-[1024] desktop:aspect-h-[520] laptop:aspect-w-[1024] laptop:aspect-h-[520] tablet:aspect-w-[768] tablet:aspect-h-[660]",{"aiui-dark":R==="dark","rounded-box":I==="rounded"}),children:a("div",{className:"media-cover relative left-0 top-0 h-screen w-screen overflow-hidden",children:[!i&&a("div",{className:o("absolute z-30 flex w-full flex-col items-center justify-center gap-4 px-4 text-center","left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"),children:[x&&!H&&e("div",{className:"lg-desktop:text-[64px] text-info-primary text-center text-[40px] font-bold leading-none lg:text-5xl",dangerouslySetInnerHTML:{__html:x}}),z&&H&&e("div",{className:"lg-desktop:text-[64px] text-info-primary text-center text-[40px] font-bold leading-none lg:text-5xl",dangerouslySetInnerHTML:{__html:z}}),h&&e(oe,{ref:g,variant:"link",className:o("media-player-base-button member-equity-button-secondary text-info-primary"),onClick:()=>{B(!0),l&&l?.()},children:h})]}),e(M,{videoRef:d,poster:N?.url||"",src:k?.url,className:"tablet:block hidden size-full",videoClassName:"object-cover",muted:!0,loop:!0,playsInline:!0,autoplay:!0,"webkit-playsinline":!0,"x5-playsinline":!0}),e(M,{videoRef:d,poster:N?.url||"",src:Y?.url||k?.url,className:"tablet:hidden block size-full",videoClassName:"object-cover",muted:!0,loop:!0,playsInline:!0,autoplay:!0,"webkit-playsinline":!0,"x5-playsinline":!0}),e("div",{ref:K,className:"absolute left-0 top-0 z-10 size-full opacity-0",style:{background:"rgba(0, 0, 0, 0.2)"}})]})})}),i&&e("div",{className:o(i&&"pointer-events-none relative box-content block",X),style:i?{height:`${G}px`}:{},ref:Q})]}),J&&U&&e(Me,{visible:J,youTubeId:U,onCloseModal:()=>B(!1)})]})});re.displayName="MediaPlayerBase";var Je=Te(re);export{Je as default};
 //# sourceMappingURL=index.js.map