@anker-in/headless-ui 1.1.33 → 1.1.34-alpha.1768470531746

package/dist/cjs/biz-components/WheelLottery/ChanceMethods.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/WheelLottery/ChanceMethods.tsx"],
+  "sourcesContent": ["/**\n * ChanceMethods - \u83B7\u53D6\u62BD\u5956\u673A\u4F1A\u65B9\u5F0F\u7EC4\u4EF6\n *\n * \u5C55\u793A\u7528\u6237\u83B7\u53D6\u989D\u5916\u62BD\u5956\u673A\u4F1A\u7684\u591A\u79CD\u65B9\u5F0F(\u5982\u5206\u4EAB\u3001\u79EF\u5206\u5151\u6362\u3001\u63A8\u8350\u7B49)\u3002\n * \u57FA\u4E8E Figma \u8BBE\u8BA1\u7A3F\u5B9E\u73B0\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002\n *\n * Figma \u8BBE\u8BA1\u7A3F: https://www.figma.com/design/DhWsPamqTM76eMHS0aIQqw\n * \u8BBE\u8BA1\u8282\u70B9: 498:6185 (Chance Methods section)\n *\n * @module ChanceMethods\n * @date 2025-12-17\n */\n\n'use client'\n\nimport React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport type { ChanceMethod, ChanceMethodsProps, UserData } from './types.js'\nimport { Button, Heading } from '../../components/index.js'\n\n// ============================================================================\n// ChanceMethods \u7EC4\u4EF6\n// ============================================================================\n\n/**\n * ChanceMethods - \u83B7\u53D6\u62BD\u5956\u673A\u4F1A\u65B9\u5F0F\u7EC4\u4EF6\n *\n * \u7279\u6027:\n * - \u5C55\u793A\u591A\u79CD\u83B7\u53D6\u673A\u4F1A\u7684\u65B9\u5F0F(\u5206\u4EAB\u3001\u79EF\u5206\u3001\u63A8\u8350\u7B49)\n * - \u6BCF\u79CD\u65B9\u5F0F\u663E\u793A\u6807\u9898\u3001\u63CF\u8FF0\u3001Chance +1 \u5FBD\u7AE0\u548C\u884C\u52A8\u6309\u94AE\n * - \u652F\u6301\u7981\u7528\u72B6\u6001\n * - \u54CD\u5E94\u5F0F\u5E03\u5C40\n */\nexport const ChanceMethods: React.FC<\n  ChanceMethodsProps & {\n    chanceBadgeText?: string\n    completedText?: string\n    usedText?: string\n    loadingText?: string\n  }\n> = ({\n  theme,\n  methods,\n  title = 'Want more chances to win?',\n  subtitle,\n  footerNote,\n  className,\n  userData,\n  onOpenShareModal,\n  chanceBadgeText = 'Chance +1',\n  completedText = 'Completed',\n  usedText = 'Used',\n  loadingText = 'Loading...',\n}) => {\n  // \u9632\u5FA1\u6027\u7F16\u7A0B:\u5904\u7406 undefined \u6216\u7A7A\u6570\u7EC4\n  if (!methods || methods.length === 0) {\n    return null\n  }\n\n  return (\n    <div\n      className={cn(\n        'chance-methods-container',\n        'flex flex-col overflow-y-auto',\n        'p-[16px]',\n        'desktop:px-[24px] desktop:pt-[24px]',\n        'lg-desktop:px-[32px]',\n        'gap-[16px]', // \u9ED8\u8BA4\u95F4\u8DDD\n        'lg-desktop:gap-[16px]', // lg-desktop: Figma \u8BBE\u8BA1\u7A3F\u95F4\u8DDD\n        theme === 'dark' ? 'aiui-dark' : '',\n        className\n      )}\n    >\n      {/* \u6807\u9898\u533A\u57DF */}\n      <div className=\"chance-methods-header flex flex-col gap-[4px]\">\n        <Heading size={2} className={cn('chance-methods-title', 'text-info-primary tracking-[-0.32px]')}>\n          {title}\n        </Heading>\n\n        {subtitle && (\n          <p\n            className={cn(\n              'chance-methods-subtitle',\n              'text-[14px] font-semibold leading-[1.4]',\n              'lg-desktop:text-[18px] desktop:text-[16px]',\n              theme === 'dark' ? 'text-[#8A8D92]' : 'text-[#4A4C56]'\n            )}\n          >\n            {subtitle}\n          </p>\n        )}\n      </div>\n\n      {/* \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u5217\u8868 */}\n      <div className=\"chance-methods-list flex grow flex-col gap-[16px]\">\n        {methods.map(method => (\n          <ChanceMethodItem\n            key={method.methodKey}\n            method={method}\n            userData={userData}\n            onOpenShareModal={onOpenShareModal}\n            chanceBadgeText={chanceBadgeText}\n            completedText={completedText}\n            usedText={usedText}\n            loadingText={loadingText}\n          />\n        ))}\n      </div>\n\n      {/* \u5E95\u90E8\u63D0\u793A */}\n      {footerNote && (\n        <p\n          className={cn(\n            'chance-methods-footer',\n            'font-semibold',\n            'text-[14px] leading-[1.4] ',\n            'desktop:pt-[24px] pt-[16px]',\n            theme === 'dark' ? 'text-[#75787F]' : 'text-[#767880]'\n          )}\n        >\n          {footerNote}\n        </p>\n      )}\n    </div>\n  )\n}\n\n// ============================================================================\n// ChanceMethodItem \u5B50\u7EC4\u4EF6 - \u5355\u4E2A\u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u5361\u7247\n// ============================================================================\n\ninterface ChanceMethodItemProps {\n  method: ChanceMethod\n  userData?: UserData\n  onOpenShareModal?: () => void\n  chanceBadgeText: string\n  completedText: string\n  usedText: string\n  loadingText: string\n}\n\n/**\n * ChanceMethodItem - \u5355\u4E2A\u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u5361\u7247\n *\n * \u5C55\u793A\u65B9\u5F0F\u540D\u79F0\u3001\u63CF\u8FF0\u3001Chance +1 \u5FBD\u7AE0\u548C\u884C\u52A8\u6309\u94AE\u3002\n * \u652F\u6301\u4E09\u79CD\u72B6\u6001\uFF1Apending\uFF08\u672A\u5B8C\u6210\uFF09\u3001completed\uFF08\u5DF2\u5B8C\u6210\uFF09\u3001used\uFF08\u5DF2\u4F7F\u7528\uFF09\n */\nconst ChanceMethodItem: React.FC<ChanceMethodItemProps> = ({\n  method,\n  userData,\n  onOpenShareModal,\n  chanceBadgeText,\n  completedText,\n  usedText,\n  loadingText,\n}) => {\n  const status = method.status || 'pending'\n  const isLoading = method.loading || false\n  const isDisabledOrCompleted = method.disabled || status === 'completed' || status === 'used' || isLoading\n\n  // \u5904\u7406\u6309\u94AE\u70B9\u51FB\n  const handleClick = () => {\n    // \u5982\u679C\u914D\u7F6E\u4E86 openShareModal\uFF0C\u5219\u6253\u5F00\u5206\u4EAB\u5F39\u7A97\n    if (method.openShareModal && onOpenShareModal) {\n      onOpenShareModal()\n    }\n    // \u6267\u884C\u539F\u6709\u7684 onClick \u56DE\u8C03\n    if (userData?.isLoggedIn) {\n      method.onClick()\n    } else {\n      method.onLoginRequired?.()\n    }\n  }\n\n  // \u72B6\u6001\u6587\u672C\u6620\u5C04\n  const statusTextMap = {\n    pending: isLoading ? loadingText : method?.buttonText || 'Redeem now',\n    completed: method?.completed || completedText,\n    used: method?.used || usedText,\n  }\n\n  return (\n    <div\n      className={cn('chance-method-item', 'flex items-center gap-[16px]', 'transition-all', {\n        'opacity-60': isDisabledOrCompleted,\n      })}\n    >\n      {/* \u5DE6\u4FA7:\u65B9\u5F0F\u4FE1\u606F */}\n      <div\n        className={cn(\n          'chance-method-info',\n          'flex flex-1 flex-col gap-[4px]',\n          'min-w-0' // \u786E\u4FDD\u6587\u672C\u53EF\u4EE5\u88AB\u622A\u65AD\n        )}\n      >\n        {/* \u6807\u9898 + Chance +1 \u5FBD\u7AE0 */}\n        <div className=\"flex flex-wrap items-center gap-[4px]\">\n          <p\n            className={cn(\n              'chance-method-title',\n              'text-info-primary',\n              'text-[14px] font-[700] leading-[1.4] ',\n              'lg-desktop:text-[18px] desktop:text-[16px]'\n            )}\n          >\n            {method.title}\n          </p>\n\n          <span\n            className={cn(\n              'chance-badge',\n              'text-[14px] leading-[1.4] ',\n              'lg-desktop:text-[18px] desktop:text-[16px]',\n              'font-[700]',\n              'shrink-0',\n              {\n                'text-[#ff6b35]': status === 'pending',\n                'text-[#4caf50]': status === 'completed',\n                'text-[#75787F]': status === 'used',\n              }\n            )}\n          >\n            {chanceBadgeText}\n          </span>\n        </div>\n\n        {/* \u63CF\u8FF0\u6587\u672C */}\n        <p\n          className={cn(\n            'chance-method-description',\n            'text-info-primary',\n            'text-[14px] leading-[1.4] ',\n            'lg-desktop:text-[18px] desktop:text-[16px]',\n            'font-[700]'\n          )}\n        >\n          {method.description}\n        </p>\n      </div>\n\n      {/* \u53F3\u4FA7:\u884C\u52A8\u6309\u94AE */}\n      <div className=\"chance-method-action shrink-0\">\n        <Button\n          onClick={handleClick}\n          disabled={isDisabledOrCompleted}\n          className={cn('chance-button', 'lg-desktop:min-w-[162px] min-w-[132px]', {\n            'bg-[#4caf50]': status === 'completed',\n            'bg-[#75787F]': status === 'used',\n          })}\n        >\n          {statusTextMap[status]}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\n// ============================================================================\n// \u9ED8\u8BA4\u5BFC\u51FA\n// ============================================================================\n\nexport default ChanceMethods\n"],
+  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GA0EM,IAAAK,EAAA,6BA3DNC,EAAkB,iBAClBC,EAAmB,kCAEnBC,EAAgC,qCAezB,MAAMN,EAOT,CAAC,CACH,MAAAO,EACA,QAAAC,EACA,MAAAC,EAAQ,4BACR,SAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,gBAAAC,EAAkB,YAClB,cAAAC,EAAgB,YAChB,SAAAC,EAAW,OACX,YAAAC,EAAc,YAChB,IAEM,CAACV,GAAWA,EAAQ,SAAW,EAC1B,QAIP,QAAC,OACC,aAAW,MACT,2BACA,gCACA,WACA,sCACA,uBACA,aACA,wBACAD,IAAU,OAAS,YAAc,GACjCK,CACF,EAGA,qBAAC,OAAI,UAAU,gDACb,oBAAC,WAAQ,KAAM,EAAG,aAAW,MAAG,uBAAwB,sCAAsC,EAC3F,SAAAH,EACH,EAECC,MACC,OAAC,KACC,aAAW,MACT,0BACA,0CACA,6CACAH,IAAU,OAAS,iBAAmB,gBACxC,EAEC,SAAAG,EACH,GAEJ,KAGA,OAAC,OAAI,UAAU,oDACZ,SAAAF,EAAQ,IAAIW,MACX,OAACC,EAAA,CAEC,OAAQD,EACR,SAAUN,EACV,iBAAkBC,EAClB,gBAAiBC,EACjB,cAAeC,EACf,SAAUC,EACV,YAAaC,GAPRC,EAAO,SAQd,CACD,EACH,EAGCR,MACC,OAAC,KACC,aAAW,MACT,wBACA,gBACA,6BACA,8BACAJ,IAAU,OAAS,iBAAmB,gBACxC,EAEC,SAAAI,EACH,GAEJ,EAwBES,EAAoD,CAAC,CACzD,OAAAD,EACA,SAAAN,EACA,iBAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,SAAAC,EACA,YAAAC,CACF,IAAM,CACJ,MAAMG,EAASF,EAAO,QAAU,UAC1BG,EAAYH,EAAO,SAAW,GAC9BI,EAAwBJ,EAAO,UAAYE,IAAW,aAAeA,IAAW,QAAUC,EAG1FE,EAAc,IAAM,CAEpBL,EAAO,gBAAkBL,GAC3BA,EAAiB,EAGfD,GAAU,WACZM,EAAO,QAAQ,EAEfA,EAAO,kBAAkB,CAE7B,EAGMM,EAAgB,CACpB,QAASH,EAAYJ,EAAcC,GAAQ,YAAc,aACzD,UAAWA,GAAQ,WAAaH,EAChC,KAAMG,GAAQ,MAAQF,CACxB,EAEA,SACE,QAAC,OACC,aAAW,MAAG,qBAAsB,+BAAgC,iBAAkB,CACpF,aAAcM,CAChB,CAAC,EAGD,qBAAC,OACC,aAAW,MACT,qBACA,iCACA,SACF,EAGA,qBAAC,OAAI,UAAU,wCACb,oBAAC,KACC,aAAW,MACT,sBACA,oBACA,wCACA,4CACF,EAEC,SAAAJ,EAAO,MACV,KAEA,OAAC,QACC,aAAW,MACT,eACA,6BACA,6CACA,aACA,WACA,CACE,iBAAkBE,IAAW,UAC7B,iBAAkBA,IAAW,YAC7B,iBAAkBA,IAAW,MAC/B,CACF,EAEC,SAAAN,EACH,GACF,KAGA,OAAC,KACC,aAAW,MACT,4BACA,oBACA,6BACA,6CACA,YACF,EAEC,SAAAI,EAAO,YACV,GACF,KAGA,OAAC,OAAI,UAAU,gCACb,mBAAC,UACC,QAASK,EACT,SAAUD,EACV,aAAW,MAAG,gBAAiB,yCAA0C,CACvE,eAAgBF,IAAW,YAC3B,eAAgBA,IAAW,MAC7B,CAAC,EAEA,SAAAI,EAAcJ,CAAM,EACvB,EACF,GACF,CAEJ,EAMA,IAAOpB,EAAQD",
+  "names": ["ChanceMethods_exports", "__export", "ChanceMethods", "ChanceMethods_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_helpers", "import_components", "theme", "methods", "title", "subtitle", "footerNote", "className", "userData", "onOpenShareModal", "chanceBadgeText", "completedText", "usedText", "loadingText", "method", "ChanceMethodItem", "status", "isLoading", "isDisabledOrCompleted", "handleClick", "statusTextMap"]
+}

package/dist/cjs/biz-components/WheelLottery/ErrorModal.d.ts

@@ -0,0 +1,42 @@
+/**
+ * ErrorModal - 错误提示弹窗组件
+ *
+ * 用于展示抽奖过程中的错误信息
+ *
+ * @module ErrorModal
+ * @date 2026-01-04
+ */
+import React from 'react';
+export interface ErrorModalProps {
+    /**
+     * 是否显示弹窗
+     */
+    isOpen: boolean;
+    /**
+     * 关闭弹窗回调
+     */
+    onClose: () => void;
+    /**
+     * 错误标题
+     * @default "Oops!"
+     */
+    title?: string;
+    /**
+     * 错误消息
+     */
+    message?: string;
+    /**
+     * 确认按钮文本
+     * @default "OK, I get"
+     */
+    confirmText?: string;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+}
+/**
+ * ErrorModal 错误提示弹窗组件
+ */
+export declare const ErrorModal: React.FC<ErrorModalProps>;
+export default ErrorModal;

package/dist/cjs/biz-components/WheelLottery/ErrorModal.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var c=(e,t)=>{for(var l in t)r(e,l,{get:t[l],enumerable:!0})},f=(e,t,l,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of m(t))!x.call(e,a)&&a!==l&&r(e,a,{get:()=>t[a],enumerable:!(i=n(t,a))||i.enumerable});return e};var g=e=>f(r({},"__esModule",{value:!0}),e);var L={};c(L,{ErrorModal:()=>p,default:()=>h});module.exports=g(L);var C=require("react/jsx-runtime"),u=require("react"),s=require("./BaseModal.js"),o=require("../../components/index.js");const p=({isOpen:e,onClose:t,title:l="Sorry, You Didn't Win This Time",message:i,confirmText:a="OK, I get",className:d})=>(0,C.jsx)(s.BaseModal,{isOpen:e,onClose:t,maxWidth:"max-w-[326px] laptop:max-w-[420px]",background:"bg-white",className:d,ariaLabelledBy:"error-modal-title",children:(0,C.jsxs)("div",{className:"laptop:px-8 laptop:pb-8 px-6 pb-6",children:[(0,C.jsx)("div",{className:"mb-6 flex justify-center",children:(0,C.jsx)("div",{className:"flex size-[80px] items-center justify-center rounded-full",children:(0,C.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"80",height:"80",viewBox:"0 0 80 80",fill:"none",children:[(0,C.jsx)("path",{d:"M63.5691 63.5727C68.2304 58.9107 71.4047 52.9713 72.6905 46.5054C73.9764 40.0395 73.316 33.3374 70.793 27.2468C68.27 21.1562 63.9975 15.9505 58.516 12.2879C53.0344 8.6254 46.5899 6.67053 39.9974 6.67053C33.4049 6.67053 26.9604 8.6254 21.4788 12.2879C15.9973 15.9505 11.7249 21.1562 9.20182 27.2468C6.67878 33.3374 6.01843 40.0395 7.30427 46.5054C8.59011 52.9713 11.7644 58.9107 16.4257 63.5727C19.5211 66.6684 23.1959 69.1241 27.2404 70.7995C31.2848 72.4749 35.6197 73.3372 39.9974 73.3372C44.3751 73.3372 48.71 72.4749 52.7545 70.7995C56.7989 69.1241 60.4737 66.6684 63.5691 63.5727Z",fill:"#FFCC66"}),(0,C.jsx)("path",{d:"M57.3792 11.5137C61.4604 17.8614 63.2668 25.4062 62.503 32.914C61.7393 40.4218 58.4505 47.4482 53.1746 52.8441C47.8988 58.24 40.9481 61.6859 33.4594 62.6183C25.9706 63.5507 18.3872 61.9144 11.9492 57.977C14.6587 62.1912 18.2833 65.7405 22.5534 68.3609C26.8236 70.9813 31.6296 72.6054 36.6139 73.1125C41.5983 73.6195 46.6329 72.9965 51.3433 71.2897C56.0537 69.5829 60.3187 66.8363 63.8213 63.254C67.3239 59.6717 69.974 55.346 71.5744 50.5984C73.1749 45.8508 73.6845 40.8035 73.0655 35.8318C72.4465 30.8601 70.7147 26.0919 67.9989 21.8817C65.2832 17.6715 61.6533 14.1277 57.3792 11.5137Z",fill:"#FFC450"}),(0,C.jsx)("path",{opacity:"0.4",d:"M11.204 43.58C11.1862 37.1148 13.1937 30.8063 16.9446 25.5404C20.6955 20.2745 26.0015 16.3156 32.1175 14.2196C38.2336 12.1235 44.8525 11.9956 51.045 13.8538C57.2374 15.712 62.6924 19.4629 66.644 24.58C64.5168 20.9213 61.6618 17.7377 58.2555 15.226C54.8493 12.7143 50.964 10.9279 46.84 9.97716C42.716 9.02646 38.4408 8.93165 34.2787 9.69861C30.1166 10.4656 26.156 12.078 22.6418 14.4362C19.1275 16.7944 16.1342 19.8484 13.8469 23.4092C11.5596 26.9701 10.027 30.9622 9.34361 35.1388C8.66026 39.3155 8.84077 43.5879 9.87398 47.692C10.9072 51.7962 12.7711 55.6448 15.3506 59C12.6353 54.3146 11.2049 48.9954 11.204 43.58Z",fill:"white"}),(0,C.jsx)("path",{d:"M40 58.1469C43.3333 58.1469 46 53.5802 46 47.9436C46 42.3069 43.3067 37.7402 40 37.7402C36.6933 37.7402 34 42.3102 34 47.9436C34 53.5769 36.6667 58.1469 40 58.1469Z",fill:"#333333"}),(0,C.jsx)("path",{d:"M45.0763 53.4168C40.6863 51.0035 37.113 52.3735 35.043 53.7502C36.1296 56.4168 37.943 58.1635 39.9963 58.1635C42.1363 58.1535 43.9996 56.2635 45.0763 53.4168Z",fill:"#F84D4F"}),(0,C.jsx)("path",{d:"M29.6913 33.373L20.918 38.9564L21.1413 67.4864C23.7747 69.2998 26.6568 70.7224 29.698 71.7097L29.6913 33.373ZM50.3313 33.373L59.0913 38.9564L58.8746 67.4864C56.2413 69.2998 53.3591 70.7224 50.318 71.7097L50.3313 33.373Z",fill:"#21D2C5"}),(0,C.jsx)("path",{d:"M22.0217 39.9506C21.7281 39.9495 21.4421 39.8572 21.2032 39.6864C20.9643 39.5156 20.7844 39.2748 20.6884 38.9973C20.5918 38.7187 20.5848 38.4168 20.6684 38.134C20.7531 37.8525 20.9218 37.6037 21.1517 37.4206L25.9617 33.6673L21.0017 30.754C20.7618 30.6135 20.5684 30.4055 20.4459 30.1559C20.3233 29.9063 20.2769 29.6261 20.3124 29.3503C20.3479 29.0745 20.4639 28.8153 20.6457 28.6049C20.8276 28.3946 21.0673 28.2424 21.3351 28.1673C21.6986 28.0738 22.0844 28.1277 22.4084 28.3173L29.1817 32.294C29.3803 32.4109 29.5474 32.5745 29.6684 32.7706C29.7911 32.9687 29.8632 33.1939 29.8784 33.4265C29.8935 33.659 29.8511 33.8917 29.7551 34.104C29.6613 34.3147 29.517 34.499 29.3351 34.6406L22.8851 39.6673C22.6373 39.856 22.3332 39.9558 22.0217 39.9506ZM57.9817 39.9506C57.6662 39.9515 57.3596 39.8458 57.1117 39.6506L50.6684 34.6306C50.4845 34.4879 50.3381 34.3025 50.2417 34.0906C50.0963 33.7713 50.0751 33.4092 50.1824 33.0751C50.2896 32.7411 50.5176 32.459 50.8217 32.284L57.5817 28.304C57.7426 28.1992 57.9228 28.1278 58.1118 28.094C58.3007 28.0602 58.4946 28.0648 58.6817 28.1073C58.869 28.1498 59.0451 28.2316 59.1984 28.3473C59.3536 28.4595 59.4841 28.6025 59.5817 28.7673C59.6787 28.9331 59.741 29.1168 59.7651 29.3073C59.7895 29.4977 59.7749 29.691 59.7222 29.8755C59.6695 30.0601 59.5797 30.2319 59.4584 30.3806C59.3341 30.5324 59.1783 30.6552 59.0017 30.7406L54.0417 33.6673L58.8484 37.414C59.0217 37.5492 59.161 37.7229 59.2554 37.9214C59.3497 38.1199 59.3965 38.3376 59.3919 38.5573C59.3874 38.777 59.3317 38.9927 59.2293 39.1871C59.1268 39.3815 58.9804 39.5494 58.8017 39.6773C58.5626 39.8488 58.2761 39.942 57.9817 39.944V39.9506Z",fill:"#333333"})]})})}),(0,C.jsx)(o.Heading,{size:2,id:"error-modal-title",className:"text-center tracking-[-0.32px] text-[#1D1D1F]",children:l}),(0,C.jsx)("p",{className:"laptop:text-[16px] mb-6 text-center text-[14px] font-[700] text-[#1D1D1F]",children:i}),(0,C.jsx)(o.Button,{onClick:t,className:"w-full",children:a})]})});var h=p;
+//# sourceMappingURL=ErrorModal.js.map

package/dist/cjs/biz-components/WheelLottery/ErrorModal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/WheelLottery/ErrorModal.tsx"],
+  "sourcesContent": ["/**\n * ErrorModal - \u9519\u8BEF\u63D0\u793A\u5F39\u7A97\u7EC4\u4EF6\n *\n * \u7528\u4E8E\u5C55\u793A\u62BD\u5956\u8FC7\u7A0B\u4E2D\u7684\u9519\u8BEF\u4FE1\u606F\n *\n * @module ErrorModal\n * @date 2026-01-04\n */\n\n'use client'\n\nimport React from 'react'\nimport { BaseModal } from './BaseModal.js'\nimport { Heading, Button } from '../../components/index.js'\n\nexport interface ErrorModalProps {\n  /**\n   * \u662F\u5426\u663E\u793A\u5F39\u7A97\n   */\n  isOpen: boolean\n\n  /**\n   * \u5173\u95ED\u5F39\u7A97\u56DE\u8C03\n   */\n  onClose: () => void\n\n  /**\n   * \u9519\u8BEF\u6807\u9898\n   * @default \"Oops!\"\n   */\n  title?: string\n\n  /**\n   * \u9519\u8BEF\u6D88\u606F\n   */\n  message?: string\n\n  /**\n   * \u786E\u8BA4\u6309\u94AE\u6587\u672C\n   * @default \"OK, I get\"\n   */\n  confirmText?: string\n\n  /**\n   * \u81EA\u5B9A\u4E49\u7C7B\u540D\n   */\n  className?: string\n}\n\n/**\n * ErrorModal \u9519\u8BEF\u63D0\u793A\u5F39\u7A97\u7EC4\u4EF6\n */\nexport const ErrorModal: React.FC<ErrorModalProps> = ({\n  isOpen,\n  onClose,\n  title = \"Sorry, You Didn't Win This Time\",\n  message,\n  confirmText = 'OK, I get',\n  className,\n}) => {\n  return (\n    <BaseModal\n      isOpen={isOpen}\n      onClose={onClose}\n      maxWidth=\"max-w-[326px] laptop:max-w-[420px]\"\n      background=\"bg-white\"\n      className={className}\n      ariaLabelledBy=\"error-modal-title\"\n    >\n      <div className=\"laptop:px-8 laptop:pb-8 px-6 pb-6\">\n        {/* \u9519\u8BEF\u56FE\u6807 */}\n        <div className=\"mb-6 flex justify-center\">\n          <div className=\"flex size-[80px] items-center justify-center rounded-full\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"80\" height=\"80\" viewBox=\"0 0 80 80\" fill=\"none\">\n              <path\n                d=\"M63.5691 63.5727C68.2304 58.9107 71.4047 52.9713 72.6905 46.5054C73.9764 40.0395 73.316 33.3374 70.793 27.2468C68.27 21.1562 63.9975 15.9505 58.516 12.2879C53.0344 8.6254 46.5899 6.67053 39.9974 6.67053C33.4049 6.67053 26.9604 8.6254 21.4788 12.2879C15.9973 15.9505 11.7249 21.1562 9.20182 27.2468C6.67878 33.3374 6.01843 40.0395 7.30427 46.5054C8.59011 52.9713 11.7644 58.9107 16.4257 63.5727C19.5211 66.6684 23.1959 69.1241 27.2404 70.7995C31.2848 72.4749 35.6197 73.3372 39.9974 73.3372C44.3751 73.3372 48.71 72.4749 52.7545 70.7995C56.7989 69.1241 60.4737 66.6684 63.5691 63.5727Z\"\n                fill=\"#FFCC66\"\n              />\n              <path\n                d=\"M57.3792 11.5137C61.4604 17.8614 63.2668 25.4062 62.503 32.914C61.7393 40.4218 58.4505 47.4482 53.1746 52.8441C47.8988 58.24 40.9481 61.6859 33.4594 62.6183C25.9706 63.5507 18.3872 61.9144 11.9492 57.977C14.6587 62.1912 18.2833 65.7405 22.5534 68.3609C26.8236 70.9813 31.6296 72.6054 36.6139 73.1125C41.5983 73.6195 46.6329 72.9965 51.3433 71.2897C56.0537 69.5829 60.3187 66.8363 63.8213 63.254C67.3239 59.6717 69.974 55.346 71.5744 50.5984C73.1749 45.8508 73.6845 40.8035 73.0655 35.8318C72.4465 30.8601 70.7147 26.0919 67.9989 21.8817C65.2832 17.6715 61.6533 14.1277 57.3792 11.5137Z\"\n                fill=\"#FFC450\"\n              />\n              <path\n                opacity=\"0.4\"\n                d=\"M11.204 43.58C11.1862 37.1148 13.1937 30.8063 16.9446 25.5404C20.6955 20.2745 26.0015 16.3156 32.1175 14.2196C38.2336 12.1235 44.8525 11.9956 51.045 13.8538C57.2374 15.712 62.6924 19.4629 66.644 24.58C64.5168 20.9213 61.6618 17.7377 58.2555 15.226C54.8493 12.7143 50.964 10.9279 46.84 9.97716C42.716 9.02646 38.4408 8.93165 34.2787 9.69861C30.1166 10.4656 26.156 12.078 22.6418 14.4362C19.1275 16.7944 16.1342 19.8484 13.8469 23.4092C11.5596 26.9701 10.027 30.9622 9.34361 35.1388C8.66026 39.3155 8.84077 43.5879 9.87398 47.692C10.9072 51.7962 12.7711 55.6448 15.3506 59C12.6353 54.3146 11.2049 48.9954 11.204 43.58Z\"\n                fill=\"white\"\n              />\n              <path\n                d=\"M40 58.1469C43.3333 58.1469 46 53.5802 46 47.9436C46 42.3069 43.3067 37.7402 40 37.7402C36.6933 37.7402 34 42.3102 34 47.9436C34 53.5769 36.6667 58.1469 40 58.1469Z\"\n                fill=\"#333333\"\n              />\n              <path\n                d=\"M45.0763 53.4168C40.6863 51.0035 37.113 52.3735 35.043 53.7502C36.1296 56.4168 37.943 58.1635 39.9963 58.1635C42.1363 58.1535 43.9996 56.2635 45.0763 53.4168Z\"\n                fill=\"#F84D4F\"\n              />\n              <path\n                d=\"M29.6913 33.373L20.918 38.9564L21.1413 67.4864C23.7747 69.2998 26.6568 70.7224 29.698 71.7097L29.6913 33.373ZM50.3313 33.373L59.0913 38.9564L58.8746 67.4864C56.2413 69.2998 53.3591 70.7224 50.318 71.7097L50.3313 33.373Z\"\n                fill=\"#21D2C5\"\n              />\n              <path\n                d=\"M22.0217 39.9506C21.7281 39.9495 21.4421 39.8572 21.2032 39.6864C20.9643 39.5156 20.7844 39.2748 20.6884 38.9973C20.5918 38.7187 20.5848 38.4168 20.6684 38.134C20.7531 37.8525 20.9218 37.6037 21.1517 37.4206L25.9617 33.6673L21.0017 30.754C20.7618 30.6135 20.5684 30.4055 20.4459 30.1559C20.3233 29.9063 20.2769 29.6261 20.3124 29.3503C20.3479 29.0745 20.4639 28.8153 20.6457 28.6049C20.8276 28.3946 21.0673 28.2424 21.3351 28.1673C21.6986 28.0738 22.0844 28.1277 22.4084 28.3173L29.1817 32.294C29.3803 32.4109 29.5474 32.5745 29.6684 32.7706C29.7911 32.9687 29.8632 33.1939 29.8784 33.4265C29.8935 33.659 29.8511 33.8917 29.7551 34.104C29.6613 34.3147 29.517 34.499 29.3351 34.6406L22.8851 39.6673C22.6373 39.856 22.3332 39.9558 22.0217 39.9506ZM57.9817 39.9506C57.6662 39.9515 57.3596 39.8458 57.1117 39.6506L50.6684 34.6306C50.4845 34.4879 50.3381 34.3025 50.2417 34.0906C50.0963 33.7713 50.0751 33.4092 50.1824 33.0751C50.2896 32.7411 50.5176 32.459 50.8217 32.284L57.5817 28.304C57.7426 28.1992 57.9228 28.1278 58.1118 28.094C58.3007 28.0602 58.4946 28.0648 58.6817 28.1073C58.869 28.1498 59.0451 28.2316 59.1984 28.3473C59.3536 28.4595 59.4841 28.6025 59.5817 28.7673C59.6787 28.9331 59.741 29.1168 59.7651 29.3073C59.7895 29.4977 59.7749 29.691 59.7222 29.8755C59.6695 30.0601 59.5797 30.2319 59.4584 30.3806C59.3341 30.5324 59.1783 30.6552 59.0017 30.7406L54.0417 33.6673L58.8484 37.414C59.0217 37.5492 59.161 37.7229 59.2554 37.9214C59.3497 38.1199 59.3965 38.3376 59.3919 38.5573C59.3874 38.777 59.3317 38.9927 59.2293 39.1871C59.1268 39.3815 58.9804 39.5494 58.8017 39.6773C58.5626 39.8488 58.2761 39.942 57.9817 39.944V39.9506Z\"\n                fill=\"#333333\"\n              />\n            </svg>\n          </div>\n        </div>\n\n        {/* \u6807\u9898 */}\n        <Heading size={2} id=\"error-modal-title\" className=\"text-center tracking-[-0.32px] text-[#1D1D1F]\">\n          {title}\n        </Heading>\n\n        {/* \u9519\u8BEF\u6D88\u606F */}\n        <p className=\"laptop:text-[16px] mb-6 text-center text-[14px] font-[700] text-[#1D1D1F]\">{message}</p>\n\n        {/* \u786E\u8BA4\u6309\u94AE */}\n        <Button onClick={onClose} className=\"w-full\">\n          {confirmText}\n        </Button>\n      </div>\n    </BaseModal>\n  )\n}\n\nexport default ErrorModal\n"],
+  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAyEY,IAAAK,EAAA,6BA9DZC,EAAkB,iBAClBC,EAA0B,0BAC1BC,EAAgC,qCAuCzB,MAAMN,EAAwC,CAAC,CACpD,OAAAO,EACA,QAAAC,EACA,MAAAC,EAAQ,kCACR,QAAAC,EACA,YAAAC,EAAc,YACd,UAAAC,CACF,OAEI,OAAC,aACC,OAAQL,EACR,QAASC,EACT,SAAS,qCACT,WAAW,WACX,UAAWI,EACX,eAAe,oBAEf,oBAAC,OAAI,UAAU,oCAEb,oBAAC,OAAI,UAAU,2BACb,mBAAC,OAAI,UAAU,4DACb,oBAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,oBAAC,QACC,EAAE,2kBACF,KAAK,UACP,KACA,OAAC,QACC,EAAE,4kBACF,KAAK,UACP,KACA,OAAC,QACC,QAAQ,MACR,EAAE,2mBACF,KAAK,QACP,KACA,OAAC,QACC,EAAE,uKACF,KAAK,UACP,KACA,OAAC,QACC,EAAE,iKACF,KAAK,UACP,KACA,OAAC,QACC,EAAE,8NACF,KAAK,UACP,KACA,OAAC,QACC,EAAE,ymDACF,KAAK,UACP,GACF,EACF,EACF,KAGA,OAAC,WAAQ,KAAM,EAAG,GAAG,oBAAoB,UAAU,gDAChD,SAAAH,EACH,KAGA,OAAC,KAAE,UAAU,4EAA6E,SAAAC,EAAQ,KAGlG,OAAC,UAAO,QAASF,EAAS,UAAU,SACjC,SAAAG,EACH,GACF,EACF,EAIJ,IAAOV,EAAQD",
+  "names": ["ErrorModal_exports", "__export", "ErrorModal", "ErrorModal_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_BaseModal", "import_components", "isOpen", "onClose", "title", "message", "confirmText", "className"]
+}

package/dist/cjs/biz-components/WheelLottery/MyRewardsModal.d.ts

@@ -0,0 +1,91 @@
+/**
+ * MyRewardsModal - 我的奖励弹窗组件
+ *
+ * 展示用户已获得的奖励列表
+ *
+ * @module MyRewardsModal
+ * @date 2026-01-04
+ */
+import React from 'react';
+export type RewardStatus = 'Available' | 'Expired' | 'Used';
+export interface Reward {
+    /**
+     * 奖励 ID
+     */
+    id: string;
+    /**
+     * 奖励名称
+     */
+    name: string;
+    /**
+     * 优惠码（可选）
+     */
+    code?: string;
+    /**
+     * 状态
+     */
+    status: RewardStatus;
+    /**
+     * 奖励时间
+     */
+    prizeTime?: string;
+    /**
+     * 是否可复制码
+     */
+    showCopyCode?: boolean;
+    /**   * 是否可用
+     */
+    available?: boolean;
+}
+export interface MyRewardsModalProps {
+    /**
+     * 是否显示弹窗
+     */
+    isOpen: boolean;
+    /**
+     * 关闭弹窗回调
+     */
+    onClose: () => void;
+    /**
+     * 弹窗标题
+     * @default "My Rewards"
+     */
+    title?: string;
+    /**
+     * 奖励列表
+     */
+    rewards: Reward[];
+    /**
+     * 复制码点击回调
+     */
+    onCopyCode?: (code: string) => void;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 代码文本前缀
+     * @default "CODE:"
+     */
+    codeText?: string;
+    /**
+     * 复制按钮文本
+     * @default "COPY"
+     */
+    copyText?: string;
+    /**
+     * 复制成功后的按钮文本
+     * @default "COPIED"
+     */
+    copiedText?: string;
+    /**
+     * 奖励时间文本前缀
+     * @default "Prize time:"
+     */
+    prizeText?: string;
+}
+/**
+ * MyRewardsModal 我的奖励弹窗组件
+ */
+export declare const MyRewardsModal: React.FC<MyRewardsModalProps>;
+export default MyRewardsModal;

package/dist/cjs/biz-components/WheelLottery/MyRewardsModal.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var r=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var M=(i,a)=>{for(var s in a)r(i,s,{get:a[s],enumerable:!0})},F=(i,a,s,n)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of h(a))!T.call(i,o)&&o!==s&&r(i,o,{get:()=>a[o],enumerable:!(n=C(a,o))||n.enumerable});return i};var O=i=>F(r({},"__esModule",{value:!0}),i);var z={};M(z,{MyRewardsModal:()=>b,default:()=>S});module.exports=O(z);var t=require("react/jsx-runtime"),p=require("react"),l=require("../../helpers/index.js"),u=require("./BaseModal.js");const b=({isOpen:i,onClose:a,title:s="My Rewards",rewards:n,onCopyCode:o,className:v,codeText:f="CODE:",copyText:g="COPY",copiedText:D="COPIED",prizeText:y="Prize time:"})=>{const[N,d]=(0,p.useState)({}),x=(0,p.useRef)({});(0,p.useEffect)(()=>()=>{Object.values(x.current).forEach(e=>clearTimeout(e))},[]);const R=(e,m)=>{x.current[e]&&clearTimeout(x.current[e]),navigator.clipboard.writeText(m),o&&o?.(m),d(c=>({...c,[e]:!0})),x.current[e]=setTimeout(()=>{d(c=>({...c,[e]:!1})),delete x.current[e]},3e3)};return(0,t.jsx)(u.BaseModal,{isOpen:i,onClose:a,maxWidth:"max-w-[480px] laptop:max-w-[520px]",background:"bg-white",className:v,title:s,ariaLabelledBy:"rewards-modal-title",children:(0,t.jsx)("div",{className:"laptop:px-8 laptop:pb-8 p-4",children:(0,t.jsx)("div",{className:"flex max-h-[584px] flex-col gap-2 overflow-y-auto",children:n.length===0?(0,t.jsx)("p",{className:"py-8 text-center text-[14px] text-gray-500",children:"No rewards yet"}):n.map(e=>(0,t.jsx)("div",{className:(0,l.cn)("rounded-box","relative flex-none overflow-hidden bg-[#F5F5F7]","px-4 py-6"),children:(0,t.jsxs)("div",{className:"laptop:text-[16px] flex items-center justify-between gap-2 text-[14px] font-[700]",children:[(0,t.jsxs)("div",{className:"flex-1",children:[(0,t.jsx)("p",{className:(0,l.cn)("mb-1 font-[700] text-[#1D1D1F]",e?.available?"text-[#1D1D1F]":"text-[#D1D1D1]"),children:e.name}),e.code&&(0,t.jsxs)("div",{className:(0,l.cn)("flex items-center gap-2",e?.available?"text-brand-0":"text-[#D1D1D1]"),children:[(0,t.jsxs)("p",{className:"max-w-[200px] truncate",children:[f," ",e.code]}),e.showCopyCode&&e?.available&&(0,t.jsx)("button",{onClick:()=>R(e.id,e.code),className:"underline",children:N[e.id]?D:g})]})]}),e.prizeTime&&(0,t.jsxs)("div",{className:(0,l.cn)("text-[14px] font-[700] ",e?.available?"text-[#999]":"text-[#D1D1D1]"),children:[(0,t.jsx)("p",{children:y}),(0,t.jsx)("p",{children:e.prizeTime})]}),(0,t.jsx)("span",{className:(0,l.cn)("rounded-[0_8px] px-[6px] text-[14px] font-[700]","absolute right-0 top-0",e?.available?"bg-brand-0 text-white":"bg-[#D1D1D1] text-white"),children:e.status})]})},e.id))})})})};var S=b;
+//# sourceMappingURL=MyRewardsModal.js.map

package/dist/cjs/biz-components/WheelLottery/MyRewardsModal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/WheelLottery/MyRewardsModal.tsx"],
+  "sourcesContent": ["/**\n * MyRewardsModal - \u6211\u7684\u5956\u52B1\u5F39\u7A97\u7EC4\u4EF6\n *\n * \u5C55\u793A\u7528\u6237\u5DF2\u83B7\u5F97\u7684\u5956\u52B1\u5217\u8868\n *\n * @module MyRewardsModal\n * @date 2026-01-04\n */\n\n'use client'\n\nimport React, { useState, useRef, useEffect } from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { BaseModal } from './BaseModal.js'\n\nexport type RewardStatus = 'Available' | 'Expired' | 'Used'\n\nexport interface Reward {\n  /**\n   * \u5956\u52B1 ID\n   */\n  id: string\n\n  /**\n   * \u5956\u52B1\u540D\u79F0\n   */\n  name: string\n\n  /**\n   * \u4F18\u60E0\u7801\uFF08\u53EF\u9009\uFF09\n   */\n  code?: string\n\n  /**\n   * \u72B6\u6001\n   */\n  status: RewardStatus\n\n  /**\n   * \u5956\u52B1\u65F6\u95F4\n   */\n  prizeTime?: string\n\n  /**\n   * \u662F\u5426\u53EF\u590D\u5236\u7801\n   */\n  showCopyCode?: boolean\n\n  /**   * \u662F\u5426\u53EF\u7528\n   */\n  available?: boolean\n}\n\nexport interface MyRewardsModalProps {\n  /**\n   * \u662F\u5426\u663E\u793A\u5F39\u7A97\n   */\n  isOpen: boolean\n\n  /**\n   * \u5173\u95ED\u5F39\u7A97\u56DE\u8C03\n   */\n  onClose: () => void\n\n  /**\n   * \u5F39\u7A97\u6807\u9898\n   * @default \"My Rewards\"\n   */\n  title?: string\n\n  /**\n   * \u5956\u52B1\u5217\u8868\n   */\n  rewards: Reward[]\n\n  /**\n   * \u590D\u5236\u7801\u70B9\u51FB\u56DE\u8C03\n   */\n  onCopyCode?: (code: string) => void\n\n  /**\n   * \u81EA\u5B9A\u4E49\u7C7B\u540D\n   */\n  className?: string\n\n  /**\n   * \u4EE3\u7801\u6587\u672C\u524D\u7F00\n   * @default \"CODE:\"\n   */\n  codeText?: string\n\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   * \u5956\u52B1\u65F6\u95F4\u6587\u672C\u524D\u7F00\n   * @default \"Prize time:\"\n   */\n  prizeText?: string\n}\n\n/**\n * MyRewardsModal \u6211\u7684\u5956\u52B1\u5F39\u7A97\u7EC4\u4EF6\n */\nexport const MyRewardsModal: React.FC<MyRewardsModalProps> = ({\n  isOpen,\n  onClose,\n  title = 'My Rewards',\n  rewards,\n  onCopyCode,\n  className,\n  codeText = 'CODE:',\n  copyText = 'COPY',\n  copiedText = 'COPIED',\n  prizeText = 'Prize time:',\n}) => {\n  // \u8FFD\u8E2A\u6BCF\u4E2A\u5956\u52B1\u7684\u590D\u5236\u72B6\u6001\n  const [copiedStates, setCopiedStates] = useState<Record<string, boolean>>({})\n  const timersRef = useRef<Record<string, NodeJS.Timeout>>({})\n\n  // \u6E05\u7406\u6240\u6709\u5B9A\u65F6\u5668\n  useEffect(() => {\n    return () => {\n      Object.values(timersRef.current).forEach(timer => clearTimeout(timer))\n    }\n  }, [])\n\n  // \u5904\u7406\u590D\u5236\u64CD\u4F5C\n  const handleCopy = (rewardId: string, code: string) => {\n    // \u6E05\u9664\u8BE5\u5956\u52B1\u7684\u73B0\u6709\u5B9A\u65F6\u5668\n    if (timersRef.current[rewardId]) {\n      clearTimeout(timersRef.current[rewardId])\n    }\n\n    navigator.clipboard.writeText(code)\n    // \u8C03\u7528\u590D\u5236\u56DE\u8C03\n    if (onCopyCode) onCopyCode?.(code)\n\n    // \u8BBE\u7F6E\u4E3A\u5DF2\u590D\u5236\u72B6\u6001\n    setCopiedStates(prev => ({ ...prev, [rewardId]: true }))\n\n    // 3\u79D2\u540E\u6062\u590D\n    timersRef.current[rewardId] = setTimeout(() => {\n      setCopiedStates(prev => ({ ...prev, [rewardId]: false }))\n      delete timersRef.current[rewardId]\n    }, 3000)\n  }\n\n  return (\n    <BaseModal\n      isOpen={isOpen}\n      onClose={onClose}\n      maxWidth=\"max-w-[480px] laptop:max-w-[520px]\"\n      background=\"bg-white\"\n      className={className}\n      title={title}\n      ariaLabelledBy=\"rewards-modal-title\"\n    >\n      <div className=\"laptop:px-8 laptop:pb-8 p-4\">\n        {/* \u5956\u52B1\u5217\u8868 */}\n        <div className=\"flex max-h-[584px] flex-col gap-2 overflow-y-auto\">\n          {rewards.length === 0 ? (\n            <p className=\"py-8 text-center text-[14px] text-gray-500\">No rewards yet</p>\n          ) : (\n            rewards.map(reward => (\n              <div\n                key={reward.id}\n                className={cn('rounded-box', 'relative flex-none overflow-hidden bg-[#F5F5F7]', 'px-4 py-6')}\n              >\n                <div className=\"laptop:text-[16px] flex items-center justify-between gap-2 text-[14px] font-[700]\">\n                  <div className=\"flex-1\">\n                    <p\n                      className={cn(\n                        'mb-1 font-[700] text-[#1D1D1F]',\n                        reward?.available ? 'text-[#1D1D1F]' : 'text-[#D1D1D1]'\n                      )}\n                    >\n                      {reward.name}\n                    </p>\n                    {reward.code && (\n                      <div\n                        className={cn('flex items-center gap-2', reward?.available ? 'text-brand-0' : 'text-[#D1D1D1]')}\n                      >\n                        <p className=\"max-w-[200px] truncate\">\n                          {codeText} {reward.code}\n                        </p>\n                        {reward.showCopyCode && reward?.available && (\n                          <button onClick={() => handleCopy(reward.id, reward.code!)} className=\"underline\">\n                            {copiedStates[reward.id] ? copiedText : copyText}\n                          </button>\n                        )}\n                      </div>\n                    )}\n                  </div>\n\n                  {reward.prizeTime && (\n                    <div\n                      className={cn('text-[14px] font-[700] ', reward?.available ? 'text-[#999]' : 'text-[#D1D1D1]')}\n                    >\n                      <p>{prizeText}</p>\n                      <p>{reward.prizeTime}</p>\n                    </div>\n                  )}\n\n                  {/* \u72B6\u6001\u6807\u7B7E */}\n                  <span\n                    className={cn(\n                      'rounded-[0_8px] px-[6px] text-[14px] font-[700]',\n                      'absolute right-0 top-0',\n                      reward?.available ? 'bg-brand-0 text-white' : 'bg-[#D1D1D1] text-white'\n                    )}\n                  >\n                    {reward.status}\n                  </span>\n                </div>\n              </div>\n            ))\n          )}\n        </div>\n      </div>\n    </BaseModal>\n  )\n}\n\nexport default MyRewardsModal\n"],
+  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GA2KY,IAAAK,EAAA,6BAhKZC,EAAmD,iBACnDC,EAAmB,kCACnBC,EAA0B,0BAoGnB,MAAMN,EAAgD,CAAC,CAC5D,OAAAO,EACA,QAAAC,EACA,MAAAC,EAAQ,aACR,QAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,QACX,SAAAC,EAAW,OACX,WAAAC,EAAa,SACb,UAAAC,EAAY,aACd,IAAM,CAEJ,KAAM,CAACC,EAAcC,CAAe,KAAI,YAAkC,CAAC,CAAC,EACtEC,KAAY,UAAuC,CAAC,CAAC,KAG3D,aAAU,IACD,IAAM,CACX,OAAO,OAAOA,EAAU,OAAO,EAAE,QAAQC,GAAS,aAAaA,CAAK,CAAC,CACvE,EACC,CAAC,CAAC,EAGL,MAAMC,EAAa,CAACC,EAAkBC,IAAiB,CAEjDJ,EAAU,QAAQG,CAAQ,GAC5B,aAAaH,EAAU,QAAQG,CAAQ,CAAC,EAG1C,UAAU,UAAU,UAAUC,CAAI,EAE9BZ,GAAYA,IAAaY,CAAI,EAGjCL,EAAgBM,IAAS,CAAE,GAAGA,EAAM,CAACF,CAAQ,EAAG,EAAK,EAAE,EAGvDH,EAAU,QAAQG,CAAQ,EAAI,WAAW,IAAM,CAC7CJ,EAAgBM,IAAS,CAAE,GAAGA,EAAM,CAACF,CAAQ,EAAG,EAAM,EAAE,EACxD,OAAOH,EAAU,QAAQG,CAAQ,CACnC,EAAG,GAAI,CACT,EAEA,SACE,OAAC,aACC,OAAQf,EACR,QAASC,EACT,SAAS,qCACT,WAAW,WACX,UAAWI,EACX,MAAOH,EACP,eAAe,sBAEf,mBAAC,OAAI,UAAU,8BAEb,mBAAC,OAAI,UAAU,oDACZ,SAAAC,EAAQ,SAAW,KAClB,OAAC,KAAE,UAAU,6CAA6C,0BAAc,EAExEA,EAAQ,IAAIe,MACV,OAAC,OAEC,aAAW,MAAG,cAAe,kDAAmD,WAAW,EAE3F,oBAAC,OAAI,UAAU,oFACb,qBAAC,OAAI,UAAU,SACb,oBAAC,KACC,aAAW,MACT,iCACAA,GAAQ,UAAY,iBAAmB,gBACzC,EAEC,SAAAA,EAAO,KACV,EACCA,EAAO,SACN,QAAC,OACC,aAAW,MAAG,0BAA2BA,GAAQ,UAAY,eAAiB,gBAAgB,EAE9F,qBAAC,KAAE,UAAU,yBACV,UAAAZ,EAAS,IAAEY,EAAO,MACrB,EACCA,EAAO,cAAgBA,GAAQ,cAC9B,OAAC,UAAO,QAAS,IAAMJ,EAAWI,EAAO,GAAIA,EAAO,IAAK,EAAG,UAAU,YACnE,SAAAR,EAAaQ,EAAO,EAAE,EAAIV,EAAaD,EAC1C,GAEJ,GAEJ,EAECW,EAAO,cACN,QAAC,OACC,aAAW,MAAG,0BAA2BA,GAAQ,UAAY,cAAgB,gBAAgB,EAE7F,oBAAC,KAAG,SAAAT,EAAU,KACd,OAAC,KAAG,SAAAS,EAAO,UAAU,GACvB,KAIF,OAAC,QACC,aAAW,MACT,kDACA,yBACAA,GAAQ,UAAY,wBAA0B,yBAChD,EAEC,SAAAA,EAAO,OACV,GACF,GAhDKA,EAAO,EAiDd,CACD,EAEL,EACF,EACF,CAEJ,EAEA,IAAOxB,EAAQD",
+  "names": ["MyRewardsModal_exports", "__export", "MyRewardsModal", "MyRewardsModal_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_helpers", "import_BaseModal", "isOpen", "onClose", "title", "rewards", "onCopyCode", "className", "codeText", "copyText", "copiedText", "prizeText", "copiedStates", "setCopiedStates", "timersRef", "timer", "handleCopy", "rewardId", "code", "prev", "reward"]
+}

package/dist/cjs/biz-components/WheelLottery/PrizePool.d.ts

@@ -0,0 +1,26 @@
+/**
+ * PrizePool - 奖品池组件
+ *
+ * 展示所有可获得的奖品列表,支持横向滚动。
+ * 基于 Figma 设计稿实现响应式布局。
+ *
+ * Figma 设计稿: https://www.figma.com/design/DhWsPamqTM76eMHS0aIQqw
+ * 设计节点: 498:6894 (Prize Pool section)
+ *
+ * @module PrizePool
+ * @date 2025-12-17
+ */
+import React from 'react';
+import type { PrizePoolProps } from './types.js';
+/**
+ * PrizePool - 奖品池展示组件
+ *
+ * 特性:
+ * - 横向滚动列表(mobile/tablet)
+ * - 触摸友好
+ * - 显示奖品图片、排名(1st/2nd/3rd)和名称
+ * - 支持响应式布局
+ * - 显示中奖人名单(自动滚动循环)
+ */
+export declare const PrizePool: React.FC<PrizePoolProps>;
+export default PrizePool;

package/dist/cjs/biz-components/WheelLottery/PrizePool.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var k=Object.create;var r=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var h=(e,p)=>{for(var i in p)r(e,i,{get:p[i],enumerable:!0})},d=(e,p,i,s)=>{if(p&&typeof p=="object"||typeof p=="function")for(let a of g(p))!P.call(e,a)&&a!==i&&r(e,a,{get:()=>p[a],enumerable:!(s=f(p,a))||s.enumerable});return e};var u=(e,p,i)=>(i=e!=null?k(v(e)):{},d(p||!e||!e.__esModule?r(i,"default",{value:e,enumerable:!0}):i,e)),N=e=>d(r({},"__esModule",{value:!0}),e);var z={};h(z,{PrizePool:()=>m,default:()=>y});module.exports=N(z);var t=require("react/jsx-runtime"),x=u(require("react")),o=require("../../helpers/index.js"),l=require("../../components/index.js");const m=({theme:e,prizes:p,title:i="Prize Pool",winningInfos:s,className:a})=>!p||p.length===0?null:(0,t.jsxs)("div",{className:(0,o.cn)("prize-pool-content",e==="dark"?"aiui-dark":"",a),children:[(0,t.jsxs)("div",{className:(0,o.cn)("border-b ","py-[16px]","desktop:pt-[24px]",e==="dark"?"border-[#3A3C40]":"border-[#dadce0]"),children:[(0,t.jsx)("div",{className:(0,o.cn)("prize-pool-container","mb-4 px-[16px]","desktop:px-[24px]","lg-desktop:px-[32px]",a),children:(0,t.jsx)(l.Heading,{size:2,className:(0,o.cn)("prize-pool-title","text-info-primary"),children:i})}),(0,t.jsx)("div",{className:(0,o.cn)("px-[16px]","desktop:px-[24px]","lg-desktop:px-[32px]","overflow-y-hidden overflow-x-visible"),children:(0,t.jsx)("div",{className:(0,o.cn)("prize-pool-list","flex items-center gap-[16px]","scroll-smooth","scrollbar-hide"),style:{WebkitOverflowScrolling:"touch"},children:p.map((n,c)=>(0,t.jsxs)(x.default.Fragment,{children:[(0,t.jsx)(w,{prize:n}),c<p.length-1?(0,t.jsx)("div",{className:(0,o.cn)("prize-divider","lg-desktop:h-[54px]","h-[48px] w-0","border-l ",e==="dark"?"border-[#3A3C40]":"border-[#dadce0]","shrink-0"),"aria-hidden":"true"}):null]},n.prizeKey))})})]}),s&&s.length>0&&(0,t.jsx)(b,{winningInfos:s})]}),w=({prize:e})=>(0,t.jsxs)("div",{className:(0,o.cn)("prize-pool-item","flex items-start gap-[8px]","shrink-0","h-[80px] w-[280px]","desktop:h-[96px] desktop:w-[320px]","lg-desktop:h-[108px]"),children:[(0,t.jsx)(l.Picture,{source:e.image.url,alt:e.image.alt||`\u5956\u54C1: ${e.name}${e.rank?`, \u6392\u540D ${e.rank}`:""}`,className:(0,o.cn)("prize-pool-image","size-[80px]","desktop:size-[96px]","lg-desktop:size-[108px]","flex-none rounded-lg object-cover")}),(0,t.jsxs)("div",{className:(0,o.cn)("prize-pool-info","flex flex-1 flex-col items-start justify-end","text-info-primary","min-w-0"),children:[(0,t.jsx)("p",{className:(0,o.cn)("prize-rank","h-[20px] text-[14px] font-bold leading-[1.2] ","desktop:h-[22px] desktop:text-[16px]","lg-desktop:h-[25px] lg-desktop:text-[18px]",{"text-[#FF6B00]":e.rank==="1st"||e.rank==="2nd"||e.rank==="3rd"}),children:e?.rank||""}),(0,t.jsx)("p",{className:(0,o.cn)("prize-pool-name","text-[14px] font-semibold leading-[1.4] ","desktop:text-[16px]","lg-desktop:text-[18px]","line-clamp-2 overflow-hidden text-ellipsis","text-info-primary","w-full"),title:e.name,children:e.name})]})]}),b=({winningInfos:e})=>{const p=[...e,...e];return(0,t.jsx)("div",{className:(0,o.cn)("winners-list-wrapper","py-[12px]","laptop:py-[16px]","overflow-hidden"),children:(0,t.jsx)("div",{className:(0,o.cn)("winners-list-scroll","animate-marquee-x","flex gap-[32px]"),children:p.map((i,s)=>(0,t.jsxs)("div",{className:(0,o.cn)("winner-item","flex items-center gap-[8px]","whitespace-nowrap","text-[14px] font-semibold text-[#767880]","desktop:text-[16px]","lg-desktop:text-[18px]"),children:[(0,t.jsx)("span",{className:"winner-name",children:i.userName}),(0,t.jsx)("span",{className:"winner-text",children:"has won the"}),(0,t.jsx)("span",{className:"winner-prize",children:i.prizeName})]},`${i.winningKey}-${s}`))})})};var y=m;
+//# sourceMappingURL=PrizePool.js.map

package/dist/cjs/biz-components/WheelLottery/PrizePool.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/WheelLottery/PrizePool.tsx"],
+  "sourcesContent": ["/**\n * PrizePool - \u5956\u54C1\u6C60\u7EC4\u4EF6\n *\n * \u5C55\u793A\u6240\u6709\u53EF\u83B7\u5F97\u7684\u5956\u54C1\u5217\u8868,\u652F\u6301\u6A2A\u5411\u6EDA\u52A8\u3002\n * \u57FA\u4E8E Figma \u8BBE\u8BA1\u7A3F\u5B9E\u73B0\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002\n *\n * Figma \u8BBE\u8BA1\u7A3F: https://www.figma.com/design/DhWsPamqTM76eMHS0aIQqw\n * \u8BBE\u8BA1\u8282\u70B9: 498:6894 (Prize Pool section)\n *\n * @module PrizePool\n * @date 2025-12-17\n */\n\n'use client'\n\nimport React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport type { Prize, WinningInfo, PrizePoolProps } from './types.js'\nimport { Heading, Picture } from '../../components/index.js'\n\n// ============================================================================\n// PrizePool \u7EC4\u4EF6\n// ============================================================================\n\n/**\n * PrizePool - \u5956\u54C1\u6C60\u5C55\u793A\u7EC4\u4EF6\n *\n * \u7279\u6027:\n * - \u6A2A\u5411\u6EDA\u52A8\u5217\u8868(mobile/tablet)\n * - \u89E6\u6478\u53CB\u597D\n * - \u663E\u793A\u5956\u54C1\u56FE\u7247\u3001\u6392\u540D(1st/2nd/3rd)\u548C\u540D\u79F0\n * - \u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\n * - \u663E\u793A\u4E2D\u5956\u4EBA\u540D\u5355(\u81EA\u52A8\u6EDA\u52A8\u5FAA\u73AF)\n */\nexport const PrizePool: React.FC<PrizePoolProps> = ({\n  theme,\n  prizes,\n  title = 'Prize Pool',\n  winningInfos,\n  className,\n}) => {\n  // \u9632\u5FA1\u6027\u7F16\u7A0B:\u5904\u7406 undefined \u6216\u7A7A\u6570\u7EC4\n  if (!prizes || prizes.length === 0) {\n    return null\n  }\n\n  return (\n    <div className={cn('prize-pool-content', theme === 'dark' ? 'aiui-dark' : '', className)}>\n      <div\n        className={cn(\n          'border-b ',\n          'py-[16px]',\n          'desktop:pt-[24px]',\n          theme === 'dark' ? 'border-[#3A3C40]' : 'border-[#dadce0]'\n        )}\n      >\n        <div\n          className={cn(\n            'prize-pool-container',\n            'mb-4 px-[16px]',\n            'desktop:px-[24px]',\n            'lg-desktop:px-[32px]',\n            className\n          )}\n        >\n          {/* \u6807\u9898 */}\n          <Heading size={2} className={cn('prize-pool-title', 'text-info-primary')}>\n            {title}\n          </Heading>\n        </div>\n        {/* \u5956\u54C1\u5217\u8868 - \u6A2A\u5411\u6EDA\u52A8 */}\n        <div\n          className={cn(\n            'px-[16px]',\n            'desktop:px-[24px]',\n            'lg-desktop:px-[32px]',\n            'overflow-y-hidden overflow-x-visible'\n          )}\n        >\n          <div\n            className={cn('prize-pool-list', 'flex items-center gap-[16px]', 'scroll-smooth', 'scrollbar-hide')}\n            style={{\n              WebkitOverflowScrolling: 'touch', // iOS \u5E73\u6ED1\u6EDA\u52A8\n            }}\n          >\n            {prizes.map((prize, index) => (\n              <React.Fragment key={prize.prizeKey}>\n                <PrizePoolItem prize={prize} />\n                {/* \u6A2A\u5411\u5206\u9694\u7EBF(\u4EC5\u5728 desktop \u4EE5\u4E0A\u663E\u793A) */}\n                {index < prizes.length - 1 ? (\n                  <div\n                    className={cn(\n                      'prize-divider',\n                      'lg-desktop:h-[54px]',\n                      'h-[48px] w-0',\n                      'border-l ',\n                      theme === 'dark' ? 'border-[#3A3C40]' : 'border-[#dadce0]',\n                      'shrink-0'\n                    )}\n                    aria-hidden=\"true\"\n                  />\n                ) : null}\n              </React.Fragment>\n            ))}\n          </div>\n        </div>\n      </div>\n\n      {/* \u4E2D\u5956\u4EBA\u540D\u5355 - \u81EA\u52A8\u6EDA\u52A8 */}\n      {winningInfos && winningInfos.length > 0 && <WinnersList winningInfos={winningInfos} />}\n    </div>\n  )\n}\n\n// ============================================================================\n// PrizePoolItem \u5B50\u7EC4\u4EF6 - \u5355\u4E2A\u5956\u54C1\u5361\u7247\n// ============================================================================\n\ninterface PrizePoolItemProps {\n  prize: Prize\n}\n\n/**\n * PrizePoolItem - \u5956\u54C1\u6C60\u4E2D\u7684\u5355\u4E2A\u5956\u54C1\u5361\u7247\n *\n * \u5C55\u793A\u5956\u54C1\u56FE\u7247\u3001\u6392\u540D\u548C\u540D\u79F0,\u5E26\u60AC\u505C\u6548\u679C\u3002\n */\nconst PrizePoolItem: React.FC<PrizePoolItemProps> = ({ prize }) => {\n  return (\n    <div\n      className={cn(\n        'prize-pool-item',\n        'flex items-start gap-[8px]',\n        'shrink-0',\n        'h-[80px] w-[280px]',\n        'desktop:h-[96px] desktop:w-[320px]',\n        'lg-desktop:h-[108px]'\n      )}\n    >\n      {/* \u5956\u54C1\u56FE\u7247 */}\n      <Picture\n        source={prize.image.url}\n        alt={prize.image.alt || `\u5956\u54C1: ${prize.name}${prize.rank ? `, \u6392\u540D ${prize.rank}` : ''}`}\n        className={cn(\n          'prize-pool-image',\n          'size-[80px]',\n          'desktop:size-[96px]',\n          'lg-desktop:size-[108px]',\n          'flex-none rounded-lg object-cover'\n        )}\n      />\n\n      {/* \u5956\u54C1\u4FE1\u606F */}\n      <div\n        className={cn(\n          'prize-pool-info',\n          'flex flex-1 flex-col items-start justify-end',\n          'text-info-primary',\n          'min-w-0' // \u786E\u4FDD\u6587\u672C\u53EF\u4EE5\u88AB\u622A\u65AD\n        )}\n      >\n        {/* \u6392\u540D\u6807\u8BC6(1st/2nd/3rd,\u53EF\u9009) */}\n        <p\n          className={cn(\n            'prize-rank',\n            'h-[20px] text-[14px] font-bold leading-[1.2] ',\n            'desktop:h-[22px] desktop:text-[16px]',\n            'lg-desktop:h-[25px] lg-desktop:text-[18px]',\n            {\n              'text-[#FF6B00]': prize.rank === '1st' || prize.rank === '2nd' || prize.rank === '3rd', // \u6A59\u8272\n              // 'text-[#767880]': prize.rank === 'others', // \u7070\u8272\n            }\n          )}\n        >\n          {prize?.rank || ''}\n        </p>\n\n        {/* \u5956\u54C1\u540D\u79F0 - \u6700\u591A\u663E\u793A 2 \u884C,\u8D85\u51FA\u663E\u793A\u7701\u7565\u53F7 */}\n        <p\n          className={cn(\n            'prize-pool-name',\n            'text-[14px] font-semibold leading-[1.4] ',\n            'desktop:text-[16px]',\n            'lg-desktop:text-[18px]',\n            'line-clamp-2 overflow-hidden text-ellipsis', // \u6700\u591A 2 \u884C\n            'text-info-primary',\n            'w-full'\n          )}\n          title={prize.name} // \u60AC\u505C\u663E\u793A\u5B8C\u6574\u540D\u79F0\n        >\n          {prize.name}\n        </p>\n      </div>\n    </div>\n  )\n}\n\n// ============================================================================\n// WinnersList \u5B50\u7EC4\u4EF6 - \u4E2D\u5956\u4EBA\u540D\u5355\u81EA\u52A8\u6EDA\u52A8(\u4F7F\u7528 Swiper)\n// ============================================================================\n\ninterface WinnersListProps {\n  winningInfos: WinningInfo[]\n}\n\n/**\n * WinnersList - \u4E2D\u5956\u4EBA\u540D\u5355\u6EDA\u52A8\u7EC4\u4EF6\n *\n * \u4F7F\u7528\u7EAF CSS \u52A8\u753B\u5B9E\u73B0\u8DD1\u9A6C\u706F\u6548\u679C\n *\n * \u7279\u6027:\n * - \u7EAF CSS keyframe \u52A8\u753B\uFF0C\u65E0 JavaScript \u8BA1\u7B97\n * - \u8F7B\u91CF\u7EA7\u5B9E\u73B0\uFF0C\u65E0\u9700\u7B2C\u4E09\u65B9\u5E93\n * - \u54CD\u5E94\u5F0F\u8BBE\u8BA1\n * - \u7EBF\u6027\u6EDA\u52A8\uFF0C\u6D41\u7545\u81EA\u7136\n */\nconst WinnersList: React.FC<WinnersListProps> = ({ winningInfos }) => {\n  // \u590D\u5236\u5185\u5BB9\u4EE5\u5B9E\u73B0\u65E0\u7F1D\u5FAA\u73AF\n  const duplicatedInfos = [...winningInfos, ...winningInfos]\n\n  return (\n    <div className={cn('winners-list-wrapper', 'py-[12px]', 'laptop:py-[16px]', 'overflow-hidden')}>\n      <div className={cn('winners-list-scroll', 'animate-marquee-x', 'flex gap-[32px]')}>\n        {duplicatedInfos.map((winner, index) => (\n          <div\n            key={`${winner.winningKey}-${index}`}\n            className={cn(\n              'winner-item',\n              'flex items-center gap-[8px]',\n              'whitespace-nowrap',\n              'text-[14px] font-semibold text-[#767880]',\n              'desktop:text-[16px]',\n              'lg-desktop:text-[18px]'\n            )}\n          >\n            <span className=\"winner-name\">{winner.userName}</span>\n            <span className=\"winner-text\">has won the</span>\n            <span className=\"winner-prize\">{winner.prizeName}</span>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\n// ============================================================================\n// \u9ED8\u8BA4\u5BFC\u51FA\n// ============================================================================\n\nexport default PrizePool\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAkEU,IAAAK,EAAA,6BAnDVC,EAAkB,oBAClBC,EAAmB,kCAEnBC,EAAiC,qCAgB1B,MAAMN,EAAsC,CAAC,CAClD,MAAAO,EACA,OAAAC,EACA,MAAAC,EAAQ,aACR,aAAAC,EACA,UAAAC,CACF,IAEM,CAACH,GAAUA,EAAO,SAAW,EACxB,QAIP,QAAC,OAAI,aAAW,MAAG,qBAAsBD,IAAU,OAAS,YAAc,GAAII,CAAS,EACrF,qBAAC,OACC,aAAW,MACT,YACA,YACA,oBACAJ,IAAU,OAAS,mBAAqB,kBAC1C,EAEA,oBAAC,OACC,aAAW,MACT,uBACA,iBACA,oBACA,uBACAI,CACF,EAGA,mBAAC,WAAQ,KAAM,EAAG,aAAW,MAAG,mBAAoB,mBAAmB,EACpE,SAAAF,EACH,EACF,KAEA,OAAC,OACC,aAAW,MACT,YACA,oBACA,uBACA,sCACF,EAEA,mBAAC,OACC,aAAW,MAAG,kBAAmB,+BAAgC,gBAAiB,gBAAgB,EAClG,MAAO,CACL,wBAAyB,OAC3B,EAEC,SAAAD,EAAO,IAAI,CAACI,EAAOC,OAClB,QAAC,EAAAC,QAAM,SAAN,CACC,oBAACC,EAAA,CAAc,MAAOH,EAAO,EAE5BC,EAAQL,EAAO,OAAS,KACvB,OAAC,OACC,aAAW,MACT,gBACA,sBACA,eACA,YACAD,IAAU,OAAS,mBAAqB,mBACxC,UACF,EACA,cAAY,OACd,EACE,OAfeK,EAAM,QAgB3B,CACD,EACH,EACF,GACF,EAGCF,GAAgBA,EAAa,OAAS,MAAK,OAACM,EAAA,CAAY,aAAcN,EAAc,GACvF,EAiBEK,EAA8C,CAAC,CAAE,MAAAH,CAAM,OAEzD,QAAC,OACC,aAAW,MACT,kBACA,6BACA,WACA,qBACA,qCACA,sBACF,EAGA,oBAAC,WACC,OAAQA,EAAM,MAAM,IACpB,IAAKA,EAAM,MAAM,KAAO,iBAAOA,EAAM,IAAI,GAAGA,EAAM,KAAO,kBAAQA,EAAM,IAAI,GAAK,EAAE,GAClF,aAAW,MACT,mBACA,cACA,sBACA,0BACA,mCACF,EACF,KAGA,QAAC,OACC,aAAW,MACT,kBACA,+CACA,oBACA,SACF,EAGA,oBAAC,KACC,aAAW,MACT,aACA,gDACA,uCACA,6CACA,CACE,iBAAkBA,EAAM,OAAS,OAASA,EAAM,OAAS,OAASA,EAAM,OAAS,KAEnF,CACF,EAEC,SAAAA,GAAO,MAAQ,GAClB,KAGA,OAAC,KACC,aAAW,MACT,kBACA,2CACA,sBACA,yBACA,6CACA,oBACA,QACF,EACA,MAAOA,EAAM,KAEZ,SAAAA,EAAM,KACT,GACF,GACF,EAuBEI,EAA0C,CAAC,CAAE,aAAAN,CAAa,IAAM,CAEpE,MAAMO,EAAkB,CAAC,GAAGP,EAAc,GAAGA,CAAY,EAEzD,SACE,OAAC,OAAI,aAAW,MAAG,uBAAwB,YAAa,mBAAoB,iBAAiB,EAC3F,mBAAC,OAAI,aAAW,MAAG,sBAAuB,oBAAqB,iBAAiB,EAC7E,SAAAO,EAAgB,IAAI,CAACC,EAAQL,OAC5B,QAAC,OAEC,aAAW,MACT,cACA,8BACA,oBACA,2CACA,sBACA,wBACF,EAEA,oBAAC,QAAK,UAAU,cAAe,SAAAK,EAAO,SAAS,KAC/C,OAAC,QAAK,UAAU,cAAc,uBAAW,KACzC,OAAC,QAAK,UAAU,eAAgB,SAAAA,EAAO,UAAU,IAZ5C,GAAGA,EAAO,UAAU,IAAIL,CAAK,EAapC,CACD,EACH,EACF,CAEJ,EAMA,IAAOZ,EAAQD",
+  "names": ["PrizePool_exports", "__export", "PrizePool", "PrizePool_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_helpers", "import_components", "theme", "prizes", "title", "winningInfos", "className", "prize", "index", "React", "PrizePoolItem", "WinnersList", "duplicatedInfos", "winner"]
+}

package/dist/cjs/biz-components/WheelLottery/RulesModal.d.ts

@@ -0,0 +1,43 @@
+/**
+ * RulesModal - 规则弹窗组件
+ *
+ * 展示活动规则的弹窗
+ *
+ * @module RulesModal
+ * @date 2026-01-04
+ */
+import React from 'react';
+export interface RuleItem {
+    /**
+     * 规则项内容
+     */
+    item: string;
+}
+export interface RulesModalProps {
+    /**
+     * 是否显示弹窗
+     */
+    isOpen: boolean;
+    /**
+     * 关闭弹窗回调
+     */
+    onClose: () => void;
+    /**
+     * 弹窗标题
+     * @default "Rules"
+     */
+    title?: string;
+    /**
+     * 规则列表
+     */
+    rules: RuleItem[];
+    /**
+     * 自定义类名
+     */
+    className?: string;
+}
+/**
+ * RulesModal 规则弹窗组件
+ */
+export declare const RulesModal: React.FC<RulesModalProps>;
+export default RulesModal;

package/dist/cjs/biz-components/WheelLottery/RulesModal.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var p=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var u=(a,e)=>{for(var l in e)p(a,l,{get:e[l],enumerable:!0})},v=(a,e,l,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of x(e))!c.call(a,t)&&t!==l&&p(a,t,{get:()=>e[t],enumerable:!(s=n(e,t))||s.enumerable});return a};var R=a=>v(p({},"__esModule",{value:!0}),a);var f={};u(f,{RulesModal:()=>m,default:()=>b});module.exports=R(f);var o=require("react/jsx-runtime"),g=require("react"),i=require("./BaseModal.js");const m=({isOpen:a,onClose:e,title:l="Rules:",rules:s,className:t})=>(0,o.jsx)(i.BaseModal,{isOpen:a,onClose:e,maxWidth:"max-w-[480px] laptop:max-w-[520px]",background:"bg-white",className:t,title:l,ariaLabelledBy:"rules-modal-title",children:(0,o.jsx)("div",{className:"laptop:px-8 p-4 pb-0",children:(0,o.jsx)("div",{className:"max-h-[584px] overflow-y-auto pb-4",children:s.map((r,d)=>(0,o.jsx)("div",{className:"mb-2 text-[16px] font-[700] text-[#1D1D1F]",children:(0,o.jsx)("p",{className:"m-0",children:r.item})},d))})})});var b=m;
+//# sourceMappingURL=RulesModal.js.map

package/dist/cjs/biz-components/WheelLottery/RulesModal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/WheelLottery/RulesModal.tsx"],
+  "sourcesContent": ["/**\n * RulesModal - \u89C4\u5219\u5F39\u7A97\u7EC4\u4EF6\n *\n * \u5C55\u793A\u6D3B\u52A8\u89C4\u5219\u7684\u5F39\u7A97\n *\n * @module RulesModal\n * @date 2026-01-04\n */\n\n'use client'\n\nimport React from 'react'\nimport { BaseModal } from './BaseModal.js'\n\nexport interface RuleItem {\n  /**\n   * \u89C4\u5219\u9879\u5185\u5BB9\n   */\n  item: string\n}\n\nexport interface RulesModalProps {\n  /**\n   * \u662F\u5426\u663E\u793A\u5F39\u7A97\n   */\n  isOpen: boolean\n\n  /**\n   * \u5173\u95ED\u5F39\u7A97\u56DE\u8C03\n   */\n  onClose: () => void\n\n  /**\n   * \u5F39\u7A97\u6807\u9898\n   * @default \"Rules\"\n   */\n  title?: string\n\n  /**\n   * \u89C4\u5219\u5217\u8868\n   */\n  rules: RuleItem[]\n\n  /**\n   * \u81EA\u5B9A\u4E49\u7C7B\u540D\n   */\n  className?: string\n}\n\n/**\n * RulesModal \u89C4\u5219\u5F39\u7A97\u7EC4\u4EF6\n */\nexport const RulesModal: React.FC<RulesModalProps> = ({ isOpen, onClose, title = 'Rules:', rules, className }) => {\n  return (\n    <BaseModal\n      isOpen={isOpen}\n      onClose={onClose}\n      maxWidth=\"max-w-[480px] laptop:max-w-[520px]\"\n      background=\"bg-white\"\n      className={className}\n      title={title}\n      ariaLabelledBy=\"rules-modal-title\"\n    >\n      <div className=\"laptop:px-8 p-4 pb-0\">\n        {/* \u89C4\u5219\u5217\u8868 */}\n        <div className=\"max-h-[584px] overflow-y-auto pb-4\">\n          {rules.map((rule, index) => (\n            <div key={index} className=\"mb-2 text-[16px] font-[700] text-[#1D1D1F]\">\n              <p className=\"m-0\">{rule.item}</p>\n            </div>\n          ))}\n        </div>\n      </div>\n    </BaseModal>\n  )\n}\n\nexport default RulesModal\n"],
+  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAoEc,IAAAK,EAAA,6BAzDdC,EAAkB,iBAClBC,EAA0B,0BAwCnB,MAAML,EAAwC,CAAC,CAAE,OAAAM,EAAQ,QAAAC,EAAS,MAAAC,EAAQ,SAAU,MAAAC,EAAO,UAAAC,CAAU,OAExG,OAAC,aACC,OAAQJ,EACR,QAASC,EACT,SAAS,qCACT,WAAW,WACX,UAAWG,EACX,MAAOF,EACP,eAAe,oBAEf,mBAAC,OAAI,UAAU,uBAEb,mBAAC,OAAI,UAAU,qCACZ,SAAAC,EAAM,IAAI,CAACE,EAAMC,OAChB,OAAC,OAAgB,UAAU,6CACzB,mBAAC,KAAE,UAAU,MAAO,SAAAD,EAAK,KAAK,GADtBC,CAEV,CACD,EACH,EACF,EACF,EAIJ,IAAOX,EAAQD",
+  "names": ["RulesModal_exports", "__export", "RulesModal", "RulesModal_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_BaseModal", "isOpen", "onClose", "title", "rules", "className", "rule", "index"]
+}

package/dist/cjs/biz-components/WheelLottery/ShareModal.d.ts

@@ -0,0 +1,74 @@
+/**
+ * ShareModal - 分享弹窗组件
+ *
+ * 用于引导用户分享到社交媒体以获取额外抽奖机会
+ *
+ * @module ShareModal
+ * @date 2026-01-07
+ */
+import React from 'react';
+export type SocialPlatform = 'facebook' | 'twitter' | 'instagram' | 'linkedin' | 'tiktok' | 'youtube';
+export interface SharePlatformConfig {
+    /**
+     * 平台类型
+     */
+    platform: SocialPlatform;
+    /**
+     * 平台名称
+     */
+    name: string;
+    /**
+     * 分享 URL（可选，如果提供则直接跳转）
+     */
+    url?: string;
+    /**
+     * 点击回调（如果提供 url 则此回调会在跳转前执行）
+     */
+    onClick?: () => void;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+}
+export interface ShareModalProps {
+    /**
+     * 是否显示弹窗
+     */
+    isOpen: boolean;
+    /**
+     * 关闭弹窗回调
+     */
+    onClose: () => void;
+    /**
+     * 弹窗标题
+     * @default "Share to Get More Chances"
+     */
+    title?: string;
+    /**
+     * 副标题/引导文案
+     * @default "Share to Play Again Keep Trying! You Could Still Win Big!"
+     */
+    subtitle?: string;
+    /**
+     * 底部提示文案
+     * @default "Note: Maximum of 3 times per participant."
+     */
+    note?: string;
+    /**
+     * 社交平台配置列表
+     */
+    platforms?: SharePlatformConfig[];
+    /**
+     * 分享成功回调
+     */
+    onShareSuccess?: (platform: SocialPlatform) => void;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+}
+/**
+ * ShareModal 分享弹窗组件
+ */
+export declare const ShareModal: React.FC<ShareModalProps>;
+export default ShareModal;

package/dist/cjs/biz-components/WheelLottery/ShareModal.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var n=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var u=(a,t)=>{for(var l in t)n(a,l,{get:t[l],enumerable:!0})},v=(a,t,l,C)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of g(t))!x.call(a,i)&&i!==l&&n(a,i,{get:()=>t[i],enumerable:!(C=f(t,i))||C.enumerable});return a};var b=a=>v(n({},"__esModule",{value:!0}),a);var V={};u(V,{ShareModal:()=>c,default:()=>M});module.exports=b(V);var e=require("react/jsx-runtime"),S=require("react"),r=require("../../helpers/index.js"),s=require("../../components/index.js"),p=require("./BaseModal.js");const k=[{platform:"facebook",name:"Facebook"},{platform:"twitter",name:"X (Twitter)"},{platform:"instagram",name:"Instagram"},{platform:"linkedin",name:"LinkedIn"},{platform:"tiktok",name:"TikTok"},{platform:"youtube",name:"YouTube"}],H=({platform:a,className:t})=>{const l=(0,r.cn)("size-full",t);switch(a){case"facebook":return(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"36",height:"36",viewBox:"0 0 36 36",fill:"none",children:(0,e.jsx)("path",{d:"M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 26.9842 6.5823 34.431 15.1875 35.7813V23.2031H10.6172V18H15.1875V14.0344C15.1875 9.52313 17.8748 7.03125 21.9864 7.03125C23.9551 7.03125 26.0156 7.38281 26.0156 7.38281V11.8125H23.7459C21.51 11.8125 20.8125 13.2001 20.8125 14.625V18H25.8047L25.0066 23.2031H20.8125V35.7813C29.4177 34.431 36 26.9842 36 18Z",fill:"white"})});case"twitter":return(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"33",height:"30",viewBox:"0 0 33 30",fill:"none",children:(0,e.jsx)("path",{d:"M25.485 0H30.447L19.6065 12.39L32.3595 29.25H22.374L14.553 19.0245L5.604 29.25H0.639L12.234 15.9975L0 0H10.239L17.3085 9.3465L25.485 0ZM23.7435 26.28H26.493L8.745 2.814H5.7945L23.7435 26.28Z",fill:"white"})});case"instagram":return(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"33",viewBox:"0 0 32 33",fill:"none",children:(0,e.jsx)("path",{d:"M16.0088 0C20.3547 0 20.8991 0.0183266 22.6123 0.0996094C24.3132 0.174649 25.4768 0.449798 26.4961 0.84375C27.5467 1.25023 28.4411 1.80146 29.3291 2.68945C30.2231 3.5773 30.7672 4.47129 31.1611 5.53418C31.5551 6.54724 31.8302 7.71702 31.9053 9.41797C31.9803 11.125 31.999 11.6696 31.999 16.0156C31.999 20.3611 31.9803 20.9054 31.9053 22.6123C31.8302 24.3133 31.5551 25.4768 31.1611 26.4961C30.7547 27.5467 30.2044 28.4411 29.3164 29.3291C28.4284 30.217 27.5339 30.7674 26.4834 31.1738C25.4704 31.5678 24.3005 31.8429 22.5996 31.918C20.8928 31.993 20.3484 32.0117 16.0029 32.0117C11.6568 32.0117 11.1124 31.993 9.40527 31.918C7.70433 31.8429 6.5408 31.5678 5.52148 31.1738C4.47114 30.7674 3.57727 30.2168 2.68945 29.3291C1.79531 28.4412 1.2506 27.5469 0.837891 26.4902C0.443929 25.4772 0.168798 24.3073 0.09375 22.6064C0.0187082 20.8992 0 20.355 0 16.0088C3.73243e-07 11.6628 0.0187102 11.1187 0.09375 9.40527C0.168792 7.70433 0.443921 6.5408 0.837891 5.52148C1.25061 4.47102 1.79528 3.57737 2.68945 2.68945C3.57745 1.7952 4.47148 1.25062 5.52832 0.837891C6.54126 0.443997 7.71051 0.168809 9.41113 0.09375C11.1183 0.0187089 11.6627 3.7324e-07 16.0088 0ZM16.0088 2.88281C11.7317 2.88281 11.225 2.90153 9.54297 2.97656C7.98585 3.04535 7.13508 3.30847 6.57227 3.52734C5.82828 3.81497 5.29709 4.15899 4.73438 4.72168C4.17785 5.2782 3.82671 5.81549 3.53906 6.55957C3.32019 7.12238 3.05805 7.96693 2.98926 9.53027C2.91422 11.2124 2.89551 11.719 2.89551 15.9961C2.89551 20.2672 2.91422 20.7745 2.98926 22.4629C3.05806 24.0194 3.32024 24.8698 3.53906 25.4326C3.82672 26.1768 4.17156 26.7087 4.73438 27.2715C5.29081 27.8279 5.82829 28.1782 6.57227 28.4658C7.13508 28.6847 7.9796 28.9478 9.54297 29.0166C11.225 29.0916 11.7317 29.1104 16.0088 29.1104C20.2796 29.1104 20.7865 29.0916 22.4746 29.0166C24.0316 28.9478 24.8825 28.6847 25.4453 28.4658C26.1895 28.1782 26.7214 27.8343 27.2842 27.2715C27.8407 26.715 28.1909 26.1767 28.4785 25.4326C28.6973 24.8699 28.9595 24.0257 29.0283 22.4629C29.1034 20.7807 29.1221 20.2735 29.1221 15.9961C29.1221 11.7253 29.1034 11.2187 29.0283 9.53027C28.9595 7.97319 28.6974 7.12238 28.4785 6.55957C28.1909 5.81565 27.8468 5.28433 27.2842 4.72168C26.7276 4.16513 26.1895 3.815 25.4453 3.52734C24.8825 3.30847 24.038 3.04535 22.4746 2.97656C20.7928 2.90154 20.2858 2.88281 16.0088 2.88281ZM16.0127 7.78711C20.5526 7.78727 24.2354 11.4708 24.2354 16.0107C24.2352 20.5505 20.5525 24.2332 16.0127 24.2334C11.4728 24.2334 7.78923 20.5506 7.78906 16.0107C7.78906 11.4707 11.4727 7.78711 16.0127 7.78711ZM16.0127 10.6758C13.0673 10.6758 10.6777 13.0654 10.6777 16.0107C10.6779 18.956 13.0674 21.3447 16.0127 21.3447C18.9578 21.3446 21.3465 18.9559 21.3467 16.0107C21.3467 13.0655 18.9579 10.6759 16.0127 10.6758ZM24.5566 5.54102C25.6134 5.54107 26.4766 6.40413 26.4766 7.46094C26.4765 8.52395 25.6134 9.3808 24.5566 9.38086C23.4936 9.38086 22.6368 8.51773 22.6367 7.46094C22.6367 6.39784 23.4998 5.54102 24.5566 5.54102Z",fill:"white"})});case"linkedin":return(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"29",height:"29",viewBox:"0 0 29 29",fill:"none",children:(0,e.jsx)("path",{d:"M26.6846 0H2.12757C0.951214 0 0 0.9287 0 2.07691V26.7353C0 27.8835 0.951214 28.8178 2.12757 28.8178H26.6846C27.861 28.8178 28.8178 27.8835 28.8178 26.7409V2.07691C28.8178 0.9287 27.861 0 26.6846 0ZM8.54967 24.5571H4.27202V10.8011H8.54967V24.5571ZM6.41084 8.92677C5.03749 8.92677 3.92868 7.81796 3.92868 6.45024C3.92868 5.08252 5.03749 3.97371 6.41084 3.97371C7.77856 3.97371 8.88737 5.08252 8.88737 6.45024C8.88737 7.81233 7.77856 8.92677 6.41084 8.92677ZM24.5571 24.5571H20.2851V17.8704C20.2851 16.2776 20.2569 14.2232 18.0618 14.2232C15.8386 14.2232 15.5008 15.9624 15.5008 17.7579V24.5571H11.2345V10.8011H15.332V12.681H15.3883C15.9567 11.6003 17.3526 10.4577 19.4295 10.4577C23.7578 10.4577 24.5571 13.3057 24.5571 17.0093V24.5571Z",fill:"white"})});case"tiktok":return(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:(0,e.jsx)("path",{d:"M32 4.51848C32 2.02299 29.977 0 27.4816 0H4.51848C2.02299 0 0 2.02299 0 4.51848V27.4816C0 29.9771 2.02299 32 4.51848 32H27.4816C29.977 32 32 29.9771 32 27.4816V4.51848ZM26.5102 13.9566C24.4458 13.9797 22.5219 13.3555 20.8328 12.1996V20.3146C20.8328 23.9211 18.364 27.0194 14.873 27.8285C10.1103 28.915 6.07845 25.4702 5.56992 21.355C5.03818 17.2397 7.66278 13.633 11.6856 12.8238C12.4716 12.662 13.654 12.662 14.2639 12.8007V17.1472C14.0762 17.1011 13.9005 17.0547 13.7156 17.0317C12.1434 16.7541 10.6207 17.5402 9.99648 18.9736C9.37229 20.4072 9.79008 22.0717 11.0616 23.0429C12.1251 23.875 13.3051 23.9906 14.5073 23.4357C15.7095 22.904 16.3557 21.9331 16.4942 20.6152C16.5174 20.4304 16.5162 20.2222 16.5162 20.0141V4.40826C16.5162 3.96899 16.5195 3.98827 16.9589 3.98827H20.4037C20.6581 3.98827 20.7506 4.02477 20.7736 4.32549C20.9586 7.00734 22.9947 9.29136 25.6072 9.63819C25.8846 9.68442 26.1819 9.7027 26.5104 9.72579L26.5102 13.9566Z",fill:"white"})});case"youtube":return(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"33",height:"24",viewBox:"0 0 33 24",fill:"none",children:(0,e.jsx)("path",{d:"M28.5006 0.731224L26.3106 0.506224C19.7579 -0.168741 13.1533 -0.168741 6.60059 0.506224L4.50059 0.731224C3.24922 0.872661 2.09527 1.47475 1.26344 2.42027C0.431611 3.36578 -0.0185587 4.58703 0.000586503 5.84622V18.1462C-0.0185587 19.4054 0.431611 20.6267 1.26344 21.5722C2.09527 22.5177 3.24922 23.1198 4.50059 23.2612L6.69059 23.4862C13.2433 24.1612 19.8479 24.1612 26.4006 23.4862L28.5006 23.2612C29.752 23.1198 30.9059 22.5177 31.7377 21.5722C32.5696 20.6267 33.0197 19.4054 33.0006 18.1462V5.84622C33.0197 4.58703 32.5696 3.36578 31.7377 2.42027C30.9059 1.47475 29.752 0.872661 28.5006 0.731224ZM21.0006 12.9262L15.1656 16.8262C14.9985 16.918 14.8107 16.9658 14.6201 16.9651C14.4294 16.9644 14.242 16.9152 14.0756 16.8222C13.9091 16.7293 13.769 16.5955 13.6684 16.4335C13.5679 16.2715 13.5101 16.0867 13.5006 15.8962V8.09622C13.501 7.89217 13.5568 7.69205 13.6622 7.51731C13.7676 7.34256 13.9185 7.19977 14.0988 7.10422C14.2791 7.00868 14.482 6.96397 14.6858 6.97489C14.8896 6.98581 15.0865 7.05195 15.2556 7.16622L21.0906 11.0662C21.2453 11.1671 21.3725 11.3049 21.4605 11.4673C21.5485 11.6297 21.5946 11.8115 21.5946 11.9962C21.5946 12.1809 21.5485 12.3627 21.4605 12.5251C21.3725 12.6875 21.2453 12.8254 21.0906 12.9262H21.0006Z",fill:"white"})});default:return null}},c=({isOpen:a,onClose:t,title:l="Share to Get More Chances",subtitle:C="Share to Play Again Keep Trying! You Could Still Win Big!",note:i="Note: Maximum of 3 times per participant.",platforms:m=k,onShareSuccess:d,className:h})=>{const w=o=>{o.disabled||(o.onClick?.(),o.url&&window.open(o.url,"_blank","noopener,noreferrer"),d?.(o.platform))};return(0,e.jsx)(p.BaseModal,{isOpen:a,onClose:t,maxWidth:"max-w-[326px] laptop:max-w-[420px]",background:"bg-white",className:h,ariaLabelledBy:"share-modal-title",children:(0,e.jsxs)("div",{className:"laptop:px-8 laptop:pb-8 p-6 pt-0 text-center",children:[(0,e.jsx)(s.Heading,{size:2,id:"share-modal-title",className:"text-center tracking-[-0.32px] text-[#1D1D1F]",children:l}),C&&(0,e.jsx)("p",{className:"laptop:text-[16px] text-center text-[14px] font-[700] text-[#1D1D1F]",children:C}),(0,e.jsx)("div",{className:"mx-auto mt-8 flex max-w-[300px] flex-wrap items-center justify-center gap-4",children:m.map(o=>(0,e.jsx)("button",{onClick:()=>w(o),disabled:o.disabled,className:(0,r.cn)("flex aspect-square size-[64px] items-center justify-center rounded-full bg-black text-white transition-all","hover:scale-110 hover:shadow-lg","focus:ring-brand-0 focus:outline-none focus:ring-2 focus:ring-offset-2","disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:scale-100"),"aria-label":`Share on ${o.name}`,children:(0,e.jsx)(H,{platform:o.platform})},o.platform))}),i&&(0,e.jsx)("p",{className:(0,r.cn)("mt-8 text-[16px] font-[700] text-[#767880]","laptop:text-[16px]"),children:i})]})})};var M=c;
+//# sourceMappingURL=ShareModal.js.map

package/dist/cjs/biz-components/WheelLottery/ShareModal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/WheelLottery/ShareModal.tsx"],
+  "sourcesContent": ["/**\n * ShareModal - \u5206\u4EAB\u5F39\u7A97\u7EC4\u4EF6\n *\n * \u7528\u4E8E\u5F15\u5BFC\u7528\u6237\u5206\u4EAB\u5230\u793E\u4EA4\u5A92\u4F53\u4EE5\u83B7\u53D6\u989D\u5916\u62BD\u5956\u673A\u4F1A\n *\n * @module ShareModal\n * @date 2026-01-07\n */\n\n'use client'\n\nimport React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Heading } from '../../components/index.js'\nimport { BaseModal } from './BaseModal.js'\n\nexport type SocialPlatform = 'facebook' | 'twitter' | 'instagram' | 'linkedin' | 'tiktok' | 'youtube'\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\nexport interface ShareModalProps {\n  /**\n   * \u662F\u5426\u663E\u793A\u5F39\u7A97\n   */\n  isOpen: boolean\n\n  /**\n   * \u5173\u95ED\u5F39\u7A97\u56DE\u8C03\n   */\n  onClose: () => void\n\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   * \u81EA\u5B9A\u4E49\u7C7B\u540D\n   */\n  className?: string\n}\n\n// \u9ED8\u8BA4\u793E\u4EA4\u5E73\u53F0\u914D\u7F6E\nconst DEFAULT_PLATFORMS: SharePlatformConfig[] = [\n  { platform: 'facebook', name: 'Facebook' },\n  { platform: 'twitter', name: 'X (Twitter)' },\n  { platform: 'instagram', name: 'Instagram' },\n  { platform: 'linkedin', name: 'LinkedIn' },\n  { platform: 'tiktok', name: 'TikTok' },\n  { platform: 'youtube', name: 'YouTube' },\n]\n\n// \u793E\u4EA4\u5E73\u53F0\u56FE\u6807\u7EC4\u4EF6\nconst SocialIcon: React.FC<{ platform: SocialPlatform; className?: string }> = ({ platform, className }) => {\n  const iconClass = cn('size-full', className)\n\n  switch (platform) {\n    case 'facebook':\n      return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\">\n          <path\n            d=\"M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 26.9842 6.5823 34.431 15.1875 35.7813V23.2031H10.6172V18H15.1875V14.0344C15.1875 9.52313 17.8748 7.03125 21.9864 7.03125C23.9551 7.03125 26.0156 7.38281 26.0156 7.38281V11.8125H23.7459C21.51 11.8125 20.8125 13.2001 20.8125 14.625V18H25.8047L25.0066 23.2031H20.8125V35.7813C29.4177 34.431 36 26.9842 36 18Z\"\n            fill=\"white\"\n          />\n        </svg>\n      )\n    case 'twitter':\n      return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"33\" height=\"30\" viewBox=\"0 0 33 30\" fill=\"none\">\n          <path\n            d=\"M25.485 0H30.447L19.6065 12.39L32.3595 29.25H22.374L14.553 19.0245L5.604 29.25H0.639L12.234 15.9975L0 0H10.239L17.3085 9.3465L25.485 0ZM23.7435 26.28H26.493L8.745 2.814H5.7945L23.7435 26.28Z\"\n            fill=\"white\"\n          />\n        </svg>\n      )\n    case 'instagram':\n      return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"33\" viewBox=\"0 0 32 33\" fill=\"none\">\n          <path\n            d=\"M16.0088 0C20.3547 0 20.8991 0.0183266 22.6123 0.0996094C24.3132 0.174649 25.4768 0.449798 26.4961 0.84375C27.5467 1.25023 28.4411 1.80146 29.3291 2.68945C30.2231 3.5773 30.7672 4.47129 31.1611 5.53418C31.5551 6.54724 31.8302 7.71702 31.9053 9.41797C31.9803 11.125 31.999 11.6696 31.999 16.0156C31.999 20.3611 31.9803 20.9054 31.9053 22.6123C31.8302 24.3133 31.5551 25.4768 31.1611 26.4961C30.7547 27.5467 30.2044 28.4411 29.3164 29.3291C28.4284 30.217 27.5339 30.7674 26.4834 31.1738C25.4704 31.5678 24.3005 31.8429 22.5996 31.918C20.8928 31.993 20.3484 32.0117 16.0029 32.0117C11.6568 32.0117 11.1124 31.993 9.40527 31.918C7.70433 31.8429 6.5408 31.5678 5.52148 31.1738C4.47114 30.7674 3.57727 30.2168 2.68945 29.3291C1.79531 28.4412 1.2506 27.5469 0.837891 26.4902C0.443929 25.4772 0.168798 24.3073 0.09375 22.6064C0.0187082 20.8992 0 20.355 0 16.0088C3.73243e-07 11.6628 0.0187102 11.1187 0.09375 9.40527C0.168792 7.70433 0.443921 6.5408 0.837891 5.52148C1.25061 4.47102 1.79528 3.57737 2.68945 2.68945C3.57745 1.7952 4.47148 1.25062 5.52832 0.837891C6.54126 0.443997 7.71051 0.168809 9.41113 0.09375C11.1183 0.0187089 11.6627 3.7324e-07 16.0088 0ZM16.0088 2.88281C11.7317 2.88281 11.225 2.90153 9.54297 2.97656C7.98585 3.04535 7.13508 3.30847 6.57227 3.52734C5.82828 3.81497 5.29709 4.15899 4.73438 4.72168C4.17785 5.2782 3.82671 5.81549 3.53906 6.55957C3.32019 7.12238 3.05805 7.96693 2.98926 9.53027C2.91422 11.2124 2.89551 11.719 2.89551 15.9961C2.89551 20.2672 2.91422 20.7745 2.98926 22.4629C3.05806 24.0194 3.32024 24.8698 3.53906 25.4326C3.82672 26.1768 4.17156 26.7087 4.73438 27.2715C5.29081 27.8279 5.82829 28.1782 6.57227 28.4658C7.13508 28.6847 7.9796 28.9478 9.54297 29.0166C11.225 29.0916 11.7317 29.1104 16.0088 29.1104C20.2796 29.1104 20.7865 29.0916 22.4746 29.0166C24.0316 28.9478 24.8825 28.6847 25.4453 28.4658C26.1895 28.1782 26.7214 27.8343 27.2842 27.2715C27.8407 26.715 28.1909 26.1767 28.4785 25.4326C28.6973 24.8699 28.9595 24.0257 29.0283 22.4629C29.1034 20.7807 29.1221 20.2735 29.1221 15.9961C29.1221 11.7253 29.1034 11.2187 29.0283 9.53027C28.9595 7.97319 28.6974 7.12238 28.4785 6.55957C28.1909 5.81565 27.8468 5.28433 27.2842 4.72168C26.7276 4.16513 26.1895 3.815 25.4453 3.52734C24.8825 3.30847 24.038 3.04535 22.4746 2.97656C20.7928 2.90154 20.2858 2.88281 16.0088 2.88281ZM16.0127 7.78711C20.5526 7.78727 24.2354 11.4708 24.2354 16.0107C24.2352 20.5505 20.5525 24.2332 16.0127 24.2334C11.4728 24.2334 7.78923 20.5506 7.78906 16.0107C7.78906 11.4707 11.4727 7.78711 16.0127 7.78711ZM16.0127 10.6758C13.0673 10.6758 10.6777 13.0654 10.6777 16.0107C10.6779 18.956 13.0674 21.3447 16.0127 21.3447C18.9578 21.3446 21.3465 18.9559 21.3467 16.0107C21.3467 13.0655 18.9579 10.6759 16.0127 10.6758ZM24.5566 5.54102C25.6134 5.54107 26.4766 6.40413 26.4766 7.46094C26.4765 8.52395 25.6134 9.3808 24.5566 9.38086C23.4936 9.38086 22.6368 8.51773 22.6367 7.46094C22.6367 6.39784 23.4998 5.54102 24.5566 5.54102Z\"\n            fill=\"white\"\n          />\n        </svg>\n      )\n    case 'linkedin':\n      return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 29 29\" fill=\"none\">\n          <path\n            d=\"M26.6846 0H2.12757C0.951214 0 0 0.9287 0 2.07691V26.7353C0 27.8835 0.951214 28.8178 2.12757 28.8178H26.6846C27.861 28.8178 28.8178 27.8835 28.8178 26.7409V2.07691C28.8178 0.9287 27.861 0 26.6846 0ZM8.54967 24.5571H4.27202V10.8011H8.54967V24.5571ZM6.41084 8.92677C5.03749 8.92677 3.92868 7.81796 3.92868 6.45024C3.92868 5.08252 5.03749 3.97371 6.41084 3.97371C7.77856 3.97371 8.88737 5.08252 8.88737 6.45024C8.88737 7.81233 7.77856 8.92677 6.41084 8.92677ZM24.5571 24.5571H20.2851V17.8704C20.2851 16.2776 20.2569 14.2232 18.0618 14.2232C15.8386 14.2232 15.5008 15.9624 15.5008 17.7579V24.5571H11.2345V10.8011H15.332V12.681H15.3883C15.9567 11.6003 17.3526 10.4577 19.4295 10.4577C23.7578 10.4577 24.5571 13.3057 24.5571 17.0093V24.5571Z\"\n            fill=\"white\"\n          />\n        </svg>\n      )\n    case 'tiktok':\n      return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\">\n          <path\n            d=\"M32 4.51848C32 2.02299 29.977 0 27.4816 0H4.51848C2.02299 0 0 2.02299 0 4.51848V27.4816C0 29.9771 2.02299 32 4.51848 32H27.4816C29.977 32 32 29.9771 32 27.4816V4.51848ZM26.5102 13.9566C24.4458 13.9797 22.5219 13.3555 20.8328 12.1996V20.3146C20.8328 23.9211 18.364 27.0194 14.873 27.8285C10.1103 28.915 6.07845 25.4702 5.56992 21.355C5.03818 17.2397 7.66278 13.633 11.6856 12.8238C12.4716 12.662 13.654 12.662 14.2639 12.8007V17.1472C14.0762 17.1011 13.9005 17.0547 13.7156 17.0317C12.1434 16.7541 10.6207 17.5402 9.99648 18.9736C9.37229 20.4072 9.79008 22.0717 11.0616 23.0429C12.1251 23.875 13.3051 23.9906 14.5073 23.4357C15.7095 22.904 16.3557 21.9331 16.4942 20.6152C16.5174 20.4304 16.5162 20.2222 16.5162 20.0141V4.40826C16.5162 3.96899 16.5195 3.98827 16.9589 3.98827H20.4037C20.6581 3.98827 20.7506 4.02477 20.7736 4.32549C20.9586 7.00734 22.9947 9.29136 25.6072 9.63819C25.8846 9.68442 26.1819 9.7027 26.5104 9.72579L26.5102 13.9566Z\"\n            fill=\"white\"\n          />\n        </svg>\n      )\n    case 'youtube':\n      return (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"33\" height=\"24\" viewBox=\"0 0 33 24\" fill=\"none\">\n          <path\n            d=\"M28.5006 0.731224L26.3106 0.506224C19.7579 -0.168741 13.1533 -0.168741 6.60059 0.506224L4.50059 0.731224C3.24922 0.872661 2.09527 1.47475 1.26344 2.42027C0.431611 3.36578 -0.0185587 4.58703 0.000586503 5.84622V18.1462C-0.0185587 19.4054 0.431611 20.6267 1.26344 21.5722C2.09527 22.5177 3.24922 23.1198 4.50059 23.2612L6.69059 23.4862C13.2433 24.1612 19.8479 24.1612 26.4006 23.4862L28.5006 23.2612C29.752 23.1198 30.9059 22.5177 31.7377 21.5722C32.5696 20.6267 33.0197 19.4054 33.0006 18.1462V5.84622C33.0197 4.58703 32.5696 3.36578 31.7377 2.42027C30.9059 1.47475 29.752 0.872661 28.5006 0.731224ZM21.0006 12.9262L15.1656 16.8262C14.9985 16.918 14.8107 16.9658 14.6201 16.9651C14.4294 16.9644 14.242 16.9152 14.0756 16.8222C13.9091 16.7293 13.769 16.5955 13.6684 16.4335C13.5679 16.2715 13.5101 16.0867 13.5006 15.8962V8.09622C13.501 7.89217 13.5568 7.69205 13.6622 7.51731C13.7676 7.34256 13.9185 7.19977 14.0988 7.10422C14.2791 7.00868 14.482 6.96397 14.6858 6.97489C14.8896 6.98581 15.0865 7.05195 15.2556 7.16622L21.0906 11.0662C21.2453 11.1671 21.3725 11.3049 21.4605 11.4673C21.5485 11.6297 21.5946 11.8115 21.5946 11.9962C21.5946 12.1809 21.5485 12.3627 21.4605 12.5251C21.3725 12.6875 21.2453 12.8254 21.0906 12.9262H21.0006Z\"\n            fill=\"white\"\n          />\n        </svg>\n      )\n    default:\n      return null\n  }\n}\n\n/**\n * ShareModal \u5206\u4EAB\u5F39\u7A97\u7EC4\u4EF6\n */\nexport const ShareModal: React.FC<ShareModalProps> = ({\n  isOpen,\n  onClose,\n  title = 'Share to Get More Chances',\n  subtitle = 'Share to Play Again Keep Trying! You Could Still Win Big!',\n  note = 'Note: Maximum of 3 times per participant.',\n  platforms = DEFAULT_PLATFORMS,\n  onShareSuccess,\n  className,\n}) => {\n  const handlePlatformClick = (platformConfig: SharePlatformConfig) => {\n    if (platformConfig.disabled) return\n\n    // \u6267\u884C\u56DE\u8C03\n    platformConfig.onClick?.()\n\n    // \u5982\u679C\u63D0\u4F9B\u4E86 URL\uFF0C\u5219\u6253\u5F00\u65B0\u7A97\u53E3\n    if (platformConfig.url) {\n      window.open(platformConfig.url, '_blank', 'noopener,noreferrer')\n    }\n\n    // \u89E6\u53D1\u6210\u529F\u56DE\u8C03\n    onShareSuccess?.(platformConfig.platform)\n  }\n\n  return (\n    <BaseModal\n      isOpen={isOpen}\n      onClose={onClose}\n      maxWidth=\"max-w-[326px] laptop:max-w-[420px]\"\n      background=\"bg-white\"\n      className={className}\n      ariaLabelledBy=\"share-modal-title\"\n    >\n      <div className=\"laptop:px-8 laptop:pb-8 p-6 pt-0 text-center\">\n        {/* \u6807\u9898 */}\n        <Heading size={2} id=\"share-modal-title\" className=\"text-center tracking-[-0.32px] text-[#1D1D1F]\">\n          {title}\n        </Heading>\n\n        {/* \u526F\u6807\u9898 */}\n        {subtitle && <p className=\"laptop:text-[16px] text-center text-[14px] font-[700] text-[#1D1D1F]\">{subtitle}</p>}\n\n        {/* \u793E\u4EA4\u5E73\u53F0\u56FE\u6807\u7F51\u683C */}\n        <div className=\"mx-auto mt-8 flex max-w-[300px] flex-wrap items-center justify-center gap-4\">\n          {platforms.map(platformConfig => (\n            <button\n              key={platformConfig.platform}\n              onClick={() => handlePlatformClick(platformConfig)}\n              disabled={platformConfig.disabled}\n              className={cn(\n                'flex aspect-square size-[64px] items-center justify-center rounded-full bg-black text-white transition-all',\n                'hover:scale-110 hover:shadow-lg',\n                'focus:ring-brand-0 focus:outline-none focus:ring-2 focus:ring-offset-2',\n                'disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:scale-100'\n              )}\n              aria-label={`Share on ${platformConfig.name}`}\n            >\n              <SocialIcon platform={platformConfig.platform} />\n            </button>\n          ))}\n        </div>\n\n        {/* \u5E95\u90E8\u63D0\u793A */}\n        {note && <p className={cn('mt-8 text-[16px] font-[700] text-[#767880]', 'laptop:text-[16px]')}>{note}</p>}\n      </div>\n    </BaseModal>\n  )\n}\n\nexport default ShareModal\n"],
+  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GA4GU,IAAAK,EAAA,6BAjGVC,EAAkB,iBAClBC,EAAmB,kCACnBC,EAAwB,qCACxBC,EAA0B,0BA6E1B,MAAMC,EAA2C,CAC/C,CAAE,SAAU,WAAY,KAAM,UAAW,EACzC,CAAE,SAAU,UAAW,KAAM,aAAc,EAC3C,CAAE,SAAU,YAAa,KAAM,WAAY,EAC3C,CAAE,SAAU,WAAY,KAAM,UAAW,EACzC,CAAE,SAAU,SAAU,KAAM,QAAS,EACrC,CAAE,SAAU,UAAW,KAAM,SAAU,CACzC,EAGMC,EAAyE,CAAC,CAAE,SAAAC,EAAU,UAAAC,CAAU,IAAM,CAC1G,MAAMC,KAAY,MAAG,YAAaD,CAAS,EAE3C,OAAQD,EAAU,CAChB,IAAK,WACH,SACE,OAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,mBAAC,QACC,EAAE,gXACF,KAAK,QACP,EACF,EAEJ,IAAK,UACH,SACE,OAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,mBAAC,QACC,EAAE,iMACF,KAAK,QACP,EACF,EAEJ,IAAK,YACH,SACE,OAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,mBAAC,QACC,EAAE,43FACF,KAAK,QACP,EACF,EAEJ,IAAK,WACH,SACE,OAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,mBAAC,QACC,EAAE,iuBACF,KAAK,QACP,EACF,EAEJ,IAAK,SACH,SACE,OAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,mBAAC,QACC,EAAE,i7BACF,KAAK,QACP,EACF,EAEJ,IAAK,UACH,SACE,OAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,mBAAC,QACC,EAAE,qtCACF,KAAK,QACP,EACF,EAEJ,QACE,OAAO,IACX,CACF,EAKaV,EAAwC,CAAC,CACpD,OAAAa,EACA,QAAAC,EACA,MAAAC,EAAQ,4BACR,SAAAC,EAAW,4DACX,KAAAC,EAAO,4CACP,UAAAC,EAAYV,EACZ,eAAAW,EACA,UAAAR,CACF,IAAM,CACJ,MAAMS,EAAuBC,GAAwC,CAC/DA,EAAe,WAGnBA,EAAe,UAAU,EAGrBA,EAAe,KACjB,OAAO,KAAKA,EAAe,IAAK,SAAU,qBAAqB,EAIjEF,IAAiBE,EAAe,QAAQ,EAC1C,EAEA,SACE,OAAC,aACC,OAAQR,EACR,QAASC,EACT,SAAS,qCACT,WAAW,WACX,UAAWH,EACX,eAAe,oBAEf,oBAAC,OAAI,UAAU,+CAEb,oBAAC,WAAQ,KAAM,EAAG,GAAG,oBAAoB,UAAU,gDAChD,SAAAI,EACH,EAGCC,MAAY,OAAC,KAAE,UAAU,uEAAwE,SAAAA,EAAS,KAG3G,OAAC,OAAI,UAAU,8EACZ,SAAAE,EAAU,IAAIG,MACb,OAAC,UAEC,QAAS,IAAMD,EAAoBC,CAAc,EACjD,SAAUA,EAAe,SACzB,aAAW,MACT,6GACA,kCACA,yEACA,0EACF,EACA,aAAY,YAAYA,EAAe,IAAI,GAE3C,mBAACZ,EAAA,CAAW,SAAUY,EAAe,SAAU,GAX1CA,EAAe,QAYtB,CACD,EACH,EAGCJ,MAAQ,OAAC,KAAE,aAAW,MAAG,6CAA8C,oBAAoB,EAAI,SAAAA,EAAK,GACvG,EACF,CAEJ,EAEA,IAAOhB,EAAQD",
+  "names": ["ShareModal_exports", "__export", "ShareModal", "ShareModal_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_helpers", "import_components", "import_BaseModal", "DEFAULT_PLATFORMS", "SocialIcon", "platform", "className", "iconClass", "isOpen", "onClose", "title", "subtitle", "note", "platforms", "onShareSuccess", "handlePlatformClick", "platformConfig"]
+}

package/dist/cjs/biz-components/WheelLottery/Wheel.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Wheel - 转盘核心组件
+ *
+ * 基于 Figma 设计稿实现的大转盘抽奖组件核心部分。
+ * 包含 8 个奖品区块、GO 按钮和装饰元素,支持响应式布局。
+ *
+ * Figma 设计稿: https://www.figma.com/design/DhWsPamqTM76eMHS0aIQqw
+ * 设计节点: 498:10533
+ *
+ * @module Wheel
+ * @date 2025-12-17
+ */
+import React from 'react';
+import type { WheelProps } from './types.js';
+/**
+ * Wheel 转盘组件
+ *
+ * 根据 Figma 设计稿精确还原的转盘 UI,包含:
+ * - 圆形转盘容器,带边框和背景
+ * - 8 个放射状排列的奖品区块
+ * - 中心 GO 按钮,带渐变和阴影效果
+ * - 顶部指针装饰元素
+ * - 响应式尺寸适配 5 个断点
+ * - tablet/mobile 使用 CSS clip-path 仅显示上半部分
+ */
+export declare const Wheel: React.FC<WheelProps>;
+export default Wheel;

package/dist/cjs/biz-components/WheelLottery/Wheel.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var v=Object.create;var r=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var y=(e,t)=>{for(var a in t)r(e,a,{get:t[a],enumerable:!0})},d=(e,t,a,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of E(t))!N.call(e,i)&&i!==a&&r(e,i,{get:()=>t[i],enumerable:!(p=P(t,i))||p.enumerable});return e};var I=(e,t,a)=>(a=e!=null?v(h(e)):{},d(t||!e||!e.__esModule?r(a,"default",{value:e,enumerable:!0}):a,e)),L=e=>d(r({},"__esModule",{value:!0}),e);var W={};y(W,{Wheel:()=>x,default:()=>R});module.exports=L(W);var l=require("react/jsx-runtime"),$=require("react"),o=require("../../helpers/index.js"),s=require("./types.js"),n=I(require("../../components/picture.js"));const x=({prizes:e,rotation:t,isSpinning:a,isFinished:p=!1,isButtonDisabled:i,onGoClick:m,wheelBackgroundImage:u,pointerImage:f,userData:g,className:b})=>{if(!e||e.length===0)return null;const _=e.length===6?s.DEFAULT_WHEEL_BG_6_PRIZES:s.DEFAULT_WHEEL_BG_8_PRIZES,z=u||_,k=f||(g?.isLoggedIn?s.DEFAULT_POINTER_IMAGE:s.DEFAULT_POINTER_DISABLE_IMAGE);return(0,l.jsx)("div",{className:(0,o.cn)("wheel-wrapper","mx-auto flex items-center justify-center","aspect-w-[1] aspect-h-[1]","l-tablet:size-[340px]",b),children:(0,l.jsxs)("div",{className:(0,o.cn)("wheel-container","mx-auto","size-[340px]","lg-desktop:size-[85%] desktop:size-[85%] laptop:size-[90%]"),children:[(0,l.jsx)("div",{className:(0,o.cn)("wheel-disc","absolute inset-0","rounded-full","bg-cover bg-center bg-no-repeat","shadow-[0px_2px_8px_rgba(0,0,0,0.12)]",{"animate-[spin_0.5s_linear_infinite]":a&&!p,"animate-[spin_120s_linear_infinite]":!a&&!p,"transition-none":p}),style:{transform:p?`rotate(${t}deg)`:void 0,backgroundImage:`url('${z}')`},role:"img","aria-label":"\u5927\u8F6C\u76D8",children:e.map((c,w)=>(0,l.jsx)(A,{prize:c,index:w,totalPrizes:e.length},c.prizeKey))}),(0,l.jsxs)("div",{className:(0,o.cn)("wheel-pointer-wrapper","absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2","z-10","h-auto w-[72px]","laptop:w-[86px]","desktop:w-[115px]","lg-desktop:w-[144px]"),children:[(0,l.jsx)(n.default,{source:k,alt:"\u8F6C\u76D8\u6307\u9488",className:"size-full object-contain"}),(0,l.jsx)("button",{onClick:m,disabled:i,className:(0,o.cn)("absolute","bottom-[8%] left-1/2 -translate-x-1/2","size-[72px]","laptop:size-[86px]","desktop:size-[115px]","lg-desktop:size-[144px]","rounded-full","cursor-pointer","transition-transform hover:scale-105 active:scale-95","disabled:cursor-not-allowed disabled:opacity-50"),"aria-label":"\u5F00\u59CB\u62BD\u5956","aria-live":"polite"})]})]})})},A=({prize:e,index:t,totalPrizes:a})=>{const p=360/a*t;return(0,l.jsx)("div",{className:(0,o.cn)("prize-slice","absolute left-0 top-0 size-full","flex items-start justify-center","origin-center"),style:{transform:`rotate(${p}deg)`},children:(0,l.jsxs)("div",{className:(0,o.cn)("prize-content","flex flex-col items-center gap-[6px]","pt-[44px]","laptop:pt-[62px]","desktop:pt-[82px]","lg-desktop:pt-[104px]"),children:[(0,l.jsx)("p",{className:(0,o.cn)("prize-name","text-[12px]","laptop:text-[14px]","laptop-md:text-[16px]","desktop:text-[16px]","lg-desktop:text-[18px]","line-clamp-2 text-center font-semibold leading-[1.2] text-[#080a0f]","w-[80px]","laptop:w-[60px]","laptop-md:w-[100px]","desktop:w-[100px]","lg-desktop:w-[140px]"),children:e.name}),(0,l.jsx)(n.default,{source:e.image.url,alt:e.image.alt||`\u5956\u54C1:${e.name}${e.rank?`,\u6392\u540D ${e.rank}`:""}`,className:(0,o.cn)("prize-image","size-[45px]","laptop-md:size-[64px]","laptop:size-[64px]","desktop:size-[86px]","lg-desktop:size-[108px]","rounded-lg object-cover")})]})})};var R=x;
+//# sourceMappingURL=Wheel.js.map