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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/WheelLottery/Wheel.tsx"],
+  "sourcesContent": ["/**\n * Wheel - \u8F6C\u76D8\u6838\u5FC3\u7EC4\u4EF6\n *\n * \u57FA\u4E8E Figma \u8BBE\u8BA1\u7A3F\u5B9E\u73B0\u7684\u5927\u8F6C\u76D8\u62BD\u5956\u7EC4\u4EF6\u6838\u5FC3\u90E8\u5206\u3002\n * \u5305\u542B 8 \u4E2A\u5956\u54C1\u533A\u5757\u3001GO \u6309\u94AE\u548C\u88C5\u9970\u5143\u7D20,\u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002\n *\n * Figma \u8BBE\u8BA1\u7A3F: https://www.figma.com/design/DhWsPamqTM76eMHS0aIQqw\n * \u8BBE\u8BA1\u8282\u70B9: 498:10533\n *\n * @module Wheel\n * @date 2025-12-17\n */\n\n'use client'\n\nimport React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport type { Prize, WheelProps } from './types.js'\nimport {\n  DEFAULT_POINTER_IMAGE,\n  DEFAULT_POINTER_DISABLE_IMAGE,\n  DEFAULT_WHEEL_BG_6_PRIZES,\n  DEFAULT_WHEEL_BG_8_PRIZES,\n} from './types.js'\nimport Picture from '../../components/picture.js'\n\n// ============================================================================\n// Wheel \u7EC4\u4EF6\n// ============================================================================\n\n/**\n * Wheel \u8F6C\u76D8\u7EC4\u4EF6\n *\n * \u6839\u636E Figma \u8BBE\u8BA1\u7A3F\u7CBE\u786E\u8FD8\u539F\u7684\u8F6C\u76D8 UI,\u5305\u542B:\n * - \u5706\u5F62\u8F6C\u76D8\u5BB9\u5668,\u5E26\u8FB9\u6846\u548C\u80CC\u666F\n * - 8 \u4E2A\u653E\u5C04\u72B6\u6392\u5217\u7684\u5956\u54C1\u533A\u5757\n * - \u4E2D\u5FC3 GO \u6309\u94AE,\u5E26\u6E10\u53D8\u548C\u9634\u5F71\u6548\u679C\n * - \u9876\u90E8\u6307\u9488\u88C5\u9970\u5143\u7D20\n * - \u54CD\u5E94\u5F0F\u5C3A\u5BF8\u9002\u914D 5 \u4E2A\u65AD\u70B9\n * - tablet/mobile \u4F7F\u7528 CSS clip-path \u4EC5\u663E\u793A\u4E0A\u534A\u90E8\u5206\n */\nexport const Wheel: React.FC<WheelProps> = ({\n  prizes,\n  rotation,\n  isSpinning,\n  isFinished = false,\n  isButtonDisabled,\n  onGoClick,\n  wheelBackgroundImage,\n  pointerImage,\n  userData,\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  // \u6839\u636E\u5956\u54C1\u6570\u91CF\u81EA\u52A8\u9009\u62E9\u9ED8\u8BA4\u5E95\u56FE\n  const defaultWheelBg = prizes.length === 6 ? DEFAULT_WHEEL_BG_6_PRIZES : DEFAULT_WHEEL_BG_8_PRIZES\n  const finalWheelBg = wheelBackgroundImage || defaultWheelBg\n  const finalPointerImage =\n    pointerImage || (userData?.isLoggedIn ? DEFAULT_POINTER_IMAGE : DEFAULT_POINTER_DISABLE_IMAGE)\n\n  return (\n    <div\n      className={cn(\n        'wheel-wrapper',\n        'mx-auto flex items-center justify-center',\n        'aspect-w-[1] aspect-h-[1]',\n        'l-tablet:size-[340px]',\n        className\n      )}\n    >\n      {/* ===================================================================\n           \u8F6C\u76D8\u5BB9\u5668 - \u54CD\u5E94\u5F0F\u5C3A\u5BF8 + clip-path \u88C1\u526A\n          =================================================================== */}\n      <div\n        className={cn(\n          'wheel-container',\n          // \u54CD\u5E94\u5F0F\u5C3A\u5BF8(\u57FA\u4E8E Figma \u8BBE\u8BA1\u7A3F,\n          'mx-auto',\n          'size-[340px]', // mobile/tablet (default, <768px)\n          'lg-desktop:size-[85%] desktop:size-[85%] laptop:size-[90%]' // lg-desktop (\u22651921px) - Figma: 800\u00D7800\n        )}\n      >\n        {/* =================================================================\n             \u8F6C\u76D8\u4E3B\u4F53 - \u5E94\u7528\u65CB\u8F6C\u52A8\u753B + \u80CC\u666F\u56FE\u7247\n            ================================================================= */}\n        <div\n          className={cn(\n            'wheel-disc',\n            'absolute inset-0',\n            'rounded-full',\n            'bg-cover bg-center bg-no-repeat',\n            'shadow-[0px_2px_8px_rgba(0,0,0,0.12)]',\n            {\n              // \u62BD\u5956\u4E2D: \u4F7F\u7528\u5FEB\u901F\u65CB\u8F6C\u52A8\u753B\uFF080.5\u79D21\u5708\uFF09\n              'animate-[spin_0.5s_linear_infinite]': isSpinning && !isFinished,\n              // \u672A\u62BD\u5956\u72B6\u6001: \u5E94\u7528\u6162\u901F\u5FAA\u73AF\u65CB\u8F6C\uFF08120\u79D21\u5708\uFF09\n              'animate-[spin_120s_linear_infinite]': !isSpinning && !isFinished,\n              // \u51CF\u901F\u52A8\u753B\u671F\u95F4: \u79FB\u9664 transition\uFF0C\u4F7F\u7528 requestAnimationFrame \u63A7\u5236\n              'transition-none': isFinished,\n            }\n          )}\n          style={{\n            transform: isFinished ? `rotate(${rotation}deg)` : undefined,\n            backgroundImage: `url('${finalWheelBg}')`,\n          }}\n          role=\"img\"\n          aria-label=\"\u5927\u8F6C\u76D8\"\n        >\n          {/* 8 \u4E2A\u5956\u54C1\u533A\u5757 */}\n          {prizes.map((prize, index) => (\n            <PrizeSlice key={prize.prizeKey} prize={prize} index={index} totalPrizes={prizes.length} />\n          ))}\n        </div>\n\n        {/* =================================================================\n             \u6307\u9488\u56FE\u7247 - \u5305\u542B GO \u6309\u94AE\u7684\u5B8C\u6574\u6307\u9488\u56FE\n             \u56FE\u7247\u5DF2\u5305\u542B GO \u6309\u94AE\u6837\u5F0F\uFF0C\u4EE3\u7801\u53EA\u8D1F\u8D23\u5B9A\u4F4D\u548C\u4EA4\u4E92\n            ================================================================= */}\n        <div\n          className={cn(\n            'wheel-pointer-wrapper',\n            'absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2',\n            'z-10',\n            // \u54CD\u5E94\u5F0F\u5C3A\u5BF8 - \u6839\u636E\u539F\u56FE 352\u00D7392 \u6BD4\u4F8B\n            'h-auto w-[72px]', // mobile/tablet (\u539F\u56FE\u7F29\u5C0F2\u500D)\n            'laptop:w-[86px]', // laptop\n            'desktop:w-[115px]', // desktop\n            'lg-desktop:w-[144px]' // lg-desktop (\u539F\u56FE\u5C3A\u5BF8)\n          )}\n        >\n          <Picture source={finalPointerImage} alt=\"\u8F6C\u76D8\u6307\u9488\" className=\"size-full object-contain\" />\n\n          {/* \u900F\u660E\u7684\u53EF\u70B9\u51FB\u6309\u94AE\u533A\u57DF - \u8986\u76D6\u5728\u6307\u9488\u56FE\u7684 GO \u6309\u94AE\u4F4D\u7F6E */}\n          <button\n            onClick={onGoClick}\n            disabled={isButtonDisabled}\n            className={cn(\n              'absolute',\n              // GO \u6309\u94AE\u5728\u6307\u9488\u56FE\u4E2D\u7684\u4F4D\u7F6E (\u5927\u7EA6\u5728\u5E95\u90E8\u4E2D\u5FC3)\n              'bottom-[8%] left-1/2 -translate-x-1/2',\n              // \u54CD\u5E94\u5F0F\u5C3A\u5BF8 - \u5339\u914D\u6307\u9488\u56FE\u4E2D\u7684 GO \u6309\u94AE\u5927\u5C0F\n              'size-[72px]', // mobile/tablet\n              'laptop:size-[86px]', // laptop\n              'desktop:size-[115px]', // desktop\n              'lg-desktop:size-[144px]', // lg-desktop\n              'rounded-full',\n              'cursor-pointer',\n              'transition-transform hover:scale-105 active:scale-95',\n              'disabled:cursor-not-allowed disabled:opacity-50'\n            )}\n            aria-label=\"\u5F00\u59CB\u62BD\u5956\"\n            aria-live=\"polite\"\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n\n// ============================================================================\n// PrizeSlice \u5B50\u7EC4\u4EF6 - \u5355\u4E2A\u5956\u54C1\u533A\u5757\n// ============================================================================\n\ninterface PrizeSliceProps {\n  prize: Prize\n  index: number\n  totalPrizes: number\n}\n\n/**\n * PrizeSlice - \u5355\u4E2A\u5956\u54C1\u533A\u5757\n *\n * \u653E\u5C04\u72B6\u6392\u5217\u5728\u8F6C\u76D8\u4E0A,\u5305\u542B\u5956\u54C1\u56FE\u7247\u548C\u540D\u79F0\u3002\n * \u4F7F\u7528 transform rotate \u5B9E\u73B0\u653E\u5C04\u72B6\u5E03\u5C40,\u5185\u5BB9\u53CD\u5411\u65CB\u8F6C\u4FDD\u6301\u53EF\u8BFB\u3002\n */\nconst PrizeSlice: React.FC<PrizeSliceProps> = ({ prize, index, totalPrizes }) => {\n  // \u8BA1\u7B97\u5F53\u524D\u5956\u54C1\u7684\u65CB\u8F6C\u89D2\u5EA6\n  const angle = (360 / totalPrizes) * index\n\n  return (\n    <div\n      className={cn(\n        'prize-slice',\n        'absolute left-0 top-0 size-full',\n        'flex items-start justify-center',\n        'origin-center'\n      )}\n      style={{\n        transform: `rotate(${angle}deg)`,\n      }}\n    >\n      {/* \u5956\u54C1\u5185\u5BB9\u5BB9\u5668 - \u53CD\u5411\u65CB\u8F6C\u4EE5\u4FDD\u6301\u5185\u5BB9\u76F4\u7ACB */}\n      <div\n        className={cn(\n          'prize-content',\n          'flex flex-col items-center gap-[6px]',\n          'pt-[44px]', // \u8DDD\u79BB\u5706\u5FC3\u7684\u8DDD\u79BB mobile/tablet\n          'laptop:pt-[62px]', // laptop\n          'desktop:pt-[82px]', // desktop\n          'lg-desktop:pt-[104px]' // lg-desktop: \u66F4\u9760\u8FD1\u8FB9\u7F18\n        )}\n      >\n        {/* \u5956\u54C1\u540D\u79F0 */}\n        <p\n          className={cn(\n            'prize-name',\n            'text-[12px]',\n            'laptop:text-[14px]',\n            'laptop-md:text-[16px]',\n            'desktop:text-[16px]',\n            'lg-desktop:text-[18px]',\n            'line-clamp-2 text-center font-semibold leading-[1.2] text-[#080a0f]',\n            'w-[80px]',\n            'laptop:w-[60px]',\n            'laptop-md:w-[100px]',\n            'desktop:w-[100px]',\n            'lg-desktop:w-[140px]'\n          )}\n        >\n          {prize.name}\n        </p>\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-image',\n            'size-[45px]', // mobile/tablet\n            'laptop-md:size-[64px]', // laptop\n            'laptop:size-[64px]', // laptop\n            'desktop:size-[86px]', // desktop\n            'lg-desktop:size-[108px]', // lg-desktop\n            'rounded-lg object-cover'\n          )}\n        />\n      </div>\n    </div>\n  )\n}\n\n// ============================================================================\n// \u9ED8\u8BA4\u5BFC\u51FA\n// ============================================================================\n\nexport default Wheel\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAkHY,IAAAK,EAAA,6BAnGZC,EAAkB,iBAClBC,EAAmB,kCAEnBC,EAKO,sBACPC,EAAoB,0CAiBb,MAAMP,EAA8B,CAAC,CAC1C,OAAAQ,EACA,SAAAC,EACA,WAAAC,EACA,WAAAC,EAAa,GACb,iBAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,aAAAC,EACA,SAAAC,EACA,UAAAC,CACF,IAAM,CAEJ,GAAI,CAACT,GAAUA,EAAO,SAAW,EAC/B,OAAO,KAIT,MAAMU,EAAiBV,EAAO,SAAW,EAAI,4BAA4B,4BACnEW,EAAeL,GAAwBI,EACvCE,EACJL,IAAiBC,GAAU,WAAa,wBAAwB,iCAElE,SACE,OAAC,OACC,aAAW,MACT,gBACA,2CACA,4BACA,wBACAC,CACF,EAKA,oBAAC,OACC,aAAW,MACT,kBAEA,UACA,eACA,4DACF,EAKA,oBAAC,OACC,aAAW,MACT,aACA,mBACA,eACA,kCACA,wCACA,CAEE,sCAAuCP,GAAc,CAACC,EAEtD,sCAAuC,CAACD,GAAc,CAACC,EAEvD,kBAAmBA,CACrB,CACF,EACA,MAAO,CACL,UAAWA,EAAa,UAAUF,CAAQ,OAAS,OACnD,gBAAiB,QAAQU,CAAY,IACvC,EACA,KAAK,MACL,aAAW,qBAGV,SAAAX,EAAO,IAAI,CAACa,EAAOC,OAClB,OAACC,EAAA,CAAgC,MAAOF,EAAO,MAAOC,EAAO,YAAad,EAAO,QAAhEa,EAAM,QAAkE,CAC1F,EACH,KAMA,QAAC,OACC,aAAW,MACT,wBACA,8DACA,OAEA,kBACA,kBACA,oBACA,sBACF,EAEA,oBAAC,EAAAG,QAAA,CAAQ,OAAQJ,EAAmB,IAAI,2BAAO,UAAU,2BAA2B,KAGpF,OAAC,UACC,QAASP,EACT,SAAUD,EACV,aAAW,MACT,WAEA,wCAEA,cACA,qBACA,uBACA,0BACA,eACA,iBACA,uDACA,iDACF,EACA,aAAW,2BACX,YAAU,SACZ,GACF,GACF,EACF,CAEJ,EAkBMW,EAAwC,CAAC,CAAE,MAAAF,EAAO,MAAAC,EAAO,YAAAG,CAAY,IAAM,CAE/E,MAAMC,EAAS,IAAMD,EAAeH,EAEpC,SACE,OAAC,OACC,aAAW,MACT,cACA,kCACA,kCACA,eACF,EACA,MAAO,CACL,UAAW,UAAUI,CAAK,MAC5B,EAGA,oBAAC,OACC,aAAW,MACT,gBACA,uCACA,YACA,mBACA,oBACA,uBACF,EAGA,oBAAC,KACC,aAAW,MACT,aACA,cACA,qBACA,wBACA,sBACA,yBACA,sEACA,WACA,kBACA,sBACA,oBACA,sBACF,EAEC,SAAAL,EAAM,KACT,KAEA,OAAC,EAAAG,QAAA,CACC,OAAQH,EAAM,MAAM,IACpB,IAAKA,EAAM,MAAM,KAAO,gBAAMA,EAAM,IAAI,GAAGA,EAAM,KAAO,iBAAOA,EAAM,IAAI,GAAK,EAAE,GAChF,aAAW,MACT,cACA,cACA,wBACA,qBACA,sBACA,0BACA,yBACF,EACF,GACF,EACF,CAEJ,EAMA,IAAOpB,EAAQD",
+  "names": ["Wheel_exports", "__export", "Wheel", "Wheel_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_helpers", "import_types", "import_picture", "prizes", "rotation", "isSpinning", "isFinished", "isButtonDisabled", "onGoClick", "wheelBackgroundImage", "pointerImage", "userData", "className", "defaultWheelBg", "finalWheelBg", "finalPointerImage", "prize", "index", "PrizeSlice", "Picture", "totalPrizes", "angle"]
+}

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

@@ -0,0 +1,25 @@
+/**
+ * WinnerModal - 中奖弹窗组件
+ *
+ * 基于截图设计实现的中奖结果展示弹窗。
+ * 包含标题、奖品信息、优惠码和确认按钮。
+ *
+ * @module WinnerModal
+ * @date 2025-12-24
+ */
+import type { WinnerModalProps } from './types.js';
+/**
+ * WinnerModal 中奖弹窗组件
+ *
+ * 根据设计稿实现的中奖结果展示弹窗,包含:
+ * - 半透明遮罩层
+ * - 白色圆角卡片容器
+ * - 标题 "You Have Won"
+ * - 奖品名称
+ * - 优惠券图片（20% Off）
+ * - 优惠码和过期时间
+ * - 确认按钮
+ * - 右上角关闭按钮
+ */
+export declare const WinnerModal: ({ isOpen, prize, title, prizeTitle, prizeImage, prizeDescription, learnMoreUrl, learnMoreText, onClose, confirmText, onConfirm, className, couponCode, couponDiscount, couponUnit, expiresAt, codeText, copyText, copiedText, onCopyCode, }: WinnerModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export default WinnerModal;

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

@@ -0,0 +1,2 @@
+"use strict";"use client";var L=Object.create;var o=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var F=(a,e)=>{for(var l in e)o(a,l,{get:e[l],enumerable:!0})},w=(a,e,l,m)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Y(e))!D.call(a,n)&&n!==l&&o(a,n,{get:()=>e[n],enumerable:!(m=S(e,n))||m.enumerable});return a};var G=(a,e,l)=>(l=a!=null?L(j(a)):{},w(e||!a||!a.__esModule?o(l,"default",{value:a,enumerable:!0}):l,a)),I=a=>w(o({},"__esModule",{value:!0}),a);var _={};F(_,{WinnerModal:()=>y,default:()=>J});module.exports=I(_);var t=require("react/jsx-runtime"),p=G(require("react")),s=require("../../helpers/index.js"),r=require("../../components/index.js"),h=require("./BaseModal.js");const y=({isOpen:a,prize:e,title:l="You Have Won",prizeTitle:m,prizeImage:n,prizeDescription:f,learnMoreUrl:d,learnMoreText:W="Learn More",onClose:u,confirmText:k="Okay, Got It",onConfirm:B,className:M,couponCode:i,couponDiscount:c,couponUnit:O="Off",expiresAt:N,codeText:P="CODE:",copyText:T="COPY",copiedText:C="COPIED",onCopyCode:v})=>{const[E,b]=p.default.useState(!1),x=p.default.useRef(null);p.default.useEffect(()=>()=>{x.current&&clearTimeout(x.current)},[]);const H=g=>{x.current&&clearTimeout(x.current),navigator.clipboard.writeText(g),v&&v?.(g),b(!0),x.current=setTimeout(()=>{b(!1)},3e3)};if(!a||!e)return null;const R=()=>{B?.(),u()};return(0,t.jsxs)(h.BaseModal,{isOpen:a,onClose:u,className:M,maxWidth:"max-w-[326px] laptop:max-w-[420px]",ariaLabelledBy:"winner-modal-title",children:[(0,t.jsxs)("div",{className:"flex flex-col items-center px-4",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)(r.Heading,{size:2,className:(0,s.cn)("mb-1 text-center tracking-[-0.32px]"),children:l}),(0,t.jsx)("p",{className:"laptop:text-[16px] text-center text-[14px] font-[700] text-[#1D1D1F]",children:m||e.name}),d&&(0,t.jsx)("div",{className:"laptop:mt-4 mt-3 text-center",children:(0,t.jsx)("a",{href:d,target:"_blank",rel:"noopener noreferrer",className:(0,s.cn)("laptop:text-[14px] text-center text-[12px]","text-blue-600 hover:text-blue-700","font-medium underline","transition-colors"),children:W})})]}),(0,t.jsx)("div",{className:(0,s.cn)("mx-auto my-4 flex items-center justify-center","laptop:size-[200px] size-[160px]"),children:(n||e.image)&&(0,t.jsx)(r.Picture,{source:n||e?.image?.url,alt:e?.image?.alt||m||e?.name,className:(0,s.cn)("h-auto w-full")})}),(c||i)&&(0,t.jsxs)("div",{className:"mb-1 flex w-full flex-col items-center",children:[c&&(0,t.jsxs)("span",{className:"text-brand-0 mb-1 text-[16px] font-bold",children:[c," ",O]}),i&&(0,t.jsxs)("div",{className:"laptop:text-[16px] text-brand-0 flex items-center gap-2 text-center text-[14px] font-bold",children:[(0,t.jsxs)("span",{className:"max-w-[300px] truncate",children:[P,i]}),(0,t.jsx)("button",{onClick:()=>H(i),className:"underline",style:{minWidth:60},children:E?C:T})]}),N&&(0,t.jsxs)("span",{className:"mt-1 text-[12px] text-[#767880]",children:["\u6709\u6548\u671F\u81F3\uFF1A",N]})]}),f&&(0,t.jsx)("p",{className:(0,s.cn)("laptop:text-[16px] px-4 text-center text-[14px] font-[700] text-[#767880]"),children:f})]}),(0,t.jsx)("div",{className:"laptop:p-6 p-4",children:(0,t.jsx)(r.Button,{onClick:R,className:(0,s.cn)("w-full"),children:k})})]})};var J=y;
+//# sourceMappingURL=WinnerModal.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/WheelLottery/WinnerModal.tsx"],
+  "sourcesContent": ["/**\n * WinnerModal - \u4E2D\u5956\u5F39\u7A97\u7EC4\u4EF6\n *\n * \u57FA\u4E8E\u622A\u56FE\u8BBE\u8BA1\u5B9E\u73B0\u7684\u4E2D\u5956\u7ED3\u679C\u5C55\u793A\u5F39\u7A97\u3002\n * \u5305\u542B\u6807\u9898\u3001\u5956\u54C1\u4FE1\u606F\u3001\u4F18\u60E0\u7801\u548C\u786E\u8BA4\u6309\u94AE\u3002\n *\n * @module WinnerModal\n * @date 2025-12-24\n */\n\n'use client'\n\nimport React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport type { WinnerModalProps } from './types.js'\nimport { Picture, Heading, Button } from '../../components/index.js'\nimport { BaseModal } from './BaseModal.js'\n\n// ============================================================================\n// WinnerModal \u7EC4\u4EF6\n// ============================================================================\n\n/**\n * WinnerModal \u4E2D\u5956\u5F39\u7A97\u7EC4\u4EF6\n *\n * \u6839\u636E\u8BBE\u8BA1\u7A3F\u5B9E\u73B0\u7684\u4E2D\u5956\u7ED3\u679C\u5C55\u793A\u5F39\u7A97,\u5305\u542B:\n * - \u534A\u900F\u660E\u906E\u7F69\u5C42\n * - \u767D\u8272\u5706\u89D2\u5361\u7247\u5BB9\u5668\n * - \u6807\u9898 \"You Have Won\"\n * - \u5956\u54C1\u540D\u79F0\n * - \u4F18\u60E0\u5238\u56FE\u7247\uFF0820% Off\uFF09\n * - \u4F18\u60E0\u7801\u548C\u8FC7\u671F\u65F6\u95F4\n * - \u786E\u8BA4\u6309\u94AE\n * - \u53F3\u4E0A\u89D2\u5173\u95ED\u6309\u94AE\n */\nexport const WinnerModal = ({\n  isOpen,\n  prize,\n  title = 'You Have Won',\n  prizeTitle,\n  prizeImage,\n  prizeDescription,\n  learnMoreUrl,\n  learnMoreText = 'Learn More',\n  onClose,\n  confirmText = 'Okay, Got It',\n  onConfirm,\n  className,\n  couponCode,\n  couponDiscount,\n  couponUnit = 'Off',\n  expiresAt,\n  codeText = 'CODE:',\n  copyText = 'COPY',\n  copiedText = 'COPIED',\n  onCopyCode,\n}: WinnerModalProps) => {\n  // \u590D\u5236\u72B6\u6001\n  const [copied, setCopied] = React.useState(false)\n  const timerRef = React.useRef<NodeJS.Timeout | null>(null)\n\n  React.useEffect(() => {\n    return () => {\n      if (timerRef.current) clearTimeout(timerRef.current)\n    }\n  }, [])\n\n  // \u590D\u5236\u64CD\u4F5C\n  const handleCopy = (code: string) => {\n    if (timerRef.current) clearTimeout(timerRef.current)\n\n    navigator.clipboard.writeText(code)\n    if (onCopyCode) onCopyCode?.(code)\n    setCopied(true)\n    timerRef.current = setTimeout(() => {\n      setCopied(false)\n    }, 3000)\n  }\n\n  // \u4E0D\u663E\u793A\u5F39\u7A97\u6216\u65E0\u5956\u54C1\u6570\u636E\u65F6\u8FD4\u56DE null\n  if (!isOpen || !prize) {\n    return null\n  }\n\n  // \u786E\u8BA4\u6309\u94AE\u70B9\u51FB\u5904\u7406\n  const handleConfirm = () => {\n    onConfirm?.()\n    onClose()\n  }\n\n  return (\n    <BaseModal\n      isOpen={isOpen}\n      onClose={onClose}\n      className={className}\n      maxWidth=\"max-w-[326px] laptop:max-w-[420px]\"\n      ariaLabelledBy=\"winner-modal-title\"\n    >\n      <div className=\"flex flex-col items-center px-4\">\n        {/* =================================================================\n           \u5F39\u7A97\u6807\u9898\n          ================================================================= */}\n        <div>\n          <Heading size={2} className={cn('mb-1 text-center tracking-[-0.32px]')}>\n            {title}\n          </Heading>\n\n          <p className=\"laptop:text-[16px] text-center text-[14px] font-[700] text-[#1D1D1F]\">\n            {prizeTitle || prize.name}\n          </p>\n\n          {/* =================================================================\n           Learn More \u6309\u94AE\n          ================================================================= */}\n          {learnMoreUrl && (\n            <div className=\"laptop:mt-4 mt-3 text-center\">\n              <a\n                href={learnMoreUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className={cn(\n                  'laptop:text-[14px] text-center text-[12px]',\n                  'text-blue-600 hover:text-blue-700',\n                  'font-medium underline',\n                  'transition-colors'\n                )}\n              >\n                {learnMoreText}\n              </a>\n            </div>\n          )}\n        </div>\n\n        {/* =================================================================\n           \u5956\u54C1\u56FE\u7247\n          ================================================================= */}\n\n        <div className={cn('mx-auto my-4 flex items-center justify-center', 'laptop:size-[200px] size-[160px]')}>\n          {(prizeImage || prize.image) && (\n            <Picture\n              source={prizeImage || prize?.image?.url}\n              alt={prize?.image?.alt || prizeTitle || prize?.name}\n              className={cn('h-auto w-full')}\n            />\n          )}\n        </div>\n\n        {/* =================================================================\n           \u6298\u6263\u548C\u4F18\u60E0\u7801\u590D\u5236\n          ================================================================= */}\n        {(couponDiscount || couponCode) && (\n          <div className=\"mb-1 flex w-full flex-col items-center\">\n            {couponDiscount && (\n              <span className=\"text-brand-0 mb-1 text-[16px] font-bold\">\n                {couponDiscount} {couponUnit}\n              </span>\n            )}\n            {couponCode && (\n              <div className=\"laptop:text-[16px] text-brand-0 flex items-center gap-2 text-center text-[14px] font-bold\">\n                <span className=\"max-w-[300px] truncate\">\n                  {codeText}\n                  {couponCode}\n                </span>\n                <button onClick={() => handleCopy(couponCode!)} className=\"underline\" style={{ minWidth: 60 }}>\n                  {copied ? copiedText : copyText}\n                </button>\n              </div>\n            )}\n            {expiresAt && <span className=\"mt-1 text-[12px] text-[#767880]\">\u6709\u6548\u671F\u81F3\uFF1A{expiresAt}</span>}\n          </div>\n        )}\n\n        {/* =================================================================\n           \u5956\u54C1\u8BE6\u60C5\u63CF\u8FF0\n          ================================================================= */}\n        {prizeDescription && (\n          <p className={cn('laptop:text-[16px] px-4 text-center text-[14px] font-[700] text-[#767880]')}>\n            {prizeDescription}\n          </p>\n        )}\n      </div>\n\n      {/* =================================================================\n           \u786E\u8BA4\u6309\u94AE\n          ================================================================= */}\n      <div className=\"laptop:p-6 p-4\">\n        <Button onClick={handleConfirm} className={cn('w-full')}>\n          {confirmText}\n        </Button>\n      </div>\n    </BaseModal>\n  )\n}\n\n// ============================================================================\n// \u9ED8\u8BA4\u5BFC\u51FA\n// ============================================================================\n\nexport default WinnerModal\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAsGQ,IAAAK,EAAA,6BA1FRC,EAAkB,oBAClBC,EAAmB,kCAEnBC,EAAyC,qCACzCC,EAA0B,0BAmBnB,MAAMP,EAAc,CAAC,CAC1B,OAAAQ,EACA,MAAAC,EACA,MAAAC,EAAQ,eACR,WAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,cAAAC,EAAgB,aAChB,QAAAC,EACA,YAAAC,EAAc,eACd,UAAAC,EACA,UAAAC,EACA,WAAAC,EACA,eAAAC,EACA,WAAAC,EAAa,MACb,UAAAC,EACA,SAAAC,EAAW,QACX,SAAAC,EAAW,OACX,WAAAC,EAAa,SACb,WAAAC,CACF,IAAwB,CAEtB,KAAM,CAACC,EAAQC,CAAS,EAAI,EAAAC,QAAM,SAAS,EAAK,EAC1CC,EAAW,EAAAD,QAAM,OAA8B,IAAI,EAEzD,EAAAA,QAAM,UAAU,IACP,IAAM,CACPC,EAAS,SAAS,aAAaA,EAAS,OAAO,CACrD,EACC,CAAC,CAAC,EAGL,MAAMC,EAAcC,GAAiB,CAC/BF,EAAS,SAAS,aAAaA,EAAS,OAAO,EAEnD,UAAU,UAAU,UAAUE,CAAI,EAC9BN,GAAYA,IAAaM,CAAI,EACjCJ,EAAU,EAAI,EACdE,EAAS,QAAU,WAAW,IAAM,CAClCF,EAAU,EAAK,CACjB,EAAG,GAAI,CACT,EAGA,GAAI,CAACrB,GAAU,CAACC,EACd,OAAO,KAIT,MAAMyB,EAAgB,IAAM,CAC1BhB,IAAY,EACZF,EAAQ,CACV,EAEA,SACE,QAAC,aACC,OAAQR,EACR,QAASQ,EACT,UAAWG,EACX,SAAS,qCACT,eAAe,qBAEf,qBAAC,OAAI,UAAU,kCAIb,qBAAC,OACC,oBAAC,WAAQ,KAAM,EAAG,aAAW,MAAG,qCAAqC,EAClE,SAAAT,EACH,KAEA,OAAC,KAAE,UAAU,uEACV,SAAAC,GAAcF,EAAM,KACvB,EAKCK,MACC,OAAC,OAAI,UAAU,+BACb,mBAAC,KACC,KAAMA,EACN,OAAO,SACP,IAAI,sBACJ,aAAW,MACT,6CACA,oCACA,wBACA,mBACF,EAEC,SAAAC,EACH,EACF,GAEJ,KAMA,OAAC,OAAI,aAAW,MAAG,gDAAiD,kCAAkC,EAClG,UAAAH,GAAcH,EAAM,WACpB,OAAC,WACC,OAAQG,GAAcH,GAAO,OAAO,IACpC,IAAKA,GAAO,OAAO,KAAOE,GAAcF,GAAO,KAC/C,aAAW,MAAG,eAAe,EAC/B,EAEJ,GAKEY,GAAkBD,OAClB,QAAC,OAAI,UAAU,yCACZ,UAAAC,MACC,QAAC,QAAK,UAAU,0CACb,UAAAA,EAAe,IAAEC,GACpB,EAEDF,MACC,QAAC,OAAI,UAAU,4FACb,qBAAC,QAAK,UAAU,yBACb,UAAAI,EACAJ,GACH,KACA,OAAC,UAAO,QAAS,IAAMY,EAAWZ,CAAW,EAAG,UAAU,YAAY,MAAO,CAAE,SAAU,EAAG,EACzF,SAAAQ,EAASF,EAAaD,EACzB,GACF,EAEDF,MAAa,QAAC,QAAK,UAAU,kCAAkC,2CAAMA,GAAU,GAClF,EAMDV,MACC,OAAC,KAAE,aAAW,MAAG,2EAA2E,EACzF,SAAAA,EACH,GAEJ,KAKA,OAAC,OAAI,UAAU,iBACb,mBAAC,UAAO,QAASqB,EAAe,aAAW,MAAG,QAAQ,EACnD,SAAAjB,EACH,EACF,GACF,CAEJ,EAMA,IAAOhB,EAAQD",
+  "names": ["WinnerModal_exports", "__export", "WinnerModal", "WinnerModal_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_helpers", "import_components", "import_BaseModal", "isOpen", "prize", "title", "prizeTitle", "prizeImage", "prizeDescription", "learnMoreUrl", "learnMoreText", "onClose", "confirmText", "onConfirm", "className", "couponCode", "couponDiscount", "couponUnit", "expiresAt", "codeText", "copyText", "copiedText", "onCopyCode", "copied", "setCopied", "React", "timerRef", "handleCopy", "code", "handleConfirm"]
+}

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

@@ -0,0 +1,52 @@
+/**
+ * WheelLottery - 大转盘抽奖组件
+ *
+ * 用于营销活动的交互式抽奖转盘，支持多品牌主题和响应式布局。
+ *
+ * @module WheelLottery
+ * @date 2025-12-17
+ */
+import React from 'react';
+import type { WheelLotteryProps, WheelLotteryHandle } from './types.js';
+/**
+ * WheelLottery 组件
+ *
+ * @example
+ * ```tsx
+ * // 基础使用
+ * <WheelLottery
+ *   prizes={prizes}
+ *   winningPrizeId="prize-003"
+ *   onSpinEnd={(prize) => alert(`You won ${prize.name}`)}
+ * />
+ *
+ * // 使用 ref 控制弹窗
+ * const lotteryRef = useRef<WheelLotteryHandle>(null)
+ *
+ * <WheelLottery ref={lotteryRef} prizes={prizes} />
+ *
+ * // 外部触发弹窗
+ * lotteryRef.current?.showError({
+ *   title: 'Error',
+ *   message: 'Something went wrong'
+ * })
+ * ```
+ */
+export declare const WheelLottery: React.ForwardRefExoticComponent<WheelLotteryProps & React.RefAttributes<WheelLotteryHandle>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<WheelLotteryProps & React.RefAttributes<WheelLotteryHandle> & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;
+export { WinnerModal } from './WinnerModal.js';
+export { RulesModal } from './RulesModal.js';
+export { MyRewardsModal } from './MyRewardsModal.js';
+export { ErrorModal } from './ErrorModal.js';
+export { ShareModal } from './ShareModal.js';
+export { BaseModal } from './BaseModal.js';
+export type { WheelLotteryProps, WheelLotteryHandle, Prize, ChanceMethod, ChanceMethodStatus, WinningInfo, WheelProps, PrizePoolProps, ChanceMethodsProps, WinnerModalProps, WinnerModalConfig, UserData, ShareModalConfig, SocialPlatform, SharePlatformConfig, } from './types.js';
+export type { RulesModalProps, RuleItem } from './RulesModal.js';
+export type { MyRewardsModalProps, Reward, RewardStatus } from './MyRewardsModal.js';
+export type { ErrorModalProps } from './ErrorModal.js';
+export type { ShareModalProps } from './ShareModal.js';
+export type { BaseModalProps } from './BaseModal.js';

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

@@ -0,0 +1,2 @@
+"use strict";"use client";var D=Object.defineProperty;var Ve=Object.getOwnPropertyDescriptor;var qe=Object.getOwnPropertyNames;var Je=Object.prototype.hasOwnProperty;var Qe=(r,s)=>{for(var d in s)D(r,d,{get:s[d],enumerable:!0})},Xe=(r,s,d,w)=>{if(s&&typeof s=="object"||typeof s=="function")for(let h of qe(s))!Je.call(r,h)&&h!==d&&D(r,h,{get:()=>s[h],enumerable:!(w=Ve(s,h))||w.enumerable});return r};var Ze=r=>Xe(D({},"__esModule",{value:!0}),r);var tt={};Qe(tt,{BaseModal:()=>re.BaseModal,ErrorModal:()=>oe.ErrorModal,MyRewardsModal:()=>te.MyRewardsModal,RulesModal:()=>ee.RulesModal,ShareModal:()=>se.ShareModal,WheelLottery:()=>F,WinnerModal:()=>Z.WinnerModal,default:()=>et});module.exports=Ze(tt);var t=require("react/jsx-runtime"),e=require("react"),u=require("../../helpers/index.js"),m=require("./types.js"),S=require("../../components/grid.js"),K=require("./Wheel.js"),$=require("./PrizePool.js"),Y=require("./ChanceMethods.js"),V=require("./WinnerModal.js"),q=require("./RulesModal.js"),J=require("./MyRewardsModal.js"),L=require("./ErrorModal.js"),Q=require("./ShareModal.js"),X=require("../../shared/Styles.js"),Z=require("./WinnerModal.js"),ee=require("./RulesModal.js"),te=require("./MyRewardsModal.js"),oe=require("./ErrorModal.js"),se=require("./ShareModal.js"),re=require("./BaseModal.js");const F=(0,e.forwardRef)(({prizes:r,theme:s,winningPrizeId:d,spinDuration:w=m.DEFAULT_WHEEL_CONFIG.spinDuration,easing:h=m.DEFAULT_WHEEL_CONFIG.easing,wheelBackgroundImage:ne,pointerImage:ie,chanceMethods:B=m.DEFAULT_CHANCE_METHODS,chanceTitle:ae=m.DEFAULT_WHEEL_CONFIG.chanceTitle,chanceSubtitle:le,chanceFooterNote:pe,winningInfos:de=[],onSpinStart:R,onSpinEnd:N,onSpinError:v,winnerModalConfig:n,rulesModalConfig:ce={},myRewardsModalConfig:fe={},errorModalConfig:x={},shareModalConfig:g={},userData:p,loginPromptText:ot="Please log in to participate",onLoginRequired:I,noChancesText:O="You have no chances left",onCopyCode:me,opportunitiesText:U=["Number of draws remaining today:"],className:ue},he)=>{const{rulesData:C,rulesText:xe="Rules"}=ce,{rewardsData:k,myRewardsText:we="My Rewards",codeText:ge="CODE:",copyText:ye="COPY",prizeText:Me="Prize time:"}=fe,[i,c]=(0,e.useState)(m.INITIAL_WHEEL_STATE),[We,y]=(0,e.useState)(!1),[be,M]=(0,e.useState)(!1),[Te,W]=(0,e.useState)(!1),[Ee,b]=(0,e.useState)(!1),[Pe,T]=(0,e.useState)(!1),[Se,E]=(0,e.useState)(!1),[ze,j]=(0,e.useState)(""),[Re,Ne]=(0,e.useState)(),[ve,Ie]=(0,e.useState)(),[Ce,ke]=(0,e.useState)(),[Ae,De]=(0,e.useState)(),[Le,Fe]=(0,e.useState)(),[a,Be]=(0,e.useState)(),z=(0,e.useRef)(null);(0,e.useImperativeHandle)(he,()=>({showError:({message:o,title:l,confirmText:P})=>{j(o),Ne(l),Ie(P),b(!0)},hideError:()=>{b(!1)},showNoWin:o=>{ke(o?.title),De(o?.message),Fe(o?.confirmText),T(!0)},hideNoWin:()=>{T(!1)},showWinner:(o,l)=>{c(P=>({...P,winningPrize:o})),Be(l),y(!0)},hideWinner:()=>{y(!1)},showRules:()=>{M(!0)},hideRules:()=>{M(!1)},showRewards:()=>{W(!0)},hideRewards:()=>{W(!1)},showShare:()=>{E(!0)},hideShare:()=>{E(!1)},hideAllModals:()=>{y(!1),M(!1),W(!1),b(!1),T(!1),E(!1)}}),[]),(0,e.useEffect)(()=>{},[r,d]),(0,e.useEffect)(()=>()=>{z.current!==null&&cancelAnimationFrame(z.current)},[]);const Oe=(0,e.useCallback)(async()=>{if(!i.isSpinning){if(!p?.isLoggedIn){I?.();return}if(p.availableChances<=0){v?.(new Error(O));return}c(o=>({...o,isSpinning:!0,isButtonDisabled:!0}));try{let o=d;R&&(o=await R());const l=r.find(f=>f.prizeKey===o)||r[0],P=r.findIndex(f=>f.prizeKey===l.prizeKey),He=360/r.length,Ge=P*He,H=3*360+(360-Ge);await new Promise(f=>setTimeout(f,1500)),c(f=>({...f,isFinished:!0,currentRotation:0}));const _e=Date.now(),G=()=>{const Ke=Date.now()-_e,_=Math.min(Ke/w,1),$e=1-Math.pow(1-_,3),Ye=H*$e;c(A=>({...A,currentRotation:Ye})),_<1?z.current=requestAnimationFrame(G):(c(A=>({...A,isSpinning:!1,isButtonDisabled:!0,winningPrize:l,currentRotation:H})),N?N?.(l):setTimeout(()=>{l.prizeKey==="try-again"?T(!0):y(!0)},500))};z.current=requestAnimationFrame(G)}catch(o){c(l=>({...l,isSpinning:!1,isButtonDisabled:!1})),j(o.message||"An error occurred"),b(!0),v?.(o),console.error("\u62BD\u5956\u63A5\u53E3\u8C03\u7528\u5931\u8D25:",o)}}},[i.isSpinning,r,d,w,R,N,v,p,I,O]),Ue=(0,e.useCallback)(()=>{y(!1),c(o=>({...o,isButtonDisabled:!1,isFinished:!1}))},[]),je=(0,e.useCallback)(()=>{T(!1),c(o=>({...o,isButtonDisabled:!1,isFinished:!1}))},[]);return(0,t.jsxs)("div",{className:(0,u.cn)("wheel-lottery-container","w-full",s==="dark"?"aiui-dark":"",ue),children:[(0,t.jsxs)("div",{role:"status","aria-live":"polite","aria-atomic":"true",className:"sr-only",children:[i.isSpinning&&"\u62BD\u5956\u8FDB\u884C\u4E2D...",i.winningPrize&&!i.isSpinning&&`\u5DF2\u4E2D\u5956: ${i.winningPrize.name}`]}),(0,t.jsxs)(S.Grid,{className:(0,u.cn)("wheel-lottery-main","tablet:mb-4 mb-3"),children:[(0,t.jsx)(S.GridItem,{span:7,className:(0,u.cn)("wheel-section","relative flex h-[200px] w-full flex-1 items-center justify-center overflow-hidden","rounded-box","lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[480]","desktop:aspect-w-[759] desktop:aspect-h-[384]","laptop:aspect-w-[516] laptop:aspect-h-[288]","l-tablet:col-span-12",s==="dark"?"bg-[#1E2024]":"bg-[#EAEAEC]"),children:(0,t.jsxs)("div",{className:(0,u.cn)(" w-full px-[16px] pt-[16px]","lg-desktop:pb-[32px] lg-desktop:px-[32px] desktop:pt-[24px] desktop:px-[24px] laptop:pt-[16px] laptop:px-[16px] tablet:px-[32px]","l-tablet:absolute l-tablet:top-0"),children:[(0,t.jsxs)("div",{className:"mb-2 flex w-full flex-wrap items-center justify-between gap-3",children:[(0,t.jsxs)("p",{className:"text-info-primary font-[700]",children:[U?.[0],(0,t.jsx)("span",{className:"text-[#FF6B35]",children:p?.availableChances||0}),U?.[1]||""]}),(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[C&&(0,t.jsx)("button",{onClick:()=>M(!0),children:(0,t.jsx)("span",{className:"text-info-primary font-[700] underline ",children:xe})}),k&&(0,t.jsx)("button",{onClick:()=>W(!0),children:(0,t.jsx)("span",{className:"text-info-primary font-[700] underline ",children:we})})]})]}),(0,t.jsx)(K.Wheel,{theme:s,prizes:r,rotation:i.currentRotation,isSpinning:i.isSpinning,isFinished:i.isFinished,isButtonDisabled:i.isButtonDisabled||!!p?.isLoggedIn&&(p?.availableChances||0)<=0,userData:p,onGoClick:p?.isLoggedIn?Oe:I,wheelBackgroundImage:ne,pointerImage:ie})]})}),B.length>0&&(0,t.jsx)(S.GridItem,{span:5,className:(0,u.cn)("info-section","rounded-box","relative flex flex-col overflow-hidden","lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[480]","desktop:aspect-w-[536] desktop:aspect-h-[384]","laptop:aspect-w-[364] laptop:aspect-h-[288]","max-h-[320px] w-full","l-tablet:col-span-12",s==="dark"?"bg-[#1E2024]":"bg-[#EAEAEC]"),children:(0,t.jsx)(Y.ChanceMethods,{theme:s,userData:p,methods:B,title:ae,subtitle:le,footerNote:pe,onOpenShareModal:()=>E(!0)})})]}),(0,t.jsx)("div",{className:(0,u.cn)("wheel-lottery-footer","rounded-box","flex flex-col overflow-hidden",s==="dark"?"bg-[#1E2024]":"bg-[#EAEAEC]"),children:(0,t.jsx)($.PrizePool,{theme:s,prizes:r,winningInfos:de})}),(0,t.jsx)(V.WinnerModal,{isOpen:We,prize:i.winningPrize,title:a?.title||n?.title,prizeTitle:a?.prizeTitle||n?.prizeTitle,prizeImage:a?.prizeImage||n?.prizeImage,prizeDescription:a?.prizeDescription||n?.prizeDescription,learnMoreUrl:a?.learnMoreUrl||n?.learnMoreUrl,learnMoreText:a?.learnMoreText||n?.learnMoreText,couponCode:a?.couponCode||n?.couponCode,expiresAt:a?.expiresAt||n?.expiresAt,couponDiscount:a?.couponDiscount||n?.couponDiscount,couponUnit:a?.couponUnit||n?.couponUnit,confirmText:a?.confirmText||n?.confirmText,onClose:Ue}),C&&(0,t.jsx)(q.RulesModal,{isOpen:be,onClose:()=>M(!1),rules:C}),k&&(0,t.jsx)(J.MyRewardsModal,{isOpen:Te,onClose:()=>W(!1),rewards:k,onCopyCode:me,codeText:ge,copyText:ye,prizeText:Me}),(0,t.jsx)(L.ErrorModal,{isOpen:Ee,onClose:()=>b(!1),title:Re||x?.title,message:ze||x?.message,confirmText:ve||x?.confirmText}),(0,t.jsx)(L.ErrorModal,{isOpen:Pe,onClose:je,title:Ce||x?.title,message:Ae||x?.message,confirmText:Le||x?.confirmText}),(0,t.jsx)(Q.ShareModal,{isOpen:Se,onClose:()=>E(!1),title:g?.title,subtitle:g?.subtitle,note:g?.note,platforms:g?.platforms,onShareSuccess:g?.onShareSuccess})]})});F.displayName="WheelLottery";var et=(0,X.withLayout)(F);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/WheelLottery/index.tsx"],
+  "sourcesContent": ["/**\n * WheelLottery - \u5927\u8F6C\u76D8\u62BD\u5956\u7EC4\u4EF6\n *\n * \u7528\u4E8E\u8425\u9500\u6D3B\u52A8\u7684\u4EA4\u4E92\u5F0F\u62BD\u5956\u8F6C\u76D8\uFF0C\u652F\u6301\u591A\u54C1\u724C\u4E3B\u9898\u548C\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002\n *\n * @module WheelLottery\n * @date 2025-12-17\n */\n\n'use client'\n\nimport React, { useState, useCallback, useRef, useEffect, useImperativeHandle, forwardRef } from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { DEFAULT_WHEEL_CONFIG, DEFAULT_CHANCE_METHODS, INITIAL_WHEEL_STATE } from './types.js'\nimport { Grid, GridItem } from '../../components/grid.js'\nimport { Wheel } from './Wheel.js'\nimport { PrizePool } from './PrizePool.js'\nimport { ChanceMethods } from './ChanceMethods.js'\nimport { WinnerModal } from './WinnerModal.js'\nimport { RulesModal } from './RulesModal.js'\nimport { MyRewardsModal } from './MyRewardsModal.js'\nimport { ErrorModal } from './ErrorModal.js'\nimport { ShareModal } from './ShareModal.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nimport type { WheelLotteryProps, WheelState, WheelLotteryHandle, WinnerModalConfig } from './types.js'\n\n// ============================================================================\n// \u4E3B\u7EC4\u4EF6\n// ============================================================================\n\n/**\n * WheelLottery \u7EC4\u4EF6\n *\n * @example\n * ```tsx\n * // \u57FA\u7840\u4F7F\u7528\n * <WheelLottery\n *   prizes={prizes}\n *   winningPrizeId=\"prize-003\"\n *   onSpinEnd={(prize) => alert(`You won ${prize.name}`)}\n * />\n *\n * // \u4F7F\u7528 ref \u63A7\u5236\u5F39\u7A97\n * const lotteryRef = useRef<WheelLotteryHandle>(null)\n *\n * <WheelLottery ref={lotteryRef} prizes={prizes} />\n *\n * // \u5916\u90E8\u89E6\u53D1\u5F39\u7A97\n * lotteryRef.current?.showError({\n *   title: 'Error',\n *   message: 'Something went wrong'\n * })\n * ```\n */\nexport const WheelLottery = forwardRef<WheelLotteryHandle, WheelLotteryProps>(\n  (\n    {\n      prizes,\n      theme,\n      winningPrizeId,\n      spinDuration = DEFAULT_WHEEL_CONFIG.spinDuration,\n      easing = DEFAULT_WHEEL_CONFIG.easing,\n      wheelBackgroundImage,\n      pointerImage,\n      chanceMethods = DEFAULT_CHANCE_METHODS,\n      chanceTitle = DEFAULT_WHEEL_CONFIG.chanceTitle,\n      chanceSubtitle,\n      chanceFooterNote,\n      winningInfos = [],\n      onSpinStart,\n      onSpinEnd,\n      onSpinError,\n      winnerModalConfig,\n      rulesModalConfig = {},\n      myRewardsModalConfig = {},\n      errorModalConfig = {},\n      shareModalConfig = {},\n      userData,\n      loginPromptText = 'Please log in to participate',\n      onLoginRequired,\n      noChancesText = 'You have no chances left',\n      onCopyCode,\n      opportunitiesText = ['Number of draws remaining today:'],\n      className,\n    },\n    ref\n  ) => {\n    const { rulesData, rulesText = 'Rules' } = rulesModalConfig\n    const {\n      rewardsData,\n      myRewardsText = 'My Rewards',\n      codeText = 'CODE:',\n      copyText = 'COPY',\n      prizeText = 'Prize time:',\n    } = myRewardsModalConfig\n    // ==========================================================================\n    // State \u7BA1\u7406\n    // ==========================================================================\n\n    const [wheelState, setWheelState] = useState<WheelState>(INITIAL_WHEEL_STATE)\n    const [showWinnerModal, setShowWinnerModal] = useState(false)\n    const [showRulesModal, setShowRulesModal] = useState(false)\n    const [showRewardsModal, setShowRewardsModal] = useState(false)\n    const [showErrorModal, setShowErrorModal] = useState(false)\n    const [showNoWinModal, setShowNoWinModal] = useState(false)\n    const [showShareModal, setShowShareModal] = useState(false)\n    const [errorMessage, setErrorMessage] = useState('')\n    const [errorTitle, setErrorTitle] = useState<string | undefined>()\n    const [errorConfirmText, setErrorConfirmText] = useState<string | undefined>()\n    const [noWinTitle, setNoWinTitle] = useState<string | undefined>()\n    const [noWinMessage, setNoWinMessage] = useState<string | undefined>()\n    const [noWinConfirmText, setNoWinConfirmText] = useState<string | undefined>()\n    const [externalWinnerConfig, setExternalWinnerConfig] = useState<Partial<WinnerModalConfig> | undefined>()\n    const animationRef = useRef<number | null>(null)\n\n    // ==========================================================================\n    // Imperative Handle - \u66B4\u9732\u65B9\u6CD5\u7ED9\u7236\u7EC4\u4EF6\n    // ==========================================================================\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        showError: ({ message, title, confirmText }) => {\n          setErrorMessage(message)\n          setErrorTitle(title)\n          setErrorConfirmText(confirmText)\n          setShowErrorModal(true)\n        },\n        hideError: () => {\n          setShowErrorModal(false)\n        },\n        showNoWin: config => {\n          setNoWinTitle(config?.title)\n          setNoWinMessage(config?.message)\n          setNoWinConfirmText(config?.confirmText)\n          setShowNoWinModal(true)\n        },\n        hideNoWin: () => {\n          setShowNoWinModal(false)\n        },\n        showWinner: (prize, config) => {\n          setWheelState(prev => ({ ...prev, winningPrize: prize }))\n          setExternalWinnerConfig(config)\n          setShowWinnerModal(true)\n        },\n        hideWinner: () => {\n          setShowWinnerModal(false)\n        },\n        showRules: () => {\n          setShowRulesModal(true)\n        },\n        hideRules: () => {\n          setShowRulesModal(false)\n        },\n        showRewards: () => {\n          setShowRewardsModal(true)\n        },\n        hideRewards: () => {\n          setShowRewardsModal(false)\n        },\n        showShare: () => {\n          setShowShareModal(true)\n        },\n        hideShare: () => {\n          setShowShareModal(false)\n        },\n        hideAllModals: () => {\n          setShowWinnerModal(false)\n          setShowRulesModal(false)\n          setShowRewardsModal(false)\n          setShowErrorModal(false)\n          setShowNoWinModal(false)\n          setShowShareModal(false)\n        },\n      }),\n      []\n    )\n\n    // ==========================================================================\n    // Props \u9A8C\u8BC1\uFF08\u5F00\u53D1\u73AF\u5883\uFF09\n    // ==========================================================================\n\n    useEffect(() => {\n      if (process.env.NODE_ENV === 'development' && prizes) {\n        if (prizes.length !== 8) {\n          console.warn(\n            `WheelLottery expects exactly 8 prizes, got ${prizes.length}. The component may not render correctly.`\n          )\n        }\n\n        if (winningPrizeId && !prizes.find(p => p.prizeKey === winningPrizeId)) {\n          console.warn(`WheelLottery: winningPrizeId \"${winningPrizeId}\" not found in prizes array.`)\n        }\n      }\n    }, [prizes, winningPrizeId])\n\n    // ==========================================================================\n    // \u6E05\u7406\u52A8\u753B\n    // ==========================================================================\n\n    useEffect(() => {\n      return () => {\n        // \u7EC4\u4EF6\u5378\u8F7D\u65F6\u53D6\u6D88\u52A8\u753B\u5E27\n        if (animationRef.current !== null) {\n          cancelAnimationFrame(animationRef.current)\n        }\n      }\n    }, [])\n\n    // ==========================================================================\n    // \u62BD\u5956\u903B\u8F91\n    // ==========================================================================\n\n    /**\n     * \u5F00\u59CB\u62BD\u5956 - \u652F\u6301\u5F02\u6B65\u63A5\u53E3\u8C03\u7528\n     * \u5229\u7528\u521D\u59CB\u6162\u901F\u65CB\u8F6C\uFF0C\u70B9\u51FB\u540E\u8FDB\u5165\u5FEB\u901F\u65CB\u8F6C\u72B6\u6001\uFF0C\u63A5\u53E3\u8FD4\u56DE\u540E\u51CF\u901F\u505C\u6B62\n     */\n    const handleSpinStart = useCallback(async () => {\n      if (wheelState.isSpinning) return\n\n      // \u68C0\u67E5\u7528\u6237\u662F\u5426\u5DF2\u767B\u5F55\n      if (!userData?.isLoggedIn) {\n        onLoginRequired?.()\n        return\n      }\n\n      // \u68C0\u67E5\u7528\u6237\u662F\u5426\u6709\u5269\u4F59\u6B21\u6570\n      if (userData.availableChances <= 0) {\n        // \u53EF\u4EE5\u901A\u8FC7 onSpinError \u56DE\u8C03\u901A\u77E5\u7236\u7EC4\u4EF6\n        onSpinError?.(new Error(noChancesText))\n        return\n      }\n\n      // \u8FDB\u5165\u5FEB\u901F\u65CB\u8F6C\u72B6\u6001\uFF08\u521D\u59CB\u6162\u901F\u65CB\u8F6C\u4F1A\u81EA\u52A8\u53D8\u4E3A\u5FEB\u901F\u65CB\u8F6C\uFF09\n      setWheelState(prev => ({\n        ...prev,\n        isSpinning: true,\n        isButtonDisabled: true,\n      }))\n\n      try {\n        // \u8C03\u7528\u5916\u90E8\u63A5\u53E3\u83B7\u53D6\u4E2D\u5956\u7ED3\u679C\n        let finalWinningPrizeId = winningPrizeId\n\n        if (onSpinStart) {\n          // \u7B49\u5F85\u63A5\u53E3\u8FD4\u56DE\u4E2D\u5956 ID\uFF08\u63A5\u53E3\u65F6\u95F4\u4E0D\u56FA\u5B9A\uFF0C1-30s\uFF09\n          // \u5728\u6B64\u671F\u95F4\uFF0C\u8F6C\u76D8\u4F1A\u4FDD\u6301\u5FEB\u901F\u65CB\u8F6C\uFF08\u7531 CSS \u52A8\u753B\u63A7\u5236\uFF09\n          finalWinningPrizeId = await onSpinStart()\n        }\n\n        // \u786E\u5B9A\u4E2D\u5956\u5956\u54C1\n        const winningPrize = prizes.find(p => p.prizeKey === finalWinningPrizeId) || prizes[0]\n        const winningIndex = prizes.findIndex(p => p.prizeKey === winningPrize.prizeKey)\n\n        // \u8BA1\u7B97\u76EE\u6807\u89D2\u5EA6\n        const degreesPerPrize = 360 / prizes.length\n        const basePrizeAngle = winningIndex * degreesPerPrize\n        // \u81F3\u5C11\u65CB\u8F6C 3 \u5708\uFF081080\u5EA6\uFF09+ \u76EE\u6807\u89D2\u5EA6\n        const minRotations = 3\n        const targetAngle = minRotations * 360 + (360 - basePrizeAngle)\n\n        // \u63A5\u53E3\u8FD4\u56DE\u540E\uFF0C\u7B49\u5F85 1.5s \u518D\u5F00\u59CB\u505C\u6B62\u52A8\u753B\n        await new Promise(resolve => setTimeout(resolve, 1500))\n\n        // \u7ACB\u5373\u8FDB\u5165\u51CF\u901F\u72B6\u6001\uFF0C\u505C\u6B62 CSS \u5FAA\u73AF\u52A8\u753B\n        setWheelState(prev => ({\n          ...prev,\n          isFinished: true,\n          currentRotation: 0, // \u4ECE 0 \u5EA6\u5F00\u59CB\u51CF\u901F\u52A8\u753B\n        }))\n\n        // \u5F00\u59CB\u505C\u6B62\u65CB\u8F6C\u52A8\u753B\n        const startTime = Date.now()\n\n        const animate = () => {\n          const now = Date.now()\n          const elapsed = now - startTime\n          const progress = Math.min(elapsed / spinDuration, 1)\n\n          // \u5E94\u7528 ease-out \u7F13\u52A8\u51FD\u6570\n          const eased = 1 - Math.pow(1 - progress, 3)\n\n          // \u8BA1\u7B97\u5F53\u524D\u65CB\u8F6C\u89D2\u5EA6\n          const currentRotation = targetAngle * eased\n\n          // \u66F4\u65B0\u72B6\u6001\n          setWheelState(prev => ({\n            ...prev,\n            currentRotation,\n          }))\n\n          // \u7EE7\u7EED\u52A8\u753B\u6216\u7ED3\u675F\n          if (progress < 1) {\n            animationRef.current = requestAnimationFrame(animate)\n          } else {\n            // \u52A8\u753B\u7ED3\u675F - \u4FDD\u6301\u6309\u94AE\u7981\u7528\u72B6\u6001,\u76F4\u5230\u5F39\u7A97\u5173\u95ED\n            setWheelState(prev => ({\n              ...prev,\n              isSpinning: false,\n              isButtonDisabled: true,\n              winningPrize,\n              currentRotation: targetAngle,\n            }))\n\n            // \u5EF6\u8FDF\u663E\u793A\u5F39\u7A97\uFF08500ms\u540E\uFF09\n            if (onSpinEnd) {\n              onSpinEnd?.(winningPrize)\n            } else {\n              setTimeout(() => {\n                // \u68C0\u67E5\u662F\u5426\u672A\u4E2D\u5956\uFF08try-again\uFF09\n                if (winningPrize.prizeKey === 'try-again') {\n                  // \u672A\u4E2D\u5956\uFF0C\u663E\u793A ErrorModal\n                  setShowNoWinModal(true)\n                } else {\n                  // \u4E2D\u5956\uFF0C\u663E\u793A WinnerModal\n                  setShowWinnerModal(true)\n                }\n              }, 500)\n            }\n          }\n        }\n\n        // \u542F\u52A8\u505C\u6B62\u52A8\u753B\n        animationRef.current = requestAnimationFrame(animate)\n      } catch (error) {\n        // \u63A5\u53E3\u62A5\u9519\uFF0C\u6062\u590D\u5230\u521D\u59CB\u6162\u901F\u65CB\u8F6C\u72B6\u6001\n        setWheelState(prev => ({\n          ...prev,\n          isSpinning: false,\n          isButtonDisabled: false,\n        }))\n\n        // \u663E\u793A\u9519\u8BEF\u5F39\u7A97\n        setErrorMessage((error as Error).message || 'An error occurred')\n        setShowErrorModal(true)\n\n        // \u89E6\u53D1\u9519\u8BEF\u56DE\u8C03\n        onSpinError?.(error as Error)\n\n        console.error('\u62BD\u5956\u63A5\u53E3\u8C03\u7528\u5931\u8D25:', error)\n      }\n    }, [\n      wheelState.isSpinning,\n      prizes,\n      winningPrizeId,\n      spinDuration,\n      onSpinStart,\n      onSpinEnd,\n      onSpinError,\n      userData,\n      onLoginRequired,\n      noChancesText,\n    ])\n\n    // ==========================================================================\n    // \u5F39\u7A97\u5173\u95ED\u5904\u7406\n    // ==========================================================================\n\n    /**\n     * \u5173\u95ED\u4E2D\u5956\u5F39\u7A97\u5E76\u91CD\u7F6E\u8F6C\u76D8\u72B6\u6001\n     */\n    const handleCloseWinnerModal = useCallback(() => {\n      setShowWinnerModal(false)\n      // \u91CD\u7F6E\u8F6C\u76D8\u72B6\u6001,\u5141\u8BB8\u4E0B\u6B21\u62BD\u5956\n      setWheelState(prev => ({\n        ...prev,\n        isButtonDisabled: false,\n        isFinished: false, // \u91CD\u7F6E\u4E3A\u672A\u5B8C\u6210,\u6062\u590D\u521D\u59CB\u65CB\u8F6C\u52A8\u753B\n      }))\n    }, [])\n\n    /**\n     * \u5173\u95ED\u672A\u4E2D\u5956\u5F39\u7A97\u5E76\u91CD\u7F6E\u8F6C\u76D8\u72B6\u6001\n     */\n    const handleCloseNoWinModal = useCallback(() => {\n      setShowNoWinModal(false)\n      // \u91CD\u7F6E\u8F6C\u76D8\u72B6\u6001,\u5141\u8BB8\u4E0B\u6B21\u62BD\u5956\n      setWheelState(prev => ({\n        ...prev,\n        isButtonDisabled: false,\n        isFinished: false, // \u91CD\u7F6E\u4E3A\u672A\u5B8C\u6210,\u6062\u590D\u521D\u59CB\u65CB\u8F6C\u52A8\u753B\n      }))\n    }, [])\n\n    // ==========================================================================\n    // \u6E32\u67D3\n    // ==========================================================================\n\n    return (\n      <div className={cn('wheel-lottery-container', 'w-full', theme === 'dark' ? 'aiui-dark' : '', className)}>\n        {/* ARIA Live Region - \u5C4F\u5E55\u9605\u8BFB\u5668\u72B6\u6001\u64AD\u62A5 */}\n        <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n          {wheelState.isSpinning && '\u62BD\u5956\u8FDB\u884C\u4E2D...'}\n          {wheelState.winningPrize && !wheelState.isSpinning && `\u5DF2\u4E2D\u5956: ${wheelState.winningPrize.name}`}\n        </div>\n\n        {/* \u4E3B\u5185\u5BB9\u533A - \u54CD\u5E94\u5F0F\u4E24\u680F/\u5355\u680F\u5E03\u5C40 */}\n        <Grid className={cn('wheel-lottery-main', 'tablet:mb-4 mb-3')}>\n          {/* \u5DE6\u4FA7\uFF1A\u8F6C\u76D8\u533A\u57DF */}\n          <GridItem\n            span={7}\n            className={cn(\n              'wheel-section',\n              'relative flex h-[200px] w-full flex-1 items-center justify-center overflow-hidden',\n              'rounded-box',\n              'lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[480]',\n              'desktop:aspect-w-[759] desktop:aspect-h-[384]',\n              'laptop:aspect-w-[516] laptop:aspect-h-[288]',\n              'l-tablet:col-span-12',\n              theme === 'dark' ? 'bg-[#1E2024]' : 'bg-[#EAEAEC]'\n            )}\n          >\n            <div\n              className={cn(\n                ' w-full px-[16px] pt-[16px]',\n                'lg-desktop:pb-[32px] lg-desktop:px-[32px] desktop:pt-[24px] desktop:px-[24px] laptop:pt-[16px] laptop:px-[16px] tablet:px-[32px]',\n                'l-tablet:absolute l-tablet:top-0'\n              )}\n            >\n              {/* \u9876\u90E8\u4FE1\u606F\u680F\uFF1A\u5DE6\u4FA7\u673A\u4F1A\u8FDB\u5EA6\uFF0C\u53F3\u4FA7\u94FE\u63A5 */}\n              <div className=\"mb-2 flex w-full flex-wrap items-center justify-between gap-3\">\n                {/* \u5DE6\u4FA7\uFF1A\u673A\u4F1A\u5C55\u793A */}\n                <p className=\"text-info-primary font-[700]\">\n                  {opportunitiesText?.[0]}\n                  <span className=\"text-[#FF6B35]\">{userData?.availableChances || 0}</span>\n                  {opportunitiesText?.[1] || ''}\n                </p>\n                {/* \u53F3\u4FA7\uFF1ARules \u548C My Rewards \u6309\u94AE */}\n                <div className=\"flex items-center gap-4\">\n                  {rulesData && (\n                    <button onClick={() => setShowRulesModal(true)}>\n                      <span className=\"text-info-primary font-[700] underline \">{rulesText}</span>\n                    </button>\n                  )}\n                  {rewardsData && (\n                    <button onClick={() => setShowRewardsModal(true)}>\n                      <span className=\"text-info-primary font-[700] underline \">{myRewardsText}</span>\n                    </button>\n                  )}\n                </div>\n              </div>\n              {/* \u8F6C\u76D8\u7EC4\u4EF6 */}\n              <Wheel\n                theme={theme}\n                prizes={prizes}\n                rotation={wheelState.currentRotation}\n                isSpinning={wheelState.isSpinning}\n                isFinished={wheelState.isFinished}\n                isButtonDisabled={\n                  wheelState.isButtonDisabled || (!!userData?.isLoggedIn && (userData?.availableChances || 0) <= 0)\n                }\n                userData={userData}\n                onGoClick={userData?.isLoggedIn ? handleSpinStart : onLoginRequired}\n                wheelBackgroundImage={wheelBackgroundImage}\n                pointerImage={pointerImage}\n              />\n            </div>\n          </GridItem>\n\n          {/* \u53F3\u4FA7\uFF1A\u83B7\u53D6\u673A\u4F1A\u533A\u57DF */}\n          {chanceMethods.length > 0 && (\n            <GridItem\n              span={5}\n              className={cn(\n                'info-section',\n                'rounded-box',\n                'relative flex flex-col overflow-hidden',\n                'lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[480]',\n                'desktop:aspect-w-[536] desktop:aspect-h-[384]',\n                'laptop:aspect-w-[364] laptop:aspect-h-[288]',\n                'max-h-[320px] w-full',\n                'l-tablet:col-span-12',\n                theme === 'dark' ? 'bg-[#1E2024]' : 'bg-[#EAEAEC]'\n              )}\n            >\n              <ChanceMethods\n                theme={theme}\n                userData={userData}\n                methods={chanceMethods}\n                title={chanceTitle}\n                subtitle={chanceSubtitle}\n                footerNote={chanceFooterNote}\n                onOpenShareModal={() => setShowShareModal(true)}\n              />\n            </GridItem>\n          )}\n        </Grid>\n\n        {/* \u5E95\u90E8\u533A\u57DF\uFF1A\u5956\u54C1\u6C60(\u5305\u542B\u4E2D\u5956\u4EBA\u540D\u5355) */}\n        <div\n          className={cn(\n            'wheel-lottery-footer',\n            'rounded-box',\n            'flex flex-col overflow-hidden',\n            theme === 'dark' ? 'bg-[#1E2024]' : 'bg-[#EAEAEC]'\n          )}\n        >\n          {/* \u5956\u54C1\u6C60(\u5305\u542B\u4E2D\u5956\u4EBA\u540D\u5355\u81EA\u52A8\u6EDA\u52A8) */}\n          <PrizePool theme={theme} prizes={prizes} winningInfos={winningInfos} />\n        </div>\n\n        {/* \u4E2D\u5956\u5F39\u7A97 */}\n        <WinnerModal\n          isOpen={showWinnerModal}\n          prize={wheelState.winningPrize}\n          title={externalWinnerConfig?.title || winnerModalConfig?.title}\n          prizeTitle={externalWinnerConfig?.prizeTitle || winnerModalConfig?.prizeTitle}\n          prizeImage={externalWinnerConfig?.prizeImage || winnerModalConfig?.prizeImage}\n          prizeDescription={externalWinnerConfig?.prizeDescription || winnerModalConfig?.prizeDescription}\n          learnMoreUrl={externalWinnerConfig?.learnMoreUrl || winnerModalConfig?.learnMoreUrl}\n          learnMoreText={externalWinnerConfig?.learnMoreText || winnerModalConfig?.learnMoreText}\n          couponCode={externalWinnerConfig?.couponCode || winnerModalConfig?.couponCode}\n          expiresAt={externalWinnerConfig?.expiresAt || winnerModalConfig?.expiresAt}\n          couponDiscount={externalWinnerConfig?.couponDiscount || winnerModalConfig?.couponDiscount}\n          couponUnit={externalWinnerConfig?.couponUnit || winnerModalConfig?.couponUnit}\n          confirmText={externalWinnerConfig?.confirmText || winnerModalConfig?.confirmText}\n          onClose={handleCloseWinnerModal}\n        />\n\n        {/* Rules \u5F39\u7A97 */}\n        {rulesData && <RulesModal isOpen={showRulesModal} onClose={() => setShowRulesModal(false)} rules={rulesData} />}\n\n        {/* My Rewards \u5F39\u7A97 */}\n        {rewardsData && (\n          <MyRewardsModal\n            isOpen={showRewardsModal}\n            onClose={() => setShowRewardsModal(false)}\n            rewards={rewardsData}\n            onCopyCode={onCopyCode}\n            codeText={codeText}\n            copyText={copyText}\n            prizeText={prizeText}\n          />\n        )}\n\n        {/* \u9519\u8BEF\u5F39\u7A97 */}\n        <ErrorModal\n          isOpen={showErrorModal}\n          onClose={() => setShowErrorModal(false)}\n          title={errorTitle || errorModalConfig?.title}\n          message={errorMessage || errorModalConfig?.message}\n          confirmText={errorConfirmText || errorModalConfig?.confirmText}\n        />\n\n        {/* \u672A\u4E2D\u5956\u5F39\u7A97 */}\n        <ErrorModal\n          isOpen={showNoWinModal}\n          onClose={handleCloseNoWinModal}\n          title={noWinTitle || errorModalConfig?.title}\n          message={noWinMessage || errorModalConfig?.message}\n          confirmText={noWinConfirmText || errorModalConfig?.confirmText}\n        />\n\n        {/* \u5206\u4EAB\u5F39\u7A97 */}\n        <ShareModal\n          isOpen={showShareModal}\n          onClose={() => setShowShareModal(false)}\n          title={shareModalConfig?.title}\n          subtitle={shareModalConfig?.subtitle}\n          note={shareModalConfig?.note}\n          platforms={shareModalConfig?.platforms}\n          onShareSuccess={shareModalConfig?.onShareSuccess}\n        />\n      </div>\n    )\n  }\n)\n\n// \u8BBE\u7F6E displayName \u7528\u4E8E\u8C03\u8BD5\nWheelLottery.displayName = 'WheelLottery'\n\n// ============================================================================\n// \u5BFC\u51FA\n// ============================================================================\n\nexport default withLayout(WheelLottery)\nexport { WinnerModal } from './WinnerModal.js'\nexport { RulesModal } from './RulesModal.js'\nexport { MyRewardsModal } from './MyRewardsModal.js'\nexport { ErrorModal } from './ErrorModal.js'\nexport { ShareModal } from './ShareModal.js'\nexport { BaseModal } from './BaseModal.js'\nexport type {\n  WheelLotteryProps,\n  WheelLotteryHandle,\n  Prize,\n  ChanceMethod,\n  ChanceMethodStatus,\n  WinningInfo,\n  WheelProps,\n  PrizePoolProps,\n  ChanceMethodsProps,\n  WinnerModalProps,\n  WinnerModalConfig,\n  UserData,\n  ShareModalConfig,\n  SocialPlatform,\n  SharePlatformConfig,\n} from './types.js'\nexport type { RulesModalProps, RuleItem } from './RulesModal.js'\nexport type { MyRewardsModalProps, Reward, RewardStatus } from './MyRewardsModal.js'\nexport type { ErrorModalProps } from './ErrorModal.js'\nexport type { ShareModalProps } from './ShareModal.js'\nexport type { BaseModalProps } from './BaseModal.js'\n"],
+  "mappings": "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",
+  "names": ["WheelLottery_exports", "__export", "WheelLottery", "WheelLottery_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_helpers", "import_types", "import_grid", "import_Wheel", "import_PrizePool", "import_ChanceMethods", "import_WinnerModal", "import_RulesModal", "import_MyRewardsModal", "import_ErrorModal", "import_ShareModal", "import_Styles", "import_BaseModal", "prizes", "theme", "winningPrizeId", "spinDuration", "easing", "wheelBackgroundImage", "pointerImage", "chanceMethods", "chanceTitle", "chanceSubtitle", "chanceFooterNote", "winningInfos", "onSpinStart", "onSpinEnd", "onSpinError", "winnerModalConfig", "rulesModalConfig", "myRewardsModalConfig", "errorModalConfig", "shareModalConfig", "userData", "loginPromptText", "onLoginRequired", "noChancesText", "onCopyCode", "opportunitiesText", "className", "ref", "rulesData", "rulesText", "rewardsData", "myRewardsText", "codeText", "copyText", "prizeText", "wheelState", "setWheelState", "showWinnerModal", "setShowWinnerModal", "showRulesModal", "setShowRulesModal", "showRewardsModal", "setShowRewardsModal", "showErrorModal", "setShowErrorModal", "showNoWinModal", "setShowNoWinModal", "showShareModal", "setShowShareModal", "errorMessage", "setErrorMessage", "errorTitle", "setErrorTitle", "errorConfirmText", "setErrorConfirmText", "noWinTitle", "setNoWinTitle", "noWinMessage", "setNoWinMessage", "noWinConfirmText", "setNoWinConfirmText", "externalWinnerConfig", "setExternalWinnerConfig", "animationRef", "message", "title", "confirmText", "config", "prize", "prev", "handleSpinStart", "finalWinningPrizeId", "winningPrize", "p", "winningIndex", "degreesPerPrize", "basePrizeAngle", "targetAngle", "resolve", "startTime", "animate", "elapsed", "progress", "eased", "currentRotation", "error", "handleCloseWinnerModal", "handleCloseNoWinModal"]
+}