@anker-in/headless-ui 1.1.84 → 1.1.86

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

@@ -0,0 +1,2 @@
+"use strict";"use client";var I=Object.defineProperty;var Je=Object.getOwnPropertyDescriptor;var Qe=Object.getOwnPropertyNames;var Ve=Object.prototype.hasOwnProperty;var Xe=(s,a)=>{for(var o in a)I(s,o,{get:a[o],enumerable:!0})},Ze=(s,a,o,v)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of Qe(a))!Ve.call(s,n)&&n!==o&&I(s,n,{get:()=>a[n],enumerable:!(v=Je(a,n))||v.enumerable});return s};var qe=s=>Ze(I({},"__esModule",{value:!0}),s);var tt={};Xe(tt,{BaseModal:()=>ne.BaseModal,ErrorModal:()=>le.ErrorModal,MyRewardsModal:()=>ae.MyRewardsModal,ProductLottery:()=>A,RulesModal:()=>se.RulesModal,ShareModal:()=>ie.ShareModal,WinnerModal:()=>re.WinnerModal,default:()=>et});module.exports=qe(tt);var e=require("react/jsx-runtime"),t=require("react"),p=require("../../helpers/index.js"),$=require("./types.js"),J=require("../LotteryShared/types.js"),P=require("../../components/grid.js"),Q=require("./MediaDrawArea.js"),V=require("../LotteryShared/PrizePool.js"),X=require("../LotteryShared/ChanceMethods.js"),Z=require("../LotteryShared/WinnerModal.js"),q=require("../LotteryShared/RulesModal.js"),ee=require("../LotteryShared/MyRewardsModal.js"),L=require("../LotteryShared/ErrorModal.js"),te=require("../LotteryShared/ShareModal.js"),oe=require("../../shared/Styles.js"),re=require("../LotteryShared/WinnerModal.js"),se=require("../LotteryShared/RulesModal.js"),ae=require("../LotteryShared/MyRewardsModal.js"),le=require("../LotteryShared/ErrorModal.js"),ie=require("../LotteryShared/ShareModal.js"),ne=require("../LotteryShared/BaseModal.js");const A=(0,t.forwardRef)(({prizes:s,media:a,theme:o,ctaButton:v,chanceMethods:n=J.DEFAULT_CHANCE_METHODS,chanceTitle:pe=$.DEFAULT_CHANCE_TITLE,chanceSubtitle:de,chanceFooterNote:ce,chanceMethodsText:C,mechanismType:D,inputConfig:me,winningInfos:fe=[],prizesTitle:ue,onDrawStart:N,onDrawEnd:S,onDrawError:O,winnerModalConfig:l,rulesModalConfig:xe={},myRewardsModalConfig:he={},errorModalConfig:c={},shareModalConfig:u={},userData:m,loginPromptText:ot="Please log in to participate",loginButtonText:rt="Log In",noChancesText:ye="You have no chances left",onLoginRequired:f,onCopyCode:we,opportunitiesText:j=["Number of draws remaining today:"],className:be},ge)=>{const{rulesData:E,rulesText:B="Rules"}=xe,{rewardsData:z,myRewardsText:U="My Rewards",codeText:Te="CODE:",copyText:Me="COPY",copiedText:Pe="COPIED",prizeText:ve="Prize time:"}=he,Ce=C?.completedText,Ne=C?.usedText,x=m?.isLoggedIn??!1,H=m?.availableChances||0,G=n.length>0||D==="input",F=x&&H<=0,[h,W]=(0,t.useState)(!1),[k,_]=(0,t.useState)(null),[Se,y]=(0,t.useState)(!1),[Ee,w]=(0,t.useState)(!1),[ze,b]=(0,t.useState)(!1),[We,g]=(0,t.useState)(!1),[ke,T]=(0,t.useState)(!1),[Re,M]=(0,t.useState)(!1),[Ie,K]=(0,t.useState)(""),[Le,Ae]=(0,t.useState)(),[De,Oe]=(0,t.useState)(),[je,Be]=(0,t.useState)(),[Ue,He]=(0,t.useState)(),[Ge,Fe]=(0,t.useState)(),[i,_e]=(0,t.useState)();(0,t.useImperativeHandle)(ge,()=>({showError:({message:r,title:d,confirmText:R})=>{K(r),Ae(d),Oe(R),g(!0)},hideError:()=>{g(!1)},showNoWin:r=>{Be(r?.title),He(r?.message),Fe(r?.confirmText),T(!0)},hideNoWin:()=>{T(!1)},showWinner:(r,d)=>{_(r),_e(d),y(!0)},hideWinner:()=>{y(!1)},showRules:()=>{w(!0)},hideRules:()=>{w(!1)},showRewards:()=>{b(!0)},hideRewards:()=>{b(!1)},showShare:()=>{M(!0)},hideShare:()=>{M(!1)},hideAllModals:()=>{y(!1),w(!1),b(!1),g(!1),T(!1),M(!1)}}),[]);const Y=(0,t.useCallback)(async()=>{if(!h){if(!m?.isLoggedIn){f?.();return}if(!(m.availableChances<=0)){W(!0);try{let r;N&&(r=await N());const d=s.find(R=>R.prizeKey===r)||s[0];_(d),W(!1),S?S(d):setTimeout(()=>{d.prizeKey==="try-again"?T(!0):y(!0)},300)}catch(r){W(!1),K(r.message||"An error occurred"),g(!0),O?.(r)}}}},[h,s,N,S,O,m,f]),Ke=(0,t.useCallback)(()=>{if(!x){f?.();return}Y()},[Y,x,f]),Ye=(0,t.useCallback)(()=>{y(!1)},[]),$e=(0,t.useCallback)(()=>{T(!1)},[]);return(0,e.jsxs)("div",{className:(0,p.cn)("product-lottery-container","w-full",o==="dark"?"aiui-dark":"",be),children:[(0,e.jsxs)("div",{role:"status","aria-live":"polite","aria-atomic":"true",className:"sr-only",children:[h&&"Drawing in progress...",k&&!h&&`Prize won: ${k.name}`]}),(0,e.jsxs)(P.Grid,{className:(0,p.cn)("product-lottery-main","tablet:mb-4 mb-3"),children:[(0,e.jsx)(P.GridItem,{span:G?7:12,className:(0,p.cn)("media-section","relative flex w-full flex-1 items-center justify-center overflow-hidden","rounded-box","laptop:min-h-[288px] min-h-[240px]","lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[480]","desktop:aspect-w-[759] desktop:aspect-h-[384]","laptop:aspect-w-[516] laptop:aspect-h-[288]","l-tablet:col-span-12","l-tablet:mb-3",o==="dark"?"bg-[#1E2024]":"bg-[#EAEAEC]"),children:(0,e.jsxs)("div",{className:(0,p.cn)("size-full px-[16px] pt-[16px]","lg-desktop:pb-[32px] lg-desktop:px-[32px]","desktop:pt-[24px] desktop:px-[24px]","laptop:pt-[16px] laptop:px-[16px]","tablet:px-[24px]","l-tablet:absolute l-tablet:top-0 l-tablet:inset-x-0 l-tablet:z-10"),children:[(0,e.jsxs)("div",{className:"relative z-10 mb-2 flex max-h-[24px] w-full flex-wrap items-center justify-between gap-3",children:[(0,e.jsx)("div",{children:(0,e.jsxs)("p",{className:"text-info-primary font-[700]",children:[j?.[0],(0,e.jsx)("span",{className:"ml-1 text-[#FF6B35]",children:H}),j?.[1]||""]})}),(0,e.jsxs)("div",{className:"flex items-center gap-4",children:[E&&(0,e.jsx)("button",{onClick:()=>{if(!x){f?.();return}w(!0)},className:"cursor-pointer touch-manipulation",type:"button",children:(0,e.jsx)("span",{className:"text-info-primary font-[700] underline",children:B})}),z&&(0,e.jsx)("button",{onClick:()=>{if(!x){f?.();return}b(!0)},className:"cursor-pointer touch-manipulation whitespace-nowrap",type:"button",children:(0,e.jsx)("span",{className:"text-info-primary font-[700] underline",children:U})})]})]}),(0,e.jsx)(Q.MediaDrawArea,{theme:o,media:a,ctaButton:v,isDrawing:h,isDisabled:F,onClick:Ke}),F&&(0,e.jsx)("div",{className:(0,p.cn)("rounded-box absolute inset-0 z-20 flex items-center justify-center bg-black/60 backdrop-blur-sm","px-6 text-center"),children:(0,e.jsx)("div",{className:"flex flex-col items-center gap-4",children:(0,e.jsx)("p",{className:"lg-desktop:text-[24px] text-[18px] font-semibold text-white",children:ye})})})]})}),G&&(0,e.jsx)(P.GridItem,{span:5,className:(0,p.cn)("info-section","rounded-box","relative flex flex-col overflow-hidden","lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[480]","desktop:aspect-w-[536] desktop:aspect-h-[384]","laptop:aspect-w-[364] laptop:aspect-h-[288]","l-tablet:min-h-[280px] laptop:max-h-[320px]","w-full","l-tablet:col-span-12",o==="dark"?"bg-[#1E2024]":"bg-[#EAEAEC]"),children:(0,e.jsx)(X.ChanceMethods,{theme:o,userData:m,methods:n,title:pe,subtitle:de,footerNote:ce,onOpenShareModal:()=>M(!0),chanceBadgeText:C?.chanceBadgeText,completedText:Ce,usedText:Ne,loadingText:C?.loadingText,mechanismType:D,inputConfig:me})})]}),(0,e.jsx)("div",{className:(0,p.cn)("product-lottery-footer","rounded-box","flex flex-col overflow-hidden",o==="dark"?"bg-[#1E2024]":"bg-[#EAEAEC]"),children:(0,e.jsx)(V.PrizePool,{theme:o,prizes:s,title:ue,winningInfos:fe})}),(0,e.jsx)(Z.WinnerModal,{isOpen:Se,prize:k,title:i?.title||l?.title,prizeTitle:i?.prizeTitle||l?.prizeTitle,prizeImage:i?.prizeImage||l?.prizeImage,prizeDescription:i?.prizeDescription||l?.prizeDescription,learnMoreUrl:i?.learnMoreUrl||l?.learnMoreUrl,learnMoreText:i?.learnMoreText||l?.learnMoreText,couponCode:i?.couponCode||l?.couponCode,expiresAt:i?.expiresAt||l?.expiresAt,couponDiscount:i?.couponDiscount||l?.couponDiscount,couponUnit:i?.couponUnit||l?.couponUnit,confirmText:i?.confirmText||l?.confirmText,onClose:Ye,theme:o}),E&&(0,e.jsx)(q.RulesModal,{title:B,isOpen:Ee,onClose:()=>w(!1),rules:E,theme:o}),z&&(0,e.jsx)(ee.MyRewardsModal,{isOpen:ze,onClose:()=>b(!1),rewards:z,onCopyCode:we,codeText:Te,copyText:Me,copiedText:Pe,prizeText:ve,theme:o,title:U}),(0,e.jsx)(L.ErrorModal,{isOpen:We,onClose:()=>g(!1),title:Le||c?.title,message:Ie||c?.message,confirmText:De||c?.confirmText,theme:o}),(0,e.jsx)(L.ErrorModal,{isOpen:ke,onClose:$e,title:je||c?.title,message:Ue||c?.message,confirmText:Ge||c?.confirmText,theme:o}),(0,e.jsx)(te.ShareModal,{isOpen:Re,onClose:()=>M(!1),title:u?.title,subtitle:u?.subtitle,note:u?.note,platforms:u?.platforms,onShareSuccess:u?.onShareSuccess,theme:o})]})});A.displayName="ProductLottery";var et=(0,oe.withLayout)(A);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/ProductLottery/index.tsx"],
+  "sourcesContent": ["'use client'\n\nimport { useState, useCallback, useImperativeHandle, forwardRef } 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'\n\nimport type { ProductLotteryProps, ProductLotteryHandle } from './types.js'\nimport type { Prize, WinnerModalConfig } from '../LotteryShared/types.js'\n\nexport const ProductLottery = forwardRef<ProductLotteryHandle, ProductLotteryProps>(\n  (\n    {\n      prizes,\n      media,\n      theme,\n      ctaButton,\n      chanceMethods = DEFAULT_CHANCE_METHODS,\n      chanceTitle = DEFAULT_CHANCE_TITLE,\n      chanceSubtitle,\n      chanceFooterNote,\n      chanceMethodsText,\n      mechanismType,\n      inputConfig,\n      winningInfos = [],\n      prizesTitle,\n      onDrawStart,\n      onDrawEnd,\n      onDrawError,\n      winnerModalConfig,\n      rulesModalConfig = {},\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 {\n      rewardsData,\n      myRewardsText = 'My Rewards',\n      codeText = 'CODE:',\n      copyText = 'COPY',\n      copiedText = 'COPIED',\n      prizeText = 'Prize time:',\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 showNoChancesOverlay = isLoggedIn && availableChances <= 0\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\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 (!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    }, [isDrawing, prizes, onDrawStart, onDrawEnd, onDrawError, userData, onLoginRequired])\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 className={cn('product-lottery-container', 'w-full', theme === 'dark' ? 'aiui-dark' : '', className)}>\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              )}\n            >\n              {/* Top bar: chances + rules/rewards links */}\n              <div className=\"relative z-10 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 && (\n                    <button\n                      onClick={() => {\n                        if (!isLoggedIn) {\n                          onLoginRequired?.()\n                          return\n                        }\n                        setShowRulesModal(true)\n                      }}\n                      className=\"cursor-pointer touch-manipulation\"\n                      type=\"button\"\n                    >\n                      <span className=\"text-info-primary font-[700] underline\">{rulesText}</span>\n                    </button>\n                  )}\n                  {rewardsData && (\n                    <button\n                      onClick={() => {\n                        if (!isLoggedIn) {\n                          onLoginRequired?.()\n                          return\n                        }\n                        setShowRewardsModal(true)\n                      }}\n                      className=\"cursor-pointer touch-manipulation whitespace-nowrap\"\n                      type=\"button\"\n                    >\n                      <span className=\"text-info-primary font-[700] underline\">{myRewardsText}</span>\n                    </button>\n                  )}\n                </div>\n              </div>\n\n              {/* Media Draw Area */}\n              <MediaDrawArea\n                theme={theme}\n                media={media}\n                ctaButton={ctaButton}\n                isDrawing={isDrawing}\n                isDisabled={showNoChancesOverlay}\n                onClick={handleDrawClick}\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\">{noChancesText}</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={inputConfig}\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 theme={theme} prizes={prizes} title={prizesTitle} winningInfos={winningInfos} />\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          learnMoreUrl={externalWinnerConfig?.learnMoreUrl || winnerModalConfig?.learnMoreUrl}\n          learnMoreText={externalWinnerConfig?.learnMoreText || winnerModalConfig?.learnMoreText}\n          couponCode={externalWinnerConfig?.couponCode || winnerModalConfig?.couponCode}\n          expiresAt={externalWinnerConfig?.expiresAt || winnerModalConfig?.expiresAt}\n          couponDiscount={externalWinnerConfig?.couponDiscount || winnerModalConfig?.couponDiscount}\n          couponUnit={externalWinnerConfig?.couponUnit || winnerModalConfig?.couponUnit}\n          confirmText={externalWinnerConfig?.confirmText || winnerModalConfig?.confirmText}\n          onClose={handleCloseWinnerModal}\n          theme={theme}\n        />\n\n        {/* Rules Modal */}\n        {rulesData && (\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            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  ResponsiveMedia,\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'\n"],
+  "mappings": "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",
+  "names": ["ProductLottery_exports", "__export", "ProductLottery", "ProductLottery_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_helpers", "import_types", "import_grid", "import_MediaDrawArea", "import_PrizePool", "import_ChanceMethods", "import_WinnerModal", "import_RulesModal", "import_MyRewardsModal", "import_ErrorModal", "import_ShareModal", "import_Styles", "import_BaseModal", "prizes", "media", "theme", "ctaButton", "chanceMethods", "chanceTitle", "chanceSubtitle", "chanceFooterNote", "chanceMethodsText", "mechanismType", "inputConfig", "winningInfos", "prizesTitle", "onDrawStart", "onDrawEnd", "onDrawError", "winnerModalConfig", "rulesModalConfig", "myRewardsModalConfig", "errorModalConfig", "shareModalConfig", "userData", "loginPromptText", "loginButtonText", "noChancesText", "onLoginRequired", "onCopyCode", "opportunitiesText", "className", "ref", "rulesData", "rulesText", "rewardsData", "myRewardsText", "codeText", "copyText", "copiedText", "prizeText", "completedText", "usedText", "isLoggedIn", "availableChances", "hasRightPanel", "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", "message", "title", "confirmText", "config", "prize", "handleDrawStart", "prizeId", "p", "error", "handleDrawClick", "handleCloseWinnerModal", "handleCloseNoWinModal"]
+}

package/dist/cjs/biz-components/ProductLottery/types.d.ts

@@ -0,0 +1,363 @@
+/**
+ * ProductLottery - 产品抽奖组件类型定义
+ *
+ * 基于媒体展示（图片/视频）的抽奖组件，点击 CTA 按钮触发抽奖。
+ * 共享类型来自 LotteryShared/types.ts。
+ *
+ * @module ProductLotteryTypes
+ * @date 2026-04-07
+ */
+import type { Prize, WinnerModalConfig, ShareModalConfig, ChanceMethod, WinningInfo, RulesModalConfig, MyRewardsModalConfig, ErrorModalConfig, UserData, ChanceMechanismType, ChanceInputConfig } from '../LotteryShared/types.js';
+import type { Theme } from '../../types/props.js';
+export type { Theme };
+/**
+ * 响应式媒体资源
+ *
+ * 支持按断点配置不同的媒体资源 URL，实现响应式加载。
+ * 断点: tablet(768), laptop(1025), desktop(1440), lg-desktop(1920) — min-width
+ *
+ * @example
+ * ```tsx
+ * const media: ResponsiveMedia = {
+ *   default: '/images/banner-mobile.jpg',
+ *   tablet: '/images/banner-tablet.jpg',
+ *   laptop: '/images/banner-laptop.jpg',
+ *   desktop: '/images/banner-desktop.jpg',
+ *   lgDesktop: '/images/banner-lg.jpg',
+ * }
+ * ```
+ */
+export interface ResponsiveMedia {
+    /** 默认资源（移动端 <768px） */
+    default: string;
+    /** 平板资源 ≥768px */
+    tablet?: string;
+    /** 小桌面资源 ≥1025px */
+    laptop?: string;
+    /** 大桌面资源 ≥1440px */
+    desktop?: string;
+    /** 超大屏资源 ≥1920px */
+    lgDesktop?: string;
+}
+/**
+ * 媒体配置（MediaConfig）
+ *
+ * 配置抽奖区域的媒体展示，支持图片和视频两种类型。
+ * 图片支持响应式断点加载不同尺寸。
+ *
+ * @example
+ * ```tsx
+ * // 图片模式（简单）
+ * const imageMedia: MediaConfig = {
+ *   type: 'image',
+ *   src: 'https://cdn.example.com/banner.jpg',
+ *   alt: 'Product Lottery Banner',
+ * }
+ *
+ * // 图片模式（响应式）
+ * const responsiveMedia: MediaConfig = {
+ *   type: 'image',
+ *   src: {
+ *     default: '/images/banner-sm.jpg',
+ *     tablet: '/images/banner-md.jpg',
+ *     desktop: '/images/banner-lg.jpg',
+ *   },
+ *   alt: 'Product Lottery Banner',
+ * }
+ *
+ * // 视频模式
+ * const videoMedia: MediaConfig = {
+ *   type: 'video',
+ *   src: 'https://cdn.example.com/promo.mp4',
+ *   poster: 'https://cdn.example.com/poster.jpg',
+ *   autoPlay: true,
+ *   muted: true,
+ *   loop: true,
+ * }
+ * ```
+ */
+export interface MediaConfig {
+    /** 媒体类型 */
+    type: 'image' | 'video';
+    /**
+     * 媒体资源 URL
+     * - 字符串：单一资源
+     * - ResponsiveMedia：响应式多资源
+     */
+    src: string | ResponsiveMedia;
+    /**
+     * 视频封面图 URL（仅 type='video' 时有效）
+     * @optional
+     */
+    poster?: string;
+    /**
+     * 是否自动播放（仅 type='video' 时有效）
+     * @default true
+     * @optional
+     */
+    autoPlay?: boolean;
+    /**
+     * 是否静音（仅 type='video' 时有效）
+     * @default true
+     * @optional
+     */
+    muted?: boolean;
+    /**
+     * 是否循环播放（仅 type='video' 时有效）
+     * @default true
+     * @optional
+     */
+    loop?: boolean;
+    /**
+     * 图片替代文本（无障碍）
+     * @optional
+     */
+    alt?: string;
+}
+/**
+ * CTA 按钮配置（CtaButtonConfig）
+ *
+ * 配置覆盖在媒体区域上的行动号召按钮。
+ *
+ * @example
+ * ```tsx
+ * const ctaButton: CtaButtonConfig = {
+ *   text: 'Join the Draw',
+ *   style: 'primary',
+ * }
+ * ```
+ */
+export interface CtaButtonConfig {
+    /**
+     * 按钮文案
+     * @default "Join the Draw"
+     * @optional
+     */
+    text?: string;
+    /**
+     * 按钮样式
+     * @default "primary"
+     * @optional
+     */
+    style?: 'primary' | 'secondary' | 'outline';
+}
+/**
+ * ProductLottery 组件命令式控制接口
+ *
+ * 通过 ref 暴露给父组件，用于外部控制弹窗等状态。
+ * 与 WheelLotteryHandle 保持一致的弹窗控制方法。
+ *
+ * @example
+ * ```tsx
+ * const lotteryRef = useRef<ProductLotteryHandle>(null)
+ *
+ * <ProductLottery ref={lotteryRef} prizes={prizes} media={media} />
+ *
+ * // 外部触发错误弹窗
+ * lotteryRef.current?.showError({
+ *   title: 'Network Error',
+ *   message: 'Failed to connect to server',
+ *   confirmText: 'Retry'
+ * })
+ *
+ * // 显示规则弹窗
+ * lotteryRef.current?.showRules()
+ *
+ * // 关闭所有弹窗
+ * lotteryRef.current?.hideAllModals()
+ * ```
+ */
+export interface ProductLotteryHandle {
+    /** 显示错误弹窗 */
+    showError: (config: {
+        message: string;
+        title?: string;
+        confirmText?: string;
+    }) => void;
+    /** 隐藏错误弹窗 */
+    hideError: () => void;
+    /** 显示未中奖弹窗 */
+    showNoWin: (config?: {
+        title?: string;
+        message?: string;
+        confirmText?: string;
+    }) => void;
+    /** 隐藏未中奖弹窗 */
+    hideNoWin: () => void;
+    /** 显示中奖弹窗 */
+    showWinner: (prize: Prize, config?: Partial<WinnerModalConfig>) => void;
+    /** 隐藏中奖弹窗 */
+    hideWinner: () => void;
+    /** 显示规则弹窗 */
+    showRules: () => void;
+    /** 隐藏规则弹窗 */
+    hideRules: () => void;
+    /** 显示我的奖励弹窗 */
+    showRewards: () => void;
+    /** 隐藏我的奖励弹窗 */
+    hideRewards: () => void;
+    /** 显示分享弹窗 */
+    showShare: (config?: Partial<ShareModalConfig>) => void;
+    /** 隐藏分享弹窗 */
+    hideShare: () => void;
+    /** 关闭所有弹窗 */
+    hideAllModals: () => void;
+}
+/**
+ * MediaDrawArea 子组件 Props
+ *
+ * 媒体抽奖区域，展示图片/视频并叠加 CTA 按钮。
+ */
+export interface MediaDrawAreaProps {
+    /** 主题模式 */
+    theme?: Theme;
+    /** 媒体配置（必需） */
+    media: MediaConfig;
+    /** CTA 按钮配置 */
+    ctaButton?: CtaButtonConfig;
+    /** 是否正在抽奖中 */
+    isDrawing?: boolean;
+    /** 是否禁用（未登录或无次数） */
+    isDisabled?: boolean;
+    /** 点击抽奖回调 */
+    onClick: () => void;
+    /** 自定义类名 */
+    className?: string;
+}
+/**
+ * ProductLottery 组件 Props
+ *
+ * 基于媒体展示的产品抽奖组件。左侧为可点击的媒体区域（图片/视频），
+ * 右侧为获取机会区域，底部为奖品池。
+ *
+ * @example
+ * ```tsx
+ * <ProductLottery
+ *   prizes={prizes}
+ *   media={{ type: 'image', src: '/banner.jpg', alt: 'Lottery' }}
+ *   ctaButton={{ text: 'Draw Now' }}
+ *   onDrawStart={async () => {
+ *     const result = await fetch('/api/lottery')
+ *     const data = await result.json()
+ *     return data.prizeId
+ *   }}
+ *   onDrawEnd={(prize) => console.log('Won:', prize.name)}
+ * />
+ * ```
+ */
+export interface ProductLotteryProps {
+    /**
+     * 8 个奖品数组（必需）
+     * @minLength 8
+     * @maxLength 8
+     */
+    prizes: Prize[];
+    /**
+     * 媒体配置（必需）
+     * 配置左侧抽奖区域展示的图片或视频
+     */
+    media: MediaConfig;
+    /** 主题模式 */
+    theme?: Theme;
+    /** CTA 按钮配置 */
+    ctaButton?: CtaButtonConfig;
+    /**
+     * 获取机会方式数组
+     * @optional
+     */
+    chanceMethods?: ChanceMethod[];
+    /**
+     * 获取机会区域机制类型
+     * @default "methods"
+     * @optional
+     */
+    mechanismType?: ChanceMechanismType;
+    /**
+     * 输入框配置（当 mechanismType 为 'input' 时使用）
+     * @optional
+     */
+    inputConfig?: ChanceInputConfig;
+    /**
+     * 获取机会区域标题
+     * @default "Want more chances to win?"
+     * @optional
+     */
+    chanceTitle?: string;
+    /** 获取机会区域副标题 */
+    chanceSubtitle?: string;
+    /** 获取机会区域底部提示 */
+    chanceFooterNote?: string;
+    /** 获取机会方式文案配置 */
+    chanceMethodsText?: {
+        chanceBadgeText?: string;
+        completedText?: string;
+        usedText?: string;
+        loadingText?: string;
+    };
+    /**
+     * 中奖信息数组，用于底部滚动条展示
+     * @default []
+     */
+    winningInfos?: WinningInfo[];
+    /** 奖品池展示区域标题 */
+    prizesTitle?: string;
+    /**
+     * 抽奖开始时的回调，返回 Promise 以支持异步接口调用
+     * @returns Promise<string> - 中奖奖品的 prizeKey
+     */
+    onDrawStart?: () => Promise<string>;
+    /**
+     * 抽奖结束时的回调，传递中奖奖品
+     * @param prize 中奖奖品对象
+     */
+    onDrawEnd?: (prize: Prize) => void;
+    /**
+     * 抽奖错误时的回调
+     * @param error 错误信息
+     */
+    onDrawError?: (error: Error) => void;
+    /** 中奖弹窗配置 */
+    winnerModalConfig?: WinnerModalConfig;
+    /** 规则弹窗配置 */
+    rulesModalConfig?: RulesModalConfig;
+    /** 我的奖励弹窗配置 */
+    myRewardsModalConfig?: MyRewardsModalConfig;
+    /** 错误弹窗配置 */
+    errorModalConfig?: ErrorModalConfig;
+    /** 分享弹窗配置 */
+    shareModalConfig?: ShareModalConfig;
+    /** 用户数据 */
+    userData?: UserData;
+    /**
+     * 未登录时的提示文案
+     * @default "Please log in to participate"
+     */
+    loginPromptText?: string;
+    /**
+     * 登录按钮文案
+     * @default "Log In"
+     */
+    loginButtonText?: string;
+    /**
+     * 次数不足时的提示文案
+     * @default "You have no chances left"
+     */
+    noChancesText?: string;
+    /**
+     * 未登录时点击抽奖的回调
+     */
+    onLoginRequired?: () => void;
+    /** 复制优惠码回调 */
+    onCopyCode?: (code: string) => void;
+    /**
+     * 机会进度文案
+     * @default ["Number of draws remaining today:"]
+     */
+    opportunitiesText?: string[];
+    /** 自定义 CSS 类名 */
+    className?: string;
+}
+/** 默认 CTA 按钮配置 */
+export declare const DEFAULT_CTA_BUTTON: CtaButtonConfig;
+/** 默认获取机会区域标题 */
+export declare const DEFAULT_CHANCE_TITLE = "Want more chances to win?";

package/dist/cjs/biz-components/ProductLottery/types.js

@@ -0,0 +1,2 @@
+"use strict";var t=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var g=(o,e)=>{for(var n in e)t(o,n,{get:e[n],enumerable:!0})},l=(o,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of s(e))!d.call(o,i)&&i!==n&&t(o,i,{get:()=>e[i],enumerable:!(r=a(e,i))||r.enumerable});return o};var c=o=>l(t({},"__esModule",{value:!0}),o);var f={};g(f,{DEFAULT_CHANCE_TITLE:()=>p,DEFAULT_CTA_BUTTON:()=>h});module.exports=c(f);const h={text:"",style:"primary"},p="Want more chances to win?";
+//# sourceMappingURL=types.js.map

package/dist/cjs/biz-components/ProductLottery/types.js.map

@@ -0,0 +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  MyRewardsModalConfig,\n  ErrorModalConfig,\n  UserData,\n  ChanceMechanismType,\n  ChanceInputConfig,\n} from '../LotteryShared/types.js'\n\nimport type { Theme } from '../../types/props.js'\n\n// Re-export shared types for convenience\nexport type { Theme }\n\n// ============================================================================\n// \u5A92\u4F53\u914D\u7F6E\u7C7B\u578B\n// ============================================================================\n\n/**\n * \u54CD\u5E94\u5F0F\u5A92\u4F53\u8D44\u6E90\n *\n * \u652F\u6301\u6309\u65AD\u70B9\u914D\u7F6E\u4E0D\u540C\u7684\u5A92\u4F53\u8D44\u6E90 URL\uFF0C\u5B9E\u73B0\u54CD\u5E94\u5F0F\u52A0\u8F7D\u3002\n * \u65AD\u70B9: tablet(768), laptop(1025), desktop(1440), lg-desktop(1920) \u2014 min-width\n *\n * @example\n * ```tsx\n * const media: ResponsiveMedia = {\n *   default: '/images/banner-mobile.jpg',\n *   tablet: '/images/banner-tablet.jpg',\n *   laptop: '/images/banner-laptop.jpg',\n *   desktop: '/images/banner-desktop.jpg',\n *   lgDesktop: '/images/banner-lg.jpg',\n * }\n * ```\n */\nexport interface ResponsiveMedia {\n  /** \u9ED8\u8BA4\u8D44\u6E90\uFF08\u79FB\u52A8\u7AEF <768px\uFF09 */\n  default: string\n  /** \u5E73\u677F\u8D44\u6E90 \u2265768px */\n  tablet?: string\n  /** \u5C0F\u684C\u9762\u8D44\u6E90 \u22651025px */\n  laptop?: string\n  /** \u5927\u684C\u9762\u8D44\u6E90 \u22651440px */\n  desktop?: string\n  /** \u8D85\u5927\u5C4F\u8D44\u6E90 \u22651920px */\n  lgDesktop?: string\n}\n\n/**\n * \u5A92\u4F53\u914D\u7F6E\uFF08MediaConfig\uFF09\n *\n * \u914D\u7F6E\u62BD\u5956\u533A\u57DF\u7684\u5A92\u4F53\u5C55\u793A\uFF0C\u652F\u6301\u56FE\u7247\u548C\u89C6\u9891\u4E24\u79CD\u7C7B\u578B\u3002\n * \u56FE\u7247\u652F\u6301\u54CD\u5E94\u5F0F\u65AD\u70B9\u52A0\u8F7D\u4E0D\u540C\u5C3A\u5BF8\u3002\n *\n * @example\n * ```tsx\n * // \u56FE\u7247\u6A21\u5F0F\uFF08\u7B80\u5355\uFF09\n * const imageMedia: MediaConfig = {\n *   type: 'image',\n *   src: 'https://cdn.example.com/banner.jpg',\n *   alt: 'Product Lottery Banner',\n * }\n *\n * // \u56FE\u7247\u6A21\u5F0F\uFF08\u54CD\u5E94\u5F0F\uFF09\n * const responsiveMedia: MediaConfig = {\n *   type: 'image',\n *   src: {\n *     default: '/images/banner-sm.jpg',\n *     tablet: '/images/banner-md.jpg',\n *     desktop: '/images/banner-lg.jpg',\n *   },\n *   alt: 'Product Lottery Banner',\n * }\n *\n * // \u89C6\u9891\u6A21\u5F0F\n * const videoMedia: MediaConfig = {\n *   type: 'video',\n *   src: 'https://cdn.example.com/promo.mp4',\n *   poster: 'https://cdn.example.com/poster.jpg',\n *   autoPlay: true,\n *   muted: true,\n *   loop: true,\n * }\n * ```\n */\nexport interface MediaConfig {\n  /** \u5A92\u4F53\u7C7B\u578B */\n  type: 'image' | 'video'\n\n  /**\n   * \u5A92\u4F53\u8D44\u6E90 URL\n   * - \u5B57\u7B26\u4E32\uFF1A\u5355\u4E00\u8D44\u6E90\n   * - ResponsiveMedia\uFF1A\u54CD\u5E94\u5F0F\u591A\u8D44\u6E90\n   */\n  src: string | ResponsiveMedia\n\n  /**\n   * \u89C6\u9891\u5C01\u9762\u56FE URL\uFF08\u4EC5 type='video' \u65F6\u6709\u6548\uFF09\n   * @optional\n   */\n  poster?: string\n\n  /**\n   * \u662F\u5426\u81EA\u52A8\u64AD\u653E\uFF08\u4EC5 type='video' \u65F6\u6709\u6548\uFF09\n   * @default true\n   * @optional\n   */\n  autoPlay?: boolean\n\n  /**\n   * \u662F\u5426\u9759\u97F3\uFF08\u4EC5 type='video' \u65F6\u6709\u6548\uFF09\n   * @default true\n   * @optional\n   */\n  muted?: boolean\n\n  /**\n   * \u662F\u5426\u5FAA\u73AF\u64AD\u653E\uFF08\u4EC5 type='video' \u65F6\u6709\u6548\uFF09\n   * @default true\n   * @optional\n   */\n  loop?: boolean\n\n  /**\n   * \u56FE\u7247\u66FF\u4EE3\u6587\u672C\uFF08\u65E0\u969C\u788D\uFF09\n   * @optional\n   */\n  alt?: string\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\u94AE\u914D\u7F6E */\n  ctaButton?: CtaButtonConfig\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\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\n   */\n  media: MediaConfig\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  /** \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  /** \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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0BAAAE,EAAA,uBAAAC,IAAA,eAAAC,EAAAJ,GAodO,MAAMG,EAAsC,CACjD,KAAM,GACN,MAAO,SACT,EAGaD,EAAuB",
+  "names": ["types_exports", "__export", "DEFAULT_CHANCE_TITLE", "DEFAULT_CTA_BUTTON", "__toCommonJS"]
+}

package/dist/cjs/biz-components/ProductNav/ProductNav.d.ts

@@ -1,2 +1,3 @@
-declare const _default: any;
+import type { ProductNavProps } from './types.js';
+declare const _default: import("react").ForwardRefExoticComponent<Omit<ProductNavProps & import("react").RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;

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

@@ -42,5 +42,5 @@ export interface PromotionalBarProps extends React.HTMLAttributes<HTMLDivElement
     data: PromotionalBarData;
     classNames?: Partial<Record<keyof PromotionalBarSemanticName, string>>;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<Omit<PromotionalBarProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;

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

@@ -87,5 +87,5 @@ export interface SecondaryBannerProps extends React.HTMLAttributes<HTMLElement>
      */
     jumpOptions?: JumpOptions;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<Omit<SecondaryBannerProps & React.RefAttributes<HTMLElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & React.RefAttributes<HTMLElement>>;
 export default _default;

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { Img } from '../../types/props.js';
 export type SelectStoreDataType = {
     title: string;
@@ -7,5 +8,10 @@ export type SelectStoreDataType = {
     padImg: Img;
     miniImg: Img;
 };
-declare const _default: any;
+interface SelectStoreType extends React.HTMLAttributes<HTMLDivElement> {
+    data: {
+        list: SelectStoreDataType[];
+    };
+}
+declare const _default: React.ForwardRefExoticComponent<Omit<SelectStoreType, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & React.RefAttributes<unknown>>;
 export default _default;

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

@@ -1,2 +1,4 @@
-declare const _default: any;
+import React from 'react';
+import type { ShelfDisplayProps } from './shelfDisplay.js';
+declare const _default: React.ForwardRefExoticComponent<Omit<ShelfDisplayProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;

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

@@ -1,4 +1,6 @@
+import React from 'react';
+import type { SloganProps } from './types.js';
 export declare const componentType = "copy";
 export declare const componentName = "brand_slogan";
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<Omit<SloganProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;

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

@@ -1,2 +1,4 @@
-declare const _default: any;
+import React from 'react';
+import type { SpacerProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<Omit<SpacerProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;

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

@@ -5,5 +5,5 @@ export interface SpecsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, '
     onChange?: (product: any, index: number) => void;
     onSecondaryChange?: (data: any) => void;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<Omit<SpecsProps & React.RefAttributes<HTMLDivElement>, "container" | keyof import("../../shared/Styles.js").StylesProps> & import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;

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

@@ -1,2 +1,2 @@
-"use strict";"use client";var K=Object.create;var v=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,ee=Object.prototype.hasOwnProperty;var te=(n,o)=>{for(var p in o)v(n,p,{get:o[p],enumerable:!0})},T=(n,o,p,h)=>{if(o&&typeof o=="object"||typeof o=="function")for(let x of Y(o))!ee.call(n,x)&&x!==p&&v(n,x,{get:()=>o[x],enumerable:!(h=X(o,x))||h.enumerable});return n};var A=(n,o,p)=>(p=n!=null?K(Z(n)):{},T(o||!n||!n.__esModule?v(p,"default",{value:n,enumerable:!0}):p,n)),se=n=>T(v({},"__esModule",{value:!0}),n);var oe={};te(oe,{default:()=>ne});module.exports=se(oe);var e=require("react/jsx-runtime"),F=A(require("./dropdown.js")),H=require("../AiuiProvider/index.js"),P=require("react-responsive"),d=require("react"),R=require("../../shared/Styles.js"),O=require("../ShelfDisplay/shelfDisplay.js"),c=require("../../components/index.js"),I=require("../../helpers/index.js"),f=A(require("react"));const j=f.default.forwardRef(({data:n,buildData:o,onChange:p,onSecondaryChange:h,className:x,..._},$)=>{const w=(0,P.useMediaQuery)({query:"(max-width: 768px)"}),[r,k]=(0,d.useState)({}),[U,V]=(0,d.useState)([]),[N,L]=(0,d.useState)(!1),[y,M]=(0,d.useState)({}),S=(0,f.useRef)(null),{locale:B="us",currencyDisplay:z}=(0,H.useAiuiContext)(),{LeftMenu:D,RightMenu:E,DefaultSelectMenu:g}=(0,d.useMemo)(()=>n?.data||{},[n?.data]),q=t=>{try{const a=new URL(t).pathname.toLowerCase();return/\.(jpeg|jpg|gif|png|webp|bmp|svg|tiff)$/.test(a)}catch{return/\.(jpeg|jpg|gif|png|webp|bmp|svg|tiff)$/i.test(t)}},Q=(t,s)=>{const a=t?.variants?.find?.(b=>b?.sku===t?.sku),l=a?.coupons?.[0],{price:u,basePrice:i}=(0,O.formatVariantPrice)({locale:B||"us",amount:l?l?.variant_price4wscode:a?.price,baseAmount:l?a?.price:0,currencyDisplay:z,currencyCode:t?.price?.currencyCode||"USD"}),m=typeof g?.buttonText=="string"?g?.buttonText:g?.buttonText?.[String(s)]||"";return(0,e.jsxs)("div",{className:"specs-sku-node-wrap box-border",children:[(0,e.jsxs)(c.Text,{className:"md-tablet:p-2 l-tablet:mb-4 l-tablet:text-sm desktop:px-6 lg-desktop:mb-8 lg-desktop:text-lg openDropDown specs-sku-node-text relative mb-6 box-border block rounded-[50px] border border-[#E4E5E6] bg-[#F5F5F7] px-6 py-4 text-base font-bold",onClick:()=>{if(Object.keys(r||{})?.length<=2)return null;M({...y,[s]:!y?.[s]})},children:[(0,e.jsxs)("div",{className:"flex items-center justify-between overflow-hidden",children:[(0,e.jsx)("div",{className:"openDropDown md-tablet:text-sm lg-desktop:text-lg specs-sku-node-title flex-1 truncate text-base",title:r?.[s]?.name||"",children:r?.[s]?.name||""}),Object.keys(r||{})?.length>2?(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",className:"openDropDown",children:(0,e.jsx)("path",{d:"M6 9.5L12 15.5L18 9.5",stroke:"#1D1D1F",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}):null]}),(0,e.jsx)(F.default,{index:s,list:U,active:r,setActive:k,visible:y,setVisible:M})]}),(0,e.jsx)("div",{className:"lg-desktop:max-h-[196px] lg-desktop:max-w-[196px] max-h-[138px] max-w-[138px]",children:(0,e.jsx)(c.Picture,{source:a?.image?.url||"",className:"aspect-h-[280] aspect-w-[280]",imgClassName:"w-full h-full object-cover hover:scale-105 transition-all duration-300"})}),(0,e.jsx)("div",{className:"lg-desktop:text-2xl mb-2 mt-6 text-xl font-bold",children:(0,e.jsx)("div",{className:"lg-desktop:min-h-[32px] flex  min-h-[28px] items-center",children:a?.availableForSale?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{className:"specs-sku-node-price text-[#080A0F]",children:u||""}),i&&(0,e.jsx)("div",{className:"lg-desktop:text-2xl specs-sku-node-base-price ml-1 text-xl text-[#86868C] line-through",children:i})]}):null})}),m?(0,e.jsx)(c.Button,{onClick:()=>{p?.(t,s)},className:"specs-sku-node-button",children:m}):null]})},W=t=>t&&typeof t!="string"?(0,e.jsxs)("div",{className:"size-full",children:[(0,e.jsx)("p",{className:"min-xxl:text-lg specs-normal-node-text text-base font-bold text-[#080A0F] md:text-sm",dangerouslySetInnerHTML:{__html:t?.text||""}}),(0,e.jsx)(c.Picture,{source:t?.imgUrl,className:"l:max-h-[174px] l:max-w-[174px] m-auto max-h-[360px] max-w-[360px]",imgClassName:"w-full h-full object-cover"})]}):(0,e.jsx)("div",{className:"break-all",children:q(t)?(0,e.jsx)(c.Picture,{source:t,className:"l:max-h-[174px] l:max-w-[174px] m-auto max-h-[360px] max-w-[360px]",imgClassName:"w-full h-full object-cover"}):(0,e.jsx)("p",{className:"min-xxl:text-lg specs-normal-node-text text-base font-bold text-[#080A0F] md:text-sm",dangerouslySetInnerHTML:{__html:t||""}})}),C=t=>t.map((s,a)=>{const l=a===0;return(0,e.jsxs)("div",{className:"l-tablet:flex l-tablet:flex-col box-border grid w-full cursor-pointer grid-cols-3 overflow-hidden border-t border-t-[#E4E5E6]  specs-product-node-wrap",children:[(0,e.jsx)(c.Heading,{as:"h3",html:s||"",className:"tablet:py-6 l-tablet:text-[#86868C] desktop:p-6 lg-desktop:text-lg specs-product-node-title mr-4 flex-1 pt-4 text-base font-bold md:text-sm"}),(0,e.jsx)("div",{className:`l-tablet:w-full l-tablet:gap-4 laptop:gap-8 desktop:gap-12 desktop:p-6 lg-desktop:gap-16 grid-cols-${N?3:2} specs-product-node-body col-span-2 grid flex-1 py-6`,children:Object.keys(r)?.map?.(u=>{const i=r?.[u],m=E?.menus?.find?.(b=>b?.handle===i?.handle)?.subTitle;return W(m?.[s])})})]},s)}),G=t=>{if(!r)return;const{subTitle:s,isProduct:a}=t;return a?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:"l-tablet:flex l-tablet:flex-col specs-content-item-product box-border grid w-full cursor-pointer grid-cols-3 border-t-0 border-t-[#E4E5E6]",children:[t?.title&&(0,e.jsx)(c.Heading,{as:"h3",html:t?.title||"",className:"l:hidden specs-item-product-title"}),(0,e.jsx)("div",{className:`l-tablet:w-full l-tablet:gap-4 laptop:gap-8 desktop:gap-12 desktop:px-6 desktop:pb-6 lg-desktop:gap-16 grid-cols-${N?3:2} specs-item-product-body col-span-2 grid flex-1 pb-4 pr-0`,children:Object.keys(r)?.map((l,u)=>{const i=r?.[l],m=o?.products?.find?.(b=>b?.handle===i?.handle);return(0,e.jsx)("div",{children:Q({...m,item:l,sku:i?.sku},u)},l)})})]}),t?.categoryLabel&&(0,e.jsx)(c.Heading,{size:2,as:"h4",html:t?.categoryLabel||"",className:"desktop:p-6 specs-item-product-category py-6"}),s?.length?C(s):null]}):C(s)};return(0,f.useImperativeHandle)($,()=>S.current),(0,d.useEffect)(()=>{if(!o?.products?.length)return;const t=g?.sku?.split?.(",")||[];let s={};t?.forEach?.((l,u)=>{const i=o?.products?.find?.(m=>{if(m?.variants?.find?.(J=>J?.sku===l))return!0});i&&(s={...s,[u]:{sku:l,name:i?.name||i?.title,handle:i?.handle}})});const a=o?.products?.filter(l=>E?.menus?.find(u=>u?.handle===l?.handle));k(s),V(a),L(t?.length>2)},[o]),(0,d.useEffect)(()=>{if(w){const t=Object.keys(r||{});if(t?.length>2){const s=t?.slice?.(0,2);let a={};s?.forEach?.(l=>{a={...a,[l]:r?.[l]}}),L(!1),k(a)}}},[w]),(0,e.jsx)("div",{..._,className:(0,I.cn)("specs-wrapper w-full overflow-hidden bg-[#F5F5F7]",x),ref:S,children:D?.data?(0,e.jsx)("div",{className:"specs-wrapper-content box-border w-full overflow-hidden",children:D?.data?.map?.((t,s)=>(0,e.jsx)("div",{className:"specs-wrapper-content-item w-full overflow-hidden pt-10 [&:first-child]:pt-0",children:G(t)},s))}):null})});j.displayName="Specs";var ne=(0,R.withLayout)(j);
+"use strict";"use client";var K=Object.create;var h=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,ee=Object.prototype.hasOwnProperty;var te=(o,l)=>{for(var p in l)h(o,p,{get:l[p],enumerable:!0})},A=(o,l,p,k)=>{if(l&&typeof l=="object"||typeof l=="function")for(let x of Y(l))!ee.call(o,x)&&x!==p&&h(o,x,{get:()=>l[x],enumerable:!(k=X(l,x))||k.enumerable});return o};var F=(o,l,p)=>(p=o!=null?K(Z(o)):{},A(l||!o||!o.__esModule?h(p,"default",{value:o,enumerable:!0}):p,o)),se=o=>A(h({},"__esModule",{value:!0}),o);var oe={};te(oe,{default:()=>ne});module.exports=se(oe);var e=require("react/jsx-runtime"),H=F(require("./dropdown.js")),P=require("../AiuiProvider/index.js"),R=require("react-responsive"),m=require("react"),I=require("../../shared/Styles.js"),_=require("../ShelfDisplay/shelfDisplay.js"),r=require("../../components/index.js"),$=require("../../helpers/index.js"),b=F(require("react"));const j=b.default.forwardRef(({data:o,buildData:l,onChange:p,onSecondaryChange:k,className:x,...O},U)=>{const g=(0,R.useMediaQuery)({query:"(max-width: 768px)"}),[d,w]=(0,m.useState)({}),[y,V]=(0,m.useState)([]),[S,L]=(0,m.useState)(!1),[N,M]=(0,m.useState)({}),D=(0,b.useRef)(null),{locale:B="us",currencyDisplay:z}=(0,P.useAiuiContext)(),{LeftMenu:E,RightMenu:C,DefaultSelectMenu:v}=(0,m.useMemo)(()=>o?.data||{},[o?.data]),q=t=>{try{const n=new URL(t).pathname.toLowerCase();return/\.(jpeg|jpg|gif|png|webp|bmp|svg|tiff)$/.test(n)}catch{return/\.(jpeg|jpg|gif|png|webp|bmp|svg|tiff)$/i.test(t)}},Q=(t,s)=>{const n=t?.variants?.find?.(f=>f?.sku===t?.sku),a=n?.coupons?.[0],{price:u,basePrice:i}=(0,_.formatVariantPrice)({locale:B||"us",amount:a?a?.variant_price4wscode:n?.price,baseAmount:a?n?.price:0,currencyDisplay:z,currencyCode:t?.price?.currencyCode||"USD"}),c=typeof v?.buttonText=="string"?v?.buttonText:v?.buttonText?.[String(s)]||"";return(0,e.jsxs)("div",{className:"specs-sku-node-wrap box-border",children:[(0,e.jsxs)(r.Text,{className:"md-tablet:p-2 l-tablet:mb-4 l-tablet:text-sm desktop:px-6 lg-desktop:mb-8 lg-desktop:text-lg openDropDown specs-sku-node-text relative mb-6 box-border block rounded-[50px] border border-[#E4E5E6] bg-[#F5F5F7] px-6 py-4 text-base font-bold",onClick:()=>{if(y?.length<=1)return null;M({...N,[s]:!N?.[s]})},children:[(0,e.jsxs)("div",{className:"flex items-center justify-between overflow-hidden",children:[(0,e.jsx)("div",{className:"openDropDown md-tablet:text-sm lg-desktop:text-lg specs-sku-node-title flex-1 truncate text-base",title:d?.[s]?.name||"",children:d?.[s]?.name||""}),y?.length>1?(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",className:"openDropDown",children:(0,e.jsx)("path",{d:"M6 9.5L12 15.5L18 9.5",stroke:"#1D1D1F",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}):null]}),(0,e.jsx)(H.default,{index:s,list:y,active:d,setActive:w,visible:N,setVisible:M})]}),(0,e.jsx)("div",{className:"lg-desktop:max-h-[196px] lg-desktop:max-w-[196px] max-h-[138px] max-w-[138px]",children:(0,e.jsx)(r.Picture,{source:n?.image?.url||"",className:"aspect-h-[280] aspect-w-[280]",imgClassName:"w-full h-full object-cover hover:scale-105 transition-all duration-300"})}),(0,e.jsx)("div",{className:"lg-desktop:text-2xl mb-2 mt-6 text-xl font-bold",children:(0,e.jsx)("div",{className:"lg-desktop:min-h-[32px] flex  min-h-[28px] items-center",children:n?.availableForSale?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{className:"specs-sku-node-price text-[#080A0F]",children:u||""}),i&&(0,e.jsx)("div",{className:"lg-desktop:text-2xl specs-sku-node-base-price ml-1 text-xl text-[#86868C] line-through",children:i})]}):null})}),c?(0,e.jsx)(r.Button,{onClick:()=>{p?.(t,s)},className:"specs-sku-node-button",children:c}):null]})},W=t=>t&&typeof t!="string"?(0,e.jsxs)("div",{className:"size-full",children:[(0,e.jsx)("p",{className:"min-xxl:text-lg specs-normal-node-text text-base font-bold text-[#080A0F] md:text-sm",dangerouslySetInnerHTML:{__html:t?.text||""}}),(0,e.jsx)(r.Picture,{source:t?.imgUrl,className:"l:max-h-[174px] l:max-w-[174px] m-auto max-h-[360px] max-w-[360px]",imgClassName:"w-full h-full object-cover"})]}):(0,e.jsx)("div",{className:"break-all",children:q(t)?(0,e.jsx)(r.Picture,{source:t,className:"l:max-h-[174px] l:max-w-[174px] m-auto max-h-[360px] max-w-[360px]",imgClassName:"w-full h-full object-cover"}):(0,e.jsx)("p",{className:"min-xxl:text-lg specs-normal-node-text text-base font-bold text-[#080A0F] md:text-sm",dangerouslySetInnerHTML:{__html:t||""}})}),T=t=>t.map((s,n)=>{const a=n===0;return(0,e.jsxs)("div",{className:"l-tablet:flex l-tablet:flex-col box-border grid w-full cursor-pointer grid-cols-3 overflow-hidden border-t border-t-[#E4E5E6]  specs-product-node-wrap",children:[(0,e.jsx)(r.Heading,{as:"h3",html:s||"",className:"tablet:py-6 l-tablet:text-[#86868C] desktop:p-6 lg-desktop:text-lg specs-product-node-title mr-4 flex-1 pt-4 text-base font-bold md:text-sm"}),(0,e.jsx)("div",{className:`l-tablet:w-full l-tablet:gap-4 laptop:gap-8 desktop:gap-12 desktop:p-6 lg-desktop:gap-16 grid-cols-${S?3:2} specs-product-node-body col-span-2 grid flex-1 py-6`,children:Object.keys(d)?.map?.(u=>{const i=d?.[u],c=C?.menus?.find?.(f=>f?.handle===i?.handle)?.subTitle;return W(c?.[s])})})]},s)}),G=t=>{if(!d)return;const{subTitle:s,isProduct:n}=t;return n?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:"l-tablet:flex l-tablet:flex-col specs-content-item-product box-border grid w-full cursor-pointer grid-cols-3 border-t-0 border-t-[#E4E5E6]",children:[t?.title&&(0,e.jsx)(r.Heading,{as:"h3",html:t?.title||"",className:"l:hidden specs-item-product-title"}),(0,e.jsx)("div",{className:`l-tablet:w-full l-tablet:gap-4 laptop:gap-8 desktop:gap-12 desktop:px-6 desktop:pb-6 lg-desktop:gap-16 grid-cols-${S?3:2} specs-item-product-body col-span-2 grid flex-1 pb-4 pr-0`,children:Object.keys(d)?.map((a,u)=>{const i=d?.[a],c=l?.products?.find?.(f=>f?.handle===i?.handle);return(0,e.jsx)("div",{children:Q({...c,item:a,sku:i?.sku},u)},a)})})]}),t?.categoryLabel&&(0,e.jsx)(r.Heading,{size:2,as:"h4",html:t?.categoryLabel||"",className:"desktop:p-6 specs-item-product-category py-6"}),s?.length?T(s):null]}):T(s)};return(0,b.useImperativeHandle)(U,()=>D.current),(0,m.useEffect)(()=>{if(!l?.products?.length)return;const t=v?.sku?.split?.(",")||[],s=g&&t?.length>2?t?.slice(0,2):t;let n={};s?.forEach?.((u,i)=>{const c=l?.products?.find?.(f=>{if(f?.variants?.find?.(J=>J?.sku===u))return!0});c&&(n={...n,[i]:{sku:u,name:c?.name||c?.title,handle:c?.handle}})});const a=l?.products?.filter(u=>C?.menus?.find(i=>i?.handle===u?.handle));w(n),V(a),L(t?.length>2&&!g)},[l,g]),(0,m.useEffect)(()=>{if(g){const t=Object.keys(d||{});if(t?.length>2){const s=t?.slice?.(0,2);let n={};s?.forEach?.(a=>{n={...n,[a]:d?.[a]}}),L(!1),w(n)}}},[g]),(0,e.jsx)("div",{...O,className:(0,$.cn)("specs-wrapper w-full overflow-hidden bg-[#F5F5F7]",x),ref:D,children:E?.data?(0,e.jsx)("div",{className:"specs-wrapper-content box-border w-full overflow-hidden",children:E?.data?.map?.((t,s)=>(0,e.jsx)("div",{className:"specs-wrapper-content-item w-full overflow-hidden pt-10 [&:first-child]:pt-0",children:G(t)},s))}):null})});j.displayName="Specs";var ne=(0,I.withLayout)(j);
 //# sourceMappingURL=index.js.map