@dcl/shop 1.13.1-35227702430.commit-7f36a79 → 1.13.1-35339357506.commit-a201fb1
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.
- package/_assets/{Activity-CHNYJKpW.js → Activity-BZMB4hg5.js} +4 -4
- package/_assets/{AnimatedBackground-CDDW5yOE.js → AnimatedBackground-CXVxNT-G.js} +3 -3
- package/_assets/Assets-tHTTA31T.js +980 -0
- package/_assets/{Cart-WtUxECX0.js → Cart-BTFM7sgI.js} +32 -32
- package/_assets/{Collection-0mDLFGqi.js → Collection-D7LTf_OS.js} +9 -9
- package/_assets/CollectionCarousel-DsJ7L4rs.js +322 -0
- package/_assets/Confetti-cdj3K_E3.js +18 -0
- package/_assets/{ConstantsUtil-yxsFW7Qn.js → ConstantsUtil-BRm3N2MJ.js} +2 -2
- package/_assets/{ContentClient-BkbChoni.js → ContentClient-BuGONJzu.js} +2 -2
- package/_assets/{Creator-CX-NPM3l.js → Creator-DTGBDA7q.js} +2 -2
- package/_assets/{DeploymentBuilder-CVNQmpLh.js → DeploymentBuilder-t6QMfSJh.js} +3 -3
- package/_assets/{EmotePlaybackBar-B0eDc_Xz.js → EmotePlaybackBar-DxozN5dA.js} +5 -5
- package/_assets/{ErrorNotice-aYlVfBxT.js → ErrorNotice-Dlh8ddHO.js} +2 -2
- package/_assets/Event-B3nuIkGW.js +72 -0
- package/_assets/{ExchangeController-CBVAZKeX.js → ExchangeController-CSSF68uc.js} +2 -2
- package/_assets/{Faq-DyFyFEfN.js → Faq-DQCrsGCA.js} +2 -2
- package/_assets/{Filters-DXBU1kNJ.js → Filters-BsZs-9_M.js} +2 -2
- package/_assets/{GetCredits-nIVyH51y.js → GetCredits-DLjX5S-_.js} +70 -70
- package/_assets/{Grow-B392ksj_.js → Grow-CBOQ3rs-.js} +2 -2
- package/_assets/{HelpersUtil-DGFcsVXD.js → HelpersUtil-ItKIMa0k.js} +4 -4
- package/_assets/{ItemDetail-4K0xq5qa.js → ItemDetail-Bfbuu0cW.js} +9 -9
- package/_assets/{LoadMore-B_oODLp1.js → LoadMore-BxuVAL5h.js} +2 -2
- package/_assets/{ManaPricingBanner.styles-NLm-zu5S.js → ManaPricingBanner.styles-dfVXcaNP.js} +2 -2
- package/_assets/{MyAssets-BbctXf9T.js → MyAssets-BbWDjYod.js} +2 -2
- package/_assets/{MyFavorites-CDyauJmh.js → MyFavorites-DY192etV.js} +3 -3
- package/_assets/{MyStore-DorOcI1q.js → MyStore-qM8HV1zc.js} +2 -2
- package/_assets/{NetworkUtil-xj9XdA6U.js → NetworkUtil-B4oEt17N.js} +2 -2
- package/_assets/{NotFound-Ds8v76Ff.js → NotFound-CgcYb0ih.js} +2 -2
- package/_assets/{NotificationsBell-D3XWdEXZ.js → NotificationsBell-txLDBZgz.js} +13 -13
- package/_assets/{OutfitDetail-DNYnAFNy.js → OutfitDetail-EWQSU1q3.js} +2 -2
- package/_assets/{OutfitPreview-ZeTJyukp.js → OutfitPreview-Cj1w-8ou.js} +3 -3
- package/_assets/{OutfitStudio-HDNrNgQb.js → OutfitStudio-CymFpAjx.js} +2 -2
- package/_assets/{PhArrowCircleDown-oZRgIV6I.js → PhArrowCircleDown-BgP2jbf5.js} +3 -3
- package/_assets/{PhArrowClockwise-D6H6uB8s.js → PhArrowClockwise-CuNU0iSl.js} +2 -2
- package/_assets/{PhArrowDown-CRBvhObC.js → PhArrowDown-BrLks3Uz.js} +4 -4
- package/_assets/{PhArrowLeft-iC7ALVz_.js → PhArrowLeft-BbZGSN_s.js} +5 -5
- package/_assets/{PhArrowRight-BMhSphsR.js → PhArrowRight-DqLi6_uj.js} +4 -4
- package/_assets/{PhArrowSquareOut-BGOFtcYV.js → PhArrowSquareOut-CX0ZRgNC.js} +4 -4
- package/_assets/{PhArrowUp-DaOakyLF.js → PhArrowUp-D9ugstgK.js} +3 -3
- package/_assets/{PhArrowUpRight-Dv-X4w2R.js → PhArrowUpRight-Bpfn12eW.js} +4 -4
- package/_assets/{PhArrowsClockwise-DnI7mFlV.js → PhArrowsClockwise-CRZyQVpN.js} +4 -4
- package/_assets/{PhArrowsDownUp-BT1rp80C.js → PhArrowsDownUp-CV1NqVLb.js} +4 -4
- package/_assets/{PhArrowsLeftRight-3JEyJt0N.js → PhArrowsLeftRight-DvGI6Nto.js} +5 -5
- package/_assets/{PhBank-DlTySila.js → PhBank-BRxdKSKq.js} +5 -5
- package/_assets/{PhBrowser-CxUZLRbi.js → PhBrowser-C_wNKcTe.js} +5 -5
- package/_assets/PhCaretDown-DBNFm85V.js +15 -0
- package/_assets/{PhCaretLeft-ScH02zvv.js → PhCaretLeft-Cad__LUx.js} +3 -3
- package/_assets/{PhCaretRight-CG-ZCjvT.js → PhCaretRight-CuRYBcM2.js} +3 -3
- package/_assets/PhCaretUp-DE2FiuTS.js +15 -0
- package/_assets/{PhCheck-DETGkRRi.js → PhCheck-y4MOxgof.js} +5 -5
- package/_assets/{PhCircleHalf-BN36Nweh.js → PhCircleHalf-xlPKmtS7.js} +4 -4
- package/_assets/{PhClock-DPd3K2DL.js → PhClock-BBNMhMKw.js} +4 -4
- package/_assets/{PhCompass-F0g-SfuH.js → PhCompass-DpAl_LfZ.js} +5 -5
- package/_assets/{PhCopy-CzpD7rrG.js → PhCopy-D4HwCqa2.js} +5 -5
- package/_assets/{PhCreditCard-NnI7YcNP.js → PhCreditCard-CD12JEEL.js} +3 -3
- package/_assets/{PhCurrencyDollar-Bst29vzW.js → PhCurrencyDollar-DPFX6nyR.js} +2 -2
- package/_assets/{PhDesktop-CFSSNEkS.js → PhDesktop-CNhh70Hf.js} +3 -3
- package/_assets/{PhDeviceMobile-Dd2ijltg.js → PhDeviceMobile-DQgHhtB0.js} +5 -5
- package/_assets/{PhDotsThree-CI5y9TIg.js → PhDotsThree-B1gOaArE.js} +4 -4
- package/_assets/{PhEnvelope-DrQ5vbHf.js → PhEnvelope-CGnM9AiA.js} +4 -4
- package/_assets/{PhFunnelSimple-CI4FOzkp.js → PhFunnelSimple-D8YZwX53.js} +4 -4
- package/_assets/{PhGlobe-DR2SpSWA.js → PhGlobe-CXtg_GcB.js} +4 -4
- package/_assets/{PhIdentificationCard-5YfSRHO7.js → PhIdentificationCard-oMtubY4C.js} +3 -3
- package/_assets/{PhImage-D7dVXxCI.js → PhImage-DKp6-EHn.js} +2 -2
- package/_assets/{PhInfo-DNTh1xhU.js → PhInfo-CPd-HNhu.js} +5 -5
- package/_assets/{PhLightbulb-BfCndXXI.js → PhLightbulb-C47afrxR.js} +5 -5
- package/_assets/{PhMagnifyingGlass-DB41rFTM.js → PhMagnifyingGlass-DBaqb5ff.js} +2 -2
- package/_assets/{PhPaperPlaneRight-D6oxeO8G.js → PhPaperPlaneRight-FQGhQUrW.js} +4 -4
- package/_assets/{PhPlus-B90Q_jSC.js → PhPlus-B_CxFvZS.js} +4 -4
- package/_assets/{PhPower-B3OeVFPP.js → PhPower-DRTSLLeY.js} +4 -4
- package/_assets/{PhPuzzlePiece-DMvneE8o.js → PhPuzzlePiece-zlHiPdqx.js} +4 -4
- package/_assets/{PhQrCode-B1ogONq9.js → PhQrCode-riEgpq80.js} +4 -4
- package/_assets/{PhQuestion-BGPtjzO3.js → PhQuestion-DHYK7o0G.js} +3 -3
- package/_assets/{PhQuestionMark-Bx5KlE6e.js → PhQuestionMark-ZgOsaVvK.js} +4 -4
- package/_assets/{PhSealCheck-kDiKrn8v.js → PhSealCheck-B5VE_9Jt.js} +3 -3
- package/_assets/{PhSignOut-C40w8abk.js → PhSignOut-DKQOfDHS.js} +4 -4
- package/_assets/{PhSpinner-BnCR7oBU.js → PhSpinner-B3k7aAJt.js} +4 -4
- package/_assets/{PhTrash-Dx6EnoNj.js → PhTrash-CD2fhMLB.js} +3 -3
- package/_assets/{PhUser-BMrVwUFx.js → PhUser-BeKUoVY6.js} +2 -2
- package/_assets/{PhVault-CJhJgRMl.js → PhVault-DC9QjU0-.js} +5 -5
- package/_assets/{PhWallet-DUAwnObx.js → PhWallet-djswo-CG.js} +3 -3
- package/_assets/{PhWarning-DQNslokT.js → PhWarning-B4g8NvcF.js} +4 -4
- package/_assets/{PhWarningCircle-p1EFi5p4.js → PhWarningCircle-xLZ7sbu0.js} +5 -5
- package/_assets/{PhX-cY2Ff_Gl.js → PhX-BVzMqBjL.js} +5 -5
- package/_assets/{SaleCountdown-cQM4C16V.js → SaleCountdown-3pApusNf.js} +2 -2
- package/_assets/{Spinner-L6nFyl-2.js → Spinner-BhJFlkpV.js} +2 -2
- package/_assets/{StoreSettings-DumRGIpw.js → StoreSettings-CuaXmFqQ.js} +2 -2
- package/_assets/{Success-kXDhdODF.js → Success-oMsLbOWh.js} +2 -2
- package/_assets/{SwapController-2wOUxm-O.js → SwapController-DrYUKQJ9.js} +2 -2
- package/_assets/{Tooltip-C2bcEiWV.js → Tooltip-BIdqgK8V.js} +2 -2
- package/_assets/{TradeService-CJAyWLOz.js → TradeService-JsADFsSl.js} +2 -2
- package/_assets/{W3MFrameProviderSingleton-CTS4_jWN.js → W3MFrameProviderSingleton-DvSh92CX.js} +4 -4
- package/_assets/{WebCryptoP256-BBF_1GY3.js → WebCryptoP256-DgMWbKGz.js} +2 -2
- package/_assets/{add-WhTS4Lmx.js → add-C46RTTNX.js} +3 -3
- package/_assets/{all-wallets-BjG4VftA.js → all-wallets-byTNDEq1.js} +2 -2
- package/_assets/{app-store-BU7T42Cx.js → app-store-CaKIhI-8.js} +2 -2
- package/_assets/{apple-CawmhmSa.js → apple-DAMB_3Lk.js} +3 -3
- package/_assets/{arrow-bottom-CnNmrvB7.js → arrow-bottom-Cx66u8_t.js} +2 -2
- package/_assets/{arrow-bottom-circle-4Fk8ZSin.js → arrow-bottom-circle-Bv2eZVEF.js} +2 -2
- package/_assets/{arrow-left-CfMYQlcz.js → arrow-left-D0I0JXz4.js} +3 -3
- package/_assets/arrow-right-BHc70exa.js +9 -0
- package/_assets/{arrow-top-B19eH9mc.js → arrow-top-uM_hNW8Z.js} +3 -3
- package/_assets/{async-directive-BTrBVINo.js → async-directive-CeCQAQEH.js} +4 -4
- package/_assets/{bank-CvCwnNxT.js → bank-CQUOEuRq.js} +2 -2
- package/_assets/{basic-Dy20qb1a.js → basic-GpwOtGyM.js} +2 -2
- package/_assets/{biconomy-BnEG5Zy-.js → biconomy-NuhcX0Yi.js} +2 -2
- package/_assets/{browseLayout.styles-CfCn9o-L.js → browseLayout.styles-D0MZbKfc.js} +2 -2
- package/_assets/{browser-D_6XKzYg.js → browser-Bh67F6hL.js} +3 -3
- package/_assets/{browser-CRh8u5ch.js → browser-CztLWw1I.js} +2 -2
- package/_assets/{browser-Cdq7DNqX.js → browser-D0dzO3fx.js} +2 -2
- package/_assets/{browser-ponyfill-BKmwPYRv.js → browser-ponyfill-BdWvH_If.js} +2 -2
- package/_assets/buy-ZzigQNxZ.js +2 -0
- package/_assets/{buy-gasless-CxdA3e9m.js → buy-gasless-5QIoW0es.js} +2 -2
- package/_assets/{card-Bs7vF3ws.js → card-DcQ1wkCr.js} +2 -2
- package/_assets/cart-checkout-D_rUzOn4.js +2 -0
- package/_assets/{categories-DFosgubm.js → categories-BCcLvB19.js} +2 -2
- package/_assets/{ccip-CFqr1zAP.js → ccip-0C-WJ2f3.js} +2 -2
- package/_assets/{ccip-kZ3R7VLn.js → ccip-CcFd-pp_.js} +2 -2
- package/_assets/{chains-DeJWzaQr.js → chains-BoWQ7jDs.js} +2 -2
- package/_assets/{checkmark-e3BzxNSm.js → checkmark-GDL9YfL4.js} +2 -2
- package/_assets/{checkmark-bold-CwL3zpGi.js → checkmark-bold-B-Sg0XJy.js} +3 -3
- package/_assets/chevron-bottom-CLuKI9LQ.js +9 -0
- package/_assets/chevron-left-B_RU4s1F.js +9 -0
- package/_assets/chevron-right-C6ckznAo.js +9 -0
- package/_assets/chevron-top-CJOmtrv2.js +9 -0
- package/_assets/{chrome-store-B9E5S_r1.js → chrome-store-s39Q_LJM.js} +3 -3
- package/_assets/{class-map-BaReYv7k.js → class-map-BxMzgOIb.js} +5 -5
- package/_assets/{clock-98t-BkG5.js → clock-DmJj-grN.js} +2 -2
- package/_assets/close-D4d1U5NV.js +9 -0
- package/_assets/{coinPlaceholder-rH-MsidA.js → coinPlaceholder-VDdmV3rm.js} +2 -2
- package/_assets/collectionPage.styles-rZa1BWWK.js +41 -0
- package/_assets/common-aEQBU1aZ.js +2 -0
- package/_assets/{compass-C4iPyfoB.js → compass-O2jaVbub.js} +3 -3
- package/_assets/{controller-k48YB2Sn.js → controller-BHSkmDDd.js} +3 -3
- package/_assets/{copy-Db_EXK-k.js → copy-D2eE3KCY.js} +3 -3
- package/_assets/{core-CKZ_MmrP.js → core-Dnx08t4s.js} +5 -5
- package/_assets/{createSvgIcon-B4YJe4s8.js → createSvgIcon-C3DiORbY.js} +4 -4
- package/_assets/{crumbs.styles-C5msDC2H.js → crumbs.styles-D969n73j.js} +2 -2
- package/_assets/{cursor-BLyA32Y6.js → cursor-DSrN7SuI.js} +3 -3
- package/_assets/{cursor-transparent-is8_6H5o.js → cursor-transparent-DxuBEx9O.js} +2 -2
- package/_assets/{custom-BXWLdbja.js → custom-CyjlH7Cr.js} +2 -2
- package/_assets/{data-capture-uHnihewB.js → data-capture-BUt-tqa3.js} +2 -2
- package/_assets/{dcl-schemas-B-U9a1k0.js → dcl-schemas-CyEZVc6x.js} +2 -2
- package/_assets/decimals-BLhtmmbN.js +2 -0
- package/_assets/decimals-CiM-QvAk.js +2 -0
- package/_assets/{desktop-w7YXG_JM.js → desktop-DwZtv9fm.js} +2 -2
- package/_assets/detectExtension-CdbTZOKn.js +2 -0
- package/_assets/{disconnect-BoVeWInH.js → disconnect-BbwiqFJ2.js} +3 -3
- package/_assets/{discord-CmXuPXeB.js → discord-qWAUKbRO.js} +3 -3
- package/_assets/{disposePreview-VJjydgsa.js → disposePreview-D5v9GkJF.js} +2 -2
- package/_assets/{email-KFGlGhOy.js → email-BGoeypvI.js} +7 -7
- package/_assets/{embedded-wallet-C0hnCLpE.js → embedded-wallet-Cg2BVqx1.js} +2 -2
- package/_assets/{emotion-styled.browser.esm-CvLTks_d.js → emotion-styled.browser.esm-Bc8640ZT.js} +2 -2
- package/_assets/{engine-BRjaV2JM.js → engine-BQ4XBK5G.js} +2 -2
- package/_assets/{errors-7T5zBx70.js → errors-DUBMk1_u.js} +2 -2
- package/_assets/estimate-l1-fee-Cvh02XjO.js +2 -0
- package/_assets/eth_estimateGas-BH-_dHsN.js +2 -0
- package/_assets/eth_getStorageAt-CHailSu6.js +2 -0
- package/_assets/eth_getTransactionCount-Ce8ytlz4.js +2 -0
- package/_assets/ethereum-AiomgAl3.js +2 -0
- package/_assets/{ethers-DSJYCqoj.js → ethers-CQbljc2C.js} +2 -2
- package/_assets/{etherscan-C6oDVSRT.js → etherscan-TUQ32gbU.js} +2 -2
- package/_assets/{events-BjA1SxTa.js → events-Ey8xQ1_i.js} +2 -2
- package/_assets/{exclamation-triangle-DeoEkpAd.js → exclamation-triangle-ETkxexlo.js} +2 -2
- package/_assets/{execute-BplnQIQO.js → execute-CcyXPSES.js} +3 -3
- package/_assets/{extension-BC4u9PFt.js → extension-DoOVmXmT.js} +3 -3
- package/_assets/external-link-BEPN-Y2j.js +9 -0
- package/_assets/{extractIPFS-BYNmHd2k.js → extractIPFS-CZpI5_La.js} +2 -2
- package/_assets/{facebook-BfvFcXpk.js → facebook-BmPLPVaB.js} +3 -3
- package/_assets/{farcaster-DBSK9Oxt.js → farcaster-BLIAglQl.js} +2 -2
- package/_assets/{features-Cdv7L-RV.js → features-CW3BJut9.js} +2 -2
- package/_assets/{fetchTokenMetadata-DhtaTk-H.js → fetchTokenMetadata-zQ7k58lq.js} +3 -3
- package/_assets/{field.styles-6T_AbtbU.js → field.styles-CNumGj8X.js} +2 -2
- package/_assets/{filters-Bx7yqePJ.js → filters-DWaFeZ95.js} +3 -3
- package/_assets/{fortmatic-DXNz83vb.js → fortmatic-D7_cu5X7.js} +2 -2
- package/_assets/{get-bytecode-CFhNP8WB.js → get-bytecode-ChEcvuHJ.js} +2 -2
- package/_assets/get-ecosystem-wallet-info-BXFPDksD.js +2 -0
- package/_assets/{getBalance-LoJ5orGb.js → getBalance-CdWdKWho.js} +3 -3
- package/_assets/{getInstalledModules-Dg137aWw.js → getInstalledModules-Dy7ryxbR.js} +2 -2
- package/_assets/{getNFT-CpYYuTRe.js → getNFT-CVhWquj2.js} +3 -3
- package/_assets/getNFT-DEIlQj0F.js +2 -0
- package/_assets/{github-Bir9JlcK.js → github-BiA5cQMJ.js} +3 -3
- package/_assets/{google-BlkSyDA4.js → google-CsF9xgle.js} +3 -3
- package/_assets/{grid.styles-DDLEbnSw.js → grid.styles-DGwAy7au.js} +2 -2
- package/_assets/{hashTypedData-Bt7HN3si.js → hashTypedData-CS0nSVCm.js} +2 -2
- package/_assets/{hashTypedData-DgB1HOfC.js → hashTypedData-G7W_A13L.js} +2 -2
- package/_assets/{help-circle-DA-n1pkO.js → help-circle-Bwgxn3Vn.js} +3 -3
- package/_assets/{id-UrGKP3rm.js → id-O5raZ1NS.js} +2 -2
- package/_assets/{image-D3PTNca-.js → image-CbhOQpP5.js} +2 -2
- package/_assets/{import-B6kpcRFm.js → import-C1FMKChQ.js} +2 -2
- package/_assets/{in-app-Dg3YlbFQ.js → in-app-C03QvI9E.js} +2 -2
- package/_assets/{in-app-wallet-calls-D5geh72I.js → in-app-wallet-calls-BSt_kW07.js} +2 -2
- package/_assets/{index-U3U2nzy5.js → index-201_pXjD.js} +4 -4
- package/_assets/{index-BALC2Wgg.js → index-4lxXm67R.js} +2 -2
- package/_assets/{index-C7ZsJ1wS.js → index-4y3ole-I.js} +4 -4
- package/_assets/{index-BYzs0el7.js → index-B0G5-1U4.js} +2 -2
- package/_assets/{index-LzjiU4KK.js → index-B4vPl9JJ.js} +4 -4
- package/_assets/{index-BMRZuivV.js → index-B9BLMD9v.js} +4 -4
- package/_assets/{index-CiXHnYhZ.js → index-BDhEGVn5.js} +3 -3
- package/_assets/{index-RelB0M4N.js → index-BGlAHo1V.js} +2 -2
- package/_assets/{index-BFiGQV0S.js → index-BHRJojA7.js} +2 -2
- package/_assets/{index-D8-2D48n.js → index-BWhGWxu6.js} +4 -4
- package/_assets/{index-BPVjQIY8.js → index-BYpz1U-Z.js} +3 -3
- package/_assets/{index-wMS45T6v.js → index-B_Ukoyjo.js} +4 -4
- package/_assets/{index-BVH6E6OD.js → index-Bc5rdQrs.js} +2 -2
- package/_assets/{index-KErMJCvL.js → index-BiR1vPRL.js} +18 -18
- package/_assets/{index-jUx-Pp_A.js → index-BjTaCUde.js} +6 -6
- package/_assets/index-Bvf3c8I8.js +2 -0
- package/_assets/{index-CUCItwHM.js → index-Bx-HA0Fa.js} +4 -4
- package/_assets/{index-DqOzMcNF.js → index-C0q8Kut4.js} +2 -2
- package/_assets/{index-DPbzKM5D.css → index-C53nEuU1.css} +1 -1
- package/_assets/{index-weSxFZGO.js → index-C8RRvl4w.js} +5 -5
- package/_assets/{index-D9YHcXvR.js → index-CAdxESjh.js} +4 -4
- package/_assets/{index-D9YcmLMJ.js → index-CITTAZNc.js} +2 -2
- package/_assets/{index-C8xt-Dq0.js → index-CMsQl6_s.js} +2 -2
- package/_assets/{index-DC99FOt3.js → index-CRdAPM4e.js} +3 -3
- package/_assets/{index-CkyVxKTR.js → index-CSAbgA1H.js} +2 -2
- package/_assets/{index-CaofpCDX.js → index-CVjhybQY.js} +4 -4
- package/_assets/{index-BAXoG69v.js → index-CZ765edO.js} +5 -5
- package/_assets/{index-Dkzg1nZE.js → index-C_MZ3G2Z.js} +2 -2
- package/_assets/{index-CESlHrvT.js → index-CbJaCRxI.js} +2 -2
- package/_assets/{index-SqJBKUwJ.js → index-Cbvqh2tB.js} +2 -2
- package/_assets/{index-CFtn0XDp.js → index-CeBVhm3u.js} +2 -2
- package/_assets/index-Cq3PcGZS.js +2 -0
- package/_assets/{index-DxULOM0p.js → index-CseNtOsJ.js} +3 -3
- package/_assets/{index-CRYukxlf.js → index-Csid9_UU.js} +2 -2
- package/_assets/{index-IVhnoiOa.js → index-CtUq3VAh.js} +2 -2
- package/_assets/{index-DuUTwu_9.js → index-Cy_pguIe.js} +2 -2
- package/_assets/{index-Q5TwwtLn.js → index-CzzqMKs2.js} +2 -2
- package/_assets/{index-D9TJEt55.js → index-D-bvLCMJ.js} +4 -4
- package/_assets/{index-BdLDRc-I.js → index-D080sfYK.js} +2 -2
- package/_assets/{index-txYiH5Ob.js → index-D7n0Nbcc.js} +4 -4
- package/_assets/{index-Cdhs4ZSZ.js → index-DBpSYzZ1.js} +2 -2
- package/_assets/{index-A3upiasd.js → index-DCOfqwFn.js} +3 -3
- package/_assets/{index-DxqlsaIJ.js → index-DHAeKuI8.js} +2 -2
- package/_assets/{index-BaSG_NUp.js → index-DNpS4XJW.js} +3 -3
- package/_assets/{index-CkMr9c7F.js → index-DUvDgJtL.js} +3 -3
- package/_assets/{index-Cs3-E5cT.js → index-DW4iGfw5.js} +2 -2
- package/_assets/{index-D2GK2huD.js → index-DYEzTJ00.js} +3 -3
- package/_assets/{index-BjKr7EJa.js → index-DbnwTj_J.js} +3 -3
- package/_assets/{index-nA74BJD3.js → index-DiRK7oEZ.js} +2 -2
- package/_assets/{index-4qAYVf42.js → index-DmEpmcAI.js} +6 -6
- package/_assets/{index-BQvjbaBw.js → index-Dr8MILBs.js} +2 -2
- package/_assets/{index-CSQsSI9S.js → index-DtQZWv2W.js} +2 -2
- package/_assets/{index-Dmc5rFnV.js → index-DvGoWYRw.js} +2 -2
- package/_assets/{index-XK9EepTf.js → index-DzXb9yfS.js} +2 -2
- package/_assets/{index-CY1CneD5.js → index-P_yp2lGD.js} +2 -2
- package/_assets/{index-CDLnPH_R.js → index-QkD5v2W0.js} +2 -2
- package/_assets/{index-B3abSZ-Z.js → index-SRawa_W1.js} +2 -2
- package/_assets/{index-Df82pzI7.js → index-TuFs6Mw_.js} +3 -3
- package/_assets/{index-I1p6yQ0k.js → index-VVP1Lz5F.js} +4 -4
- package/_assets/{index-CZnmZn0O.js → index-WhAOvWl7.js} +7 -7
- package/_assets/{index-CF8QOK2h.js → index-ZSCJO9rV.js} +7 -7
- package/_assets/{index-D6jqchs0.js → index-d0JdYucS.js} +2 -2
- package/_assets/{index-l3KtsjUu.js → index-gx6q3jYb.js} +2 -2
- package/_assets/{index-Bc9bdmof.js → index-jG0dKzqZ.js} +2 -2
- package/_assets/{index-z74SKtAP.js → index-mp9sO-P_.js} +2 -2
- package/_assets/{index-CA8tyOAF.js → index-ovxDr1NO.js} +2 -2
- package/_assets/{index-DYNz2qcD.js → index-rWvX-JNU.js} +3 -3
- package/_assets/{index-B4ztxoOX.js → index-sc9WaH7T.js} +2 -2
- package/_assets/{index.es-DaYBb4qv.js → index.es-B3Zhssg2.js} +2 -2
- package/_assets/{index.es-Bcu1bp5V.js → index.es-CuJy51Rq.js} +5 -5
- package/_assets/{index.es-axr79-mu.js → index.es-DF1aG5Z7.js} +2 -2
- package/_assets/{index.es-DECbrw_U.js → index.es-DmJ25C-K.js} +2 -2
- package/_assets/{info-Dsmi8VWW.js → info-B91xCNqh.js} +3 -3
- package/_assets/info-circle-DtEY-DDD.js +13 -0
- package/_assets/{items-empty-BQHUprjO.js → items-empty-BAKFq7PT.js} +2 -2
- package/_assets/jsxRuntime.module-BUzu5v1_.js +2 -0
- package/_assets/{jump-CqDVhlE9.js → jump-BolxKTOM.js} +2 -2
- package/_assets/{lightbulb-B2s8QgKQ.js → lightbulb-ByedgZqO.js} +3 -3
- package/_assets/{linkAccount-DxdV9HS8.js → linkAccount-D4jgrDpa.js} +2 -2
- package/_assets/{localBatchGatewayRequest-dCTRrlIJ.js → localBatchGatewayRequest-BMvn0i_b.js} +2 -2
- package/_assets/{mail-CZ9ghbH-.js → mail-B2wBPliw.js} +2 -2
- package/_assets/{mobile-D7KL87qI.js → mobile-COGIkuHo.js} +2 -2
- package/_assets/modal.styles-G1Y436F0.js +531 -0
- package/_assets/{modal.styles-DVzEuE4i.js → modal.styles-wZfJxa-e.js} +2 -2
- package/_assets/{more-C1vsI2Vu.js → more-zcriamqw.js} +2 -2
- package/_assets/{native-Bma50gO8.js → native-BS9-NZgY.js} +2 -2
- package/_assets/{network-placeholder-C6sglFRh.js → network-placeholder-Cm-6akxX.js} +2 -2
- package/_assets/{networks-p14N8Rze.js → networks-BuXAUv57.js} +2 -2
- package/_assets/{nftPlaceholder-ByX0V9oA.js → nftPlaceholder-vZdYCYRL.js} +2 -2
- package/_assets/off-CLF8R11w.js +9 -0
- package/_assets/{onramp-_W_skd45.js → onramp-B2gdYmCO.js} +2 -2
- package/_assets/openzeppelin-B_FytaNI.js +2 -0
- package/_assets/ownerOf-D6JpENJA.js +2 -0
- package/_assets/parseNft-DiM6gxbM.js +3 -0
- package/_assets/{parseSignature-K29ZIdYJ.js → parseSignature-BJVq2ShY.js} +4 -4
- package/_assets/{parseSignature-DPNUOnqO.js → parseSignature-VwEmUV8h.js} +2 -2
- package/_assets/{passkeys-Bxplb0vS.js → passkeys-DEiWC5Z7.js} +2 -2
- package/_assets/{pay-with-exchange-6DWMo0rX.js → pay-with-exchange-C7Nm7Ic2.js} +2 -2
- package/_assets/{play-store-BBusJ15a.js → play-store-CAbJYmXD.js} +2 -2
- package/_assets/{plus-QdPNUgRE.js → plus-DWQF9t2p.js} +3 -3
- package/_assets/{prepare-contract-call-Cj0eDfjm.js → prepare-contract-call-r6GCr7Mb.js} +2 -2
- package/_assets/{qr-code-SdYLFk2z.js → qr-code-Br4VphwV.js} +2 -2
- package/_assets/{qr-overlay-BjI4mudc.js → qr-overlay-mbqSXRsy.js} +6 -6
- package/_assets/{react-DhG5dcPN.js → react-DKpLHQl0.js} +2 -2
- package/_assets/{receive-CeFGmTcc.js → receive-KMWzb1kT.js} +9 -9
- package/_assets/{recycle-horizontal-SCXYOpJq.js → recycle-horizontal-DdAImjTL.js} +3 -3
- package/_assets/{ref-DRxYb1N1.js → ref-D90CCjlU.js} +2 -2
- package/_assets/{refresh-eticwJ3S.js → refresh-S-H2nzPq.js} +2 -2
- package/_assets/{reown-logo-C2dHPSrm.js → reown-logo-D5L2QY4i.js} +3 -3
- package/_assets/{resolveImplementation-774OZZ1E.js → resolveImplementation-NjDCaPa0.js} +2 -2
- package/_assets/{resume-buy-BEdLbR_n.js → resume-buy-DRxVLtZn.js} +2 -2
- package/_assets/resume-name-m2sdJCvP.js +2 -0
- package/_assets/{rpc-DmcKeb2b.js → rpc-C6ONv-35.js} +2 -2
- package/_assets/{sales-empty-D8qJCHeq.js → sales-empty-BJGisiNF.js} +2 -2
- package/_assets/{search-empty-DH4IcPd4.js → search-empty-DcGDTM8L.js} +2 -2
- package/_assets/{search-CeQ1H1CU.js → search-f6j421fJ.js} +3 -3
- package/_assets/{secp256k1-1jHjSX_0.js → secp256k1-BhLjMGke.js} +2 -2
- package/_assets/{secp256k1-C5XurJ6V.js → secp256k1-Dogd-wfD.js} +2 -2
- package/_assets/{secp256k1-DwMDsrWo.js → secp256k1-ZRJNrIuk.js} +2 -2
- package/_assets/{send-Bpuo5hJ1.js → send-B4t6gmpc.js} +2 -2
- package/_assets/{send-Bo03Ql2I.js → send-BAUrBF6z.js} +3 -3
- package/_assets/send-batch-transaction-BULbschT.js +2 -0
- package/_assets/{send-eip712-transaction-XSTFaz0B.js → send-eip712-transaction-B5q6HGy1.js} +3 -3
- package/_assets/send-gasless-transaction-BW_1tZ59.js +3 -0
- package/_assets/send-transaction-D5g8ka92.js +3 -0
- package/_assets/{sendMetaTransaction-DsMG8gV0.js → sendMetaTransaction-BiqdXKVl.js} +2 -2
- package/_assets/{sendRawTransaction-BU2bb2hv.js → sendRawTransaction-DHZVBFUc.js} +4 -4
- package/_assets/{sentry-C-ZN4hdJ.js → sentry-WFsNKO98.js} +3 -3
- package/_assets/{serializeTransaction-BAiVmvI3.js → serializeTransaction-C1OICSTJ.js} +2 -2
- package/_assets/{session-proposal-C0VIGGjd.js → session-proposal-C_rldw8k.js} +2 -2
- package/_assets/{session-request-Dw2Dj2ik.js → session-request-DRsdGyCL.js} +3 -3
- package/_assets/{sha256-DrAuxfaX.js → sha256-YJL3wOOs.js} +2 -2
- package/_assets/{sha3-D7-SM6M6.js → sha3-DxT-REZ2.js} +2 -2
- package/_assets/signin-empty-DXl1Qpby.js +2 -0
- package/_assets/{signing-OF1etnMz.js → signing-B9DcFwzm.js} +4 -4
- package/_assets/{skeleton.styles-BDOcFuFh.js → skeleton.styles-C4BBCe2d.js} +2 -2
- package/_assets/{socials-BN_G7rnm.js → socials-Zki4qksa.js} +2 -2
- package/_assets/{styled-B_VfpbCV.js → styled-uWbR3175.js} +3 -3
- package/_assets/{swapHorizontal-C6GakaRf.js → swapHorizontal-BXjIGAcZ.js} +2 -2
- package/_assets/{swapHorizontalBold-oeP-_O-R.js → swapHorizontalBold-BzueHopN.js} +2 -2
- package/_assets/{swapHorizontalMedium-C64EXSWD.js → swapHorizontalMedium-DLFo4hRx.js} +2 -2
- package/_assets/{swapHorizontalRoundedBold-CHgP6XK-.js → swapHorizontalRoundedBold-BddBy7OL.js} +2 -2
- package/_assets/{swapVertical-8SLU7RpO.js → swapVertical-DYkySTmy.js} +3 -3
- package/_assets/{swaps-CPevyB8C.js → swaps-DiPvT9W6.js} +2 -2
- package/_assets/{telegram-CF91ES6s.js → telegram-D8ymSABf.js} +2 -2
- package/_assets/{thirdweb-BbVCwUAu.js → thirdweb-wDwbIJ1W.js} +4 -4
- package/_assets/{three-dots-BsCoLPC9.js → three-dots-CiS9iH0H.js} +2 -2
- package/_assets/{to-serializable-transaction-lRDSqYXw.js → to-serializable-transaction-6f6pRX-q.js} +3 -3
- package/_assets/totalSupply-rJ9WcMzs.js +2 -0
- package/_assets/{trade-encoding-J0WDcE9D.js → trade-encoding-DcX77zVS.js} +2 -2
- package/_assets/{transaction-XzNewIjy.js → transaction-DxXkarJJ.js} +2 -2
- package/_assets/transactionReceipt-CxzioWsu.js +2 -0
- package/_assets/transactions-BGQTb4VV.js +17 -0
- package/_assets/{twitch-BranWKeM.js → twitch-BJQCmiGz.js} +2 -2
- package/_assets/{twitterIcon-BfIWT5DS.js → twitterIcon-B78o99Zv.js} +2 -2
- package/_assets/{useCreatorSales-Dpv72LCx.js → useCreatorSales-D4BzYp33.js} +2 -2
- package/_assets/{useInfiniteGrid-C2bFEKpr.js → useInfiniteGrid-BUDyyZZl.js} +2 -2
- package/_assets/{useStore-BCxGyG1z.js → useStore-tid_idJp.js} +3 -3
- package/_assets/{useTheme-WQQFpB7n.js → useTheme-CRxh5DOu.js} +2 -2
- package/_assets/{utils-VSYSpTVV.js → utils-Cj21wfvp.js} +2 -2
- package/_assets/{verify-DcO5QuX7.js → verify-CrYE2kna.js} +3 -3
- package/_assets/{verify-filled-CKp8XQqI.js → verify-filled-CwwnY5h6.js} +3 -3
- package/_assets/{verifyHash-ghN9T3Ve.js → verifyHash-mzlxS6TY.js} +2 -2
- package/_assets/{w3m-modal-E9Z1SfqC.js → w3m-modal-BArYWi0C.js} +2 -2
- package/_assets/{w3m-modal-Ev1ebfj3.js → w3m-modal-BXpuWB5y.js} +2 -2
- package/_assets/wait-for-tx-receipt-DRwGvrwD.js +2 -0
- package/_assets/{wallet-BHCiGpYx.js → wallet-EosqBoq7.js} +3 -3
- package/_assets/{wallet-placeholder-BVguMNEt.js → wallet-placeholder-DL8kIY2O.js} +3 -3
- package/_assets/{walletconnect-9t1WJh4k.js → walletconnect-CauX9cVK.js} +4 -4
- package/_assets/{wallets-D8WdqQYN.js → wallets-HjCMtUn8.js} +6 -6
- package/_assets/{warning-circle-II7Vcaxs.js → warning-circle-BrcBx24p.js} +3 -3
- package/_assets/{web-connector-DWmfoiFW.js → web-connector-15d-OnTN.js} +4 -4
- package/_assets/{writeContract-DfDwHewQ.js → writeContract-BJQQGUKO.js} +2 -2
- package/_assets/x-CwtQDczS.js +13 -0
- package/_assets/{zora-sepolia-B6qZJNOp.js → zora-sepolia-BFYuSeeX.js} +2 -2
- package/_assets/{zoraTestnet-B0U9riHP.js → zoraTestnet-DdfVMUdb.js} +2 -2
- package/index.html +11 -11
- package/package.json +2 -2
- package/_assets/Assets-CSRETZwJ.js +0 -939
- package/_assets/CollectionCarousel-aWbnRslF.js +0 -851
- package/_assets/Confetti-qSvOdilZ.js +0 -18
- package/_assets/Event-BG0dNUM_.js +0 -72
- package/_assets/PhCaretDown-Co8viBJv.js +0 -15
- package/_assets/PhCaretUp-SXVNZaJo.js +0 -15
- package/_assets/arrow-right-QKHuTr9a.js +0 -9
- package/_assets/buy-BZCpQvc4.js +0 -2
- package/_assets/chevron-bottom-DVpGPQvJ.js +0 -9
- package/_assets/chevron-left-CSISn9Tl.js +0 -9
- package/_assets/chevron-right-D0n7Onzs.js +0 -9
- package/_assets/chevron-top-BSRcfV5m.js +0 -9
- package/_assets/close-BnCucYZG.js +0 -9
- package/_assets/collectionPage.styles-DsCcUUFW.js +0 -41
- package/_assets/common-A3Bfnk62.js +0 -2
- package/_assets/decimals-C5B_cOCF.js +0 -2
- package/_assets/decimals-Du6yJMK-.js +0 -2
- package/_assets/detectExtension-C6w72a1b.js +0 -2
- package/_assets/estimate-l1-fee-BYl55n8M.js +0 -2
- package/_assets/eth_estimateGas-DLGqCGsG.js +0 -2
- package/_assets/eth_getStorageAt-BLy0F-NT.js +0 -2
- package/_assets/eth_getTransactionCount-CZ9P1SH4.js +0 -2
- package/_assets/ethereum-B3EozZME.js +0 -2
- package/_assets/external-link-D1_8iC7n.js +0 -9
- package/_assets/get-ecosystem-wallet-info-Cl9itAW0.js +0 -2
- package/_assets/getNFT-BEEmfYnn.js +0 -2
- package/_assets/index-Bymzh-gN.js +0 -2
- package/_assets/index-CYgnSTnA.js +0 -2
- package/_assets/info-circle-CppZa7vK.js +0 -13
- package/_assets/jsxRuntime.module-Q9HBaTr-.js +0 -2
- package/_assets/off-B5vm0egN.js +0 -9
- package/_assets/openzeppelin-TED9i7Yw.js +0 -2
- package/_assets/ownerOf-Bf98thEc.js +0 -2
- package/_assets/parseNft-BkGQncZj.js +0 -3
- package/_assets/send-batch-transaction-DYAjmvxh.js +0 -2
- package/_assets/send-gasless-transaction--CKQXCYJ.js +0 -3
- package/_assets/send-transaction-yz6MCfwK.js +0 -3
- package/_assets/signin-empty-BDPhINhk.js +0 -2
- package/_assets/totalSupply-C7xvhD2t.js +0 -2
- package/_assets/transactionReceipt-DzFEhFbW.js +0 -2
- package/_assets/transactions-DksFynEn.js +0 -17
- package/_assets/useCreditPacks-CplX_QCK.js +0 -2
- package/_assets/wait-for-tx-receipt-CSeTQKAi.js +0 -2
- package/_assets/x-D0s8LW19.js +0 -13
|
@@ -1,851 +0,0 @@
|
|
|
1
|
-
import{r as C,j as r}from"./react-DhG5dcPN.js";import{v as ne,u as S,A as B,f as j,l as ie,w as oe,x as re,y as se,r as R,n as X,p as U,m as K,k as I,z as de,B as ce}from"./trade-encoding-J0WDcE9D.js";import{i as le}from"./errors-7T5zBx70.js";import{a as l,s as n,k as he,t as k,I as Q,l as E,aE as pe,bY as q,cu as ue,h as A,j as M,L as G,be as ge,M as J,z as N,ap as fe,cv as xe,cw as H,a0 as me}from"./index-KErMJCvL.js";import{E as be}from"./ErrorNotice-aYlVfBxT.js";import{d as we}from"./buy-BZCpQvc4.js";import{a as ve,w as ye,S as ke,G as Ce}from"./buy-gasless-CxdA3e9m.js";import{M as P,E as F,s as Y}from"./sendMetaTransaction-DsMG8gV0.js";import{C as Z}from"./ethers-DSJYCqoj.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},e=new t.Error().stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="301e5ec7-e1c6-48da-9dca-85b4413b1bb4",t._sentryDebugIdIdentifier="sentry-dbid-301e5ec7-e1c6-48da-9dca-85b4413b1bb4")}catch{}})();const $="shop:resume_after_signin",Ae=900*1e3;function gt(t){try{sessionStorage.setItem($,JSON.stringify({...t,at:Date.now()}))}catch{}}function ft(t){let e;try{e=sessionStorage.getItem($)}catch{return null}if(!e)return null;try{sessionStorage.removeItem($)}catch{}let a;try{a=JSON.parse(e)}catch{return null}return!a||a.type!==t||typeof a.at!="number"||Date.now()-a.at>Ae?null:a.type==="cart-checkout"?{type:"cart-checkout"}:{type:"item-buy",path:a.path}}function xt(t,e){const a=(o,...u)=>void t.invalidateQueries({queryKey:e?[o,...u]:[o]});t.invalidateQueries({queryKey:["usd-balance"]}),t.invalidateQueries({queryKey:["detail-trade"]}),t.invalidateQueries({queryKey:["shop-item"]}),a("owned-token",e==null?void 0:e.contractAddress,e==null?void 0:e.tokenId),a("public-token",e==null?void 0:e.contractAddress,e==null?void 0:e.tokenId),a("item-resales",e==null?void 0:e.contractAddress,e==null?void 0:e.itemId),t.invalidateQueries({queryKey:["shop-items"]}),t.invalidateQueries({queryKey:["catalog-items"]}),t.invalidateQueries({queryKey:["overview-listings"]}),t.invalidateQueries({queryKey:["upsell-listings"]}),t.invalidateQueries({queryKey:["my-assets"]}),t.invalidateQueries({queryKey:["purchases"]}),t.invalidateQueries({queryKey:["owned-item-count"]})}const Me=he`
|
|
2
|
-
to { transform: rotate(360deg); }
|
|
3
|
-
`,Te=n.div`
|
|
4
|
-
position: fixed;
|
|
5
|
-
inset: 0;
|
|
6
|
-
z-index: ${l.z.prompt};
|
|
7
|
-
display: flex;
|
|
8
|
-
align-items: center;
|
|
9
|
-
justify-content: center;
|
|
10
|
-
padding: 16px;
|
|
11
|
-
background: rgba(22, 21, 24, 0.55);
|
|
12
|
-
`,je=n.div`
|
|
13
|
-
width: 480px;
|
|
14
|
-
max-width: 100%;
|
|
15
|
-
max-height: 92vh;
|
|
16
|
-
overflow-y: auto;
|
|
17
|
-
background: ${l.colors.white};
|
|
18
|
-
border-radius: 16px;
|
|
19
|
-
padding: 12px 16px 16px;
|
|
20
|
-
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
|
|
21
|
-
display: flex;
|
|
22
|
-
flex-direction: column;
|
|
23
|
-
gap: 20px;
|
|
24
|
-
`,ze=n.div`
|
|
25
|
-
display: flex;
|
|
26
|
-
align-items: center;
|
|
27
|
-
justify-content: space-between;
|
|
28
|
-
gap: 8px;
|
|
29
|
-
padding-bottom: 16px;
|
|
30
|
-
border-bottom: 1px solid ${l.colors.gray4};
|
|
31
|
-
`,We=n.h2`
|
|
32
|
-
margin: 0;
|
|
33
|
-
font-family: ${l.font.sans};
|
|
34
|
-
font-weight: 600;
|
|
35
|
-
font-size: 20px;
|
|
36
|
-
line-height: 1.6;
|
|
37
|
-
color: ${l.colors.text};
|
|
38
|
-
`,Ee=n.button`
|
|
39
|
-
flex: none;
|
|
40
|
-
display: grid;
|
|
41
|
-
place-items: center;
|
|
42
|
-
width: 24px;
|
|
43
|
-
height: 24px;
|
|
44
|
-
border: 0;
|
|
45
|
-
background: none;
|
|
46
|
-
cursor: pointer;
|
|
47
|
-
color: ${l.colors.text};
|
|
48
|
-
|
|
49
|
-
.ico {
|
|
50
|
-
width: 18px;
|
|
51
|
-
height: 18px;
|
|
52
|
-
}
|
|
53
|
-
&:disabled {
|
|
54
|
-
opacity: 0.4;
|
|
55
|
-
cursor: default;
|
|
56
|
-
}
|
|
57
|
-
&:focus-visible {
|
|
58
|
-
outline: 2px solid ${l.colors.accent};
|
|
59
|
-
outline-offset: 2px;
|
|
60
|
-
}
|
|
61
|
-
`,Ie=n.span`
|
|
62
|
-
margin-left: auto;
|
|
63
|
-
margin-right: 12px;
|
|
64
|
-
color: ${l.colors.muted};
|
|
65
|
-
font-size: 14px;
|
|
66
|
-
white-space: nowrap;
|
|
67
|
-
`,$e=n.div`
|
|
68
|
-
display: grid;
|
|
69
|
-
grid-template-columns: 44px 1fr;
|
|
70
|
-
align-items: center;
|
|
71
|
-
gap: 14px;
|
|
72
|
-
padding: 14px 18px;
|
|
73
|
-
background: ${l.colors.white};
|
|
74
|
-
border: 1px solid ${l.colors.line};
|
|
75
|
-
border-radius: 16px;
|
|
76
|
-
`,Se=n.div`
|
|
77
|
-
width: 44px;
|
|
78
|
-
height: 44px;
|
|
79
|
-
border-radius: 10px;
|
|
80
|
-
background: ${l.colors.media};
|
|
81
|
-
overflow: hidden;
|
|
82
|
-
display: flex;
|
|
83
|
-
align-items: center;
|
|
84
|
-
justify-content: center;
|
|
85
|
-
color: ${l.colors.muted2};
|
|
86
|
-
|
|
87
|
-
img {
|
|
88
|
-
width: 100%;
|
|
89
|
-
height: 100%;
|
|
90
|
-
object-fit: contain;
|
|
91
|
-
}
|
|
92
|
-
.ccy-mark {
|
|
93
|
-
width: 26px;
|
|
94
|
-
height: 26px;
|
|
95
|
-
}
|
|
96
|
-
`,Be=n.div`
|
|
97
|
-
min-width: 0;
|
|
98
|
-
display: flex;
|
|
99
|
-
flex-direction: column;
|
|
100
|
-
gap: 4px;
|
|
101
|
-
`,Ne=n.span`
|
|
102
|
-
font-weight: 700;
|
|
103
|
-
color: ${l.colors.text};
|
|
104
|
-
`,Pe=n.span`
|
|
105
|
-
font-size: 13px;
|
|
106
|
-
line-height: 1.45;
|
|
107
|
-
color: ${l.colors.muted};
|
|
108
|
-
`,Fe=n.p`
|
|
109
|
-
margin: 0;
|
|
110
|
-
font-size: 12px;
|
|
111
|
-
line-height: 1.5;
|
|
112
|
-
color: ${l.colors.muted2};
|
|
113
|
-
`,Ve=n.div`
|
|
114
|
-
display: flex;
|
|
115
|
-
gap: 12px;
|
|
116
|
-
|
|
117
|
-
${l.media.maxWidth("mobile")} {
|
|
118
|
-
flex-direction: column-reverse;
|
|
119
|
-
}
|
|
120
|
-
`,De=n.button`
|
|
121
|
-
flex: 1 1 0;
|
|
122
|
-
height: 48px;
|
|
123
|
-
border: 2px solid ${l.colors.accent};
|
|
124
|
-
border-radius: 12px;
|
|
125
|
-
background: transparent;
|
|
126
|
-
color: ${l.colors.accent};
|
|
127
|
-
cursor: pointer;
|
|
128
|
-
font-family: ${l.font.sans};
|
|
129
|
-
font-weight: 600;
|
|
130
|
-
font-size: 13px;
|
|
131
|
-
line-height: 24px;
|
|
132
|
-
letter-spacing: 0.46px;
|
|
133
|
-
text-transform: uppercase;
|
|
134
|
-
|
|
135
|
-
&:hover:not(:disabled) {
|
|
136
|
-
background: rgba(105, 31, 169, 0.06);
|
|
137
|
-
}
|
|
138
|
-
&:disabled {
|
|
139
|
-
cursor: default;
|
|
140
|
-
opacity: 0.5;
|
|
141
|
-
}
|
|
142
|
-
&:focus-visible {
|
|
143
|
-
outline: 2px solid ${l.colors.accent};
|
|
144
|
-
outline-offset: 2px;
|
|
145
|
-
}
|
|
146
|
-
`,Oe=n.button`
|
|
147
|
-
flex: 1 1 0;
|
|
148
|
-
display: inline-flex;
|
|
149
|
-
align-items: center;
|
|
150
|
-
justify-content: center;
|
|
151
|
-
gap: 8px;
|
|
152
|
-
height: 48px;
|
|
153
|
-
border: 0;
|
|
154
|
-
border-radius: 12px;
|
|
155
|
-
background: ${l.colors.accent};
|
|
156
|
-
color: ${l.colors.softWhite};
|
|
157
|
-
cursor: pointer;
|
|
158
|
-
font-family: ${l.font.sans};
|
|
159
|
-
font-weight: 600;
|
|
160
|
-
font-size: 13px;
|
|
161
|
-
line-height: 24px;
|
|
162
|
-
letter-spacing: 0.46px;
|
|
163
|
-
text-transform: uppercase;
|
|
164
|
-
|
|
165
|
-
&:hover:not(:disabled) {
|
|
166
|
-
background: ${l.colors.accentHover};
|
|
167
|
-
}
|
|
168
|
-
&:disabled {
|
|
169
|
-
cursor: default;
|
|
170
|
-
background: rgba(105, 31, 169, 0.4);
|
|
171
|
-
}
|
|
172
|
-
&:focus-visible {
|
|
173
|
-
outline: 2px solid ${l.colors.accent};
|
|
174
|
-
outline-offset: 2px;
|
|
175
|
-
}
|
|
176
|
-
`,qe=n.span`
|
|
177
|
-
width: 16px;
|
|
178
|
-
height: 16px;
|
|
179
|
-
border-radius: 50%;
|
|
180
|
-
border: 2px solid rgba(255, 255, 255, 0.5);
|
|
181
|
-
border-top-color: ${l.colors.white};
|
|
182
|
-
animation: ${Me} 0.7s linear infinite;
|
|
183
|
-
|
|
184
|
-
@media (prefers-reduced-motion: reduce) {
|
|
185
|
-
animation: none;
|
|
186
|
-
}
|
|
187
|
-
`;function mt({auth:t,signer:e,step:a,title:o,reason:u,name:c,image:m,icon:f,onAuthorized:x,onCancel:w,onClose:b}){const[p,g]=C.useState(!1),[s,y]=C.useState(null);async function h(){g(!0),y(null);try{await ne({auth:t,signer:e,active:!0}),x()}catch(d){le(d)?y(k("authorizeStep.errorRejected")):(E(d,{flow:"authorize_step",kind:t.kind}),y(k("authorizeStep.errorGeneric"))),g(!1)}}return r.jsx(Te,{onClick:p?void 0:b,role:"presentation","data-testid":"authorize-step-scrim",children:r.jsxs(je,{onClick:d=>d.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":o,children:[r.jsxs(ze,{children:[r.jsx(We,{children:o}),a&&a.total>1?r.jsx(Ie,{"data-testid":"authorize-step-count",children:k("authorizeStep.stepOf",{index:a.index,total:a.total})}):null,r.jsx(Ee,{onClick:b,disabled:p,"aria-label":k("authorizeStep.close"),children:r.jsx(Q,{name:"close",className:"ico"})})]}),r.jsxs($e,{"data-testid":"authorize-step-row",children:[r.jsx(Se,{children:m?r.jsx("img",{src:m,alt:""}):f}),r.jsxs(Be,{children:[r.jsx(Ne,{title:c,children:c}),r.jsx(Pe,{children:u})]})]}),r.jsx(Fe,{children:k("authorizeStep.note")}),r.jsx(be,{message:s}),r.jsxs(Ve,{children:[r.jsx(De,{type:"button",onClick:w,disabled:p,children:k("authorizeStep.cancel")}),r.jsx(Oe,{type:"button","data-testid":"authorize-step-action",onClick:()=>void h(),disabled:p,children:p?r.jsxs(r.Fragment,{children:[r.jsx(qe,{"aria-hidden":!0}),k("authorizeStep.authorizing")]}):k("authorizeStep.authorize")})]})]})})}const bt="data:image/webp;base64,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",wt="https://cdn.decentraland.org/@dcl/shop/1.13.1-35227702430.commit-7f36a79/_assets/buy-error-22UunaPC.png";function He(t,e){return(t+e-1n)/e}function Le(t,e,a){return t<=0||e<=0?0n:t>=e?a:He(a*BigInt(t),BigInt(e))}function vt(t){var b,p,g;const e=Number.isFinite(t.priceCents)?Math.max(0,Math.trunc(t.priceCents)):0,a=Number.isFinite(t.balanceCents)?Math.max(0,Math.trunc(t.balanceCents)):0,o=t.priceManaWei>0n?t.priceManaWei:0n,u=t.manaBalanceWei>0n?t.manaBalanceWei:0n;if(e<=0)return{options:[],preferred:null,manaShortfall:null};const c=[];a>=e&&c.push({method:"credits",creditsCents:e,credits:pe(e),manaWei:0n});const m=q(a)*ue;if(o>0n&&m>0&&m<e){const s=e-m,y=Le(s,e,o);u>=y&&c.push({method:"combined",creditsCents:m,credits:q(m),manaWei:y})}o>0n&&u>=o&&c.push({method:"mana",creditsCents:0,credits:0,manaWei:o});const f=((b=c.find(s=>s.method==="credits"))==null?void 0:b.method)??((p=c.find(s=>s.method==="combined"))==null?void 0:p.method)??((g=c.find(s=>s.method==="mana"))==null?void 0:g.method)??null,w=!c.some(s=>s.method==="mana"||s.method==="combined")&&o>0n&&u>0n?{manaWei:u,manaCents:Re(u,e,o),priceCents:e}:null;return{options:c,preferred:f,manaShortfall:w}}function Re(t,e,a){return Number(t*BigInt(e)/a)}function yt(t,e){let a=Number.isFinite(e)?Math.max(0,Math.trunc(e)):0;return t.map(o=>{const u=Number.isFinite(o)?Math.max(0,Math.trunc(o)):0,c=Math.min(u,a);return a-=c,c})}function kt(t,e){return t.options.find(a=>a.method===e)??null}async function Ct(t){const[e]=await _({...t,trades:[t.trade],coupons:t.coupon?{[t.trade.id]:t.coupon}:void 0});return e}async function At(t){const[e]=await _({...t,trades:[],mints:[t.mint]});return e}async function _(t){const{trades:e,coupons:a,mints:o=[],buyer:u,signer:c,onSigned:m,manaWei:f}=t;if(e.length===0&&o.length===0)throw new Error("No items to buy");const x=new Map;for(const p of e){const g=`${p.chainId}:${p.contract.toLowerCase()}:${a!=null&&a[p.id]?"coupon":"plain"}`,s=x.get(g);s?s.push(p):x.set(g,[p])}const w=new Map;for(const p of o){const g=w.get(p.chainId);g?g.push(p):w.set(p.chainId,[p])}const b=[];for(const p of x.values()){const g=a?p.map(s=>a[s.id]).filter(s=>s!=null):[];b.push(await Xe({trades:p,coupons:g.length?g:void 0,buyer:u,signer:c,onSigned:m,requiredManaWei:f}))}for(const[p,g]of w){const s=f??g.reduce((y,h)=>y+BigInt(h.item.priceWei),0n);b.push(await Ue({mints:g,chainId:p,buyer:u,signer:c,onSigned:m,requiredManaWei:s}))}return b}async function Xe(t){const{trades:e,coupons:a,buyer:o,signer:u,onSigned:c,requiredManaWei:m}=t,f=e[0],x=A(G(f.contract),f.chainId),w=A(M.MANAToken,f.chainId);await S({auth:{kind:B.Allowance,contractAddress:w.address,spenderAddress:x.address,chainId:f.chainId},signer:u,requiredWei:m});const b=e.map(h=>ie(h,o));if(a!=null&&a.length&&a.length!==e.length)throw new Error(`acceptWithCoupon needs one coupon per trade, got ${a.length} for ${e.length} trades`);const p=a!=null&&a.length?a.map((h,d)=>oe(h,e[d].sent.length)):void 0;if(j.enabled)try{const{selector:h,data:d}=p?re(e,a??[],o,x.abi):se(e,o,x.abi),v=h+d.slice(2),T=R(),z=X(u.provider,T),O=await Y(z,T,v,x,{serverURL:j.relayerUrl});return c==null||c(),await U(O,"the MANA purchase"),O}catch(h){if(h instanceof P&&h.code===F.USER_DENIED||h instanceof K)throw h;E(h,{flow:"buy_mana",step:"gasless_fallback"})}await J(u.provider,f.chainId);const g=new Z(x.address,x.abi,u),s=p?await g.acceptWithCoupon(b,p,I(f.chainId)):await g.accept(b,I(f.chainId));return c==null||c(),(await s.wait()).transactionHash}async function Ue(t){const{mints:e,chainId:a,buyer:o,signer:u,onSigned:c,requiredManaWei:m}=t,f=A(M.CollectionStore,a),x=A(M.MANAToken,a),w=e.map(s=>s.item);if(await S({auth:{kind:B.Allowance,contractAddress:x.address,spenderAddress:f.address,chainId:a},signer:u,requiredWei:m}),j.enabled)try{const s=de(w,o,f.abi),y=R(),h=X(u.provider,y),d=await Y(h,y,s,f,{serverURL:j.relayerUrl});return c==null||c(),await U(d,"the MANA purchase"),d}catch(s){if(s instanceof P&&s.code===F.USER_DENIED||s instanceof K)throw s;E(s,{flow:"buy_mint_mana",step:"gasless_fallback"})}await J(u.provider,a);const p=await new Z(f.address,f.abi,u).buy(ce(w,o),I(a));return c==null||c(),(await p.wait()).transactionHash}async function Mt(t){const{trade:e,coupon:a,...o}=t;return ee({target:{kind:"trade",trade:e,coupon:a},...o})}async function Tt(t){const{mint:e,...a}=t;return ee({target:{kind:"store",mint:e},...a})}async function ee(t){const{target:e,buyer:a,signer:o,credits:u,manaGapWei:c,providerType:m,onBroadcast:f,onReverted:x,onUnobservable:w}=t;if(u.length===0)throw new Error("No credits to spend — use the MANA-only rail for that");if(c<=0n)throw new Error("No MANA gap to cover — use the credits-only rail for that");const b=te(e),p=A(M.MANAToken,b),g=A(M.CreditsManager,b);await S({auth:{kind:B.Allowance,contractAddress:p.address,spenderAddress:g.address,chainId:b},signer:o,requiredWei:c});const y=(u.reduce((d,v)=>d+BigInt(v.availableAmount),0n)+c).toString(),h=Ke(e,u,y);if(j.enabled){let d;try{return d=await ve({purchase:h,buyer:a,signer:o}),f==null||f({txHash:d}),await ye(d),d}catch(v){if(v instanceof P&&v.code===F.USER_DENIED||v instanceof ke)throw v;if(!(v instanceof Ce))throw d&&(x==null||x({txHash:d})),v;if(v.reason==="relayer-unreachable")throw w==null||w(),v;if(!ge(m))throw v;E(v,{flow:"buy_credits_and_mana",step:"gasless_fallback"})}}return we({purchase:h,buyer:a,signer:o,onBroadcast:f,onReverted:x})}function te(t){return t.kind==="trade"?t.trade.chainId:t.mint.chainId}function Ke(t,e,a){return t.kind==="trade"?{kind:"trade",trade:t.trade,coupon:t.coupon,credits:e,maxCreditedValue:a}:{kind:"store",item:t.mint.item,chainId:t.mint.chainId,credits:e,maxCreditedValue:a}}function jt(t,e){const a=te(e);return t==="combined"?{spender:A(M.CreditsManager,a).address,chainId:a}:{spender:e.kind==="trade"?A(G(e.trade.contract),a).address:A(M.CollectionStore,a).address,chainId:a}}function zt(t){return r.jsx("svg",{viewBox:"0 0 18 18",width:"18",height:"18","aria-hidden":!0,...t,children:r.jsx("path",{d:"M4 4l10 10M14 4L4 14",stroke:"#161518",strokeWidth:"1.8",strokeLinecap:"round"})})}function Wt(t){return r.jsx("svg",{viewBox:"0 0 20 20",width:"24",height:"24","aria-hidden":!0,...t,children:r.jsx("path",{fill:"#f48221",d:"M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm0-8a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V6a1 1 0 0 1 1-1Z"})})}const{colors:i,gradients:V,radius:ae,z:Qe}=l,Et=n.div`
|
|
188
|
-
position: fixed;
|
|
189
|
-
inset: 0;
|
|
190
|
-
z-index: ${Qe.overlay};
|
|
191
|
-
display: flex;
|
|
192
|
-
overflow-y: auto;
|
|
193
|
-
padding: 20px;
|
|
194
|
-
`,It=n.div`
|
|
195
|
-
position: fixed;
|
|
196
|
-
inset: 0;
|
|
197
|
-
background: rgba(22, 21, 24, 0.45);
|
|
198
|
-
`,$t=n.div`
|
|
199
|
-
position: relative;
|
|
200
|
-
z-index: 1;
|
|
201
|
-
margin: auto;
|
|
202
|
-
width: 100%;
|
|
203
|
-
/* Wide enough to fit all 4 credit bundles comfortably in a single row (the credits-server returns 4;
|
|
204
|
-
the Figma mock showed 3 at ~180px). The pack tiles flex to share this width. */
|
|
205
|
-
max-width: 700px;
|
|
206
|
-
/* Flex-item auto-minimum can otherwise push the card past the viewport on a narrow screen. */
|
|
207
|
-
min-width: 0;
|
|
208
|
-
/* Never taller than the viewport (100% of the padded overlay): the no-funds state stacks a warning, a
|
|
209
|
-
line list, 4 pack tiles, the total AND the Cancel/Buy pair, which overflows a laptop screen at 100%
|
|
210
|
-
zoom and used to take the CTAs off-screen with it. The body absorbs the difference, and the clip is
|
|
211
|
-
the backstop — a phase that forgets to make itself shrinkable is then visibly cut off at the card's
|
|
212
|
-
edge instead of painting its buttons out on the scrim. */
|
|
213
|
-
max-height: 100%;
|
|
214
|
-
overflow: hidden;
|
|
215
|
-
background: ${i.white};
|
|
216
|
-
border-radius: 16px;
|
|
217
|
-
padding: 12px 16px 16px;
|
|
218
|
-
box-shadow: 0 24px 60px rgba(22, 21, 24, 0.28);
|
|
219
|
-
animation: cart-pop-in 0.16s ease;
|
|
220
|
-
display: flex;
|
|
221
|
-
flex-direction: column;
|
|
222
|
-
gap: 24px;
|
|
223
|
-
|
|
224
|
-
&[data-tall] {
|
|
225
|
-
min-height: 379px;
|
|
226
|
-
justify-content: space-between;
|
|
227
|
-
}
|
|
228
|
-
`,St=n.div`
|
|
229
|
-
display: flex;
|
|
230
|
-
flex-direction: column;
|
|
231
|
-
gap: 4px;
|
|
232
|
-
padding-bottom: 16px;
|
|
233
|
-
border-bottom: 1px solid ${i.gray4};
|
|
234
|
-
`,Bt=n.div`
|
|
235
|
-
display: flex;
|
|
236
|
-
align-items: flex-start;
|
|
237
|
-
justify-content: space-between;
|
|
238
|
-
gap: 8px;
|
|
239
|
-
`,Nt=n.h2`
|
|
240
|
-
margin: 0;
|
|
241
|
-
font-size: 20px;
|
|
242
|
-
font-weight: 700;
|
|
243
|
-
line-height: 1.6;
|
|
244
|
-
color: ${i.text};
|
|
245
|
-
`,Pt=n.button`
|
|
246
|
-
flex-shrink: 0;
|
|
247
|
-
border: 0;
|
|
248
|
-
background: transparent;
|
|
249
|
-
cursor: pointer;
|
|
250
|
-
padding: 2px;
|
|
251
|
-
line-height: 0;
|
|
252
|
-
`,Ft=n.div`
|
|
253
|
-
display: flex;
|
|
254
|
-
align-items: center;
|
|
255
|
-
gap: 4px;
|
|
256
|
-
`,Vt=n.span`
|
|
257
|
-
font-size: 14px;
|
|
258
|
-
font-weight: 600;
|
|
259
|
-
color: ${i.muted1};
|
|
260
|
-
`,Dt=n(N)`
|
|
261
|
-
width: 14px;
|
|
262
|
-
height: 14px;
|
|
263
|
-
background: ${i.text};
|
|
264
|
-
`,Ot=n.span`
|
|
265
|
-
font-size: 14px;
|
|
266
|
-
color: ${i.text};
|
|
267
|
-
`,qt=n.div`
|
|
268
|
-
display: flex;
|
|
269
|
-
flex-direction: column;
|
|
270
|
-
gap: 24px;
|
|
271
|
-
/* Shrink inside a viewport-capped card instead of overflowing it. Anything with its own flexible
|
|
272
|
-
region (e.g. the cart's line list) gives up height first; this scroll is the last resort so the
|
|
273
|
-
CTAs are always reachable on a short screen. */
|
|
274
|
-
min-height: 0;
|
|
275
|
-
overflow-y: auto;
|
|
276
|
-
|
|
277
|
-
/* Processing / loading states centre a single element in a taller body. */
|
|
278
|
-
&[data-processing] {
|
|
279
|
-
flex: 1;
|
|
280
|
-
align-items: center;
|
|
281
|
-
justify-content: center;
|
|
282
|
-
gap: 32px;
|
|
283
|
-
padding: 24px 0;
|
|
284
|
-
}
|
|
285
|
-
`,Ht=n.div`
|
|
286
|
-
display: flex;
|
|
287
|
-
gap: 24px;
|
|
288
|
-
align-items: center;
|
|
289
|
-
|
|
290
|
-
${l.media.maxWidth("mobile")} {
|
|
291
|
-
gap: 12px;
|
|
292
|
-
}
|
|
293
|
-
`,Lt=n.div`
|
|
294
|
-
flex-shrink: 0;
|
|
295
|
-
width: 110px;
|
|
296
|
-
height: 110px;
|
|
297
|
-
background: ${i.media};
|
|
298
|
-
border-radius: 8px;
|
|
299
|
-
display: grid;
|
|
300
|
-
place-items: center;
|
|
301
|
-
overflow: hidden;
|
|
302
|
-
|
|
303
|
-
& img {
|
|
304
|
-
width: 83%;
|
|
305
|
-
height: 83%;
|
|
306
|
-
object-fit: contain;
|
|
307
|
-
filter: drop-shadow(0.7px 2.9px 3.7px rgba(0, 0, 0, 0.1));
|
|
308
|
-
}
|
|
309
|
-
|
|
310
|
-
${l.media.maxWidth("mobile")} {
|
|
311
|
-
width: 78px;
|
|
312
|
-
height: 78px;
|
|
313
|
-
border-radius: 7px;
|
|
314
|
-
}
|
|
315
|
-
`,Rt=n.div`
|
|
316
|
-
flex: 1;
|
|
317
|
-
min-width: 0;
|
|
318
|
-
display: flex;
|
|
319
|
-
flex-direction: column;
|
|
320
|
-
justify-content: center;
|
|
321
|
-
gap: 4px;
|
|
322
|
-
`,Xt=n.div`
|
|
323
|
-
font-size: 18px;
|
|
324
|
-
font-weight: 700;
|
|
325
|
-
line-height: 1.3;
|
|
326
|
-
color: ${i.text};
|
|
327
|
-
overflow: hidden;
|
|
328
|
-
text-overflow: ellipsis;
|
|
329
|
-
|
|
330
|
-
${l.media.maxWidth("mobile")} {
|
|
331
|
-
font-size: 16px;
|
|
332
|
-
}
|
|
333
|
-
`,Ut=n(fe)`
|
|
334
|
-
font-size: 12px;
|
|
335
|
-
line-height: 1.43;
|
|
336
|
-
color: ${i.muted};
|
|
337
|
-
|
|
338
|
-
${l.media.maxWidth("mobile")} {
|
|
339
|
-
font-size: 10px;
|
|
340
|
-
}
|
|
341
|
-
`,Kt=n.div`
|
|
342
|
-
display: flex;
|
|
343
|
-
align-items: center;
|
|
344
|
-
gap: 6px;
|
|
345
|
-
margin-top: 4px;
|
|
346
|
-
|
|
347
|
-
& span {
|
|
348
|
-
font-size: 18px;
|
|
349
|
-
font-weight: 700;
|
|
350
|
-
color: ${i.text2};
|
|
351
|
-
}
|
|
352
|
-
|
|
353
|
-
${l.media.maxWidth("mobile")} {
|
|
354
|
-
& span {
|
|
355
|
-
font-size: 20px;
|
|
356
|
-
}
|
|
357
|
-
}
|
|
358
|
-
`,Qt=n(N)`
|
|
359
|
-
width: 18px;
|
|
360
|
-
height: 18px;
|
|
361
|
-
background: ${i.text2};
|
|
362
|
-
`,Gt=n.div`
|
|
363
|
-
display: flex;
|
|
364
|
-
align-items: flex-start;
|
|
365
|
-
gap: 12px;
|
|
366
|
-
background: rgba(255, 162, 90, 0.3);
|
|
367
|
-
border-radius: ${ae.btn};
|
|
368
|
-
padding: 16px;
|
|
369
|
-
|
|
370
|
-
& > svg {
|
|
371
|
-
flex-shrink: 0;
|
|
372
|
-
}
|
|
373
|
-
|
|
374
|
-
${l.media.maxWidth("mobile")} {
|
|
375
|
-
align-items: center;
|
|
376
|
-
gap: 8px;
|
|
377
|
-
padding: 12px 8px;
|
|
378
|
-
}
|
|
379
|
-
`,Jt=n.p`
|
|
380
|
-
margin: 0;
|
|
381
|
-
font-size: 14px;
|
|
382
|
-
line-height: 1.334;
|
|
383
|
-
color: ${i.text2};
|
|
384
|
-
|
|
385
|
-
& b {
|
|
386
|
-
font-weight: 700;
|
|
387
|
-
}
|
|
388
|
-
`,Yt=n.a`
|
|
389
|
-
display: inline-block;
|
|
390
|
-
margin-top: 4px;
|
|
391
|
-
font-size: 14px;
|
|
392
|
-
font-weight: 600;
|
|
393
|
-
line-height: 1.334;
|
|
394
|
-
color: ${i.text2};
|
|
395
|
-
text-decoration: underline;
|
|
396
|
-
|
|
397
|
-
&:hover {
|
|
398
|
-
color: ${i.accent};
|
|
399
|
-
}
|
|
400
|
-
`,Zt=n.div`
|
|
401
|
-
display: flex;
|
|
402
|
-
flex-wrap: wrap;
|
|
403
|
-
gap: 12px;
|
|
404
|
-
margin: -6px 0;
|
|
405
|
-
padding: 6px;
|
|
406
|
-
|
|
407
|
-
/* Phones get a fixed 2x2 (Figma mobile frame). Wrapping decided the row break from each tile's own
|
|
408
|
-
content width, so a pack whose amount and price were wide enough — "260 ($29.99)" — stopped
|
|
409
|
-
sharing a line and claimed a full row: the four landed 2/1/1, three rows tall. That extra row is
|
|
410
|
-
also what pushed the total under the sticky CTAs. The tracks are minmax(0, 1fr), not 1fr, so a
|
|
411
|
-
long price shrinks the text inside the tile instead of widening the column past the card. */
|
|
412
|
-
${l.media.maxWidth("mobile")} {
|
|
413
|
-
display: grid;
|
|
414
|
-
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
415
|
-
gap: 16px 12px;
|
|
416
|
-
}
|
|
417
|
-
`,_t=n.button`
|
|
418
|
-
/* Wide enough to stay readable, so a narrow card wraps the tiles onto a second row instead of
|
|
419
|
-
squeezing four of them into one. */
|
|
420
|
-
flex: 1 1 140px;
|
|
421
|
-
height: 109px;
|
|
422
|
-
border: 1px solid ${i.muted2};
|
|
423
|
-
background: ${i.media};
|
|
424
|
-
border-radius: 16px;
|
|
425
|
-
display: flex;
|
|
426
|
-
align-items: center;
|
|
427
|
-
justify-content: center;
|
|
428
|
-
gap: 8px;
|
|
429
|
-
cursor: pointer;
|
|
430
|
-
padding: 3px;
|
|
431
|
-
transition:
|
|
432
|
-
transform 0.12s ease,
|
|
433
|
-
border-color 0.12s ease,
|
|
434
|
-
border-width 0.12s ease,
|
|
435
|
-
padding 0.12s ease;
|
|
436
|
-
|
|
437
|
-
/* The buy gradient AS the border: the flat fill is clipped to the padding box and the gradient to the
|
|
438
|
-
border box, which paints a gradient ring on the tile's own radius with no wrapper element (a
|
|
439
|
-
gradient is not a valid border-color). */
|
|
440
|
-
&:hover:not(:disabled),
|
|
441
|
-
&[data-on] {
|
|
442
|
-
padding: 0;
|
|
443
|
-
border-color: transparent;
|
|
444
|
-
border-width: 4px;
|
|
445
|
-
background-image: linear-gradient(${i.media}, ${i.media}), ${V.buyBtn};
|
|
446
|
-
background-origin: border-box;
|
|
447
|
-
background-clip: padding-box, border-box;
|
|
448
|
-
}
|
|
449
|
-
|
|
450
|
-
/* Selected also lifts; hover alone is just the ring. */
|
|
451
|
-
&[data-on] {
|
|
452
|
-
transform: scale(1.03);
|
|
453
|
-
}
|
|
454
|
-
|
|
455
|
-
${l.media.maxWidth("mobile")} {
|
|
456
|
-
height: 83px;
|
|
457
|
-
gap: 6px;
|
|
458
|
-
/* A grid item defaults to min-width:auto, which would let the widest price push the tile out of
|
|
459
|
-
its track and back past the card edge — the shrinking the 1fr tracks above are there to allow. */
|
|
460
|
-
min-width: 0;
|
|
461
|
-
|
|
462
|
-
/* The grid gives every tile an identical box, so the lift only makes the selected one overlap its
|
|
463
|
-
gap and read as a size the design never gives it. The ring already says which is picked. */
|
|
464
|
-
&[data-on] {
|
|
465
|
-
transform: none;
|
|
466
|
-
}
|
|
467
|
-
}
|
|
468
|
-
`,ea=n.img`
|
|
469
|
-
width: 24px;
|
|
470
|
-
height: 26px;
|
|
471
|
-
flex: none;
|
|
472
|
-
`,ta=n.span`
|
|
473
|
-
font-size: 24px;
|
|
474
|
-
font-weight: 500;
|
|
475
|
-
color: ${i.text};
|
|
476
|
-
`,aa=n.span`
|
|
477
|
-
font-size: 14px;
|
|
478
|
-
color: ${i.text};
|
|
479
|
-
`,na=n.div`
|
|
480
|
-
display: flex;
|
|
481
|
-
align-items: center;
|
|
482
|
-
justify-content: space-between;
|
|
483
|
-
border-top: 1px solid ${i.gray4};
|
|
484
|
-
padding-top: 12px;
|
|
485
|
-
`,ia=n.div`
|
|
486
|
-
display: flex;
|
|
487
|
-
align-items: center;
|
|
488
|
-
gap: 8px;
|
|
489
|
-
font-size: 24px;
|
|
490
|
-
font-weight: 700;
|
|
491
|
-
color: ${i.text};
|
|
492
|
-
`,oa=n(N)`
|
|
493
|
-
width: 30px;
|
|
494
|
-
height: 30px;
|
|
495
|
-
background: ${i.text};
|
|
496
|
-
`,ra=n.span`
|
|
497
|
-
font-size: 14px;
|
|
498
|
-
font-weight: 600;
|
|
499
|
-
color: ${i.muted1};
|
|
500
|
-
`,sa=n.div`
|
|
501
|
-
position: sticky;
|
|
502
|
-
bottom: 0;
|
|
503
|
-
display: flex;
|
|
504
|
-
gap: 12px;
|
|
505
|
-
margin-top: -8px;
|
|
506
|
-
padding-top: 8px;
|
|
507
|
-
background: ${i.white};
|
|
508
|
-
|
|
509
|
-
/*
|
|
510
|
-
* data-stack — one CTA per row on a phone.
|
|
511
|
-
*
|
|
512
|
-
* OPT-IN rather than applied to every state, because it is only worth it where BOTH labels are long: on
|
|
513
|
-
* a 390px screen the purchase-complete pair wraps to "TRY IN / WORLD" beside "MY ITEMS", while the error
|
|
514
|
-
* states' CANCEL / TRY AGAIN still read fine side by side.
|
|
515
|
-
*
|
|
516
|
-
* column-REVERSE, so the primary sits on top without reordering the markup — which would move it off the
|
|
517
|
-
* right-hand side on desktop, where the secondary-then-primary reading order is what every other row in
|
|
518
|
-
* the flow uses.
|
|
519
|
-
*/
|
|
520
|
-
${l.media.maxWidth("mobile")} {
|
|
521
|
-
&[data-stack] {
|
|
522
|
-
flex-direction: column-reverse;
|
|
523
|
-
|
|
524
|
-
/*
|
|
525
|
-
* The row sizes its CTAs with flex: 1. In a column that basis applies to the HEIGHT, so it would
|
|
526
|
-
* override the 46px and collapse both buttons to their min-content. Hand the sizing back over.
|
|
527
|
-
*/
|
|
528
|
-
> * {
|
|
529
|
-
flex: none;
|
|
530
|
-
width: 100%;
|
|
531
|
-
}
|
|
532
|
-
}
|
|
533
|
-
}
|
|
534
|
-
`,Ge=n.button`
|
|
535
|
-
flex: 1;
|
|
536
|
-
/* Let the CTAs shrink so their min-content can't widen the modal past the viewport on mobile. */
|
|
537
|
-
min-width: 0;
|
|
538
|
-
height: 46px;
|
|
539
|
-
border-radius: ${ae.card};
|
|
540
|
-
border: 0;
|
|
541
|
-
cursor: pointer;
|
|
542
|
-
font-size: 15px;
|
|
543
|
-
font-weight: 600;
|
|
544
|
-
letter-spacing: 0.46px;
|
|
545
|
-
text-transform: uppercase;
|
|
546
|
-
display: inline-flex;
|
|
547
|
-
align-items: center;
|
|
548
|
-
justify-content: center;
|
|
549
|
-
gap: 8px;
|
|
550
|
-
|
|
551
|
-
&[data-full] {
|
|
552
|
-
width: 100%;
|
|
553
|
-
}
|
|
554
|
-
/* The design system's primary fill (Figma 738:53266 "BUY Button") — the same gradient the cart's
|
|
555
|
-
CHECKOUT carries, so the two ends of the buy flow match. */
|
|
556
|
-
&[data-variant='gradient'] {
|
|
557
|
-
background: ${V.buyBtn};
|
|
558
|
-
color: ${i.softWhite};
|
|
559
|
-
}
|
|
560
|
-
&[data-variant='gradient']:hover:not(:disabled),
|
|
561
|
-
&[data-variant='gradient']:active:not(:disabled) {
|
|
562
|
-
background-image: linear-gradient(${i.dclRed}, ${i.dclRed});
|
|
563
|
-
}
|
|
564
|
-
&[data-variant='outline'] {
|
|
565
|
-
background: transparent;
|
|
566
|
-
border: 0.5px solid ${i.text};
|
|
567
|
-
color: ${i.text2};
|
|
568
|
-
font-size: 13px;
|
|
569
|
-
}
|
|
570
|
-
/* Figma's outlined hover (738:53251), which on this light card is the readable half of the pair: the
|
|
571
|
-
white-fill hover the dark-field buttons take would be invisible here. Same treatment as the
|
|
572
|
-
drawer's dismissing CTA (CartPopover ctaCss) — the two sit in one flow. */
|
|
573
|
-
&[data-variant='outline']:hover:not(:disabled) {
|
|
574
|
-
background: ${i.text2};
|
|
575
|
-
color: ${i.softWhite};
|
|
576
|
-
}
|
|
577
|
-
&[data-variant='ruby'] {
|
|
578
|
-
background: ${i.dclRed};
|
|
579
|
-
color: ${i.softWhite};
|
|
580
|
-
font-size: 13px;
|
|
581
|
-
letter-spacing: 0.61px;
|
|
582
|
-
}
|
|
583
|
-
// Solid accent fill (the error state's "Try again").
|
|
584
|
-
&[data-variant='purple'] {
|
|
585
|
-
background: ${i.accent};
|
|
586
|
-
color: ${i.softWhite};
|
|
587
|
-
font-size: 13px;
|
|
588
|
-
}
|
|
589
|
-
/**
|
|
590
|
-
* Hover, and ONLY where hovering is a thing.
|
|
591
|
-
*
|
|
592
|
-
* Two bugs lived in one selector here. It used to read &:hover, &[data-variant='purple']:hover — the
|
|
593
|
-
* first half unqualified, so the PURPLE hover fill was painted over every variant that had no hover of
|
|
594
|
-
* its own. Ruby was the only one, so the post-purchase CTA turned violet the moment it was hovered:
|
|
595
|
-
* measured rgb(255,45,85) at rest and rgb(122,43,191) hovered.
|
|
596
|
-
*
|
|
597
|
-
* And on a phone that is not a hover at all. A tap synthesises :hover and LEAVES it there, so the CTA
|
|
598
|
-
* that lands under the finger after the buy confirms comes up already violet — which is how this was
|
|
599
|
-
* reported. Gating on hover: hover is the same fix, for the same reason, that the creators rail uses
|
|
600
|
-
* on its card lift.
|
|
601
|
-
*/
|
|
602
|
-
@media (hover: hover) {
|
|
603
|
-
&[data-variant='purple']:hover:not(:disabled) {
|
|
604
|
-
background: ${i.accentHover};
|
|
605
|
-
}
|
|
606
|
-
&[data-variant='ruby']:hover:not(:disabled) {
|
|
607
|
-
filter: brightness(1.08);
|
|
608
|
-
}
|
|
609
|
-
}
|
|
610
|
-
&:disabled {
|
|
611
|
-
opacity: 0.6;
|
|
612
|
-
cursor: default;
|
|
613
|
-
}
|
|
614
|
-
`,da=Ge.withComponent("a"),ca=n.img`
|
|
615
|
-
width: 61px;
|
|
616
|
-
height: 61px;
|
|
617
|
-
`,la=n.div`
|
|
618
|
-
display: flex;
|
|
619
|
-
flex-direction: column;
|
|
620
|
-
align-items: center;
|
|
621
|
-
gap: 16px;
|
|
622
|
-
background: rgba(255, 201, 213, 0.5);
|
|
623
|
-
border-radius: 16px;
|
|
624
|
-
padding: 24px 16px;
|
|
625
|
-
`,ha=n.img`
|
|
626
|
-
width: 64px;
|
|
627
|
-
height: 80px;
|
|
628
|
-
object-fit: contain;
|
|
629
|
-
`,pa=n.p`
|
|
630
|
-
margin: 0;
|
|
631
|
-
text-align: center;
|
|
632
|
-
font-size: 20px;
|
|
633
|
-
line-height: 1.334;
|
|
634
|
-
font-weight: 400;
|
|
635
|
-
color: ${i.text2};
|
|
636
|
-
|
|
637
|
-
& b {
|
|
638
|
-
font-weight: 700;
|
|
639
|
-
}
|
|
640
|
-
`,ua=n.div`
|
|
641
|
-
font-size: 20px;
|
|
642
|
-
font-weight: 700;
|
|
643
|
-
color: ${i.text2};
|
|
644
|
-
text-align: center;
|
|
645
|
-
`,ga=n.div`
|
|
646
|
-
width: 100%;
|
|
647
|
-
max-width: 456px;
|
|
648
|
-
height: 12px;
|
|
649
|
-
background: ${i.media};
|
|
650
|
-
border-radius: 100px;
|
|
651
|
-
overflow: hidden;
|
|
652
|
-
`,fa=n.span`
|
|
653
|
-
display: block;
|
|
654
|
-
height: 100%;
|
|
655
|
-
width: 40%;
|
|
656
|
-
border-radius: 100px;
|
|
657
|
-
background: ${V.amethyst};
|
|
658
|
-
animation: buy-modal-progress 1.1s ease-in-out infinite;
|
|
659
|
-
|
|
660
|
-
@keyframes buy-modal-progress {
|
|
661
|
-
0% {
|
|
662
|
-
transform: translateX(-120%);
|
|
663
|
-
}
|
|
664
|
-
100% {
|
|
665
|
-
transform: translateX(320%);
|
|
666
|
-
}
|
|
667
|
-
}
|
|
668
|
-
|
|
669
|
-
&[data-step] {
|
|
670
|
-
animation: none;
|
|
671
|
-
min-width: 12px;
|
|
672
|
-
transition: width 0.35s ease;
|
|
673
|
-
}
|
|
674
|
-
`,xa=n.div`
|
|
675
|
-
display: flex;
|
|
676
|
-
flex-direction: column;
|
|
677
|
-
align-items: center;
|
|
678
|
-
gap: 16px;
|
|
679
|
-
background: rgba(193, 238, 207, 0.5);
|
|
680
|
-
border-radius: 16px;
|
|
681
|
-
padding: 24px 16px;
|
|
682
|
-
|
|
683
|
-
&[data-wide] {
|
|
684
|
-
flex-direction: row;
|
|
685
|
-
align-items: center;
|
|
686
|
-
gap: 24px;
|
|
687
|
-
padding: 16px 24px;
|
|
688
|
-
}
|
|
689
|
-
@media (max-width: 600px) {
|
|
690
|
-
&[data-wide] {
|
|
691
|
-
flex-direction: column;
|
|
692
|
-
gap: 12px;
|
|
693
|
-
padding: 16px;
|
|
694
|
-
}
|
|
695
|
-
}
|
|
696
|
-
`,ma=n.p`
|
|
697
|
-
margin: 0;
|
|
698
|
-
font-size: 20px;
|
|
699
|
-
line-height: 1.334;
|
|
700
|
-
color: ${i.text2};
|
|
701
|
-
text-align: center;
|
|
702
|
-
|
|
703
|
-
& b {
|
|
704
|
-
font-weight: 700;
|
|
705
|
-
}
|
|
706
|
-
|
|
707
|
-
&[data-wide] {
|
|
708
|
-
text-align: left;
|
|
709
|
-
font-size: 18px;
|
|
710
|
-
}
|
|
711
|
-
@media (max-width: 600px) {
|
|
712
|
-
&[data-wide] {
|
|
713
|
-
text-align: center;
|
|
714
|
-
}
|
|
715
|
-
}
|
|
716
|
-
`,{colors:D,media:W}=l,Je=n.section`
|
|
717
|
-
margin-top: 40px;
|
|
718
|
-
`,Ye=n.div`
|
|
719
|
-
display: flex;
|
|
720
|
-
align-items: center;
|
|
721
|
-
justify-content: space-between;
|
|
722
|
-
margin-bottom: 20px;
|
|
723
|
-
`,Ze=n.h2`
|
|
724
|
-
font-size: 22px;
|
|
725
|
-
font-weight: 700;
|
|
726
|
-
color: ${D.softWhite};
|
|
727
|
-
`,_e=n.button`
|
|
728
|
-
display: inline-flex;
|
|
729
|
-
align-items: center;
|
|
730
|
-
gap: 4px;
|
|
731
|
-
background: none;
|
|
732
|
-
border: 0;
|
|
733
|
-
padding: 0;
|
|
734
|
-
color: ${D.softWhite};
|
|
735
|
-
font-weight: 700;
|
|
736
|
-
font-size: 13px;
|
|
737
|
-
letter-spacing: 0.046em;
|
|
738
|
-
text-transform: uppercase;
|
|
739
|
-
cursor: pointer;
|
|
740
|
-
white-space: nowrap;
|
|
741
|
-
|
|
742
|
-
&:hover {
|
|
743
|
-
text-decoration: underline;
|
|
744
|
-
}
|
|
745
|
-
`,et=n(Q)`
|
|
746
|
-
transform: rotate(-90deg);
|
|
747
|
-
`,tt=n.div`
|
|
748
|
-
position: relative;
|
|
749
|
-
`,L=n.button`
|
|
750
|
-
position: absolute;
|
|
751
|
-
top: 112px;
|
|
752
|
-
transform: translateY(-50%);
|
|
753
|
-
z-index: 5;
|
|
754
|
-
width: 53px;
|
|
755
|
-
height: 53px;
|
|
756
|
-
padding: 0;
|
|
757
|
-
border: 0;
|
|
758
|
-
background: transparent;
|
|
759
|
-
cursor: pointer;
|
|
760
|
-
filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.18));
|
|
761
|
-
transition:
|
|
762
|
-
transform 0.15s ease,
|
|
763
|
-
filter 0.15s ease,
|
|
764
|
-
opacity 0.15s ease;
|
|
765
|
-
|
|
766
|
-
& img {
|
|
767
|
-
display: block;
|
|
768
|
-
width: 100%;
|
|
769
|
-
height: 100%;
|
|
770
|
-
}
|
|
771
|
-
// Sit the arrows in the page gutter (aligned to the nav's 54px), not over the cards — at -40px their
|
|
772
|
-
// inner edge landed ~13px onto the first/last card.
|
|
773
|
-
&[data-side='left'] {
|
|
774
|
-
left: -53px;
|
|
775
|
-
}
|
|
776
|
-
&[data-side='right'] {
|
|
777
|
-
right: -53px;
|
|
778
|
-
}
|
|
779
|
-
&[data-side='left'] img {
|
|
780
|
-
transform: scaleX(-1);
|
|
781
|
-
}
|
|
782
|
-
&:hover:not(:disabled) {
|
|
783
|
-
transform: translateY(-50%) scale(1.07);
|
|
784
|
-
}
|
|
785
|
-
&:disabled {
|
|
786
|
-
opacity: 0;
|
|
787
|
-
pointer-events: none;
|
|
788
|
-
}
|
|
789
|
-
|
|
790
|
-
@media (prefers-reduced-motion: reduce) {
|
|
791
|
-
transition: none;
|
|
792
|
-
}
|
|
793
|
-
${W.maxWidth("lg")} {
|
|
794
|
-
display: none;
|
|
795
|
-
}
|
|
796
|
-
`,at=n.div`
|
|
797
|
-
display: grid;
|
|
798
|
-
grid-auto-flow: column;
|
|
799
|
-
grid-auto-columns: calc((100% - 64px) / 5);
|
|
800
|
-
gap: 16px;
|
|
801
|
-
overflow-x: auto;
|
|
802
|
-
overflow-y: hidden;
|
|
803
|
-
${xe};
|
|
804
|
-
scroll-snap-type: x mandatory;
|
|
805
|
-
scrollbar-width: none;
|
|
806
|
-
|
|
807
|
-
&::-webkit-scrollbar {
|
|
808
|
-
display: none;
|
|
809
|
-
}
|
|
810
|
-
& > * {
|
|
811
|
-
scroll-snap-align: start;
|
|
812
|
-
}
|
|
813
|
-
${W.maxWidth("xl")} {
|
|
814
|
-
grid-auto-columns: calc((100% - 48px) / 4);
|
|
815
|
-
}
|
|
816
|
-
${W.maxWidth("lg")} {
|
|
817
|
-
grid-auto-columns: calc((100% - 32px) / 3);
|
|
818
|
-
}
|
|
819
|
-
${W.maxWidth("sm")} {
|
|
820
|
-
grid-auto-columns: calc((100% - 16px) / 2);
|
|
821
|
-
}
|
|
822
|
-
`,nt=n.div`
|
|
823
|
-
display: flex;
|
|
824
|
-
align-items: center;
|
|
825
|
-
justify-content: center;
|
|
826
|
-
gap: 8px;
|
|
827
|
-
margin-top: 18px;
|
|
828
|
-
`,it=n.button`
|
|
829
|
-
width: 10px;
|
|
830
|
-
height: 10px;
|
|
831
|
-
border-radius: 50%;
|
|
832
|
-
border: 0;
|
|
833
|
-
padding: 0;
|
|
834
|
-
/* Figma "Carousel Dots" (verbatim): rgba(0,0,0,0.5) at rest, Brand/Orange active. */
|
|
835
|
-
background: rgba(0, 0, 0, 0.5);
|
|
836
|
-
cursor: pointer;
|
|
837
|
-
transition:
|
|
838
|
-
opacity 0.12s ease,
|
|
839
|
-
background 0.12s ease,
|
|
840
|
-
transform 0.12s ease;
|
|
841
|
-
|
|
842
|
-
&:hover {
|
|
843
|
-
opacity: 0.8;
|
|
844
|
-
}
|
|
845
|
-
&[data-active] {
|
|
846
|
-
background: ${D.media};
|
|
847
|
-
opacity: 1;
|
|
848
|
-
transform: scale(1.1);
|
|
849
|
-
}
|
|
850
|
-
`;function ba({title:t,items:e,onViewAll:a}){const o=C.useRef(null),[u,c]=C.useState(1),[m,f]=C.useState(0),[x,w]=C.useState(!0),[b,p]=C.useState(!1),g=C.useCallback(()=>{const h=o.current;if(!h)return;const{scrollLeft:d,scrollWidth:v,clientWidth:T}=h,z=Math.max(1,Math.ceil(v/T));c(z),f(Math.min(z-1,Math.round(d/T))),w(d<=1),p(d+T>=v-1)},[]);if(C.useEffect(()=>{g();const h=o.current;if(h)return h.addEventListener("scroll",g,{passive:!0}),window.addEventListener("resize",g),()=>{h.removeEventListener("scroll",g),window.removeEventListener("resize",g)}},[g,e.length]),e.length===0)return null;function s(h){const d=o.current;d&&d.scrollBy({left:h*d.clientWidth,behavior:"smooth"})}function y(h){const d=o.current;d&&d.scrollTo({left:h*d.clientWidth,behavior:"smooth"})}return r.jsxs(Je,{"data-testid":"carousel",children:[r.jsxs(Ye,{children:[r.jsx(Ze,{children:t}),a?r.jsxs(_e,{onClick:a,children:[k("collectionCarousel.viewAll"),r.jsx(et,{name:"chevron-down",size:16})]}):null]}),r.jsxs(tt,{children:[r.jsx(L,{"data-side":"left",onClick:()=>s(-1),"aria-label":k("collectionCarousel.scrollLeft"),disabled:x,children:r.jsx("img",{src:H,alt:"","aria-hidden":!0})}),r.jsx(at,{ref:o,children:e.map(h=>r.jsx(me,{item:h},h.id))}),r.jsx(L,{"data-side":"right",onClick:()=>s(1),"aria-label":k("collectionCarousel.scrollRight"),disabled:b,children:r.jsx("img",{src:H,alt:"","aria-hidden":!0})})]}),u>1?r.jsx(nt,{"aria-label":k("collectionCarousel.pages"),children:Array.from({length:u}).map((h,d)=>r.jsx(it,{"data-active":d===m||void 0,"aria-label":k("collectionCarousel.goToPage",{page:d+1}),"aria-current":d===m?"true":void 0,onClick:()=>y(d)},d))}):null]})}export{Le as $,Ht as A,Ft as B,$t as C,bt as D,ta as E,aa as F,na as G,St as H,ia as I,oa as J,ra as K,ca as L,Et as M,vt as N,ft as O,ua as P,ba as Q,mt as R,It as S,Nt as T,gt as U,xt as V,Gt as W,Pt as X,jt as Y,_ as Z,yt as _,Bt as a,Ke as a0,te as a1,xa as a2,ma as a3,da as a4,kt as a5,Ct as a6,At as a7,Mt as a8,Tt as a9,zt as b,Vt as c,Dt as d,Ot as e,qt as f,la as g,ha as h,wt as i,pa as j,sa as k,Ge as l,ga as m,fa as n,Wt as o,Jt as p,Yt as q,Lt as r,Rt as s,Xt as t,Ut as u,Kt as v,Qt as w,Zt as x,_t as y,ea as z};
|
|
851
|
-
//# sourceMappingURL=CollectionCarousel-aWbnRslF.js.map
|