npm - @anker-in/headless-ui - Versions diffs - 1.1.90 → 1.1.91 - Mend

@anker-in/headless-ui 1.1.90 → 1.1.91

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

Files changed (41) hide show

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/ProductLottery/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState, useCallback, useImperativeHandle, forwardRef, useEffect, useRef } from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { DEFAULT_CHANCE_TITLE } from './types.js'\nimport { DEFAULT_CHANCE_METHODS } from '../LotteryShared/types.js'\nimport { Grid, GridItem } from '../../components/grid.js'\nimport { MediaDrawArea } from './MediaDrawArea.js'\nimport { PrizePool } from '../LotteryShared/PrizePool.js'\nimport { ChanceMethods } from '../LotteryShared/ChanceMethods.js'\nimport { WinnerModal } from '../LotteryShared/WinnerModal.js'\nimport { RulesModal } from '../LotteryShared/RulesModal.js'\nimport { MyRewardsModal } from '../LotteryShared/MyRewardsModal.js'\nimport { ErrorModal } from '../LotteryShared/ErrorModal.js'\nimport { ShareModal } from '../LotteryShared/ShareModal.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { gaTrack } from '../../shared/track.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef, buildTrackingRef } from '../../shared/trackUrlRef.js'\n\nimport type { ProductLotteryProps, ProductLotteryHandle } from './types.js'\nimport type { Prize, WinnerModalConfig } from '../LotteryShared/types.js'\n\nconst LOTTERY_COMPONENT_TYPE = 'image'\nconst LOTTERY_COMPONENT_NAME = 'lottery_banner'\nconst LOTTERY_COMPONENT_TITLE = '\u4EA7\u54C1\u62BD\u5956'\nconst LOTTERY_CLICK_TYPE = 'copy'\nconst LOTTERY_MODAL_COMPONENT_NAME = 'lottery_pop'\nconst LOTTERY_MODAL_COMPONENT_TYPE = 'image'\n\nexport const ProductLottery = forwardRef<ProductLotteryHandle, ProductLotteryProps>(\n  (\n    {\n      prizes,\n      media,\n      theme,\n      ctaButton,\n      videoAutoPlay,\n      videoMuted,\n      videoLoop,\n      chanceMethods = DEFAULT_CHANCE_METHODS,\n      chanceTitle = DEFAULT_CHANCE_TITLE,\n      chanceSubtitle,\n      chanceFooterNote,\n      chanceMethodsText,\n      mechanismType,\n      inputConfig,\n      winningInfos = [],\n      winnerNameTemplate,\n      prizesTitle,\n      onDrawStart,\n      onDrawEnd,\n      onDrawError,\n      winnerModalConfig,\n      rulesModalConfig = {},\n      actionButtonConfig,\n      myRewardsModalConfig = {},\n      errorModalConfig = {},\n      shareModalConfig = {},\n      userData,\n      loginPromptText = 'Please log in to participate',\n      loginButtonText = 'Log In',\n      noChancesText = 'You have no chances left',\n      onLoginRequired,\n      onCopyCode,\n      opportunitiesText = ['Number of draws remaining today:'],\n      className,\n    },\n    ref\n  ) => {\n    const { rulesData, rulesText = 'Rules' } = rulesModalConfig\n    const shouldShowActionButton = Boolean(actionButtonConfig?.text && actionButtonConfig?.url)\n    const {\n      rewardsData,\n      myRewardsText = 'My Rewards',\n      codeText = 'CODE:',\n      copyText = 'COPY',\n      copiedText = 'COPIED',\n      prizeText = 'Prize time:',\n      emptyText,\n      copyError,\n      availableText,\n      usedStatusText,\n      expiredText,\n      notFoundText,\n    } = myRewardsModalConfig\n    const completedText = chanceMethodsText?.completedText\n    const usedText = chanceMethodsText?.usedText\n    const isLoggedIn = userData?.isLoggedIn ?? false\n    const availableChances = userData?.availableChances || 0\n    const hasRightPanel = chanceMethods.length > 0 || mechanismType === 'input'\n    const hasAgreementNotice = mechanismType === 'input' && Boolean(inputConfig?.agreementNotice)\n\n    // State\n    const [isDrawing, setIsDrawing] = useState(false)\n    const [winningPrize, setWinningPrize] = useState<Prize | null>(null)\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 [isAgreementChecked, setIsAgreementChecked] = useState(false)\n\n    // Exposure tracking\n    const containerRef = useRef<HTMLDivElement>(null)\n    useExposure(containerRef, {\n      componentType: LOTTERY_COMPONENT_TYPE,\n      componentName: LOTTERY_COMPONENT_NAME,\n      componentTitle: LOTTERY_COMPONENT_TITLE,\n    })\n\n    // Tracking\n    const { trackingData, pageHandle } = useAiuiContext()\n\n    // Modal impression tracking \u2014 fires once per open\n    useEffect(() => {\n      if (!showWinnerModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'Winner',\n        },\n      })\n    }, [showWinnerModal, trackingData])\n\n    useEffect(() => {\n      if (!showNoWinModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'Better Luck Next Time',\n        },\n      })\n    }, [showNoWinModal, trackingData])\n\n    useEffect(() => {\n      if (!showRulesModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'Rules',\n        },\n      })\n    }, [showRulesModal, trackingData])\n\n    useEffect(() => {\n      if (!showRewardsModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'My Rewards',\n        },\n      })\n    }, [showRewardsModal, trackingData])\n\n    useEffect(() => {\n      if (!showShareModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'Share',\n        },\n      })\n    }, [showShareModal, trackingData])\n\n    useEffect(() => {\n      if (!showErrorModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'Error',\n        },\n      })\n    }, [showErrorModal, trackingData])\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          setWinningPrize(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    const handleDrawStart = useCallback(async () => {\n      if (isDrawing) return\n\n      if (hasAgreementNotice && !isAgreementChecked) {\n        setErrorMessage(inputConfig?.agreementWarningText || 'Please agree to the terms before continuing')\n        setShowErrorModal(false)\n        return\n      }\n\n      if (!userData?.isLoggedIn) {\n        onLoginRequired?.()\n        return\n      }\n\n      if (userData.availableChances <= 0) {\n        return\n      }\n\n      setIsDrawing(true)\n\n      try {\n        let prizeId: string | undefined\n\n        if (onDrawStart) {\n          prizeId = await onDrawStart()\n        }\n\n        const prize = prizes.find(p => p.prizeKey === prizeId) || prizes[0]\n        setWinningPrize(prize)\n        setIsDrawing(false)\n\n        if (onDrawEnd) {\n          onDrawEnd(prize)\n        } else {\n          setTimeout(() => {\n            if (prize.prizeKey === 'try-again') {\n              setShowNoWinModal(true)\n            } else {\n              setShowWinnerModal(true)\n            }\n          }, 300)\n        }\n      } catch (error) {\n        setIsDrawing(false)\n        setErrorMessage((error as Error).message || 'An error occurred')\n        setShowErrorModal(true)\n        onDrawError?.(error as Error)\n      }\n    }, [\n      hasAgreementNotice,\n      inputConfig?.agreementWarningText,\n      isAgreementChecked,\n      isDrawing,\n      prizes,\n      onDrawStart,\n      onDrawEnd,\n      onDrawError,\n      userData,\n      onLoginRequired,\n    ])\n\n    const handleDrawClick = useCallback(() => {\n      if (!isLoggedIn) {\n        onLoginRequired?.()\n        return\n      }\n      void handleDrawStart()\n    }, [handleDrawStart, isLoggedIn, onLoginRequired])\n\n    const handleCloseWinnerModal = useCallback(() => {\n      setShowWinnerModal(false)\n    }, [])\n\n    const handleCloseNoWinModal = useCallback(() => {\n      setShowNoWinModal(false)\n    }, [])\n\n    return (\n      <div\n        ref={containerRef}\n        className={cn('product-lottery-container', 'w-full', theme === 'dark' ? 'aiui-dark' : '', className)}\n      >\n        {/* ARIA Live Region */}\n        <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n          {isDrawing && 'Drawing in progress...'}\n          {winningPrize && !isDrawing && `Prize won: ${winningPrize.name}`}\n        </div>\n\n        {/* Main Content \u2014 Responsive Grid */}\n        <Grid className={cn('product-lottery-main', 'tablet:mb-4 mb-3')}>\n          {/* Left: Media Draw Area */}\n          <GridItem\n            span={hasRightPanel ? 7 : 12}\n            className={cn(\n              'media-section',\n              'relative flex w-full flex-1 items-center justify-center overflow-hidden',\n              'rounded-box',\n              'laptop:min-h-[288px] min-h-[240px]',\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              'l-tablet:mb-3',\n              theme === 'dark' ? 'bg-[#1E2024]' : 'bg-[#EAEAEC]'\n            )}\n          >\n            <div\n              className={cn(\n                'size-full px-[16px] pt-[16px]',\n                'lg-desktop:pb-[32px] lg-desktop:px-[32px]',\n                'desktop:pt-[24px] desktop:px-[24px]',\n                'laptop:pt-[16px] laptop:px-[16px]',\n                'tablet:px-[24px]',\n                'l-tablet:absolute l-tablet:top-0 l-tablet:inset-x-0 l-tablet:z-10',\n                'flex flex-col'\n              )}\n            >\n              {/* Top bar: chances + rules/rewards links */}\n              <div className=\"relative z-30 mb-2 flex max-h-[24px] w-full flex-wrap items-center justify-between gap-3\">\n                <div>\n                  <p className=\"text-info-primary font-[700]\">\n                    {opportunitiesText?.[0]}\n                    <span className=\"ml-1 text-[#FF6B35]\">{availableChances}</span>\n                    {opportunitiesText?.[1] || ''}\n                  </p>\n                </div>\n                <div className=\"flex items-center gap-4\">\n                  {rulesData && rulesData.length > 0 && (\n                    <button\n                      onClick={e => {\n                        e.preventDefault()\n                        e.stopPropagation()\n                        setShowRulesModal(true)\n                      }}\n                      className=\"cursor-pointer touch-manipulation\"\n                      type=\"button\"\n                      data-headless-type-name={`${LOTTERY_CLICK_TYPE}#${LOTTERY_COMPONENT_NAME}`}\n                      data-headless-title-desc-button={`${LOTTERY_COMPONENT_TITLE}##${rulesText}`}\n                    >\n                      <span className=\"text-info-primary font-[700] underline\">{rulesText}</span>\n                    </button>\n                  )}\n                  {rewardsData && (\n                    <button\n                      onClick={e => {\n                        e.preventDefault()\n                        e.stopPropagation()\n                        if (!isLoggedIn) {\n                          onLoginRequired?.()\n                          return\n                        }\n                        setShowRewardsModal(true)\n                      }}\n                      className=\"cursor-pointer touch-manipulation whitespace-nowrap\"\n                      type=\"button\"\n                      data-headless-type-name={`${LOTTERY_CLICK_TYPE}#${LOTTERY_COMPONENT_NAME}`}\n                      data-headless-title-desc-button={`${LOTTERY_COMPONENT_TITLE}##${myRewardsText}`}\n                    >\n                      <span className=\"text-info-primary font-[700] underline\">{myRewardsText}</span>\n                    </button>\n                  )}\n                  {shouldShowActionButton && (\n                    <a\n                      href={trackUrlRef(\n                        actionButtonConfig?.url ?? '',\n                        buildTrackingRef(pageHandle ?? '', LOTTERY_CLICK_TYPE, LOTTERY_COMPONENT_NAME)\n                      )}\n                      className=\"cursor-pointer touch-manipulation whitespace-nowrap\"\n                      onClick={e => {\n                        e.preventDefault()\n                        e.stopPropagation()\n                        if (actionButtonConfig?.url) {\n                          window.location.href = trackUrlRef(\n                            actionButtonConfig.url,\n                            buildTrackingRef(pageHandle ?? '', LOTTERY_CLICK_TYPE, LOTTERY_COMPONENT_NAME)\n                          )\n                        }\n                      }}\n                      data-headless-type-name={`${LOTTERY_CLICK_TYPE}#${LOTTERY_COMPONENT_NAME}`}\n                      data-headless-title-desc-button={`${LOTTERY_COMPONENT_TITLE}##${actionButtonConfig?.text}`}\n                    >\n                      <span className=\"text-info-primary font-[700] underline\">{actionButtonConfig?.text}</span>\n                    </a>\n                  )}\n                </div>\n              </div>\n\n              {/* Media Draw Area */}\n              <MediaDrawArea\n                className=\"min-h-0 w-full flex-1\"\n                theme={theme}\n                media={media}\n                ctaButton={ctaButton}\n                videoAutoPlay={videoAutoPlay}\n                videoMuted={videoMuted}\n                videoLoop={videoLoop}\n                isDrawing={isDrawing}\n                isDisabled={isLoggedIn && availableChances <= 0}\n                onClick={handleDrawClick}\n                ctaTrackTypeName={`${LOTTERY_CLICK_TYPE}#${LOTTERY_COMPONENT_NAME}`}\n                ctaTrackTitleDescButton={`${LOTTERY_COMPONENT_TITLE}##${ctaButton?.text ?? ''}`}\n              />\n            </div>\n          </GridItem>\n\n          {/* Right: Chance Methods */}\n          {hasRightPanel && (\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                'l-tablet:min-h-[280px] laptop:max-h-[320px]',\n                '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                chanceBadgeText={chanceMethodsText?.chanceBadgeText}\n                completedText={completedText}\n                usedText={usedText}\n                loadingText={chanceMethodsText?.loadingText}\n                mechanismType={mechanismType}\n                inputConfig={{\n                  ...inputConfig,\n                  submitTrackTypeName: `${LOTTERY_CLICK_TYPE}#${LOTTERY_COMPONENT_NAME}`,\n                  submitTrackTitleDescButton: `${LOTTERY_COMPONENT_TITLE}##${inputConfig?.submitText ?? 'Spin and Win'}`,\n                }}\n                isAgreementChecked={isAgreementChecked}\n                onAgreementCheckedChange={checked => {\n                  setIsAgreementChecked(checked)\n                  if (checked) {\n                    setErrorMessage('')\n                  }\n                }}\n                agreementErrorText={errorMessage}\n              />\n            </GridItem>\n          )}\n        </Grid>\n\n        {/* Footer: Prize Pool */}\n        <div\n          className={cn(\n            'product-lottery-footer',\n            'rounded-box',\n            'flex flex-col overflow-hidden',\n            theme === 'dark' ? 'bg-[#1E2024]' : 'bg-[#EAEAEC]'\n          )}\n        >\n          <PrizePool\n            theme={theme}\n            prizes={prizes}\n            title={prizesTitle}\n            winningInfos={winningInfos}\n            winnerNameTemplate={winnerNameTemplate}\n          />\n        </div>\n\n        {/* Winner Modal */}\n        <WinnerModal\n          isOpen={showWinnerModal}\n          prize={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          winnerNote={\n            externalWinnerConfig?.winnerNote ??\n            winningPrize?.winnerModalConfig?.winnerNote ??\n            winnerModalConfig?.winnerNote\n          }\n          learnMoreUrl={\n            externalWinnerConfig?.learnMoreUrl ||\n            winningPrize?.winnerModalConfig?.learnMoreUrl ||\n            winnerModalConfig?.learnMoreUrl\n          }\n          learnMoreText={\n            externalWinnerConfig?.learnMoreText ||\n            winningPrize?.winnerModalConfig?.learnMoreText ||\n            winnerModalConfig?.learnMoreText\n          }\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={\n            externalWinnerConfig?.confirmText ||\n            winningPrize?.winnerModalConfig?.confirmText ||\n            winnerModalConfig?.confirmText\n          }\n          confirmUrl={\n            externalWinnerConfig?.confirmUrl ||\n            winningPrize?.winnerModalConfig?.confirmUrl ||\n            winnerModalConfig?.confirmUrl\n          }\n          copyText={externalWinnerConfig?.copyText || winnerModalConfig?.copyText || copyText}\n          copiedText={externalWinnerConfig?.copiedText || winnerModalConfig?.copiedText || copiedText}\n          onClose={handleCloseWinnerModal}\n          theme={theme}\n        />\n\n        {/* Rules Modal */}\n        {rulesData && rulesData.length > 0 && (\n          <RulesModal\n            title={rulesText}\n            isOpen={showRulesModal}\n            onClose={() => setShowRulesModal(false)}\n            rules={rulesData}\n            theme={theme}\n          />\n        )}\n\n        {/* My Rewards Modal */}\n        {rewardsData && (\n          <MyRewardsModal\n            isOpen={showRewardsModal}\n            onClose={() => setShowRewardsModal(false)}\n            rewards={rewardsData}\n            onCopyCode={onCopyCode}\n            codeText={codeText}\n            copyText={copyText}\n            copiedText={copiedText}\n            prizeText={prizeText}\n            emptyText={emptyText}\n            copyError={copyError}\n            availableText={availableText}\n            usedStatusText={usedStatusText}\n            expiredText={expiredText}\n            notFoundText={notFoundText}\n            theme={theme}\n            title={myRewardsText}\n          />\n        )}\n\n        {/* Error Modal */}\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          theme={theme}\n        />\n\n        {/* No-Win Modal */}\n        <ErrorModal\n          isOpen={showNoWinModal}\n          onClose={handleCloseNoWinModal}\n          title={noWinTitle || errorModalConfig?.title}\n          message={noWinMessage || errorModalConfig?.message}\n          confirmText={noWinConfirmText || errorModalConfig?.confirmText}\n          theme={theme}\n        />\n\n        {/* Share Modal */}\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          theme={theme}\n        />\n      </div>\n    )\n  }\n)\n\nProductLottery.displayName = 'ProductLottery'\n\nexport default withLayout(ProductLottery)\nexport { WinnerModal } from '../LotteryShared/WinnerModal.js'\nexport { RulesModal } from '../LotteryShared/RulesModal.js'\nexport { MyRewardsModal } from '../LotteryShared/MyRewardsModal.js'\nexport { ErrorModal } from '../LotteryShared/ErrorModal.js'\nexport { ShareModal } from '../LotteryShared/ShareModal.js'\nexport { BaseModal } from '../LotteryShared/BaseModal.js'\nexport type {\n  ProductLotteryProps,\n  ProductLotteryHandle,\n  MediaConfig,\n  CtaButtonConfig,\n  MediaDrawAreaProps,\n} from './types.js'\nexport type {\n  Prize,\n  ChanceMethod,\n  ChanceMethodStatus,\n  WinningInfo,\n  PrizePoolProps,\n  ChanceMethodsProps,\n  WinnerModalProps,\n  WinnerModalConfig,\n  UserData,\n  ShareModalConfig,\n  SocialPlatform,\n  SharePlatformConfig,\n} from '../LotteryShared/types.js'\nexport type { RulesModalProps, RuleItem } from '../LotteryShared/RulesModal.js'\nexport type { MyRewardsModalProps, Reward, RewardStatus } from '../LotteryShared/MyRewardsModal.js'\nexport type { ErrorModalProps } from '../LotteryShared/ErrorModal.js'\nexport type { ShareModalProps } from '../LotteryShared/ShareModal.js'\nexport type { BaseModalProps } from '../LotteryShared/BaseModal.js'\nexport type { ContainerProps } from '../../shared/Styles.js'\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useState", "useCallback", "useImperativeHandle", "forwardRef", "useEffect", "useRef", "cn", "DEFAULT_CHANCE_TITLE", "DEFAULT_CHANCE_METHODS", "Grid", "GridItem", "MediaDrawArea", "PrizePool", "ChanceMethods", "WinnerModal", "RulesModal", "MyRewardsModal", "ErrorModal", "ShareModal", "withLayout", "gaTrack", "useAiuiContext", "useExposure", "trackUrlRef", "buildTrackingRef", "LOTTERY_COMPONENT_TYPE", "LOTTERY_COMPONENT_NAME", "LOTTERY_COMPONENT_TITLE", "LOTTERY_CLICK_TYPE", "LOTTERY_MODAL_COMPONENT_NAME", "LOTTERY_MODAL_COMPONENT_TYPE", "ProductLottery", "prizes", "media", "theme", "ctaButton", "videoAutoPlay", "videoMuted", "videoLoop", "chanceMethods", "chanceTitle", "chanceSubtitle", "chanceFooterNote", "chanceMethodsText", "mechanismType", "inputConfig", "winningInfos", "winnerNameTemplate", "prizesTitle", "onDrawStart", "onDrawEnd", "onDrawError", "winnerModalConfig", "rulesModalConfig", "actionButtonConfig", "myRewardsModalConfig", "errorModalConfig", "shareModalConfig", "userData", "loginPromptText", "loginButtonText", "noChancesText", "onLoginRequired", "onCopyCode", "opportunitiesText", "className", "ref", "rulesData", "rulesText", "shouldShowActionButton", "rewardsData", "myRewardsText", "codeText", "copyText", "copiedText", "prizeText", "emptyText", "copyError", "availableText", "usedStatusText", "expiredText", "notFoundText", "completedText", "usedText", "isLoggedIn", "availableChances", "hasRightPanel", "hasAgreementNotice", "isDrawing", "setIsDrawing", "winningPrize", "setWinningPrize", "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", "isAgreementChecked", "setIsAgreementChecked", "containerRef", "trackingData", "pageHandle", "message", "title", "confirmText", "config", "prize", "handleDrawStart", "prizeId", "p", "error", "handleDrawClick", "handleCloseWinnerModal", "handleCloseNoWinModal", "checked", "ProductLottery_default", "BaseModal"]
+  "sourcesContent": ["'use client'\n\nimport { useState, useCallback, useImperativeHandle, forwardRef, useEffect, useRef } from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { DEFAULT_CHANCE_TITLE } from './types.js'\nimport { DEFAULT_CHANCE_METHODS } from '../LotteryShared/types.js'\nimport { Grid, GridItem } from '../../components/grid.js'\nimport { MediaDrawArea } from './MediaDrawArea.js'\nimport { PrizePool } from '../LotteryShared/PrizePool.js'\nimport { ChanceMethods } from '../LotteryShared/ChanceMethods.js'\nimport { WinnerModal } from '../LotteryShared/WinnerModal.js'\nimport { RulesModal } from '../LotteryShared/RulesModal.js'\nimport { MyRewardsModal } from '../LotteryShared/MyRewardsModal.js'\nimport { ErrorModal } from '../LotteryShared/ErrorModal.js'\nimport { ShareModal } from '../LotteryShared/ShareModal.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { gaTrack } from '../../shared/track.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef, buildTrackingRef } from '../../shared/trackUrlRef.js'\n\nimport type { ProductLotteryProps, ProductLotteryHandle } from './types.js'\nimport type { Prize, WinnerModalConfig, ChanceInputConfig } from '../LotteryShared/types.js'\n\nconst LOTTERY_COMPONENT_TYPE = 'image'\nconst LOTTERY_COMPONENT_NAME = 'lottery_banner'\nconst LOTTERY_COMPONENT_TITLE = '\u4EA7\u54C1\u62BD\u5956'\nconst LOTTERY_CLICK_TYPE = 'copy'\nconst LOTTERY_MODAL_COMPONENT_NAME = 'lottery_pop'\nconst LOTTERY_MODAL_COMPONENT_TYPE = 'image'\n\nexport const ProductLottery = forwardRef<ProductLotteryHandle, ProductLotteryProps>(\n  (\n    {\n      prizes,\n      media,\n      theme,\n      ctaButton,\n      videoAutoPlay,\n      videoMuted,\n      videoLoop,\n      chanceMethods = DEFAULT_CHANCE_METHODS,\n      chanceTitle = DEFAULT_CHANCE_TITLE,\n      chanceSubtitle,\n      chanceFooterNote,\n      chanceMethodsText,\n      mechanismType,\n      inputConfig,\n      inputPlaceholder,\n      inputSubmitText,\n      inputType,\n      inputValidationErrorText,\n      winnerTickerData = [],\n      winningInfos,\n      winnerNameTemplate,\n      prizesTitle,\n      onDrawStart,\n      onDrawEnd,\n      onDrawError,\n      winnerModalConfig,\n      rulesModalConfig = {},\n      actionButtonConfig,\n      myRewardsModalConfig = {},\n      errorModalConfig = {},\n      shareModalConfig = {},\n      error,\n      tryAgain,\n      userData,\n      loginPrompt,\n      loginPromptText = 'Please log in to participate',\n      loginButtonText = 'Log In',\n      noChances,\n      noChancesText = 'You have no chances left',\n      onLoginRequired,\n      onCopyCode,\n      opportunitiesPrefix,\n      opportunitiesText = ['Number of draws remaining today:'],\n      dealsType,\n      className,\n    },\n    ref\n  ) => {\n    // \u2500\u2500 CMS field normalization \u2500\u2500\n    // CMS-primary strategy: CMS fields take precedence over legacy backward-compat fields.\n    // If a CMS field is provided, it overrides the corresponding legacy field.\n    const resolvedLoginPrompt = loginPrompt ?? loginPromptText ?? 'Please log in to participate'\n    const resolvedNoChances = noChances ?? noChancesText ?? 'You have no chances left'\n    const resolvedOpportunitiesText: string[] = opportunitiesPrefix\n      ? [opportunitiesPrefix]\n      : (opportunitiesText ?? ['Number of draws remaining today:'])\n    const resolvedInputConfig: ChanceInputConfig | undefined =\n      inputPlaceholder || inputSubmitText || inputType || inputValidationErrorText\n        ? {\n            ...(inputConfig ?? {}),\n            placeholder: inputPlaceholder ?? inputConfig?.placeholder ?? 'Enter your order number',\n            submitText: inputSubmitText ?? inputConfig?.submitText ?? 'Spin and Win',\n            inputType: inputType ?? inputConfig?.inputType ?? 'text',\n            validationErrorText: inputValidationErrorText ?? inputConfig?.validationErrorText,\n          }\n        : inputConfig\n    const resolvedErrorConfig = error\n      ? {\n          title: error.title ?? errorModalConfig?.title,\n          message: error.defaultMessage ?? errorModalConfig?.message,\n          confirmText: error.confirmButton ?? errorModalConfig?.confirmText,\n          exchangeFailedTitle: error.exchangeFailedTitle,\n          exchangeFailedMessage: error.exchangeFailedMessage,\n        }\n      : errorModalConfig\n    const resolvedWinnerConfig: WinnerModalConfig = {\n      ...winningInfos,\n      ...winnerModalConfig,\n      confirmText: winnerModalConfig?.confirmText ?? winningInfos?.confirmButton,\n    }\n\n    const { rulesData, rulesText = 'Rules' } = rulesModalConfig\n    const shouldShowActionButton = Boolean(actionButtonConfig?.text && actionButtonConfig?.url)\n    const {\n      rewardsData,\n      myRewardsText = 'My Rewards',\n      codeText = 'CODE:',\n      copyText = 'COPY',\n      copiedText = 'COPIED',\n      prizeText = 'Prize time:',\n      emptyText,\n      copyError,\n      availableText,\n      usedStatusText,\n      expiredText,\n      notFoundText,\n    } = myRewardsModalConfig\n    const completedText = chanceMethodsText?.completedText\n    const usedText = chanceMethodsText?.usedText\n    const isLoggedIn = userData?.isLoggedIn ?? false\n    const availableChances = userData?.availableChances ?? 0\n    const hasRightPanel = chanceMethods.length > 0 || mechanismType === 'input'\n    const hasAgreementNotice = mechanismType === 'input' && Boolean(inputConfig?.agreementNotice)\n    const showNoChancesOverlay = isLoggedIn && availableChances <= 0 && userData?.isChancesLoading !== true\n\n    // State\n    const [isDrawing, setIsDrawing] = useState(false)\n    const [winningPrize, setWinningPrize] = useState<Prize | null>(null)\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 [isAgreementChecked, setIsAgreementChecked] = useState(false)\n\n    // Exposure tracking\n    const containerRef = useRef<HTMLDivElement>(null)\n    useExposure(containerRef, {\n      componentType: LOTTERY_COMPONENT_TYPE,\n      componentName: LOTTERY_COMPONENT_NAME,\n      componentTitle: LOTTERY_COMPONENT_TITLE,\n    })\n\n    // Tracking\n    const { trackingData, pageHandle } = useAiuiContext()\n\n    // Modal impression tracking \u2014 fires once per open\n    useEffect(() => {\n      if (!showWinnerModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'Winner',\n        },\n      })\n    }, [showWinnerModal, trackingData])\n\n    useEffect(() => {\n      if (!showNoWinModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'Better Luck Next Time',\n        },\n      })\n    }, [showNoWinModal, trackingData])\n\n    useEffect(() => {\n      if (!showRulesModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'Rules',\n        },\n      })\n    }, [showRulesModal, trackingData])\n\n    useEffect(() => {\n      if (!showRewardsModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'My Rewards',\n        },\n      })\n    }, [showRewardsModal, trackingData])\n\n    useEffect(() => {\n      if (!showShareModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'Share',\n        },\n      })\n    }, [showShareModal, trackingData])\n\n    useEffect(() => {\n      if (!showErrorModal) return\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'component_impression',\n        event_parameters: {\n          page_group: trackingData?.pageGroup || 'Home Page',\n          component_type: LOTTERY_MODAL_COMPONENT_TYPE,\n          component_name: LOTTERY_MODAL_COMPONENT_NAME,\n          component_title: 'Error',\n        },\n      })\n    }, [showErrorModal, trackingData])\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          setWinningPrize(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    const handleDrawStart = useCallback(async () => {\n      if (isDrawing) return\n\n      if (hasAgreementNotice && !isAgreementChecked) {\n        setErrorMessage(inputConfig?.agreementWarningText || 'Please agree to the terms before continuing')\n        setShowErrorModal(false)\n        return\n      }\n\n      if (!userData?.isLoggedIn) {\n        onLoginRequired?.()\n        return\n      }\n\n      if (userData.availableChances <= 0) {\n        return\n      }\n\n      setIsDrawing(true)\n\n      try {\n        let prizeId: string | undefined\n\n        if (onDrawStart) {\n          prizeId = await onDrawStart()\n        }\n\n        const prize = prizes.find(p => p.prizeKey === prizeId) || prizes[0]\n        setWinningPrize(prize)\n        setIsDrawing(false)\n\n        if (onDrawEnd) {\n          onDrawEnd(prize)\n        } else {\n          setTimeout(() => {\n            if (prize.prizeKey === 'try-again') {\n              setShowNoWinModal(true)\n            } else {\n              setShowWinnerModal(true)\n            }\n          }, 300)\n        }\n      } catch (error) {\n        setIsDrawing(false)\n        setErrorMessage((error as Error).message || 'An error occurred')\n        setShowErrorModal(true)\n        onDrawError?.(error as Error)\n      }\n    }, [\n      hasAgreementNotice,\n      inputConfig?.agreementWarningText,\n      isAgreementChecked,\n      isDrawing,\n      prizes,\n      onDrawStart,\n      onDrawEnd,\n      onDrawError,\n      userData,\n      onLoginRequired,\n    ])\n\n    const handleDrawClick = useCallback(() => {\n      if (!isLoggedIn) {\n        onLoginRequired?.()\n        return\n      }\n      void handleDrawStart()\n    }, [handleDrawStart, isLoggedIn, onLoginRequired])\n\n    const handleCloseWinnerModal = useCallback(() => {\n      setShowWinnerModal(false)\n    }, [])\n\n    const handleCloseNoWinModal = useCallback(() => {\n      setShowNoWinModal(false)\n    }, [])\n\n    // \u2500\u2500 TryAgain / no-win modal normalization \u2500\u2500\n    const resolvedTryAgainTitle = noWinTitle || tryAgain?.title\n    const resolvedTryAgainMessage = noWinMessage || tryAgain?.message\n    const resolvedTryAgainConfirmText = noWinConfirmText || tryAgain?.confirmText\n\n    return (\n      <div\n        ref={containerRef}\n        className={cn('product-lottery-container', 'w-full', theme === 'dark' ? 'aiui-dark' : '', className)}\n      >\n        {/* ARIA Live Region */}\n        <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n          {isDrawing && 'Drawing in progress...'}\n          {winningPrize && !isDrawing && `Prize won: ${winningPrize.name}`}\n        </div>\n\n        {/* Main Content \u2014 Responsive Grid */}\n        <Grid className={cn('product-lottery-main', 'tablet:mb-4 mb-3')}>\n          {/* Left: Media Draw Area */}\n          <GridItem\n            span={hasRightPanel ? 7 : 12}\n            className={cn(\n              'media-section',\n              'relative flex w-full flex-1 items-center justify-center overflow-hidden',\n              'rounded-box',\n              'laptop:min-h-[288px] min-h-[240px]',\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              'l-tablet:mb-3',\n              theme === 'dark' ? 'bg-[#1E2024]' : 'bg-[#EAEAEC]'\n            )}\n          >\n            <div\n              className={cn(\n                'size-full px-[16px] pt-[16px]',\n                'lg-desktop:pb-[32px] lg-desktop:px-[32px]',\n                'desktop:pt-[24px] desktop:px-[24px]',\n                'laptop:pt-[16px] laptop:px-[16px]',\n                'tablet:px-[24px]',\n                'l-tablet:absolute l-tablet:top-0 l-tablet:inset-x-0 l-tablet:z-10',\n                'flex flex-col'\n              )}\n            >\n              {/* Top bar: chances + rules/rewards links */}\n              <div className=\"relative z-30 mb-2 flex max-h-[24px] w-full flex-wrap items-center justify-between gap-3\">\n                <div>\n                  <p className=\"text-info-primary font-[700]\">\n                    {resolvedOpportunitiesText?.[0]}\n                    <span className=\"ml-1 text-[#FF6B35]\">{availableChances}</span>\n                    {resolvedOpportunitiesText?.[1] || ''}\n                  </p>\n                </div>\n                <div className=\"flex items-center gap-4\">\n                  {rulesData && rulesData.length > 0 && (\n                    <button\n                      onClick={e => {\n                        e.preventDefault()\n                        e.stopPropagation()\n                        setShowRulesModal(true)\n                      }}\n                      className=\"cursor-pointer touch-manipulation\"\n                      type=\"button\"\n                      data-headless-type-name={`${LOTTERY_CLICK_TYPE}#${LOTTERY_COMPONENT_NAME}`}\n                      data-headless-title-desc-button={`${LOTTERY_COMPONENT_TITLE}##${rulesText}`}\n                    >\n                      <span className=\"text-info-primary font-[700] underline\">{rulesText}</span>\n                    </button>\n                  )}\n                  {rewardsData && (\n                    <button\n                      onClick={e => {\n                        e.preventDefault()\n                        e.stopPropagation()\n                        if (!isLoggedIn) {\n                          onLoginRequired?.()\n                          return\n                        }\n                        setShowRewardsModal(true)\n                      }}\n                      className=\"cursor-pointer touch-manipulation whitespace-nowrap\"\n                      type=\"button\"\n                      data-headless-type-name={`${LOTTERY_CLICK_TYPE}#${LOTTERY_COMPONENT_NAME}`}\n                      data-headless-title-desc-button={`${LOTTERY_COMPONENT_TITLE}##${myRewardsText}`}\n                    >\n                      <span className=\"text-info-primary font-[700] underline\">{myRewardsText}</span>\n                    </button>\n                  )}\n                  {shouldShowActionButton && (\n                    <a\n                      href={trackUrlRef(\n                        actionButtonConfig?.url ?? '',\n                        buildTrackingRef(pageHandle ?? '', LOTTERY_CLICK_TYPE, LOTTERY_COMPONENT_NAME)\n                      )}\n                      className=\"cursor-pointer touch-manipulation whitespace-nowrap\"\n                      onClick={e => {\n                        e.preventDefault()\n                        e.stopPropagation()\n                        if (actionButtonConfig?.url) {\n                          window.location.href = trackUrlRef(\n                            actionButtonConfig.url,\n                            buildTrackingRef(pageHandle ?? '', LOTTERY_CLICK_TYPE, LOTTERY_COMPONENT_NAME)\n                          )\n                        }\n                      }}\n                      data-headless-type-name={`${LOTTERY_CLICK_TYPE}#${LOTTERY_COMPONENT_NAME}`}\n                      data-headless-title-desc-button={`${LOTTERY_COMPONENT_TITLE}##${actionButtonConfig?.text}`}\n                    >\n                      <span className=\"text-info-primary font-[700] underline\">{actionButtonConfig?.text}</span>\n                    </a>\n                  )}\n                </div>\n              </div>\n\n              {/* Media Draw Area */}\n              <MediaDrawArea\n                className=\"min-h-0 w-full flex-1\"\n                theme={theme}\n                media={media}\n                ctaButton={ctaButton}\n                videoAutoPlay={videoAutoPlay}\n                videoMuted={videoMuted}\n                videoLoop={videoLoop}\n                isDrawing={isDrawing}\n                isDisabled={showNoChancesOverlay}\n                onClick={handleDrawClick}\n                ctaTrackTypeName={`${LOTTERY_CLICK_TYPE}#${LOTTERY_COMPONENT_NAME}`}\n                ctaTrackTitleDescButton={`${LOTTERY_COMPONENT_TITLE}##${ctaButton?.text ?? ''}`}\n              />\n\n              {showNoChancesOverlay && (\n                <div\n                  className={cn(\n                    'rounded-box absolute inset-0 z-20 flex items-center justify-center bg-black/60 backdrop-blur-sm',\n                    'px-6 text-center'\n                  )}\n                >\n                  <div className=\"flex flex-col items-center gap-4\">\n                    <p className=\"lg-desktop:text-[24px] text-[18px] font-semibold text-white\">{resolvedNoChances}</p>\n                  </div>\n                </div>\n              )}\n            </div>\n          </GridItem>\n\n          {/* Right: Chance Methods */}\n          {hasRightPanel && (\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                'l-tablet:min-h-[280px] laptop:max-h-[320px]',\n                '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                chanceBadgeText={chanceMethodsText?.chanceBadgeText}\n                completedText={completedText}\n                usedText={usedText}\n                loadingText={chanceMethodsText?.loadingText}\n                mechanismType={mechanismType}\n                inputConfig={{\n                  ...resolvedInputConfig,\n                  submitTrackTypeName: `${LOTTERY_CLICK_TYPE}#${LOTTERY_COMPONENT_NAME}`,\n                  submitTrackTitleDescButton: `${LOTTERY_COMPONENT_TITLE}##${resolvedInputConfig?.submitText ?? 'Spin and Win'}`,\n                }}\n                isAgreementChecked={isAgreementChecked}\n                onAgreementCheckedChange={checked => {\n                  setIsAgreementChecked(checked)\n                  if (checked) {\n                    setErrorMessage('')\n                  }\n                }}\n                agreementErrorText={errorMessage}\n              />\n            </GridItem>\n          )}\n        </Grid>\n\n        {/* Footer: Prize Pool */}\n        <div\n          className={cn(\n            'product-lottery-footer',\n            'rounded-box',\n            'flex flex-col overflow-hidden',\n            theme === 'dark' ? 'bg-[#1E2024]' : 'bg-[#EAEAEC]'\n          )}\n        >\n          <PrizePool\n            theme={theme}\n            prizes={prizes}\n            title={prizesTitle}\n            winningInfos={winnerTickerData}\n            winnerNameTemplate={winnerNameTemplate}\n          />\n        </div>\n\n        {/* Winner Modal */}\n        <WinnerModal\n          isOpen={showWinnerModal}\n          prize={winningPrize}\n          title={externalWinnerConfig?.title || resolvedWinnerConfig.title}\n          prizeTitle={externalWinnerConfig?.prizeTitle || resolvedWinnerConfig.prizeTitle}\n          prizeImage={externalWinnerConfig?.prizeImage || resolvedWinnerConfig.prizeImage}\n          prizeDescription={externalWinnerConfig?.prizeDescription || resolvedWinnerConfig.prizeDescription}\n          winnerNote={\n            externalWinnerConfig?.winnerNote ??\n            winningPrize?.winnerModalConfig?.winnerNote ??\n            resolvedWinnerConfig.winnerNote\n          }\n          learnMoreUrl={\n            externalWinnerConfig?.learnMoreUrl ||\n            winningPrize?.winnerModalConfig?.learnMoreUrl ||\n            resolvedWinnerConfig.learnMoreUrl\n          }\n          learnMoreText={\n            externalWinnerConfig?.learnMoreText ||\n            winningPrize?.winnerModalConfig?.learnMoreText ||\n            resolvedWinnerConfig.learnMoreText\n          }\n          couponCode={externalWinnerConfig?.couponCode || resolvedWinnerConfig.couponCode}\n          expiresAt={externalWinnerConfig?.expiresAt || resolvedWinnerConfig.expiresAt}\n          couponDiscount={externalWinnerConfig?.couponDiscount || resolvedWinnerConfig.couponDiscount}\n          couponUnit={externalWinnerConfig?.couponUnit || resolvedWinnerConfig.couponUnit}\n          confirmText={\n            externalWinnerConfig?.confirmText ||\n            winningPrize?.winnerModalConfig?.confirmText ||\n            resolvedWinnerConfig.confirmText\n          }\n          confirmUrl={\n            externalWinnerConfig?.confirmUrl ||\n            winningPrize?.winnerModalConfig?.confirmUrl ||\n            resolvedWinnerConfig.confirmUrl\n          }\n          copyText={externalWinnerConfig?.copyText || resolvedWinnerConfig.copyText || copyText}\n          copiedText={externalWinnerConfig?.copiedText || resolvedWinnerConfig.copiedText || copiedText}\n          onClose={handleCloseWinnerModal}\n          theme={theme}\n        />\n\n        {/* Rules Modal */}\n        {rulesData && rulesData.length > 0 && (\n          <RulesModal\n            title={rulesText}\n            isOpen={showRulesModal}\n            onClose={() => setShowRulesModal(false)}\n            rules={rulesData}\n            theme={theme}\n          />\n        )}\n\n        {/* My Rewards Modal */}\n        {rewardsData && (\n          <MyRewardsModal\n            isOpen={showRewardsModal}\n            onClose={() => setShowRewardsModal(false)}\n            rewards={rewardsData}\n            onCopyCode={onCopyCode}\n            codeText={codeText}\n            copyText={copyText}\n            copiedText={copiedText}\n            prizeText={prizeText}\n            emptyText={emptyText}\n            copyError={copyError}\n            availableText={availableText}\n            usedStatusText={usedStatusText}\n            expiredText={expiredText}\n            notFoundText={notFoundText}\n            theme={theme}\n            title={myRewardsText}\n          />\n        )}\n\n        {/* Error Modal */}\n        <ErrorModal\n          isOpen={showErrorModal}\n          onClose={() => setShowErrorModal(false)}\n          title={errorTitle || resolvedErrorConfig?.title}\n          message={errorMessage || resolvedErrorConfig?.message}\n          confirmText={errorConfirmText || resolvedErrorConfig?.confirmText}\n          exchangeFailedTitle={resolvedErrorConfig?.exchangeFailedTitle}\n          exchangeFailedMessage={resolvedErrorConfig?.exchangeFailedMessage}\n          theme={theme}\n        />\n\n        {/* No-Win Modal */}\n        <ErrorModal\n          isOpen={showNoWinModal}\n          onClose={handleCloseNoWinModal}\n          title={resolvedTryAgainTitle}\n          message={resolvedTryAgainMessage}\n          confirmText={resolvedTryAgainConfirmText}\n          theme={theme}\n        />\n\n        {/* Share Modal */}\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          theme={theme}\n        />\n      </div>\n    )\n  }\n)\n\nProductLottery.displayName = 'ProductLottery'\n\nexport default withLayout(ProductLottery)\nexport { WinnerModal } from '../LotteryShared/WinnerModal.js'\nexport { RulesModal } from '../LotteryShared/RulesModal.js'\nexport { MyRewardsModal } from '../LotteryShared/MyRewardsModal.js'\nexport { ErrorModal } from '../LotteryShared/ErrorModal.js'\nexport { ShareModal } from '../LotteryShared/ShareModal.js'\nexport { BaseModal } from '../LotteryShared/BaseModal.js'\nexport type {\n  ProductLotteryProps,\n  ProductLotteryHandle,\n  MediaConfig,\n  CtaButtonConfig,\n  MediaDrawAreaProps,\n} from './types.js'\nexport type {\n  Prize,\n  ChanceMethod,\n  ChanceMethodStatus,\n  WinningInfo,\n  PrizePoolProps,\n  ChanceMethodsProps,\n  WinnerModalProps,\n  WinnerModalConfig,\n  UserData,\n  ShareModalConfig,\n  SocialPlatform,\n  SharePlatformConfig,\n} from '../LotteryShared/types.js'\nexport type { RulesModalProps, RuleItem } from '../LotteryShared/RulesModal.js'\nexport type { MyRewardsModalProps, Reward, RewardStatus } from '../LotteryShared/MyRewardsModal.js'\nexport type { ErrorModalProps } from '../LotteryShared/ErrorModal.js'\nexport type { ShareModalProps } from '../LotteryShared/ShareModal.js'\nexport type { BaseModalProps } from '../LotteryShared/BaseModal.js'\nexport type { ContainerProps } from '../../shared/Styles.js'\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "useState", "useCallback", "useImperativeHandle", "forwardRef", "useEffect", "useRef", "cn", "DEFAULT_CHANCE_TITLE", "DEFAULT_CHANCE_METHODS", "Grid", "GridItem", "MediaDrawArea", "PrizePool", "ChanceMethods", "WinnerModal", "RulesModal", "MyRewardsModal", "ErrorModal", "ShareModal", "withLayout", "gaTrack", "useAiuiContext", "useExposure", "trackUrlRef", "buildTrackingRef", "LOTTERY_COMPONENT_TYPE", "LOTTERY_COMPONENT_NAME", "LOTTERY_COMPONENT_TITLE", "LOTTERY_CLICK_TYPE", "LOTTERY_MODAL_COMPONENT_NAME", "LOTTERY_MODAL_COMPONENT_TYPE", "ProductLottery", "prizes", "media", "theme", "ctaButton", "videoAutoPlay", "videoMuted", "videoLoop", "chanceMethods", "chanceTitle", "chanceSubtitle", "chanceFooterNote", "chanceMethodsText", "mechanismType", "inputConfig", "inputPlaceholder", "inputSubmitText", "inputType", "inputValidationErrorText", "winnerTickerData", "winningInfos", "winnerNameTemplate", "prizesTitle", "onDrawStart", "onDrawEnd", "onDrawError", "winnerModalConfig", "rulesModalConfig", "actionButtonConfig", "myRewardsModalConfig", "errorModalConfig", "shareModalConfig", "error", "tryAgain", "userData", "loginPrompt", "loginPromptText", "loginButtonText", "noChances", "noChancesText", "onLoginRequired", "onCopyCode", "opportunitiesPrefix", "opportunitiesText", "dealsType", "className", "ref", "resolvedLoginPrompt", "resolvedNoChances", "resolvedOpportunitiesText", "resolvedInputConfig", "resolvedErrorConfig", "resolvedWinnerConfig", "rulesData", "rulesText", "shouldShowActionButton", "rewardsData", "myRewardsText", "codeText", "copyText", "copiedText", "prizeText", "emptyText", "copyError", "availableText", "usedStatusText", "expiredText", "notFoundText", "completedText", "usedText", "isLoggedIn", "availableChances", "hasRightPanel", "hasAgreementNotice", "showNoChancesOverlay", "isDrawing", "setIsDrawing", "winningPrize", "setWinningPrize", "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", "isAgreementChecked", "setIsAgreementChecked", "containerRef", "trackingData", "pageHandle", "message", "title", "confirmText", "config", "prize", "handleDrawStart", "prizeId", "p", "handleDrawClick", "handleCloseWinnerModal", "handleCloseNoWinModal", "resolvedTryAgainTitle", "resolvedTryAgainMessage", "resolvedTryAgainConfirmText", "checked", "ProductLottery_default", "BaseModal"]
 }

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

@@ -82,6 +82,40 @@ export interface CtaButtonConfig {
      */
     style?: 'primary' | 'secondary' | 'outline';
 }
+/**
+ * 错误弹窗配置（ErrorConfig）
+ *
+ * 对齐 CMS `error` group 字段结构。
+ *
+ * CMS 字段映射:
+ * - `title`                  → 弹窗标题
+ * - `defaultMessage`         → 默认错误内容文案
+ * - `confirmButton`          → 确认按钮文案
+ * - `exchangeFailedTitle`    → 兑换失败弹窗标题
+ * - `exchangeFailedMessage`  → 兑换失败弹窗内容
+ */
+export interface ErrorConfig {
+    title?: string;
+    defaultMessage?: string;
+    confirmButton?: string;
+    exchangeFailedTitle?: string;
+    exchangeFailedMessage?: string;
+}
+/**
+ * 未中奖弹窗配置（TryAgainConfig）
+ *
+ * 对齐 CMS `tryAgain` group 字段结构。
+ *
+ * CMS 字段映射:
+ * - `title`       → 弹窗标题
+ * - `message`     → 内容文案
+ * - `confirmText` → 确认按钮文案
+ */
+export interface TryAgainConfig {
+    title?: string;
+    message?: string;
+    confirmText?: string;
+}
 /**
  * ProductLottery 组件命令式控制接口
  *
@@ -239,6 +273,12 @@ export interface ProductLotteryProps {
     theme?: Theme;
     /** CTA 按钮配置 */
     ctaButton?: CtaButtonConfig;
+    /**
+     * 抽奖活动类型（CMS: `dealsType`）
+     * 用于标识抽奖活动的唯一类型，如：`ipc-2614`
+     * @optional
+     */
+    dealsType?: string;
     /**
      * 获取机会方式数组
      * @optional
@@ -250,8 +290,32 @@ export interface ProductLotteryProps {
      * @optional
      */
     mechanismType?: ChanceMechanismType;
+    /**
+     * 输入框占位文本（CMS: `inputPlaceholder`）
+     * @default "Enter your order number"
+     * @optional
+     */
+    inputPlaceholder?: string;
+    /**
+     * 提交按钮文案（CMS: `inputSubmitText`）
+     * @default "Spin and Win"
+     * @optional
+     */
+    inputSubmitText?: string;
+    /**
+     * 输入框类型（CMS: `inputType`）
+     * @default "text"
+     * @optional
+     */
+    inputType?: 'text' | 'email' | 'number';
+    /**
+     * 输入格式错误提示文案（CMS: `inputValidationErrorText`）
+     * @optional
+     */
+    inputValidationErrorText?: string;
     /**
      * 输入框配置（当 mechanismType 为 'input' 时使用）
+     * @deprecated Use flat input fields (`inputPlaceholder`, `inputSubmitText`, `inputType`, `inputValidationErrorText`) instead (CMS field names)
      * @optional
      */
     inputConfig?: ChanceInputConfig;
@@ -273,10 +337,21 @@ export interface ProductLotteryProps {
         loadingText?: string;
     };
     /**
-     * 中奖信息数组，用于底部滚动条展示
+     * 中奖弹窗配置（CMS: `winningInfos` group — 主名称）
+     *
+     * CMS 中 `winningInfos` 是中奖弹窗配置 group，字段：
+     * `title`、`confirmButton`、`confirmUrl`、`learnMoreUrl`、`learnMoreText`。
+     */
+    winningInfos?: WinnerModalConfig;
+    /**
+     * 底部滚动条中奖人名单数据
+     *
+     * 原 `winningInfos: WinningInfo[]` 重命名为 `winnerTickerData` 以避免
+     * 与 CMS `winningInfos` group 命名冲突。
+     *
      * @default []
      */
-    winningInfos?: WinningInfo[];
+    winnerTickerData?: WinningInfo[];
     /**
      * 中奖滚动 Ticker 文案模板，支持 {{name}} 和 {{prize}} 变量
      * @default "{{name}} just won {{prize}}!"
@@ -308,14 +383,46 @@ export interface ProductLotteryProps {
     actionButtonConfig?: ActionButtonConfig;
     /** 我的奖励弹窗配置 */
     myRewardsModalConfig?: MyRewardsModalConfig;
-    /** 错误弹窗配置 */
+    /**
+     * 错误弹窗配置（CMS: `error` group — 主名称）
+     *
+     * 字段：`title`、`defaultMessage`、`confirmButton`、
+     * `exchangeFailedTitle`、`exchangeFailedMessage`。
+     */
+    error?: ErrorConfig;
+    /**
+     * 未中奖弹窗配置（CMS: `tryAgain` group）
+     *
+     * 字段：`title`、`message`、`confirmText`。
+     */
+    tryAgain?: TryAgainConfig;
+    /**
+     * 错误弹窗配置（旧版）
+     * @deprecated Use `error` instead (CMS field name)
+     */
     errorModalConfig?: ErrorModalConfig;
     /** 分享弹窗配置 */
     shareModalConfig?: ShareModalConfig;
+    /**
+     * 未登录时的提示文案（CMS: `loginPrompt`）
+     * @default "Please log in to participate in the lottery"
+     */
+    loginPrompt?: string;
+    /**
+     * 次数不足时的提示文案（CMS: `noChances`）
+     * @default "You have no chances left. Get more chances below!"
+     */
+    noChances?: string;
+    /**
+     * 机会进度前缀文案（CMS: `opportunitiesPrefix`）
+     * @default "Number of draws remaining today: "
+     */
+    opportunitiesPrefix?: string;
     /** 用户数据 */
     userData?: UserData;
     /**
      * 未登录时的提示文案
+     * @deprecated Use `loginPrompt` instead (CMS field name)
      * @default "Please log in to participate"
      */
     loginPromptText?: string;
@@ -326,6 +433,7 @@ export interface ProductLotteryProps {
     loginButtonText?: string;
     /**
      * 次数不足时的提示文案
+     * @deprecated Use `noChances` instead (CMS field name)
      * @default "You have no chances left"
      */
     noChancesText?: string;
@@ -336,7 +444,8 @@ export interface ProductLotteryProps {
     /** 复制优惠码回调 */
     onCopyCode?: (code: string) => void;
     /**
-     * 机会进度文案
+     * 机会进度文案数组（旧版，首元素为前缀，次元素为后缀）
+     * @deprecated Use `opportunitiesPrefix` instead (CMS field name)
      * @default ["Number of draws remaining today:"]
      */
     opportunitiesText?: string[];

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

@@ -1,2 +1,2 @@
-const e={text:"",style:"primary"},o="Want more chances to win?";export{o as DEFAULT_CHANCE_TITLE,e as DEFAULT_CTA_BUTTON};
+const e={text:"",style:"primary"},i="Want more chances to win?";export{i as DEFAULT_CHANCE_TITLE,e as DEFAULT_CTA_BUTTON};
 //# sourceMappingURL=types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/ProductLottery/types.ts"],
-  "sourcesContent": ["/**\n * ProductLottery - \u4EA7\u54C1\u62BD\u5956\u7EC4\u4EF6\u7C7B\u578B\u5B9A\u4E49\n *\n * \u57FA\u4E8E\u5A92\u4F53\u5C55\u793A\uFF08\u56FE\u7247/\u89C6\u9891\uFF09\u7684\u62BD\u5956\u7EC4\u4EF6\uFF0C\u70B9\u51FB CTA \u6309\u94AE\u89E6\u53D1\u62BD\u5956\u3002\n * \u5171\u4EAB\u7C7B\u578B\u6765\u81EA LotteryShared/types.ts\u3002\n *\n * @module ProductLotteryTypes\n * @date 2026-04-07\n */\n\nimport type {\n  Prize,\n  WinnerModalConfig,\n  ShareModalConfig,\n  ChanceMethod,\n  WinningInfo,\n  RulesModalConfig,\n  ActionButtonConfig,\n  MyRewardsModalConfig,\n  ErrorModalConfig,\n  UserData,\n  ChanceMechanismType,\n  ChanceInputConfig,\n} from '../LotteryShared/types.js'\n\nimport type { Theme, Media } from '../../types/props.js'\n\n// Re-export shared types for convenience\nexport type { Theme, Media }\n\n// ============================================================================\n// \u5A92\u4F53\u914D\u7F6E\u7C7B\u578B\n// ============================================================================\n\n/**\n * \u5A92\u4F53\u914D\u7F6E\uFF08MediaConfig\uFF09\n *\n * \u7CBE\u786E\u5BF9\u9F50 CMS block \u5B57\u6BB5\u7ED3\u6784\uFF0C\u76F4\u63A5\u6620\u5C04\u65E0\u9700\u989D\u5916\u8F6C\u6362\u3002\n *\n * @example\n * ```tsx\n * // \u56FE\u7247\u6A21\u5F0F\uFF08\u54CD\u5E94\u5F0F\uFF09\n * const imageMedia: MediaConfig = {\n *   type: 'image',\n *   image:          { url: '/img/banner-sm.jpg',  alt: 'Banner', thumbnailURL: '' },\n *   imageTablet:    { url: '/img/banner-md.jpg',  alt: 'Banner', thumbnailURL: '' },\n *   imageLaptop:    { url: '/img/banner-lg.jpg',  alt: 'Banner', thumbnailURL: '' },\n *   imageDesktop:   { url: '/img/banner-xl.jpg',  alt: 'Banner', thumbnailURL: '' },\n *   imageLgDesktop: { url: '/img/banner-xxl.jpg', alt: 'Banner', thumbnailURL: '' },\n * }\n *\n * // \u89C6\u9891\u6A21\u5F0F\n * const videoMedia: MediaConfig = {\n *   type: 'video',\n *   video: {\n *     url: 'https://cdn.example.com/promo.mp4',\n *     alt: 'Product Lottery Video',\n *     thumbnailURL: 'https://cdn.example.com/poster.jpg',\n *     mimeType: 'video/mp4',\n *   },\n * }\n * ```\n */\nexport interface MediaConfig {\n  /** \u5A92\u4F53\u7C7B\u578B */\n  type: 'image' | 'video'\n\n  // \u2014\u2014 \u56FE\u7247\u5B57\u6BB5\uFF08type === 'image' \u65F6\u4F7F\u7528\uFF09\u2014\u2014\n\n  /** \u9ED8\u8BA4/\u79FB\u52A8\u7AEF\u56FE\u7247\uFF08<768px\uFF09 */\n  image?: Media\n  /** \u5E73\u677F\u7AEF\u56FE\u7247\uFF08\u2265768px\uFF09 */\n  imageTablet?: Media\n  /** \u5C0F\u684C\u9762\u56FE\u7247\uFF08\u22651025px\uFF09 */\n  imageLaptop?: Media\n  /** \u5927\u684C\u9762\u56FE\u7247\uFF08\u22651440px\uFF09 */\n  imageDesktop?: Media\n  /** \u8D85\u5927\u5C4F\u56FE\u7247\uFF08\u22651920px\uFF09 */\n  imageLgDesktop?: Media\n\n  // \u2014\u2014 \u89C6\u9891\u5B57\u6BB5\uFF08type === 'video' \u65F6\u4F7F\u7528\uFF09\u2014\u2014\n\n  /** \u89C6\u9891\u5A92\u4F53\uFF08mimeType: 'video/mp4'\uFF0CthumbnailURL \u4F5C\u5C01\u9762\u56FE\uFF09 */\n  video?: Media\n}\n\n// ============================================================================\n// CTA \u6309\u94AE\u914D\u7F6E\n// ============================================================================\n\n/**\n * CTA \u6309\u94AE\u914D\u7F6E\uFF08CtaButtonConfig\uFF09\n *\n * \u914D\u7F6E\u8986\u76D6\u5728\u5A92\u4F53\u533A\u57DF\u4E0A\u7684\u884C\u52A8\u53F7\u53EC\u6309\u94AE\u3002\n *\n * @example\n * ```tsx\n * const ctaButton: CtaButtonConfig = {\n *   text: 'Join the Draw',\n *   style: 'primary',\n * }\n * ```\n */\nexport interface CtaButtonConfig {\n  /**\n   * \u6309\u94AE\u6587\u6848\n   * @default \"Join the Draw\"\n   * @optional\n   */\n  text?: string\n\n  /**\n   * \u6309\u94AE\u6837\u5F0F\n   * @default \"primary\"\n   * @optional\n   */\n  style?: 'primary' | 'secondary' | 'outline'\n}\n\n// ============================================================================\n// Imperative Handle \u63A5\u53E3\n// ============================================================================\n\n/**\n * ProductLottery \u7EC4\u4EF6\u547D\u4EE4\u5F0F\u63A7\u5236\u63A5\u53E3\n *\n * \u901A\u8FC7 ref \u66B4\u9732\u7ED9\u7236\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5916\u90E8\u63A7\u5236\u5F39\u7A97\u7B49\u72B6\u6001\u3002\n * \u4E0E WheelLotteryHandle \u4FDD\u6301\u4E00\u81F4\u7684\u5F39\u7A97\u63A7\u5236\u65B9\u6CD5\u3002\n *\n * @example\n * ```tsx\n * const lotteryRef = useRef<ProductLotteryHandle>(null)\n *\n * <ProductLottery ref={lotteryRef} prizes={prizes} media={media} />\n *\n * // \u5916\u90E8\u89E6\u53D1\u9519\u8BEF\u5F39\u7A97\n * lotteryRef.current?.showError({\n *   title: 'Network Error',\n *   message: 'Failed to connect to server',\n *   confirmText: 'Retry'\n * })\n *\n * // \u663E\u793A\u89C4\u5219\u5F39\u7A97\n * lotteryRef.current?.showRules()\n *\n * // \u5173\u95ED\u6240\u6709\u5F39\u7A97\n * lotteryRef.current?.hideAllModals()\n * ```\n */\nexport interface ProductLotteryHandle {\n  /** \u663E\u793A\u9519\u8BEF\u5F39\u7A97 */\n  showError: (config: { message: string; title?: string; confirmText?: string }) => void\n\n  /** \u9690\u85CF\u9519\u8BEF\u5F39\u7A97 */\n  hideError: () => void\n\n  /** \u663E\u793A\u672A\u4E2D\u5956\u5F39\u7A97 */\n  showNoWin: (config?: { title?: string; message?: string; confirmText?: string }) => void\n\n  /** \u9690\u85CF\u672A\u4E2D\u5956\u5F39\u7A97 */\n  hideNoWin: () => void\n\n  /** \u663E\u793A\u4E2D\u5956\u5F39\u7A97 */\n  showWinner: (prize: Prize, config?: Partial<WinnerModalConfig>) => void\n\n  /** \u9690\u85CF\u4E2D\u5956\u5F39\u7A97 */\n  hideWinner: () => void\n\n  /** \u663E\u793A\u89C4\u5219\u5F39\u7A97 */\n  showRules: () => void\n\n  /** \u9690\u85CF\u89C4\u5219\u5F39\u7A97 */\n  hideRules: () => void\n\n  /** \u663E\u793A\u6211\u7684\u5956\u52B1\u5F39\u7A97 */\n  showRewards: () => void\n\n  /** \u9690\u85CF\u6211\u7684\u5956\u52B1\u5F39\u7A97 */\n  hideRewards: () => void\n\n  /** \u663E\u793A\u5206\u4EAB\u5F39\u7A97 */\n  showShare: (config?: Partial<ShareModalConfig>) => void\n\n  /** \u9690\u85CF\u5206\u4EAB\u5F39\u7A97 */\n  hideShare: () => void\n\n  /** \u5173\u95ED\u6240\u6709\u5F39\u7A97 */\n  hideAllModals: () => void\n}\n\n// ============================================================================\n// MediaDrawArea \u5B50\u7EC4\u4EF6 Props\n// ============================================================================\n\n/**\n * MediaDrawArea \u5B50\u7EC4\u4EF6 Props\n *\n * \u5A92\u4F53\u62BD\u5956\u533A\u57DF\uFF0C\u5C55\u793A\u56FE\u7247/\u89C6\u9891\u5E76\u53E0\u52A0 CTA \u6309\u94AE\u3002\n */\nexport interface MediaDrawAreaProps {\n  /** \u4E3B\u9898\u6A21\u5F0F */\n  theme?: Theme\n\n  /** \u5A92\u4F53\u914D\u7F6E\uFF08\u5FC5\u9700\uFF09 */\n  media: MediaConfig\n\n  /** CTA \u6309\u9492\u914D\u7F6E */\n  ctaButton?: CtaButtonConfig\n\n  /**\n   * \u89C6\u9891\u81EA\u52A8\u64AD\u653E\uFF08\u4EC5 mimeType='video/mp4' \u65F6\u6709\u6548\uFF09\n   * @default true\n   */\n  videoAutoPlay?: boolean\n\n  /**\n   * \u89C6\u9891\u9759\u97F3\uFF08\u4EC5 mimeType='video/mp4' \u65F6\u6709\u6548\uFF09\n   * @default true\n   */\n  videoMuted?: boolean\n\n  /**\n   * \u89C6\u9891\u5FAA\u73AF\uFF08\u4EC5 mimeType='video/mp4' \u65F6\u6709\u6548\uFF09\n   * @default true\n   */\n  videoLoop?: boolean\n\n  /** \u662F\u5426\u6B63\u5728\u62BD\u5956\u4E2D */\n  isDrawing?: boolean\n\n  /** \u662F\u5426\u7981\u7528\uFF08\u672A\u767B\u5F55\u6216\u65E0\u6B21\u6570\uFF09 */\n  isDisabled?: boolean\n\n  /** \u70B9\u51FB\u62BD\u5956\u56DE\u8C03 */\n  onClick: () => void\n\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n\n  /** \u70B9\u51FB\u8FFD\u8E2A\uFF1Adata-headless-type-name \u5C5E\u6027\u503C\uFF0C\u683C\u5F0F `{clickType}#{componentName}` */\n  ctaTrackTypeName?: string\n\n  /** \u70B9\u51FB\u8FFD\u8E2A\uFF1Adata-headless-title-desc-button \u5C5E\u6027\u503C\uFF0C\u683C\u5F0F `{title}#{desc}#{buttonName}` */\n  ctaTrackTitleDescButton?: string\n}\n\n// ============================================================================\n// \u4E3B\u7EC4\u4EF6 Props\n// ============================================================================\n\n/**\n * ProductLottery \u7EC4\u4EF6 Props\n *\n * \u57FA\u4E8E\u5A92\u4F53\u5C55\u793A\u7684\u4EA7\u54C1\u62BD\u5956\u7EC4\u4EF6\u3002\u5DE6\u4FA7\u4E3A\u53EF\u70B9\u51FB\u7684\u5A92\u4F53\u533A\u57DF\uFF08\u56FE\u7247/\u89C6\u9891\uFF09\uFF0C\n * \u53F3\u4FA7\u4E3A\u83B7\u53D6\u673A\u4F1A\u533A\u57DF\uFF0C\u5E95\u90E8\u4E3A\u5956\u54C1\u6C60\u3002\n *\n * @example\n * ```tsx\n * <ProductLottery\n *   prizes={prizes}\n *   media={{ type: 'image', src: '/banner.jpg', alt: 'Lottery' }}\n *   ctaButton={{ text: 'Draw Now' }}\n *   onDrawStart={async () => {\n *     const result = await fetch('/api/lottery')\n *     const data = await result.json()\n *     return data.prizeId\n *   }}\n *   onDrawEnd={(prize) => console.log('Won:', prize.name)}\n * />\n * ```\n */\nexport interface ProductLotteryProps {\n  // ========== \u5FC5\u9700 Props ==========\n\n  /**\n   * 8 \u4E2A\u5956\u54C1\u6570\u7EC4\uFF08\u5FC5\u9700\uFF09\n   * @minLength 8\n   * @maxLength 8\n   */\n  prizes: Prize[]\n\n  /**\n   * \u5A92\u4F53\u914D\u7F6E\uFF08\u5FC5\u9700\uFF09\n   * \u914D\u7F6E\u5DE6\u4FA7\u62BD\u5956\u533A\u57DF\u5C55\u793A\u7684\u56FE\u7247\u6216\u89C6\u9891\uFF0C\u65E0\u9700 type/src \u5305\u88C5\u5C42\n   */\n  media: MediaConfig\n\n  /**\n   * \u89C6\u9891\u81EA\u52A8\u64AD\u653E\uFF08\u5F53 media.mimeType === 'video/mp4' \u65F6\u751F\u6548\uFF09\n   * @default true\n   * @optional\n   */\n  videoAutoPlay?: boolean\n\n  /**\n   * \u89C6\u9891\u9759\u97F3\uFF08\u5F53 media.mimeType === 'video/mp4' \u65F6\u751F\u6548\uFF09\n   * @default true\n   * @optional\n   */\n  videoMuted?: boolean\n\n  /**\n   * \u89C6\u9891\u5FAA\u73AF\uFF08\u5F53 media.mimeType === 'video/mp4' \u65F6\u751F\u6548\uFF09\n   * @default true\n   * @optional\n   */\n  videoLoop?: boolean\n\n  // ========== \u4E3B\u9898\u548C\u6837\u5F0F ==========\n\n  /** \u4E3B\u9898\u6A21\u5F0F */\n  theme?: Theme\n\n  /** CTA \u6309\u94AE\u914D\u7F6E */\n  ctaButton?: CtaButtonConfig\n\n  // ========== \u83B7\u53D6\u673A\u4F1A\u533A\u57DF Props ==========\n\n  /**\n   * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u6570\u7EC4\n   * @optional\n   */\n  chanceMethods?: ChanceMethod[]\n\n  /**\n   * \u83B7\u53D6\u673A\u4F1A\u533A\u57DF\u673A\u5236\u7C7B\u578B\n   * @default \"methods\"\n   * @optional\n   */\n  mechanismType?: ChanceMechanismType\n\n  /**\n   * \u8F93\u5165\u6846\u914D\u7F6E\uFF08\u5F53 mechanismType \u4E3A 'input' \u65F6\u4F7F\u7528\uFF09\n   * @optional\n   */\n  inputConfig?: ChanceInputConfig\n\n  /**\n   * \u83B7\u53D6\u673A\u4F1A\u533A\u57DF\u6807\u9898\n   * @default \"Want more chances to win?\"\n   * @optional\n   */\n  chanceTitle?: string\n\n  /** \u83B7\u53D6\u673A\u4F1A\u533A\u57DF\u526F\u6807\u9898 */\n  chanceSubtitle?: string\n\n  /** \u83B7\u53D6\u673A\u4F1A\u533A\u57DF\u5E95\u90E8\u63D0\u793A */\n  chanceFooterNote?: string\n\n  /** \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u6587\u6848\u914D\u7F6E */\n  chanceMethodsText?: {\n    chanceBadgeText?: string\n    completedText?: string\n    usedText?: string\n    loadingText?: string\n  }\n\n  // ========== \u4E2D\u5956\u4FE1\u606F Props ==========\n\n  /**\n   * \u4E2D\u5956\u4FE1\u606F\u6570\u7EC4\uFF0C\u7528\u4E8E\u5E95\u90E8\u6EDA\u52A8\u6761\u5C55\u793A\n   * @default []\n   */\n  winningInfos?: WinningInfo[]\n\n  /**\n   * \u4E2D\u5956\u6EDA\u52A8 Ticker \u6587\u6848\u6A21\u677F\uFF0C\u652F\u6301 {{name}} \u548C {{prize}} \u53D8\u91CF\n   * @default \"{{name}} just won {{prize}}!\"\n   * @optional\n   */\n  winnerNameTemplate?: string\n\n  /** \u5956\u54C1\u6C60\u5C55\u793A\u533A\u57DF\u6807\u9898 */\n  prizesTitle?: string\n\n  // ========== \u56DE\u8C03\u51FD\u6570 Props ==========\n\n  /**\n   * \u62BD\u5956\u5F00\u59CB\u65F6\u7684\u56DE\u8C03\uFF0C\u8FD4\u56DE Promise \u4EE5\u652F\u6301\u5F02\u6B65\u63A5\u53E3\u8C03\u7528\n   * @returns Promise<string> - \u4E2D\u5956\u5956\u54C1\u7684 prizeKey\n   */\n  onDrawStart?: () => Promise<string>\n\n  /**\n   * \u62BD\u5956\u7ED3\u675F\u65F6\u7684\u56DE\u8C03\uFF0C\u4F20\u9012\u4E2D\u5956\u5956\u54C1\n   * @param prize \u4E2D\u5956\u5956\u54C1\u5BF9\u8C61\n   */\n  onDrawEnd?: (prize: Prize) => void\n\n  /**\n   * \u62BD\u5956\u9519\u8BEF\u65F6\u7684\u56DE\u8C03\n   * @param error \u9519\u8BEF\u4FE1\u606F\n   */\n  onDrawError?: (error: Error) => void\n\n  // ========== \u5F39\u7A97\u914D\u7F6E Props ==========\n\n  /** \u4E2D\u5956\u5F39\u7A97\u914D\u7F6E */\n  winnerModalConfig?: WinnerModalConfig\n\n  /** \u89C4\u5219\u5F39\u7A97\u914D\u7F6E */\n  rulesModalConfig?: RulesModalConfig\n\n  /** \u9876\u680F\u53F3\u4FA7\u8DF3\u8F6C\u6309\u94AE\u914D\u7F6E\uFF1B\u672A\u914D\u7F6E text \u6216 url \u65F6\u4E0D\u5C55\u793A */\n  actionButtonConfig?: ActionButtonConfig\n\n  /** \u6211\u7684\u5956\u52B1\u5F39\u7A97\u914D\u7F6E */\n  myRewardsModalConfig?: MyRewardsModalConfig\n\n  /** \u9519\u8BEF\u5F39\u7A97\u914D\u7F6E */\n  errorModalConfig?: ErrorModalConfig\n\n  /** \u5206\u4EAB\u5F39\u7A97\u914D\u7F6E */\n  shareModalConfig?: ShareModalConfig\n\n  // ========== \u7528\u6237\u76F8\u5173 Props ==========\n\n  /** \u7528\u6237\u6570\u636E */\n  userData?: UserData\n\n  /**\n   * \u672A\u767B\u5F55\u65F6\u7684\u63D0\u793A\u6587\u6848\n   * @default \"Please log in to participate\"\n   */\n  loginPromptText?: string\n\n  /**\n   * \u767B\u5F55\u6309\u94AE\u6587\u6848\n   * @default \"Log In\"\n   */\n  loginButtonText?: string\n\n  /**\n   * \u6B21\u6570\u4E0D\u8DB3\u65F6\u7684\u63D0\u793A\u6587\u6848\n   * @default \"You have no chances left\"\n   */\n  noChancesText?: string\n\n  /**\n   * \u672A\u767B\u5F55\u65F6\u70B9\u51FB\u62BD\u5956\u7684\u56DE\u8C03\n   */\n  onLoginRequired?: () => void\n\n  // ========== \u5176\u4ED6\u914D\u7F6E ==========\n\n  /** \u590D\u5236\u4F18\u60E0\u7801\u56DE\u8C03 */\n  onCopyCode?: (code: string) => void\n\n  /**\n   * \u673A\u4F1A\u8FDB\u5EA6\u6587\u6848\n   * @default [\"Number of draws remaining today:\"]\n   */\n  opportunitiesText?: string[]\n\n  /** \u81EA\u5B9A\u4E49 CSS \u7C7B\u540D */\n  className?: string\n}\n\n// ============================================================================\n// \u9ED8\u8BA4\u914D\u7F6E\n// ============================================================================\n\n/** \u9ED8\u8BA4 CTA \u6309\u94AE\u914D\u7F6E */\nexport const DEFAULT_CTA_BUTTON: CtaButtonConfig = {\n  text: '',\n  style: 'primary',\n}\n\n/** \u9ED8\u8BA4\u83B7\u53D6\u673A\u4F1A\u533A\u57DF\u6807\u9898 */\nexport const DEFAULT_CHANCE_TITLE = 'Want more chances to win?'\n"],
-  "mappings": "AAgdO,MAAMA,EAAsC,CACjD,KAAM,GACN,MAAO,SACT,EAGaC,EAAuB",
+  "sourcesContent": ["/**\n * ProductLottery - \u4EA7\u54C1\u62BD\u5956\u7EC4\u4EF6\u7C7B\u578B\u5B9A\u4E49\n *\n * \u57FA\u4E8E\u5A92\u4F53\u5C55\u793A\uFF08\u56FE\u7247/\u89C6\u9891\uFF09\u7684\u62BD\u5956\u7EC4\u4EF6\uFF0C\u70B9\u51FB CTA \u6309\u94AE\u89E6\u53D1\u62BD\u5956\u3002\n * \u5171\u4EAB\u7C7B\u578B\u6765\u81EA LotteryShared/types.ts\u3002\n *\n * @module ProductLotteryTypes\n * @date 2026-04-07\n */\n\nimport type {\n  Prize,\n  WinnerModalConfig,\n  ShareModalConfig,\n  ChanceMethod,\n  WinningInfo,\n  RulesModalConfig,\n  ActionButtonConfig,\n  MyRewardsModalConfig,\n  ErrorModalConfig,\n  UserData,\n  ChanceMechanismType,\n  ChanceInputConfig,\n} from '../LotteryShared/types.js'\n\nimport type { Theme, Media } from '../../types/props.js'\n\n// Re-export shared types for convenience\nexport type { Theme, Media }\n\n// ============================================================================\n// \u5A92\u4F53\u914D\u7F6E\u7C7B\u578B\n// ============================================================================\n\n/**\n * \u5A92\u4F53\u914D\u7F6E\uFF08MediaConfig\uFF09\n *\n * \u7CBE\u786E\u5BF9\u9F50 CMS block \u5B57\u6BB5\u7ED3\u6784\uFF0C\u76F4\u63A5\u6620\u5C04\u65E0\u9700\u989D\u5916\u8F6C\u6362\u3002\n *\n * @example\n * ```tsx\n * // \u56FE\u7247\u6A21\u5F0F\uFF08\u54CD\u5E94\u5F0F\uFF09\n * const imageMedia: MediaConfig = {\n *   type: 'image',\n *   image:          { url: '/img/banner-sm.jpg',  alt: 'Banner', thumbnailURL: '' },\n *   imageTablet:    { url: '/img/banner-md.jpg',  alt: 'Banner', thumbnailURL: '' },\n *   imageLaptop:    { url: '/img/banner-lg.jpg',  alt: 'Banner', thumbnailURL: '' },\n *   imageDesktop:   { url: '/img/banner-xl.jpg',  alt: 'Banner', thumbnailURL: '' },\n *   imageLgDesktop: { url: '/img/banner-xxl.jpg', alt: 'Banner', thumbnailURL: '' },\n * }\n *\n * // \u89C6\u9891\u6A21\u5F0F\n * const videoMedia: MediaConfig = {\n *   type: 'video',\n *   video: {\n *     url: 'https://cdn.example.com/promo.mp4',\n *     alt: 'Product Lottery Video',\n *     thumbnailURL: 'https://cdn.example.com/poster.jpg',\n *     mimeType: 'video/mp4',\n *   },\n * }\n * ```\n */\nexport interface MediaConfig {\n  /** \u5A92\u4F53\u7C7B\u578B */\n  type: 'image' | 'video'\n\n  // \u2014\u2014 \u56FE\u7247\u5B57\u6BB5\uFF08type === 'image' \u65F6\u4F7F\u7528\uFF09\u2014\u2014\n\n  /** \u9ED8\u8BA4/\u79FB\u52A8\u7AEF\u56FE\u7247\uFF08<768px\uFF09 */\n  image?: Media\n  /** \u5E73\u677F\u7AEF\u56FE\u7247\uFF08\u2265768px\uFF09 */\n  imageTablet?: Media\n  /** \u5C0F\u684C\u9762\u56FE\u7247\uFF08\u22651025px\uFF09 */\n  imageLaptop?: Media\n  /** \u5927\u684C\u9762\u56FE\u7247\uFF08\u22651440px\uFF09 */\n  imageDesktop?: Media\n  /** \u8D85\u5927\u5C4F\u56FE\u7247\uFF08\u22651920px\uFF09 */\n  imageLgDesktop?: Media\n\n  // \u2014\u2014 \u89C6\u9891\u5B57\u6BB5\uFF08type === 'video' \u65F6\u4F7F\u7528\uFF09\u2014\u2014\n\n  /** \u89C6\u9891\u5A92\u4F53\uFF08mimeType: 'video/mp4'\uFF0CthumbnailURL \u4F5C\u5C01\u9762\u56FE\uFF09 */\n  video?: Media\n}\n\n// ============================================================================\n// CTA \u6309\u94AE\u914D\u7F6E\n// ============================================================================\n\n/**\n * CTA \u6309\u94AE\u914D\u7F6E\uFF08CtaButtonConfig\uFF09\n *\n * \u914D\u7F6E\u8986\u76D6\u5728\u5A92\u4F53\u533A\u57DF\u4E0A\u7684\u884C\u52A8\u53F7\u53EC\u6309\u94AE\u3002\n *\n * @example\n * ```tsx\n * const ctaButton: CtaButtonConfig = {\n *   text: 'Join the Draw',\n *   style: 'primary',\n * }\n * ```\n */\nexport interface CtaButtonConfig {\n  /**\n   * \u6309\u94AE\u6587\u6848\n   * @default \"Join the Draw\"\n   * @optional\n   */\n  text?: string\n\n  /**\n   * \u6309\u94AE\u6837\u5F0F\n   * @default \"primary\"\n   * @optional\n   */\n  style?: 'primary' | 'secondary' | 'outline'\n}\n\n// ============================================================================\n// \u9519\u8BEF\u5F39\u7A97\u914D\u7F6E\uFF08CMS error group\uFF09\n// ============================================================================\n\n/**\n * \u9519\u8BEF\u5F39\u7A97\u914D\u7F6E\uFF08ErrorConfig\uFF09\n *\n * \u5BF9\u9F50 CMS `error` group \u5B57\u6BB5\u7ED3\u6784\u3002\n *\n * CMS \u5B57\u6BB5\u6620\u5C04:\n * - `title`                  \u2192 \u5F39\u7A97\u6807\u9898\n * - `defaultMessage`         \u2192 \u9ED8\u8BA4\u9519\u8BEF\u5185\u5BB9\u6587\u6848\n * - `confirmButton`          \u2192 \u786E\u8BA4\u6309\u94AE\u6587\u6848\n * - `exchangeFailedTitle`    \u2192 \u5151\u6362\u5931\u8D25\u5F39\u7A97\u6807\u9898\n * - `exchangeFailedMessage`  \u2192 \u5151\u6362\u5931\u8D25\u5F39\u7A97\u5185\u5BB9\n */\nexport interface ErrorConfig {\n  title?: string\n  defaultMessage?: string\n  confirmButton?: string\n  exchangeFailedTitle?: string\n  exchangeFailedMessage?: string\n}\n\n// ============================================================================\n// \u672A\u4E2D\u5956\u5F39\u7A97\u914D\u7F6E\uFF08CMS tryAgain group\uFF09\n// ============================================================================\n\n/**\n * \u672A\u4E2D\u5956\u5F39\u7A97\u914D\u7F6E\uFF08TryAgainConfig\uFF09\n *\n * \u5BF9\u9F50 CMS `tryAgain` group \u5B57\u6BB5\u7ED3\u6784\u3002\n *\n * CMS \u5B57\u6BB5\u6620\u5C04:\n * - `title`       \u2192 \u5F39\u7A97\u6807\u9898\n * - `message`     \u2192 \u5185\u5BB9\u6587\u6848\n * - `confirmText` \u2192 \u786E\u8BA4\u6309\u94AE\u6587\u6848\n */\nexport interface TryAgainConfig {\n  title?: string\n  message?: string\n  confirmText?: string\n}\n\n// ============================================================================\n// Imperative Handle \u63A5\u53E3\n// ============================================================================\n\n/**\n * ProductLottery \u7EC4\u4EF6\u547D\u4EE4\u5F0F\u63A7\u5236\u63A5\u53E3\n *\n * \u901A\u8FC7 ref \u66B4\u9732\u7ED9\u7236\u7EC4\u4EF6\uFF0C\u7528\u4E8E\u5916\u90E8\u63A7\u5236\u5F39\u7A97\u7B49\u72B6\u6001\u3002\n * \u4E0E WheelLotteryHandle \u4FDD\u6301\u4E00\u81F4\u7684\u5F39\u7A97\u63A7\u5236\u65B9\u6CD5\u3002\n *\n * @example\n * ```tsx\n * const lotteryRef = useRef<ProductLotteryHandle>(null)\n *\n * <ProductLottery ref={lotteryRef} prizes={prizes} media={media} />\n *\n * // \u5916\u90E8\u89E6\u53D1\u9519\u8BEF\u5F39\u7A97\n * lotteryRef.current?.showError({\n *   title: 'Network Error',\n *   message: 'Failed to connect to server',\n *   confirmText: 'Retry'\n * })\n *\n * // \u663E\u793A\u89C4\u5219\u5F39\u7A97\n * lotteryRef.current?.showRules()\n *\n * // \u5173\u95ED\u6240\u6709\u5F39\u7A97\n * lotteryRef.current?.hideAllModals()\n * ```\n */\nexport interface ProductLotteryHandle {\n  /** \u663E\u793A\u9519\u8BEF\u5F39\u7A97 */\n  showError: (config: { message: string; title?: string; confirmText?: string }) => void\n\n  /** \u9690\u85CF\u9519\u8BEF\u5F39\u7A97 */\n  hideError: () => void\n\n  /** \u663E\u793A\u672A\u4E2D\u5956\u5F39\u7A97 */\n  showNoWin: (config?: { title?: string; message?: string; confirmText?: string }) => void\n\n  /** \u9690\u85CF\u672A\u4E2D\u5956\u5F39\u7A97 */\n  hideNoWin: () => void\n\n  /** \u663E\u793A\u4E2D\u5956\u5F39\u7A97 */\n  showWinner: (prize: Prize, config?: Partial<WinnerModalConfig>) => void\n\n  /** \u9690\u85CF\u4E2D\u5956\u5F39\u7A97 */\n  hideWinner: () => void\n\n  /** \u663E\u793A\u89C4\u5219\u5F39\u7A97 */\n  showRules: () => void\n\n  /** \u9690\u85CF\u89C4\u5219\u5F39\u7A97 */\n  hideRules: () => void\n\n  /** \u663E\u793A\u6211\u7684\u5956\u52B1\u5F39\u7A97 */\n  showRewards: () => void\n\n  /** \u9690\u85CF\u6211\u7684\u5956\u52B1\u5F39\u7A97 */\n  hideRewards: () => void\n\n  /** \u663E\u793A\u5206\u4EAB\u5F39\u7A97 */\n  showShare: (config?: Partial<ShareModalConfig>) => void\n\n  /** \u9690\u85CF\u5206\u4EAB\u5F39\u7A97 */\n  hideShare: () => void\n\n  /** \u5173\u95ED\u6240\u6709\u5F39\u7A97 */\n  hideAllModals: () => void\n}\n\n// ============================================================================\n// MediaDrawArea \u5B50\u7EC4\u4EF6 Props\n// ============================================================================\n\n/**\n * MediaDrawArea \u5B50\u7EC4\u4EF6 Props\n *\n * \u5A92\u4F53\u62BD\u5956\u533A\u57DF\uFF0C\u5C55\u793A\u56FE\u7247/\u89C6\u9891\u5E76\u53E0\u52A0 CTA \u6309\u94AE\u3002\n */\nexport interface MediaDrawAreaProps {\n  /** \u4E3B\u9898\u6A21\u5F0F */\n  theme?: Theme\n\n  /** \u5A92\u4F53\u914D\u7F6E\uFF08\u5FC5\u9700\uFF09 */\n  media: MediaConfig\n\n  /** CTA \u6309\u9492\u914D\u7F6E */\n  ctaButton?: CtaButtonConfig\n\n  /**\n   * \u89C6\u9891\u81EA\u52A8\u64AD\u653E\uFF08\u4EC5 mimeType='video/mp4' \u65F6\u6709\u6548\uFF09\n   * @default true\n   */\n  videoAutoPlay?: boolean\n\n  /**\n   * \u89C6\u9891\u9759\u97F3\uFF08\u4EC5 mimeType='video/mp4' \u65F6\u6709\u6548\uFF09\n   * @default true\n   */\n  videoMuted?: boolean\n\n  /**\n   * \u89C6\u9891\u5FAA\u73AF\uFF08\u4EC5 mimeType='video/mp4' \u65F6\u6709\u6548\uFF09\n   * @default true\n   */\n  videoLoop?: boolean\n\n  /** \u662F\u5426\u6B63\u5728\u62BD\u5956\u4E2D */\n  isDrawing?: boolean\n\n  /** \u662F\u5426\u7981\u7528\uFF08\u672A\u767B\u5F55\u6216\u65E0\u6B21\u6570\uFF09 */\n  isDisabled?: boolean\n\n  /** \u70B9\u51FB\u62BD\u5956\u56DE\u8C03 */\n  onClick: () => void\n\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n\n  /** \u70B9\u51FB\u8FFD\u8E2A\uFF1Adata-headless-type-name \u5C5E\u6027\u503C\uFF0C\u683C\u5F0F `{clickType}#{componentName}` */\n  ctaTrackTypeName?: string\n\n  /** \u70B9\u51FB\u8FFD\u8E2A\uFF1Adata-headless-title-desc-button \u5C5E\u6027\u503C\uFF0C\u683C\u5F0F `{title}#{desc}#{buttonName}` */\n  ctaTrackTitleDescButton?: string\n}\n\n// ============================================================================\n// \u4E3B\u7EC4\u4EF6 Props\n// ============================================================================\n\n/**\n * ProductLottery \u7EC4\u4EF6 Props\n *\n * \u57FA\u4E8E\u5A92\u4F53\u5C55\u793A\u7684\u4EA7\u54C1\u62BD\u5956\u7EC4\u4EF6\u3002\u5DE6\u4FA7\u4E3A\u53EF\u70B9\u51FB\u7684\u5A92\u4F53\u533A\u57DF\uFF08\u56FE\u7247/\u89C6\u9891\uFF09\uFF0C\n * \u53F3\u4FA7\u4E3A\u83B7\u53D6\u673A\u4F1A\u533A\u57DF\uFF0C\u5E95\u90E8\u4E3A\u5956\u54C1\u6C60\u3002\n *\n * @example\n * ```tsx\n * <ProductLottery\n *   prizes={prizes}\n *   media={{ type: 'image', src: '/banner.jpg', alt: 'Lottery' }}\n *   ctaButton={{ text: 'Draw Now' }}\n *   onDrawStart={async () => {\n *     const result = await fetch('/api/lottery')\n *     const data = await result.json()\n *     return data.prizeId\n *   }}\n *   onDrawEnd={(prize) => console.log('Won:', prize.name)}\n * />\n * ```\n */\nexport interface ProductLotteryProps {\n  // ========== \u5FC5\u9700 Props ==========\n\n  /**\n   * 8 \u4E2A\u5956\u54C1\u6570\u7EC4\uFF08\u5FC5\u9700\uFF09\n   * @minLength 8\n   * @maxLength 8\n   */\n  prizes: Prize[]\n\n  /**\n   * \u5A92\u4F53\u914D\u7F6E\uFF08\u5FC5\u9700\uFF09\n   * \u914D\u7F6E\u5DE6\u4FA7\u62BD\u5956\u533A\u57DF\u5C55\u793A\u7684\u56FE\u7247\u6216\u89C6\u9891\uFF0C\u65E0\u9700 type/src \u5305\u88C5\u5C42\n   */\n  media: MediaConfig\n\n  /**\n   * \u89C6\u9891\u81EA\u52A8\u64AD\u653E\uFF08\u5F53 media.mimeType === 'video/mp4' \u65F6\u751F\u6548\uFF09\n   * @default true\n   * @optional\n   */\n  videoAutoPlay?: boolean\n\n  /**\n   * \u89C6\u9891\u9759\u97F3\uFF08\u5F53 media.mimeType === 'video/mp4' \u65F6\u751F\u6548\uFF09\n   * @default true\n   * @optional\n   */\n  videoMuted?: boolean\n\n  /**\n   * \u89C6\u9891\u5FAA\u73AF\uFF08\u5F53 media.mimeType === 'video/mp4' \u65F6\u751F\u6548\uFF09\n   * @default true\n   * @optional\n   */\n  videoLoop?: boolean\n\n  // ========== \u4E3B\u9898\u548C\u6837\u5F0F ==========\n\n  /** \u4E3B\u9898\u6A21\u5F0F */\n  theme?: Theme\n\n  /** CTA \u6309\u94AE\u914D\u7F6E */\n  ctaButton?: CtaButtonConfig\n\n  // ========== CMS \u9876\u5C42\u5B57\u6BB5 ==========\n\n  /**\n   * \u62BD\u5956\u6D3B\u52A8\u7C7B\u578B\uFF08CMS: `dealsType`\uFF09\n   * \u7528\u4E8E\u6807\u8BC6\u62BD\u5956\u6D3B\u52A8\u7684\u552F\u4E00\u7C7B\u578B\uFF0C\u5982\uFF1A`ipc-2614`\n   * @optional\n   */\n  dealsType?: string\n\n  // ========== \u83B7\u53D6\u673A\u4F1A\u533A\u57DF Props ==========\n\n  /**\n   * \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u6570\u7EC4\n   * @optional\n   */\n  chanceMethods?: ChanceMethod[]\n\n  /**\n   * \u83B7\u53D6\u673A\u4F1A\u533A\u57DF\u673A\u5236\u7C7B\u578B\n   * @default \"methods\"\n   * @optional\n   */\n  mechanismType?: ChanceMechanismType\n\n  // \u2500\u2500 CMS flat input fields\uFF08mechanismType='input' \u65F6\u4F7F\u7528\uFF09\u2500\u2500\n\n  /**\n   * \u8F93\u5165\u6846\u5360\u4F4D\u6587\u672C\uFF08CMS: `inputPlaceholder`\uFF09\n   * @default \"Enter your order number\"\n   * @optional\n   */\n  inputPlaceholder?: string\n\n  /**\n   * \u63D0\u4EA4\u6309\u94AE\u6587\u6848\uFF08CMS: `inputSubmitText`\uFF09\n   * @default \"Spin and Win\"\n   * @optional\n   */\n  inputSubmitText?: string\n\n  /**\n   * \u8F93\u5165\u6846\u7C7B\u578B\uFF08CMS: `inputType`\uFF09\n   * @default \"text\"\n   * @optional\n   */\n  inputType?: 'text' | 'email' | 'number'\n\n  /**\n   * \u8F93\u5165\u683C\u5F0F\u9519\u8BEF\u63D0\u793A\u6587\u6848\uFF08CMS: `inputValidationErrorText`\uFF09\n   * @optional\n   */\n  inputValidationErrorText?: string\n\n  /**\n   * \u8F93\u5165\u6846\u914D\u7F6E\uFF08\u5F53 mechanismType \u4E3A 'input' \u65F6\u4F7F\u7528\uFF09\n   * @deprecated Use flat input fields (`inputPlaceholder`, `inputSubmitText`, `inputType`, `inputValidationErrorText`) instead (CMS field names)\n   * @optional\n   */\n  inputConfig?: ChanceInputConfig\n\n  /**\n   * \u83B7\u53D6\u673A\u4F1A\u533A\u57DF\u6807\u9898\n   * @default \"Want more chances to win?\"\n   * @optional\n   */\n  chanceTitle?: string\n\n  /** \u83B7\u53D6\u673A\u4F1A\u533A\u57DF\u526F\u6807\u9898 */\n  chanceSubtitle?: string\n\n  /** \u83B7\u53D6\u673A\u4F1A\u533A\u57DF\u5E95\u90E8\u63D0\u793A */\n  chanceFooterNote?: string\n\n  /** \u83B7\u53D6\u673A\u4F1A\u65B9\u5F0F\u6587\u6848\u914D\u7F6E */\n  chanceMethodsText?: {\n    chanceBadgeText?: string\n    completedText?: string\n    usedText?: string\n    loadingText?: string\n  }\n\n  // ========== \u4E2D\u5956\u4FE1\u606F Props ==========\n\n  /**\n   * \u4E2D\u5956\u5F39\u7A97\u914D\u7F6E\uFF08CMS: `winningInfos` group \u2014 \u4E3B\u540D\u79F0\uFF09\n   *\n   * CMS \u4E2D `winningInfos` \u662F\u4E2D\u5956\u5F39\u7A97\u914D\u7F6E group\uFF0C\u5B57\u6BB5\uFF1A\n   * `title`\u3001`confirmButton`\u3001`confirmUrl`\u3001`learnMoreUrl`\u3001`learnMoreText`\u3002\n   */\n  winningInfos?: WinnerModalConfig\n\n  /**\n   * \u5E95\u90E8\u6EDA\u52A8\u6761\u4E2D\u5956\u4EBA\u540D\u5355\u6570\u636E\n   *\n   * \u539F `winningInfos: WinningInfo[]` \u91CD\u547D\u540D\u4E3A `winnerTickerData` \u4EE5\u907F\u514D\n   * \u4E0E CMS `winningInfos` group \u547D\u540D\u51B2\u7A81\u3002\n   *\n   * @default []\n   */\n  winnerTickerData?: WinningInfo[]\n\n  /**\n   * \u4E2D\u5956\u6EDA\u52A8 Ticker \u6587\u6848\u6A21\u677F\uFF0C\u652F\u6301 {{name}} \u548C {{prize}} \u53D8\u91CF\n   * @default \"{{name}} just won {{prize}}!\"\n   * @optional\n   */\n  winnerNameTemplate?: string\n\n  /** \u5956\u54C1\u6C60\u5C55\u793A\u533A\u57DF\u6807\u9898 */\n  prizesTitle?: string\n\n  // ========== \u56DE\u8C03\u51FD\u6570 Props ==========\n\n  /**\n   * \u62BD\u5956\u5F00\u59CB\u65F6\u7684\u56DE\u8C03\uFF0C\u8FD4\u56DE Promise \u4EE5\u652F\u6301\u5F02\u6B65\u63A5\u53E3\u8C03\u7528\n   * @returns Promise<string> - \u4E2D\u5956\u5956\u54C1\u7684 prizeKey\n   */\n  onDrawStart?: () => Promise<string>\n\n  /**\n   * \u62BD\u5956\u7ED3\u675F\u65F6\u7684\u56DE\u8C03\uFF0C\u4F20\u9012\u4E2D\u5956\u5956\u54C1\n   * @param prize \u4E2D\u5956\u5956\u54C1\u5BF9\u8C61\n   */\n  onDrawEnd?: (prize: Prize) => void\n\n  /**\n   * \u62BD\u5956\u9519\u8BEF\u65F6\u7684\u56DE\u8C03\n   * @param error \u9519\u8BEF\u4FE1\u606F\n   */\n  onDrawError?: (error: Error) => void\n\n  // ========== \u5F39\u7A97\u914D\u7F6E Props ==========\n\n  /** \u4E2D\u5956\u5F39\u7A97\u914D\u7F6E */\n  winnerModalConfig?: WinnerModalConfig\n\n  /** \u89C4\u5219\u5F39\u7A97\u914D\u7F6E */\n  rulesModalConfig?: RulesModalConfig\n\n  /** \u9876\u680F\u53F3\u4FA7\u8DF3\u8F6C\u6309\u94AE\u914D\u7F6E\uFF1B\u672A\u914D\u7F6E text \u6216 url \u65F6\u4E0D\u5C55\u793A */\n  actionButtonConfig?: ActionButtonConfig\n\n  /** \u6211\u7684\u5956\u52B1\u5F39\u7A97\u914D\u7F6E */\n  myRewardsModalConfig?: MyRewardsModalConfig\n\n  /**\n   * \u9519\u8BEF\u5F39\u7A97\u914D\u7F6E\uFF08CMS: `error` group \u2014 \u4E3B\u540D\u79F0\uFF09\n   *\n   * \u5B57\u6BB5\uFF1A`title`\u3001`defaultMessage`\u3001`confirmButton`\u3001\n   * `exchangeFailedTitle`\u3001`exchangeFailedMessage`\u3002\n   */\n  error?: ErrorConfig\n\n  /**\n   * \u672A\u4E2D\u5956\u5F39\u7A97\u914D\u7F6E\uFF08CMS: `tryAgain` group\uFF09\n   *\n   * \u5B57\u6BB5\uFF1A`title`\u3001`message`\u3001`confirmText`\u3002\n   */\n  tryAgain?: TryAgainConfig\n\n  /**\n   * \u9519\u8BEF\u5F39\u7A97\u914D\u7F6E\uFF08\u65E7\u7248\uFF09\n   * @deprecated Use `error` instead (CMS field name)\n   */\n  errorModalConfig?: ErrorModalConfig\n\n  /** \u5206\u4EAB\u5F39\u7A97\u914D\u7F6E */\n  shareModalConfig?: ShareModalConfig\n\n  // ========== CMS \u5E73\u94FA\u6587\u6848\u5B57\u6BB5\uFF08\u4E3B\u540D\u79F0\uFF09==========\n\n  /**\n   * \u672A\u767B\u5F55\u65F6\u7684\u63D0\u793A\u6587\u6848\uFF08CMS: `loginPrompt`\uFF09\n   * @default \"Please log in to participate in the lottery\"\n   */\n  loginPrompt?: string\n\n  /**\n   * \u6B21\u6570\u4E0D\u8DB3\u65F6\u7684\u63D0\u793A\u6587\u6848\uFF08CMS: `noChances`\uFF09\n   * @default \"You have no chances left. Get more chances below!\"\n   */\n  noChances?: string\n\n  /**\n   * \u673A\u4F1A\u8FDB\u5EA6\u524D\u7F00\u6587\u6848\uFF08CMS: `opportunitiesPrefix`\uFF09\n   * @default \"Number of draws remaining today: \"\n   */\n  opportunitiesPrefix?: string\n\n  // ========== \u7528\u6237\u76F8\u5173 Props ==========\n\n  /** \u7528\u6237\u6570\u636E */\n  userData?: UserData\n\n  /**\n   * \u672A\u767B\u5F55\u65F6\u7684\u63D0\u793A\u6587\u6848\n   * @deprecated Use `loginPrompt` instead (CMS field name)\n   * @default \"Please log in to participate\"\n   */\n  loginPromptText?: string\n\n  /**\n   * \u767B\u5F55\u6309\u94AE\u6587\u6848\n   * @default \"Log In\"\n   */\n  loginButtonText?: string\n\n  /**\n   * \u6B21\u6570\u4E0D\u8DB3\u65F6\u7684\u63D0\u793A\u6587\u6848\n   * @deprecated Use `noChances` instead (CMS field name)\n   * @default \"You have no chances left\"\n   */\n  noChancesText?: string\n\n  /**\n   * \u672A\u767B\u5F55\u65F6\u70B9\u51FB\u62BD\u5956\u7684\u56DE\u8C03\n   */\n  onLoginRequired?: () => void\n\n  // ========== \u5176\u4ED6\u914D\u7F6E ==========\n\n  /** \u590D\u5236\u4F18\u60E0\u7801\u56DE\u8C03 */\n  onCopyCode?: (code: string) => void\n\n  /**\n   * \u673A\u4F1A\u8FDB\u5EA6\u6587\u6848\u6570\u7EC4\uFF08\u65E7\u7248\uFF0C\u9996\u5143\u7D20\u4E3A\u524D\u7F00\uFF0C\u6B21\u5143\u7D20\u4E3A\u540E\u7F00\uFF09\n   * @deprecated Use `opportunitiesPrefix` instead (CMS field name)\n   * @default [\"Number of draws remaining today:\"]\n   */\n  opportunitiesText?: string[]\n\n  /** \u81EA\u5B9A\u4E49 CSS \u7C7B\u540D */\n  className?: string\n}\n\n// ============================================================================\n// \u9ED8\u8BA4\u914D\u7F6E\n// ============================================================================\n\n/** \u9ED8\u8BA4 CTA \u6309\u94AE\u914D\u7F6E */\nexport const DEFAULT_CTA_BUTTON: CtaButtonConfig = {\n  text: '',\n  style: 'primary',\n}\n\n/** \u9ED8\u8BA4\u83B7\u53D6\u673A\u4F1A\u533A\u57DF\u6807\u9898 */\nexport const DEFAULT_CHANCE_TITLE = 'Want more chances to win?'\n"],
+  "mappings": "AAwlBO,MAAMA,EAAsC,CACjD,KAAM,GACN,MAAO,SACT,EAGaC,EAAuB",
   "names": ["DEFAULT_CTA_BUTTON", "DEFAULT_CHANCE_TITLE"]
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.1.90",
+  "version": "1.1.91",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",

package/style.css CHANGED Viewed

@@ -721,9 +721,15 @@ video {
 .z-\[1\] {
   z-index: 1;
 }
+.z-\[200\] {
+  z-index: 200;
+}
 .z-\[20\] {
   z-index: 20;
 }
+.z-\[210\] {
+  z-index: 210;
+}
 .z-\[2\] {
   z-index: 2;
 }
@@ -1771,6 +1777,9 @@ video {
 .w-\[calc\(100\%-20px\)\] {
   width: calc(100% - 20px);
 }
+.w-\[calc\(100\%-32px\)\] {
+  width: calc(100% - 32px);
+}
 .w-\[calc\(100\%-64px\)\] {
   width: calc(100% - 64px);
 }
@@ -2536,6 +2545,9 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(0 190 250 / var(--tw-border-opacity, 1));
 }
+.border-\[\#1D1D1F\]\/40 {
+  border-color: rgb(29 29 31 / 0.4);
+}
 .border-\[\#3A3C40\] {
   --tw-border-opacity: 1;
   border-color: rgb(58 60 64 / var(--tw-border-opacity, 1));
@@ -4343,6 +4355,11 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.focus\:ring-0:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
 .focus\:ring-2:focus {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -4369,6 +4386,11 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.focus-visible\:ring-0:focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
 .focus-visible\:ring-2:focus-visible {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -4534,6 +4556,10 @@ video {
 .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] {
   border-bottom-width: 1px;
 }
+.data-\[state\=checked\]\:border-\[\#1D1D1F\][data-state="checked"] {
+  --tw-border-opacity: 1;
+  border-color: rgb(29 29 31 / var(--tw-border-opacity, 1));
+}
 .data-\[state\=checked\]\:border-info-primary[data-state="checked"] {
   border-color: var(--info-primary-color);
 }
@@ -4548,6 +4574,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.data-\[state\=checked\]\:bg-\[\#1D1D1F\][data-state="checked"] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(29 29 31 / var(--tw-bg-opacity, 1));
+}
 .data-\[state\=checked\]\:bg-brand-0[data-state="checked"] {
   background-color: var(--brand-color-0);
 }