@anker-in/headless-ui 1.1.28-alpha.1768202456200 → 1.1.29

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

@@ -1,7 +0,0 @@
-{
-  "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"]
-}