@dcl/shop 1.13.0 → 1.13.1-34993979784.commit-cc536a1
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-y94ae09I.js +389 -0
- package/_assets/{AnimatedBackground-BnW4jNQ_.js → AnimatedBackground-Clgq4r7f.js} +2 -2
- package/_assets/{Assets-CamziJEW.js → Assets-Bf_sLagy.js} +11 -11
- package/_assets/{Authorizations-qhSo3l9v.js → Authorizations-C6r3_VE9.js} +12 -12
- package/_assets/{Cart-BdU4pPj2.js → Cart-BHa6SSMn.js} +9 -9
- package/_assets/{Collection-EQ6zO1YD.js → Collection-BZwrpfZI.js} +11 -11
- package/_assets/{CollectionCarousel-Crm-0uNM.js → CollectionCarousel-ChQ0GtyX.js} +9 -9
- package/_assets/{Confetti-BqpIfMO9.js → Confetti-FM7bXk07.js} +4 -4
- package/_assets/{ConstantsUtil-BCzF6n74.js → ConstantsUtil-DyktTHZK.js} +2 -2
- package/_assets/{ContentClient-DJLeN-Hu.js → ContentClient-umLyw_JS.js} +2 -2
- package/_assets/{Creator-C1ewJ_rt.js → Creator-DixoeSeo.js} +29 -29
- package/_assets/{DeploymentBuilder-CtSJAkCg.js → DeploymentBuilder-CHCNqJsM.js} +3 -3
- package/_assets/{EmotePlaybackBar-DJ1CBzQj.js → EmotePlaybackBar-CA-zgAad.js} +19 -19
- package/_assets/{ErrorNotice-DFD2N4ZG.js → ErrorNotice-DotWMQbB.js} +2 -2
- package/_assets/{Event-CGEg1Njh.js → Event-C-ViK-OD.js} +2 -2
- package/_assets/{ExchangeController-LNJTGsI4.js → ExchangeController-BE1PYDfs.js} +2 -2
- package/_assets/{Faq-DBi3GpFN.js → Faq-Cp96xIfj.js} +3 -3
- package/_assets/{GetCredits-CilUrWIp.js → GetCredits-Cqu5qXEA.js} +14 -14
- package/_assets/{Grow-DSgnoOPE.js → Grow-CrGeTusR.js} +2 -2
- package/_assets/HelpersUtil-DWzN65Rl.js +63 -0
- package/_assets/ItemDetail-DOb19Aa9.js +3778 -0
- package/_assets/LoadMore-DE4T10bH.js +8 -0
- package/_assets/{ManaPricingBanner.styles-CiQXNidr.js → ManaPricingBanner.styles-Dmn9WZF1.js} +2 -2
- package/_assets/{MyAssets-D1kA_br4.js → MyAssets-CFa1VrBM.js} +7 -7
- package/_assets/{MyFavorites-Bg2VKyPe.js → MyFavorites-DHofBczp.js} +6 -6
- package/_assets/{NetworkUtil-D1Xckx5t.js → NetworkUtil-bkXm6BFd.js} +2 -2
- package/_assets/NotFound-F57fqKGG.js +18 -0
- package/_assets/{NotificationsBell-DwmpPTnq.js → NotificationsBell--0kNSyE8.js} +13 -13
- package/_assets/{OutfitDetail-kCQ6HeTm.js → OutfitDetail-CgbZofiV.js} +5 -5
- package/_assets/OutfitPreview-B_kNY-9H.js +7 -0
- package/_assets/{OutfitStudio-BO_xeG9Z.js → OutfitStudio-C-O1DNUx.js} +24 -24
- package/_assets/{PhArrowCircleDown-BQf7a7tx.js → PhArrowCircleDown-Bmy0XPqd.js} +5 -5
- package/_assets/{PhArrowClockwise-tl_iVvce.js → PhArrowClockwise-Bklo7MBV.js} +3 -3
- package/_assets/{PhArrowDown-Nx8skxB1.js → PhArrowDown-CBjJCstB.js} +3 -3
- package/_assets/{PhArrowLeft-B2FOU46g.js → PhArrowLeft-BCeYPtMx.js} +2 -2
- package/_assets/PhArrowRight-Ch61WxZn.js +15 -0
- package/_assets/{PhArrowSquareOut-Cwvs2k2I.js → PhArrowSquareOut-Bk5nSBoz.js} +5 -5
- package/_assets/{PhArrowUp-Ddpjrupw.js → PhArrowUp-CzPwFe1F.js} +5 -5
- package/_assets/{PhArrowUpRight-GR9jLk0j.js → PhArrowUpRight-DF87CEc7.js} +3 -3
- package/_assets/{PhArrowsClockwise-DiFALoYE.js → PhArrowsClockwise-D5XWB216.js} +5 -5
- package/_assets/{PhArrowsDownUp-C5MsaDSU.js → PhArrowsDownUp-CVtoWYS-.js} +5 -5
- package/_assets/{PhArrowsLeftRight-CVSlwL5f.js → PhArrowsLeftRight-Cu83Wp7y.js} +3 -3
- package/_assets/{PhBank-JlgXqj6a.js → PhBank-BjB_uqsX.js} +3 -3
- package/_assets/{PhBrowser-BAuOLdYK.js → PhBrowser-CW3ZGiB7.js} +5 -5
- package/_assets/PhCaretDown-PT_hkshh.js +15 -0
- package/_assets/{PhCaretLeft-CuCRXELD.js → PhCaretLeft-DPSFahQA.js} +3 -3
- package/_assets/{PhCaretRight-Dh12cPi2.js → PhCaretRight-EEBUAb9H.js} +4 -4
- package/_assets/{PhCaretUp-D_YSLbRZ.js → PhCaretUp-Bit2hvKo.js} +4 -4
- package/_assets/{PhCheck-DM-Xw6Og.js → PhCheck-BHmNQJ6P.js} +3 -3
- package/_assets/{PhCircleHalf-B_a7PTBj.js → PhCircleHalf-AD4oTWoj.js} +5 -5
- package/_assets/{PhClock-C6uHGxHX.js → PhClock-3t4anT3D.js} +5 -5
- package/_assets/{PhCompass-BCBQfuVk.js → PhCompass-DpvhkfDj.js} +3 -3
- package/_assets/{PhCopy-CuJFaD8W.js → PhCopy-We2XYWCm.js} +5 -5
- package/_assets/{PhCreditCard-j7mRfOWb.js → PhCreditCard-BBnTMXbe.js} +4 -4
- package/_assets/{PhCurrencyDollar-BHK_WZqp.js → PhCurrencyDollar-dPV4byY8.js} +4 -4
- package/_assets/{PhDesktop-yP_Shy1c.js → PhDesktop-DVuLe5q1.js} +3 -3
- package/_assets/{PhDeviceMobile-MCjovOoQ.js → PhDeviceMobile-D6knI_PD.js} +3 -3
- package/_assets/{PhDotsThree-B-8MklB_.js → PhDotsThree-D_uTiViU.js} +4 -4
- package/_assets/{PhEnvelope-BVMpBzL8.js → PhEnvelope-Bkk7fDMT.js} +3 -3
- package/_assets/{PhFunnelSimple-Xip53NJe.js → PhFunnelSimple-BVx2yoJC.js} +3 -3
- package/_assets/{PhGlobe-DTLd7vq3.js → PhGlobe-BUa1rAnN.js} +2 -2
- package/_assets/{PhIdentificationCard-Owvtcfl8.js → PhIdentificationCard-D7mCEldI.js} +5 -5
- package/_assets/{PhImage-gpASuR3P.js → PhImage-DN8upEaC.js} +2 -2
- package/_assets/{PhInfo-By_MexxN.js → PhInfo-BRv5JqkG.js} +3 -3
- package/_assets/{PhLightbulb-D9di92yf.js → PhLightbulb-LZ8Bksrw.js} +3 -3
- package/_assets/{PhMagnifyingGlass-DDgrWTCc.js → PhMagnifyingGlass-Nlml1ksU.js} +5 -5
- package/_assets/{PhPaperPlaneRight-DQP_XqUF.js → PhPaperPlaneRight-QfFyGr7O.js} +3 -3
- package/_assets/{PhPlus-l3KhxySr.js → PhPlus-C6YKBVJU.js} +4 -4
- package/_assets/{PhPower-Cr4gqDwx.js → PhPower-BtHcdIUq.js} +4 -4
- package/_assets/{PhPuzzlePiece-BVKd_9LG.js → PhPuzzlePiece-D5mYYrHE.js} +4 -4
- package/_assets/{PhQrCode-C2-pxwu5.js → PhQrCode-MfgEx90-.js} +2 -2
- package/_assets/{PhQuestion-hJFyp5y_.js → PhQuestion-BHeGiiUF.js} +3 -3
- package/_assets/{PhQuestionMark-BIf3aP5-.js → PhQuestionMark-DNtDU6-_.js} +4 -4
- package/_assets/{PhSealCheck-DYwmEsuV.js → PhSealCheck-CDWno5AE.js} +2 -2
- package/_assets/{PhSignOut-D4m3HfaH.js → PhSignOut-BWUfOWAY.js} +4 -4
- package/_assets/{PhSpinner-CQO82DfI.js → PhSpinner-Chbk-Rrh.js} +4 -4
- package/_assets/{PhTrash-BcF8SoSu.js → PhTrash-CknzCMhK.js} +2 -2
- package/_assets/{PhUser-TbE-uvug.js → PhUser-DBmpCM-x.js} +4 -4
- package/_assets/{PhVault-DN8MSFv_.js → PhVault-B_-lceT6.js} +2 -2
- package/_assets/{PhWallet-DZOB7Naf.js → PhWallet-DzHci4bI.js} +5 -5
- package/_assets/{PhWarning-BioUNSl5.js → PhWarning-DNajgYKH.js} +3 -3
- package/_assets/{PhWarningCircle-B1qANwXx.js → PhWarningCircle-DaWHEJd0.js} +5 -5
- package/_assets/{PhX-C2MAMi7o.js → PhX-o_0aqvnZ.js} +3 -3
- package/_assets/Spinner-D_6ZvYKj.js +50 -0
- package/_assets/StoreSettings-DCpXtqua.js +196 -0
- package/_assets/{Success-BOXdwFix.js → Success-CukAZwp-.js} +13 -13
- package/_assets/{SwapController-7Q3mgAr3.js → SwapController-DnGprKGk.js} +2 -2
- package/_assets/{TradeService-DoF1sJfB.js → TradeService-BjORZVRw.js} +2 -2
- package/_assets/{W3MFrameProviderSingleton-BLGKJTAV.js → W3MFrameProviderSingleton-D_YJGPi0.js} +4 -4
- package/_assets/{WebCryptoP256-DY58fkES.js → WebCryptoP256-DUw3kC8U.js} +2 -2
- package/_assets/{add-CHjzJko0.js → add-DMqlCS_5.js} +2 -2
- package/_assets/{all-wallets-iP9kf8IH.js → all-wallets-jltIqTjt.js} +2 -2
- package/_assets/{app-store-KBtXJUZW.js → app-store-8U-XnKiq.js} +2 -2
- package/_assets/{apple-1wsuvzH8.js → apple-DqtIUOT7.js} +3 -3
- package/_assets/{arrow-bottom-g-rIpj6-.js → arrow-bottom-PA3nOuzV.js} +2 -2
- package/_assets/{arrow-bottom-circle-CgTwGRtZ.js → arrow-bottom-circle-C-CSXtk9.js} +3 -3
- package/_assets/arrow-left-Cddzsk1s.js +9 -0
- package/_assets/arrow-right-FkB0kPcW.js +9 -0
- package/_assets/{arrow-top-tB4xV8bo.js → arrow-top-BAZtnW6A.js} +3 -3
- package/_assets/{async-directive-B7SDFDfN.js → async-directive-C0XTxdV5.js} +3 -3
- package/_assets/{authorizations-j1Fdv_CY.js → authorizations-CetLBrrn.js} +2 -2
- package/_assets/{bank-Bq57T_gs.js → bank-C-8Jh-Iw.js} +2 -2
- package/_assets/{basic-ikWsaw57.js → basic-CLYIK-ki.js} +2 -2
- package/_assets/{biconomy-D7jszzZX.js → biconomy-BXhPby5u.js} +2 -2
- package/_assets/{browseLayout.styles-CzgQMQ68.js → browseLayout.styles-DAoBsqew.js} +8 -8
- package/_assets/{browser-B8dgFdTL.js → browser-BXKNeaZx.js} +2 -2
- package/_assets/{browser-BYr_ioqH.js → browser-CS9ULcyp.js} +2 -2
- package/_assets/{browser-Dhl29U0F.js → browser-UELF8Jdm.js} +2 -2
- package/_assets/{browser-ponyfill-DgxLup8s.js → browser-ponyfill-B_GaUsCN.js} +2 -2
- package/_assets/builder-5e3kaadc.js +2 -0
- package/_assets/buy-gasless-B3S72xPD.js +2 -0
- package/_assets/buy-weQ6P2qo.js +2 -0
- package/_assets/{card-SS6BCQlD.js → card-Uc0KebvL.js} +2 -2
- package/_assets/{categories-D8j8Cra5.js → categories-CkHoyS1q.js} +3 -3
- package/_assets/{ccip-DUsbF98O.js → ccip-B5o6MUFH.js} +2 -2
- package/_assets/{ccip-BFtRvUNC.js → ccip-ojGeJg1A.js} +2 -2
- package/_assets/{chains-ZMlAuLDk.js → chains-xtXzCBVt.js} +2 -2
- package/_assets/{checkmark-Ce_V05yL.js → checkmark-7uWcPB0u.js} +2 -2
- package/_assets/{checkmark-bold-H9kfGvBU.js → checkmark-bold-BwTefyx7.js} +3 -3
- package/_assets/chevron-bottom-CJ9Wl9Xm.js +9 -0
- package/_assets/chevron-left-DKH1P9Pf.js +9 -0
- package/_assets/{chevron-right-BeBDYBiH.js → chevron-right-DeNTJHBI.js} +3 -3
- package/_assets/chevron-top-Dn0py8bk.js +9 -0
- package/_assets/{chrome-store-PMcYx52p.js → chrome-store-DUbm69Gl.js} +3 -3
- package/_assets/{class-map-D0tzaS-h.js → class-map-C7I-HYAi.js} +2 -2
- package/_assets/{clock-BiZp9Ggi.js → clock-CMav6VuQ.js} +2 -2
- package/_assets/{close-BFw77kzc.js → close-Byftwzmc.js} +2 -2
- package/_assets/{coinPlaceholder-B9YzaxY6.js → coinPlaceholder-C0F4r6oU.js} +2 -2
- package/_assets/collectionPage.styles-C-P5ksGT.js +41 -0
- package/_assets/common-05TgCNdZ.js +2 -0
- package/_assets/{compass-BqXmuVKk.js → compass-CPDOuTyF.js} +2 -2
- package/_assets/controller-DRh9C0G5.js +3 -0
- package/_assets/{copy-DNAdNuz_.js → copy-CjXNbdx3.js} +2 -2
- package/_assets/{core-CoWTi1UJ.js → core-C75bqi35.js} +5 -5
- package/_assets/{createSvgIcon-BiPKRVst.js → createSvgIcon-ChY04J8i.js} +4 -4
- package/_assets/crumbs.styles-DJZlyg5r.js +10 -0
- package/_assets/cursor-D-SkqFO5.js +4 -0
- package/_assets/{cursor-transparent-BUUXFhiw.js → cursor-transparent-RE6Zec8w.js} +3 -3
- package/_assets/{custom-DkR7MyWb.js → custom-vPIPlEsq.js} +2 -2
- package/_assets/{data-capture-C0QIYOtX.js → data-capture-UpvRekWV.js} +2 -2
- package/_assets/{dcl-schemas-CEEV5Gwi.js → dcl-schemas-DORfUy0V.js} +2 -2
- package/_assets/decimals-BZwuZ3jD.js +2 -0
- package/_assets/decimals-CCp576NL.js +2 -0
- package/_assets/{desktop-BV-CpCPh.js → desktop-tp0dY4sR.js} +3 -3
- package/_assets/detectExtension-Dl-3hY5D.js +2 -0
- package/_assets/{disconnect-C5A_Ulh-.js → disconnect-PN0ATTQe.js} +3 -3
- package/_assets/{discord-DFEpyKvH.js → discord-ISYEjXZK.js} +3 -3
- package/_assets/{disposePreview-Bfh9aU_J.js → disposePreview-k60M4rpf.js} +2 -2
- package/_assets/{email-C0rayVJd.js → email-B_f-l0_m.js} +2 -2
- package/_assets/{embedded-wallet-5MeCyUdE.js → embedded-wallet-RwxBAr72.js} +2 -2
- package/_assets/{emotion-styled.browser.esm-LN9zOfwH.js → emotion-styled.browser.esm-Dg4Ghxx3.js} +2 -2
- package/_assets/{engine-Cf1QmTJQ.js → engine-f6iBVJBB.js} +2 -2
- package/_assets/errors-D4kyF6JJ.js +2 -0
- package/_assets/estimate-l1-fee-B6WUr-zT.js +2 -0
- package/_assets/eth_estimateGas-CYjhBOQE.js +2 -0
- package/_assets/eth_getStorageAt-WsZTUrmu.js +2 -0
- package/_assets/eth_getTransactionCount-CNPXp6e4.js +2 -0
- package/_assets/ethereum-DkP3o5aa.js +2 -0
- package/_assets/{ethers-BfnXvuxS.js → ethers-WieUx6J3.js} +2 -2
- package/_assets/{etherscan-DjB6vSIQ.js → etherscan-CjB1AtvG.js} +3 -3
- package/_assets/{events-DOXOcxVW.js → events-DCTFXu5N.js} +2 -2
- package/_assets/{exclamation-triangle-BigqO5zC.js → exclamation-triangle-Vw_jmJIs.js} +2 -2
- package/_assets/{execute-R31vI0PP.js → execute-D4CHBva9.js} +3 -3
- package/_assets/{extension-DrkmxAqx.js → extension-p5vqJTq0.js} +3 -3
- package/_assets/{external-link-CbNALei9.js → external-link-6l8BDrnZ.js} +3 -3
- package/_assets/{extractIPFS-Bg2FU7gW.js → extractIPFS-ZsNFU46a.js} +2 -2
- package/_assets/{facebook-DaDSqQru.js → facebook-BdpnpvkK.js} +3 -3
- package/_assets/{farcaster-Do6RB5zR.js → farcaster-DyedtTLV.js} +3 -3
- package/_assets/{features-DqkSLGWe.js → features-OF9xoTDd.js} +2 -2
- package/_assets/fetchTokenMetadata-Dg3ltP5M.js +3 -0
- package/_assets/{field.styles-BeUcGp3j.js → field.styles-KbMupjr-.js} +2 -2
- package/_assets/{filters-ZGEyDIFh.js → filters-CMt2xly-.js} +3 -3
- package/_assets/{fortmatic-BeVunzky.js → fortmatic-HMELMcnY.js} +2 -2
- package/_assets/{get-bytecode-BpKcUepk.js → get-bytecode-DloHBZ_d.js} +2 -2
- package/_assets/get-ecosystem-wallet-info-BqrchKIy.js +2 -0
- package/_assets/{getBalance-UTTv1le_.js → getBalance-BEQ4wPYL.js} +3 -3
- package/_assets/getInstalledModules-BlBZA-Zl.js +2 -0
- package/_assets/getNFT-U0szEjvv.js +2 -0
- package/_assets/getNFT-n9Qxt0Xr.js +3 -0
- package/_assets/{github-CoYfnUKi.js → github-DpuVIU6C.js} +2 -2
- package/_assets/{google-BvNO-5zV.js → google-BwS7c7G5.js} +2 -2
- package/_assets/grid.styles-XpcxjXw_.js +15 -0
- package/_assets/{hashTypedData-mvCKC6OS.js → hashTypedData-BEhlVAb4.js} +2 -2
- package/_assets/{hashTypedData-DVQd-ytO.js → hashTypedData-GUaIJzNq.js} +2 -2
- package/_assets/{help-circle-CS_fIGWE.js → help-circle-D4e71YxP.js} +3 -3
- package/_assets/{id-BctfRKQ1.js → id-CkCU8Jqk.js} +3 -3
- package/_assets/{image-5sWR7BDC.js → image-BgNr9PHW.js} +2 -2
- package/_assets/import-CHMhz1OC.js +2 -0
- package/_assets/{in-app-D7v4pJbk.js → in-app-CRMqmF7u.js} +2 -2
- package/_assets/in-app-wallet-calls-D_VjEhpA.js +2 -0
- package/_assets/{index-f-rhyCiZ.js → index--SJ3onSa.js} +2 -2
- package/_assets/{index-D-fNU-mX.js → index-6YytbPez.js} +3 -3
- package/_assets/index-B1ROf6Hr.js +4252 -0
- package/_assets/{index-CzHeD3Wi.js → index-B3oTUjI-.js} +2 -2
- package/_assets/{index-DLA2XG0B.js → index-B4msfI4v.js} +2 -2
- package/_assets/{index-BUhRMj0k.js → index-B8gGSzeH.js} +3 -3
- package/_assets/{index-DTDLF1_e.js → index-BBXNxrEQ.js} +2 -2
- package/_assets/{index-vRZTC-Kx.js → index-BBw1GbFP.js} +5 -5
- package/_assets/{index-Y6LX2zPm.js → index-BJ4vmyO4.js} +2 -2
- package/_assets/{index-D15i9Snb.js → index-BJ6A8ukF.js} +2 -2
- package/_assets/{index-D3An-1P9.js → index-BOJkpUpe.js} +4 -4
- package/_assets/{index-BzsMKIPi.js → index-BSF4-7kX.js} +2 -2
- package/_assets/{index-C4BR3a3M.js → index-BUxqT_hO.js} +4 -4
- package/_assets/{index-nZh7HqkX.js → index-BW_WOQ-E.js} +4 -4
- package/_assets/{index-DC12bna3.js → index-BXEygVhz.js} +6 -6
- package/_assets/index-B_eS1IL9.js +2 -0
- package/_assets/{index-DAgkANiI.js → index-BgoKLao6.js} +4 -4
- package/_assets/{index-qLV9obfb.js → index-Bi2MT3Br.js} +4 -4
- package/_assets/{index-C6MOg2oW.js → index-BjKFCEmA.js} +2 -2
- package/_assets/{index-DckWaHRB.js → index-BjviemPP.js} +3 -3
- package/_assets/{index-BiOyGp0x.js → index-Bm0Cl7Ng.js} +2 -2
- package/_assets/{index-DNJCrjPc.js → index-Btk0v51P.js} +2 -2
- package/_assets/{index-Bn9MxyNx.js → index-BxeQ7tOU.js} +64 -144
- package/_assets/{index-BA3YuPkE.js → index-C-JNsBrP.js} +2 -2
- package/_assets/{index-CQTuHkt6.js → index-C0yPGJlc.js} +4 -4
- package/_assets/{index-C7Ns1jUN.js → index-C3nsM0Df.js} +2 -2
- package/_assets/{index-BvE5kQP5.js → index-CGXHUl7l.js} +2 -2
- package/_assets/{index-Dw660D76.js → index-CPk6unD2.js} +3 -3
- package/_assets/{index-BjhkePbM.js → index-CQyvmshI.js} +4 -4
- package/_assets/{index-8a4ejD-E.js → index-CXpeGR20.js} +2 -2
- package/_assets/{index-CQi6hJSY.js → index-CgWdVFDt.js} +2 -2
- package/_assets/{index-Br346hMc.js → index-CgpCCFEJ.js} +4 -4
- package/_assets/{index-DmkxnRhi.js → index-D4pYumNB.js} +2 -2
- package/_assets/{index-DJDZ2D_0.js → index-D7paI5sc.js} +2 -2
- package/_assets/index-DOm935q5.css +1 -0
- package/_assets/{index-BFGJWrau.js → index-DQWOabz8.js} +4 -4
- package/_assets/{index-Cg1q_1rC.js → index-DSJFHA_o.js} +2 -2
- package/_assets/{index-DLdrzeCo.js → index-DVuWSamg.js} +2 -2
- package/_assets/index-Da5vNeKV.js +28 -0
- package/_assets/{index-DmPseRWb.js → index-DcgBUAAU.js} +2 -2
- package/_assets/index-DclNom06.js +2 -0
- package/_assets/{index-V2l1pvfO.js → index-DhjQY0xv.js} +2 -2
- package/_assets/{index-N6jOuY9E.js → index-DjjvcRCL.js} +2 -2
- package/_assets/{index-CmHI48j2.js → index-DmCAVm8r.js} +2 -2
- package/_assets/{index-CRi7V83H.js → index-DqEB-LeI.js} +3 -3
- package/_assets/{index-aTHzb-UU.js → index-Drv2Mkim.js} +2 -2
- package/_assets/{index-CnTq-D0F.js → index-FTPbW7yA.js} +2 -2
- package/_assets/{index-CFWOoo0n.js → index-I6vz_Nx2.js} +2 -2
- package/_assets/{index-BXSuEdHw.js → index-LWNBoekl.js} +4 -4
- package/_assets/{index-C38OW2pe.js → index-LrS2SxP3.js} +9 -9
- package/_assets/{index-Bpnh2mhD.js → index-P9ko9qxV.js} +4 -4
- package/_assets/{index-R_aZBTVq.js → index-RrZwJZhi.js} +2 -2
- package/_assets/{index-7EA3n-EN.js → index-UZv7ED4b.js} +4 -4
- package/_assets/{index-CZoaQxuM.js → index-UyYK_aPr.js} +9 -9
- package/_assets/{index-C9F2T2G5.js → index-V_8kqc_J.js} +6 -6
- package/_assets/{index-C-3S-aR_.js → index-Vukma-By.js} +4 -4
- package/_assets/{index-D0CCESX5.js → index-WgY7-T5p.js} +2 -2
- package/_assets/{index-_o4B93Wv.js → index-_JXC86yX.js} +2 -2
- package/_assets/{index-B3kapPCX.js → index-b2U-cvTm.js} +2 -2
- package/_assets/{index-u07BnOHT.js → index-e3K8ffGR.js} +2 -2
- package/_assets/{index-CktWkqok.js → index-fYMDF-nj.js} +2 -2
- package/_assets/{index-DV2ikJ7P.js → index-ha1-SQ-C.js} +2 -2
- package/_assets/{index-C2gDgpYx.js → index-lV5-G4LP.js} +2 -2
- package/_assets/{index-CiZNMvJ9.js → index-mgPJzy_t.js} +2 -2
- package/_assets/{index-Dwm1aZW_.js → index-oGgl7EbM.js} +4 -4
- package/_assets/{index-B3qB_Szq.js → index-otoK8aYG.js} +2 -2
- package/_assets/{index-C7JAEpsR.js → index-vCQTpIGW.js} +2 -2
- package/_assets/{index-C9m77YrW.js → index-yNEqW0_K.js} +9 -9
- package/_assets/{index.es-d0bre8FY.js → index.es-Br25byW5.js} +2 -2
- package/_assets/{index.es-BPHop57M.js → index.es-C2dLKR_O.js} +2 -2
- package/_assets/{index.es-B8O7hyLV.js → index.es-CQzD76Vb.js} +2 -2
- package/_assets/{index.es-Cfi7R05N.js → index.es-o8vptLzN.js} +5 -5
- package/_assets/{info-B7xrwD1T.js → info-CULnZZaj.js} +2 -2
- package/_assets/{info-circle-g_FLkwEH.js → info-circle-lLJ-CNp2.js} +3 -3
- package/_assets/items-empty-HnabtR_T.js +2 -0
- package/_assets/jsxRuntime.module-gjtb1wYS.js +2 -0
- package/_assets/{jump-ZJB-DBny.js → jump-Bz5Vjx6K.js} +2 -2
- package/_assets/{lightbulb-BEdzTqhe.js → lightbulb-4T7s9a-o.js} +3 -3
- package/_assets/linkAccount-C0ot1Sco.js +2 -0
- package/_assets/{localBatchGatewayRequest-aw27Bp6C.js → localBatchGatewayRequest-BqvXlC7E.js} +2 -2
- package/_assets/{mail-B5y2UAYP.js → mail-DhJDk7cH.js} +2 -2
- package/_assets/{mobile-Px_F4xuu.js → mobile-CydJ5WdV.js} +2 -2
- package/_assets/modal.styles-C3XiE4Tr.js +112 -0
- package/_assets/{more-vjJSeJc6.js → more-Dg2B8rio.js} +3 -3
- package/_assets/{native-D_b-Jjxn.js → native-DiDn8665.js} +2 -2
- package/_assets/{network-placeholder-BT0DMZpT.js → network-placeholder-h8TrKQkX.js} +2 -2
- package/_assets/{networks-Cz_KXKTD.js → networks-DjPRtXEM.js} +2 -2
- package/_assets/{nftPlaceholder-Dv1GbIku.js → nftPlaceholder-B4g7qDN6.js} +3 -3
- package/_assets/{off-BIRJlzsd.js → off-UwuZMWU-.js} +3 -3
- package/_assets/{onramp-BgSxVi_X.js → onramp-CeKu2YPK.js} +2 -2
- package/_assets/openzeppelin-BB4EijFh.js +2 -0
- package/_assets/ownerOf-C-nVCTPr.js +2 -0
- package/_assets/parseNft-DVITVc6g.js +3 -0
- package/_assets/{parseSignature-DvERMuu5.js → parseSignature-BSKK30Fe.js} +4 -4
- package/_assets/{parseSignature-BgAg7p_1.js → parseSignature-G0Zd3Jar.js} +2 -2
- package/_assets/{passkeys-Cz2GemtB.js → passkeys-BpzvQa_g.js} +2 -2
- package/_assets/{pay-with-exchange-CqWdb7la.js → pay-with-exchange-7cUI58bO.js} +2 -2
- package/_assets/{play-store-BQbH9juS.js → play-store-B1ADa5-a.js} +2 -2
- package/_assets/{plus-CRN7wFaf.js → plus-CkIDGwOx.js} +2 -2
- package/_assets/{prepare-contract-call-DWYd_dpp.js → prepare-contract-call-Dlduechp.js} +2 -2
- package/_assets/{qr-code-D3CPi7o-.js → qr-code-DInpw8H9.js} +3 -3
- package/_assets/{qr-overlay-D0QgP5Gm.js → qr-overlay-BV4bvBFo.js} +4 -4
- package/_assets/{react-CfmD1IrY.js → react-CZuwb7m7.js} +2 -2
- package/_assets/{receive-DX9IzAKR.js → receive-CE5bAHra.js} +2 -2
- package/_assets/{recycle-horizontal-2b5C-1KE.js → recycle-horizontal-frlUVLoe.js} +2 -2
- package/_assets/{ref-aKgZQrB7.js → ref-BDtPbYkK.js} +3 -3
- package/_assets/{refresh-CxxKeQ5p.js → refresh-BJgYdDWe.js} +3 -3
- package/_assets/{reown-logo-CvtJaHLE.js → reown-logo-CptpO-OK.js} +3 -3
- package/_assets/{resolveImplementation-1LdC9vyT.js → resolveImplementation-BdBesTY3.js} +2 -2
- package/_assets/{resume-buy-DbTQ4Y00.js → resume-buy-Czg3i8t8.js} +2 -2
- package/_assets/{rpc-CS7-9nns.js → rpc-BqAyWRXa.js} +4 -4
- package/_assets/sales-empty-AU1sKrza.js +2 -0
- package/_assets/{search-3wKI8ynJ.js → search-CovtTjFk.js} +3 -3
- package/_assets/{search-empty-BWTzk53_.js → search-empty-DfwnO5cb.js} +2 -2
- package/_assets/{secp256k1-CkttYbi-.js → secp256k1-CgPdITh3.js} +2 -2
- package/_assets/{secp256k1-bprmllwr.js → secp256k1-Ch-KhYke.js} +2 -2
- package/_assets/{secp256k1-KrI-5aSb.js → secp256k1-lgUzN65n.js} +2 -2
- package/_assets/{send-afZjmQ6f.js → send-BqmhOSPb.js} +2 -2
- package/_assets/{send-D3QhjtsL.js → send-OheQUopz.js} +2 -2
- package/_assets/send-batch-transaction-vAPluT5B.js +2 -0
- package/_assets/{send-eip712-transaction-D4Lq-5w3.js → send-eip712-transaction-tXv-Yd3H.js} +3 -3
- package/_assets/send-gasless-transaction-f_B7waUE.js +3 -0
- package/_assets/send-transaction-DIyZP7sK.js +3 -0
- package/_assets/{sendMetaTransaction-C43xk9UA.js → sendMetaTransaction-rHCZ_KlH.js} +2 -2
- package/_assets/{sendRawTransaction-imHapPG5.js → sendRawTransaction-B_Qpc1kq.js} +4 -4
- package/_assets/{sentry-TFqjegNi.js → sentry-CNTYv-PS.js} +3 -3
- package/_assets/{serializeTransaction-CxiUwXNH.js → serializeTransaction-B6_kedg0.js} +2 -2
- package/_assets/{session-proposal-DJZiGtMS.js → session-proposal-DZr6wtSM.js} +2 -2
- package/_assets/session-request-E-vllRuA.js +3 -0
- package/_assets/{sha256-BMvUBSH_.js → sha256-BgLL3Y8w.js} +2 -2
- package/_assets/{sha3-DE1CUjCa.js → sha3-BwdQ5UBB.js} +2 -2
- package/_assets/{signing-3pb9u9PC.js → signing-CN_f0qZ3.js} +4 -4
- package/_assets/skeleton.styles-BOojxrjn.js +8 -0
- package/_assets/{socials-5B1SW8BM.js → socials-C807Gboq.js} +2 -2
- package/_assets/{styled-DKHbz6uI.js → styled-CSjfhS1W.js} +3 -3
- package/_assets/{swapHorizontal-B4kcglfm.js → swapHorizontal-BzkqO77h.js} +3 -3
- package/_assets/{swapHorizontalBold-B7MRRr2N.js → swapHorizontalBold-Ci7CW-Ps.js} +2 -2
- package/_assets/{swapHorizontalMedium-C5ev_7je.js → swapHorizontalMedium-BIJFHqWY.js} +3 -3
- package/_assets/{swapHorizontalRoundedBold-zu2vwomo.js → swapHorizontalRoundedBold-DgbOKQnq.js} +2 -2
- package/_assets/{swapVertical-DpeRjJbe.js → swapVertical-AbfbZRwH.js} +2 -2
- package/_assets/{swaps-DXoDHWlZ.js → swaps-CD8bV1J9.js} +2 -2
- package/_assets/{telegram-wm1axFAX.js → telegram-D7G_eJ_b.js} +3 -3
- package/_assets/{thirdweb-BXLB_paW.js → thirdweb-BX-9uCyi.js} +4 -4
- package/_assets/{three-dots-Cc2_9MPN.js → three-dots-OoMaedcW.js} +2 -2
- package/_assets/{to-serializable-transaction-FSmJ1Nj5.js → to-serializable-transaction-CyqVRPus.js} +3 -3
- package/_assets/totalSupply-B4Flwjn6.js +2 -0
- package/_assets/{transaction-CKWKk0bi.js → transaction-EqsZ4Lc9.js} +2 -2
- package/_assets/{transactionReceipt-DBgTpvGb.js → transactionReceipt-Cvo-qbKj.js} +2 -2
- package/_assets/transactions-T88r0T8z.js +17 -0
- package/_assets/{twitch-B46ssSkZ.js → twitch-XFZ_dW-0.js} +3 -3
- package/_assets/{twitterIcon-eHwnG6jo.js → twitterIcon-DFIrOz7L.js} +3 -3
- package/_assets/useCreditPacks-BsaQss54.js +2 -0
- package/_assets/{useInfiniteGrid-jWb4qfov.js → useInfiniteGrid-D7MfhZ0F.js} +2 -2
- package/_assets/{useStore-sOfyAYYH.js → useStore-Do3cKMOm.js} +3 -3
- package/_assets/useTheme-DVtQ3kEW.js +2 -0
- package/_assets/{utils-TFUg72P3.js → utils-BBBdI_ZH.js} +2 -2
- package/_assets/{verify-D9O8bUPp.js → verify-CtqWYnsr.js} +3 -3
- package/_assets/{verify-filled-BwZg15UB.js → verify-filled-db_bDI2X.js} +2 -2
- package/_assets/{verifyHash-FEw82g1n.js → verifyHash-DrjtdAop.js} +2 -2
- package/_assets/{w3m-modal-D8L08ctG.js → w3m-modal-BKXjwjsi.js} +2 -2
- package/_assets/{w3m-modal-KPmLwiWO.js → w3m-modal-D6yFd78_.js} +2 -2
- package/_assets/wait-for-tx-receipt-BYVF1dm0.js +2 -0
- package/_assets/{wallet-t7uhZ_wp.js → wallet-C7Nkm-1r.js} +3 -3
- package/_assets/wallet-DPgmEFA5.js +2 -0
- package/_assets/{wallet-placeholder-OuGxMvpI.js → wallet-placeholder-BAZfiJ4M.js} +3 -3
- package/_assets/{walletconnect-_sKMAvFE.js → walletconnect-jD4HJXgj.js} +5 -5
- package/_assets/{wallets-BhFxMvJm.js → wallets-Z-G6v2lw.js} +6 -6
- package/_assets/warning-circle-DG9C8ETA.js +13 -0
- package/_assets/{web-connector-CrKLYCKx.js → web-connector-CcYEFd30.js} +4 -4
- package/_assets/{writeContract-CvBZWpQi.js → writeContract-LQKcPGYi.js} +2 -2
- package/_assets/{x-BgKeiA5E.js → x-B-2M90IQ.js} +2 -2
- package/_assets/{zora-sepolia-H-kXK_Ns.js → zora-sepolia-Cxg0aTZA.js} +2 -2
- package/_assets/{zoraTestnet-C5OnuHau.js → zoraTestnet-Q4pEu7Ou.js} +2 -2
- package/index.html +11 -11
- package/package.json +2 -2
- package/_assets/Activity-DG1X3r7j.js +0 -389
- package/_assets/HelpersUtil-CN_E4fkk.js +0 -63
- package/_assets/ItemDetail-C-HJA8Wl.js +0 -3751
- package/_assets/LoadMore-C13YO4Ex.js +0 -8
- package/_assets/NotFound-Cciyw0_a.js +0 -18
- package/_assets/OutfitPreview-BHGSS1-V.js +0 -7
- package/_assets/PhArrowRight-YEtM5hEO.js +0 -15
- package/_assets/PhCaretDown-BnGAdY4m.js +0 -15
- package/_assets/StoreSettings-CjEaFFjf.js +0 -244
- package/_assets/arrow-left-DwniLz7a.js +0 -9
- package/_assets/arrow-right-DrFyKfK3.js +0 -9
- package/_assets/builder-Qpv88cHd.js +0 -2
- package/_assets/buy-BKz4g0wV.js +0 -2
- package/_assets/buy-gasless-BxHAW80t.js +0 -2
- package/_assets/chevron-bottom-BNXS4EZd.js +0 -9
- package/_assets/chevron-left-CntWv8x6.js +0 -9
- package/_assets/chevron-top-mB0Ljyp5.js +0 -9
- package/_assets/collectionPage.styles-DrR8c6dI.js +0 -41
- package/_assets/common-M02sneWF.js +0 -2
- package/_assets/controller-brAlSuK8.js +0 -3
- package/_assets/crumbs.styles-DZV0yuAO.js +0 -10
- package/_assets/cursor-C4vkS7KW.js +0 -4
- package/_assets/decimals-BmQMEd9E.js +0 -2
- package/_assets/decimals-DKsfBHpK.js +0 -2
- package/_assets/detectExtension-DGFEfcbz.js +0 -2
- package/_assets/errors-BByokafR.js +0 -2
- package/_assets/estimate-l1-fee-CcLIvwfc.js +0 -2
- package/_assets/eth_estimateGas-DdbpRto-.js +0 -2
- package/_assets/eth_getStorageAt-Ci_AjjHg.js +0 -2
- package/_assets/eth_getTransactionCount-0JPW5DGu.js +0 -2
- package/_assets/ethereum-DYUSvH6v.js +0 -2
- package/_assets/fetchTokenMetadata-COh3nbBL.js +0 -3
- package/_assets/get-ecosystem-wallet-info-CUi7n-IS.js +0 -2
- package/_assets/getInstalledModules-Ds73OBjY.js +0 -2
- package/_assets/getNFT-BhmiyvWi.js +0 -3
- package/_assets/getNFT-f75LggPF.js +0 -2
- package/_assets/grid.styles-C29Nyu4C.js +0 -15
- package/_assets/in-app-wallet-calls-CWLUbme4.js +0 -2
- package/_assets/index-7XMZRNJw.css +0 -1
- package/_assets/index-BFHMpeS5.js +0 -4245
- package/_assets/index-BwbCTrgE.js +0 -2
- package/_assets/index-D2yjRgpK.js +0 -28
- package/_assets/index-TSMki3gy.js +0 -2
- package/_assets/items-empty-Cmf8VL2A.js +0 -2
- package/_assets/jsxRuntime.module-BxsNWh0e.js +0 -2
- package/_assets/linkAccount-CagwoTkM.js +0 -2
- package/_assets/openzeppelin-HT89Dmzp.js +0 -2
- package/_assets/ownerOf-BAQuOyZw.js +0 -2
- package/_assets/parseNft-BLggk1FL.js +0 -3
- package/_assets/sales-empty-DW40FYSx.js +0 -2
- package/_assets/send-batch-transaction-hJ59Esjd.js +0 -2
- package/_assets/send-gasless-transaction-BjCUBumO.js +0 -3
- package/_assets/send-transaction-BNTrOtZy.js +0 -3
- package/_assets/session-request-DT1Fe144.js +0 -3
- package/_assets/skeleton.styles-6rsyfkX0.js +0 -8
- package/_assets/totalSupply-DlcDAex0.js +0 -2
- package/_assets/transactions-IudKghIO.js +0 -17
- package/_assets/useCreditPacks-BPkAbyaH.js +0 -2
- package/_assets/useTheme-Ds6wDviC.js +0 -2
- package/_assets/wait-for-tx-receipt-CGKLIxi9.js +0 -2
- package/_assets/wallet-BtqgAQr1.js +0 -2
- package/_assets/warning-circle-Dz6a5xi_.js +0 -13
|
@@ -0,0 +1,3778 @@
|
|
|
1
|
+
var bd=Object.defineProperty;var vd=(n,a,t)=>a in n?bd(n,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[a]=t;var W=(n,a,t)=>vd(n,typeof a!="symbol"?a+"":a,t);import{r as b,e as wd,j as i,u as fn,l as Dl,R as j,h as kd,L as Cl,d as Dd,b as Sl}from"./react-CZuwb7m7.js";import{s as m,d as u,aJ as Ot,c as f,I as V,au as Cd,K as Ye,S as Lt,C as Ze,bi as ui,a2 as Zr,h as sn,F as ln,bl as Ml,bm as Sd,L as hn,bu as Md,bv as _d,ak as fe,bC as Ue,bB as Le,bD as to,x as Se,bA as ka,bz as _l,n as jd,o as Id,R as In,bk as Pd,bj as jl,U as Ed,bw as Td,bx as $d,cZ as Rd,c_ as Nd,c$ as Od,d0 as Ad,E as ve,aN as Ld,a5 as ea,be as ta,M as ho,bf as tn,p as Il,N as sr,c1 as Pl,H as Ht,av as Ae,d1 as Fd,a3 as Yd,v as Wd,w as Bd,y as Fn,aH as Da,ac as El,d2 as pi,cH as Hd,f as Tl,aI as zd,d3 as qd,c0 as Kd,d4 as Qd,bM as Ud,d5 as Vd,d6 as Gd,k as Xd,ai as rr,b6 as Jd,d7 as Zd,a8 as eu,d8 as tu,b8 as nu,d9 as ru,u as $l,X as Rl,da as Nl,db as au,dc as ou,j as Ol,dd as iu,de as su,df as lu,dg as cu,Q as du,dh as uu,di as Ca,W as pu,G as fu,m as hu,dj as mu,dk as gu,dl as xu,dm as yu,dn as bu,aw as vu,ax as wu,dp as ku,J as Du,aA as fi,az as hi,dq as mi,dr as Cu,ds as Su,bt as Mu,dt as gi,du as _u,dv as ju,dw as Iu,dx as Pu,dy as Eu,dz as Tu,dA as $u,dB as Ru}from"./index-B1ROf6Hr.js";import{d as ft}from"./dcl-schemas-DORfUy0V.js";import{N as xi,a0 as Nu,V as Ou,R as Al,M as Au,S as Lu,C as Fu,H as Yu,a as Wu,T as Bu,X as Hu,b as zu,B as qu,c as Ku,d as Qu,e as Uu,f as Xt,g as Vu,h as Gu,i as Xu,j as Ju,k as Cn,l as Dt,W as yr,o as br,p as vr,q as Zu,x as ep,y as tp,z as np,D as rp,E as ap,F as op,G as ip,I as sp,J as lp,K as cp,L as Ll,P as Fl,m as Yl,n as Wl,a2 as dp,a3 as up,a4 as yi,A as pp,r as fp,s as hp,t as mp,u as gp,v as xp,w as yp,a5 as bi,a6 as bp,a7 as vp,a8 as wp,a9 as kp,Y as Dp,O as Cp,Q as Sp,U as Mp}from"./CollectionCarousel-ChQ0GtyX.js";import{j as vi,b as _p,d as jp,v as Ip,i as Pp,e as Ep,a as Tp,o as $p,w as wi,G as Rp,c as Np}from"./buy-weQ6P2qo.js";import{a as Op,b as Ap}from"./builder-5e3kaadc.js";import{u as Lp,M as Fp,f as Yp,b as Wp,c as Bp}from"./useCreditPacks-BsaQss54.js";import{m as ki}from"./mana-matic-CEqvSwrJ.js";import{m as Hp}from"./mana-matic-light-Bl5duieC.js";import{l as Bl,g as Hl,o as zp,n as qp,a as Di,b as zl,i as Kp,r as Qp,m as Up,k as Vp}from"./authorizations-CetLBrrn.js";import{J as Gp,p as Xp,C as Jp,I as Zp}from"./ethers-WieUx6J3.js";import{a as ef,w as ql,S as Kl,G as Ql,c as tf}from"./buy-gasless-B3S72xPD.js";import{R as Ci}from"./resume-buy-Czg3i8t8.js";import{a as nf,f as Yt,i as $n}from"./errors-D4kyF6JJ.js";import{C as rf}from"./Confetti-FM7bXk07.js";import{b as af,J as of,a as sf}from"./jump-Bz5Vjx6K.js";import{p as Ul}from"./import-CHMhz1OC.js";import{i as na}from"./wallet-DPgmEFA5.js";import{E as Wt}from"./ErrorNotice-DotWMQbB.js";import{L as Si,M as lf,B as cf,H as df,T as uf,A as pf}from"./modal.styles-C3XiE4Tr.js";import{S as ff}from"./Spinner-D_6ZvYKj.js";import{M as hf,E as mf,s as gf}from"./sendMetaTransaction-rHCZ_KlH.js";import{E as xf}from"./EmotePlaybackBar-CA-zgAad.js";import{d as yf}from"./disposePreview-k60M4rpf.js";import{S as bf,T as wr}from"./categories-CkHoyS1q.js";import{c as vf}from"./crumbs.styles-DJZlyg5r.js";import"./sentry-CNTYv-PS.js";import"./intl-AKLEHPeO.js";(function(){try{var n=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new n.Error().stack;a&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[a]="c6b37394-868d-4b0d-a3cb-70c3bbc8c663",n._sentryDebugIdIdentifier="sentry-dbid-c6b37394-868d-4b0d-a3cb-70c3bbc8c663")}catch{}})();const Rn=Math.min,nn=Math.max,Fr=Math.round,kr=Math.floor,St=n=>({x:n,y:n}),wf={left:"right",right:"left",bottom:"top",top:"bottom"};function kf(n,a,t){return nn(n,Rn(a,t))}function ra(n,a){return typeof n=="function"?n(a):n}function Nn(n){return n.split("-")[0]}function lr(n){return n.split("-")[1]}function Df(n){return n==="x"?"y":"x"}function mo(n){return n==="y"?"height":"width"}function Zt(n){const a=n[0];return a==="t"||a==="b"?"y":"x"}function go(n){return Df(Zt(n))}function Cf(n,a,t){t===void 0&&(t=!1);const e=lr(n),r=go(n),o=mo(r);let s=r==="x"?e===(t?"end":"start")?"right":"left":e==="start"?"bottom":"top";return a.reference[o]>a.floating[o]&&(s=Yr(s)),[s,Yr(s)]}function Sf(n){const a=Yr(n);return[no(n),a,no(a)]}function no(n){return n.includes("start")?n.replace("start","end"):n.replace("end","start")}const Mi=["left","right"],_i=["right","left"],Mf=["top","bottom"],_f=["bottom","top"];function jf(n,a,t){switch(n){case"top":case"bottom":return t?a?_i:Mi:a?Mi:_i;case"left":case"right":return a?Mf:_f;default:return[]}}function If(n,a,t,e){const r=lr(n);let o=jf(Nn(n),t==="start",e);return r&&(o=o.map(s=>s+"-"+r),a&&(o=o.concat(o.map(no)))),o}function Yr(n){const a=Nn(n);return wf[a]+n.slice(a.length)}function Pf(n){var a,t,e,r;return{top:(a=n.top)!=null?a:0,right:(t=n.right)!=null?t:0,bottom:(e=n.bottom)!=null?e:0,left:(r=n.left)!=null?r:0}}function Vl(n){return typeof n!="number"?Pf(n):{top:n,right:n,bottom:n,left:n}}function Wr(n){const{x:a,y:t,width:e,height:r}=n;return{width:e,height:r,top:t,left:a,right:a+e,bottom:t+r,x:a,y:t}}function ji(n,a,t){let{reference:e,floating:r}=n;const o=Zt(a),s=go(a),l=mo(s),c=Nn(a),p=o==="y",d=e.x+e.width/2-r.width/2,h=e.y+e.height/2-r.height/2,x=e[l]/2-r[l]/2;let y;switch(c){case"top":y={x:d,y:e.y-r.height};break;case"bottom":y={x:d,y:e.y+e.height};break;case"right":y={x:e.x+e.width,y:h};break;case"left":y={x:e.x-r.width,y:h};break;default:y={x:e.x,y:e.y}}const v=lr(a);return v&&(y[s]+=x*(v==="end"?1:-1)*(t&&p?-1:1)),y}async function Ef(n,a){var t;a===void 0&&(a={});const{x:e,y:r,platform:o,rects:s,elements:l,strategy:c}=n,{boundary:p="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:x=!1,padding:y=0}=ra(a,n),v=Vl(y),k=l[x?h==="floating"?"reference":"floating":h],C=Wr(await o.getClippingRect({element:(t=await(o.isElement==null?void 0:o.isElement(k)))==null||t?k:k.contextElement||await(o.getDocumentElement==null?void 0:o.getDocumentElement(l.floating)),boundary:p,rootBoundary:d,strategy:c})),D=h==="floating"?{x:e,y:r,width:s.floating.width,height:s.floating.height}:s.reference,E=await(o.getOffsetParent==null?void 0:o.getOffsetParent(l.floating)),g=await(o.isElement==null?void 0:o.isElement(E))&&await(o.getScale==null?void 0:o.getScale(E))||{x:1,y:1},T=Wr(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:D,offsetParent:E,strategy:c}):D);return{top:(C.top-T.top+v.top)/g.y,bottom:(T.bottom-C.bottom+v.bottom)/g.y,left:(C.left-T.left+v.left)/g.x,right:(T.right-C.right+v.right)/g.x}}const Tf=50,$f=async(n,a,t)=>{const{placement:e="bottom",strategy:r="absolute",middleware:o=[],platform:s}=t,l=s.detectOverflow?s:{...s,detectOverflow:Ef},c=await(s.isRTL==null?void 0:s.isRTL(a));let p=await s.getElementRects({reference:n,floating:a,strategy:r}),{x:d,y:h}=ji(p,e,c),x=e,y=0;const v={};for(let w=0;w<o.length;w++){const k=o[w];if(!k)continue;const{name:C,fn:D}=k,{x:E,y:g,data:T,reset:O}=await D({x:d,y:h,initialPlacement:e,placement:x,strategy:r,middlewareData:v,rects:p,platform:l,elements:{reference:n,floating:a}});d=E??d,h=g??h,v[C]={...v[C],...T},O&&y<Tf&&(y++,typeof O=="object"&&(O.placement&&(x=O.placement),O.rects&&(p=O.rects===!0?await s.getElementRects({reference:n,floating:a,strategy:r}):O.rects),{x:d,y:h}=ji(p,x,c)),w=-1)}return{x:d,y:h,placement:x,strategy:r,middlewareData:v}},Rf=n=>({name:"arrow",options:n,async fn(a){const{x:t,y:e,placement:r,rects:o,platform:s,elements:l,middlewareData:c}=a,{element:p,padding:d=0}=ra(n,a)||{};if(p==null)return{};const h=Vl(d),x={x:t,y:e},y=go(r),v=mo(y),w=await s.getDimensions(p),k=y==="y",C=k?"top":"left",D=k?"bottom":"right",E=k?"clientHeight":"clientWidth",g=o.reference[v]+o.reference[y]-x[y]-o.floating[v],T=x[y]-o.reference[y],O=await(s.getOffsetParent==null?void 0:s.getOffsetParent(p));let M=O?O[E]:0;(!M||!await(s.isElement==null?void 0:s.isElement(O)))&&(M=l.floating[E]||o.floating[v]);const S=g/2-T/2,P=M/2-w[v]/2-1,A=Rn(h[C],P),z=Rn(h[D],P),K=M-w[v]-z,U=M/2-w[v]/2+S,X=kf(A,U,K),B=!c.arrow&&lr(r)!=null&&U!==X&&o.reference[v]/2-(U<A?A:z)-w[v]/2<0,N=B?U<A?U-A:U-K:0;return{[y]:x[y]+N,data:{[y]:X,centerOffset:U-X-N,...B&&{alignmentOffset:N}},reset:B}}}),Nf=function(n){return n===void 0&&(n={}),{name:"flip",options:n,async fn(a){var t,e;const{placement:r,middlewareData:o,rects:s,initialPlacement:l,platform:c,elements:p}=a,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:x,fallbackStrategy:y="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:w=!0,...k}=ra(n,a);if((t=o.arrow)!=null&&t.alignmentOffset)return{};const C=Nn(r),D=Zt(l),E=Nn(l)===l,g=await(c.isRTL==null?void 0:c.isRTL(p.floating)),T=x||(E||!w?[Yr(l)]:Sf(l)),O=v!=="none";!x&&O&&T.push(...If(l,w,v,g));const M=[l,...T],S=await c.detectOverflow(a,k),P=[];let A=((e=o.flip)==null?void 0:e.overflows)||[];if(d&&P.push(S[C]),h){const X=Cf(r,s,g);P.push(S[X[0]],S[X[1]])}if(A=[...A,{placement:r,overflows:P}],!P.every(X=>X<=0)){var z,K;const X=(((z=o.flip)==null?void 0:z.index)||0)+1,B=M[X];if(B&&(!(h==="alignment"?D!==Zt(B):!1)||A.every(_=>Zt(_.placement)===D?_.overflows[0]>0:!0)))return{data:{index:X,overflows:A},reset:{placement:B}};let N=(K=A.filter(F=>F.overflows[0]<=0).sort((F,_)=>F.overflows[1]-_.overflows[1])[0])==null?void 0:K.placement;if(!N)switch(y){case"bestFit":{var U;const F=(U=A.filter(_=>{if(O){const Q=Zt(_.placement);return Q===D||Q==="y"}return!0}).map(_=>[_.placement,_.overflows.filter(Q=>Q>0).reduce((Q,H)=>Q+H,0)]).sort((_,Q)=>_[1]-Q[1])[0])==null?void 0:U[0];F&&(N=F);break}case"initialPlacement":N=l;break}if(r!==N)return{reset:{placement:N}}}return{}}}},Of=new Set(["left","top"]);async function Af(n,a){const{placement:t,platform:e,elements:r}=n,o=await(e.isRTL==null?void 0:e.isRTL(r.floating)),s=Nn(t),l=lr(t),c=Zt(t)==="y",p=Of.has(s)?-1:1,d=o&&c?-1:1,h=ra(a,n);let{mainAxis:x,crossAxis:y,alignmentAxis:v}=typeof h=="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return l&&typeof v=="number"&&(y=l==="end"?v*-1:v),c?{x:y*d,y:x*p}:{x:x*p,y:y*d}}const Lf=function(n){return n===void 0&&(n=0),{name:"offset",options:n,async fn(a){var t,e;const{x:r,y:o,placement:s,middlewareData:l}=a,c=await Af(a,n);return s===((t=l.offset)==null?void 0:t.placement)&&(e=l.arrow)!=null&&e.alignmentOffset?{}:{x:r+c.x,y:o+c.y,data:{...c,placement:s}}}}};function aa(){return typeof window<"u"}function Yn(n){return Gl(n)?(n.nodeName||"").toLowerCase():"#document"}function We(n){var a;return(n==null||(a=n.ownerDocument)==null?void 0:a.defaultView)||window}function Tt(n){var a;return(a=(Gl(n)?n.ownerDocument:n.document)||window.document)==null?void 0:a.documentElement}function Gl(n){return aa()?n instanceof Node||n instanceof We(n).Node:!1}function Fe(n){return aa()?n instanceof Element||n instanceof We(n).Element:!1}function zt(n){return aa()?n instanceof HTMLElement||n instanceof We(n).HTMLElement:!1}function Ii(n){return!aa()||typeof ShadowRoot>"u"?!1:n instanceof ShadowRoot||n instanceof We(n).ShadowRoot}function oa(n){const{overflow:a,overflowX:t,overflowY:e,display:r}=tt(n);return/auto|scroll|overlay|hidden|clip/.test(a+e+t)&&r!=="inline"&&r!=="contents"}function Ff(n){return/^(table|td|th)$/.test(Yn(n))}function ia(n){try{if(n.matches(":popover-open"))return!0}catch{}try{return n.matches(":modal")}catch{return!1}}const Yf=/transform|translate|scale|rotate|perspective|filter/,Wf=/paint|layout|strict|content/,Gt=n=>!!n&&n!=="none";let Sa;function xo(n){const a=Fe(n)?tt(n):n;return Gt(a.transform)||Gt(a.translate)||Gt(a.scale)||Gt(a.rotate)||Gt(a.perspective)||!yo()&&(Gt(a.backdropFilter)||Gt(a.filter))||Yf.test(a.willChange||"")||Wf.test(a.contain||"")}function Bf(n){let a=cn(n);for(;zt(a)&&!ar(a);){if(xo(a))return a;if(ia(a))return null;a=cn(a)}return null}function yo(){return Sa==null&&(Sa=typeof CSS<"u"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),Sa}function ar(n){return/^(html|body|#document)$/.test(Yn(n))}function tt(n){return We(n).getComputedStyle(n)}function sa(n){return Fe(n)?{scrollLeft:n.scrollLeft,scrollTop:n.scrollTop}:{scrollLeft:n.scrollX,scrollTop:n.scrollY}}function cn(n){if(Yn(n)==="html")return n;const a=n.assignedSlot||n.parentNode||Ii(n)&&n.host||Tt(n);return Ii(a)?a.host:a}function Xl(n){const a=cn(n);return ar(a)?(n.ownerDocument||n).body:zt(a)&&oa(a)?a:Xl(a)}function or(n,a,t){var e;a===void 0&&(a=[]),t===void 0&&(t=!0);const r=Xl(n),o=r===((e=n.ownerDocument)==null?void 0:e.body),s=We(r);if(o){const l=ro(s);return a.concat(s,s.visualViewport||[],oa(r)?r:[],l&&t?or(l):[])}else return a.concat(r,or(r,[],t))}function ro(n){return n.parent&&Object.getPrototypeOf(n.parent)?n.frameElement:null}function Jl(n){const a=tt(n);let t=parseFloat(a.width)||0,e=parseFloat(a.height)||0;const r=zt(n),o=r?n.offsetWidth:t,s=r?n.offsetHeight:e,l=Fr(t)!==o||Fr(e)!==s;return l&&(t=o,e=s),{width:t,height:e,$:l}}function bo(n){return Fe(n)?n:n.contextElement}function En(n){const a=bo(n);if(!zt(a))return St(1);const t=a.getBoundingClientRect(),{width:e,height:r,$:o}=Jl(a);let s=(o?Fr(t.width):t.width)/e,l=(o?Fr(t.height):t.height)/r;return(!s||!Number.isFinite(s))&&(s=1),(!l||!Number.isFinite(l))&&(l=1),{x:s,y:l}}const Hf=St(0);function Zl(n){const a=We(n);return!yo()||!a.visualViewport?Hf:{x:a.visualViewport.offsetLeft,y:a.visualViewport.offsetTop}}function zf(n,a,t){return a===void 0&&(a=!1),!!t&&a&&t===We(n)}function dn(n,a,t,e){a===void 0&&(a=!1),t===void 0&&(t=!1);const r=n.getBoundingClientRect(),o=bo(n);let s=St(1);a&&(e?Fe(e)&&(s=En(e)):s=En(n));const l=zf(o,t,e)?Zl(o):St(0);let c=(r.left+l.x)/s.x,p=(r.top+l.y)/s.y,d=r.width/s.x,h=r.height/s.y;if(o&&e){const x=We(o),y=Fe(e)?We(e):e;let v=x,w=ro(v);for(;w&&y!==v;){const k=En(w),C=w.getBoundingClientRect(),D=tt(w),E=C.left+(w.clientLeft+parseFloat(D.paddingLeft))*k.x,g=C.top+(w.clientTop+parseFloat(D.paddingTop))*k.y;c*=k.x,p*=k.y,d*=k.x,h*=k.y,c+=E,p+=g,v=We(w),w=ro(v)}}return Wr({width:d,height:h,x:c,y:p})}function la(n,a){const t=sa(n).scrollLeft;return a?a.left+t:dn(Tt(n)).left+t}function ec(n,a){const t=n.getBoundingClientRect(),e=t.left+a.scrollLeft-la(n,t),r=t.top+a.scrollTop;return{x:e,y:r}}function qf(n){let{elements:a,rect:t,offsetParent:e,strategy:r}=n;const o=r==="fixed",s=Tt(e),l=a?ia(a.floating):!1;if(e===s||l&&o)return t;let c={scrollLeft:0,scrollTop:0},p=St(1);const d=St(0),h=zt(e);if((h||!o)&&((Yn(e)!=="body"||oa(s))&&(c=sa(e)),h)){const y=dn(e);p=En(e),d.x=y.x+e.clientLeft,d.y=y.y+e.clientTop}const x=s&&!h&&!o?ec(s,c):St(0);return{width:t.width*p.x,height:t.height*p.y,x:t.x*p.x-c.scrollLeft*p.x+d.x+x.x,y:t.y*p.y-c.scrollTop*p.y+d.y+x.y}}function Kf(n){return n.getClientRects?Array.from(n.getClientRects()):[]}function Qf(n){const a=sa(n),t=n.ownerDocument.body,e=nn(n.scrollWidth,n.clientWidth,t.scrollWidth,t.clientWidth),r=nn(n.scrollHeight,n.clientHeight,t.scrollHeight,t.clientHeight);let o=-a.scrollLeft+la(n);const s=-a.scrollTop;return tt(t).direction==="rtl"&&(o+=nn(n.clientWidth,t.clientWidth)-e),{width:e,height:r,x:o,y:s}}const Uf=25;function Vf(n,a,t){t===void 0&&(t="viewport");const e=t==="layoutViewport",r=We(n),o=Tt(n),s=r.visualViewport;let l=o.clientWidth,c=o.clientHeight,p=0,d=0;if(s){const x=!yo()||a==="fixed";e?x||(p=-s.offsetLeft,d=-s.offsetTop):(l=s.width,c=s.height,x&&(p=s.offsetLeft,d=s.offsetTop))}if(la(o)<=0){const x=o.ownerDocument,y=x.body,v=getComputedStyle(y),w=x.compatMode==="CSS1Compat"&&parseFloat(v.marginLeft)+parseFloat(v.marginRight)||0,k=Math.abs(o.clientWidth-y.clientWidth-w),C=getComputedStyle(o).scrollbarGutter==="stable both-edges"?k/2:k;C<=Uf&&(l-=C)}return{width:l,height:c,x:p,y:d}}function Gf(n,a){const t=dn(n,!0,a==="fixed"),e=t.top+n.clientTop,r=t.left+n.clientLeft,o=En(n),s=n.clientWidth*o.x,l=n.clientHeight*o.y,c=r*o.x,p=e*o.y;return{width:s,height:l,x:c,y:p}}function Pi(n,a,t){let e;if(a==="viewport"||a==="layoutViewport")e=Vf(n,t,a);else if(a==="document")e=Qf(Tt(n));else if(Fe(a))e=Gf(a,t);else{const r=Zl(n);e={x:a.x-r.x,y:a.y-r.y,width:a.width,height:a.height}}return Wr(e)}function Xf(n,a){const t=a.get(n);if(t)return t;let e=or(n,[],!1).filter(l=>Fe(l)&&Yn(l)!=="body"),r=null;const o=tt(n).position==="fixed";let s=o?cn(n):n;for(;Fe(s)&&!ar(s);){const l=tt(s),c=xo(s),p=r?r.position:o?"fixed":"";!c&&(p==="fixed"||p==="absolute"&&l.position==="static")?e=e.filter(h=>h!==s):r=l,s=cn(s)}return a.set(n,e),e}function Jf(n){let{element:a,boundary:t,rootBoundary:e,strategy:r}=n;const s=[...t==="clippingAncestors"?ia(a)?[]:Xf(a,this._c):[].concat(t),e],l=Pi(a,s[0],r);let c=l.top,p=l.right,d=l.bottom,h=l.left;for(let x=1;x<s.length;x++){const y=Pi(a,s[x],r);c=nn(y.top,c),p=Rn(y.right,p),d=Rn(y.bottom,d),h=nn(y.left,h)}return{width:p-h,height:d-c,x:h,y:c}}function Zf(n){const{width:a,height:t}=Jl(n);return{width:a,height:t}}function eh(n,a,t){const e=zt(a),r=Tt(a),o=t==="fixed",s=dn(n,!0,o,a);let l={scrollLeft:0,scrollTop:0};const c=St(0);if((e||!o)&&((Yn(a)!=="body"||oa(r))&&(l=sa(a)),e)){const x=dn(a,!0,o,a);c.x=x.x+a.clientLeft,c.y=x.y+a.clientTop}!e&&r&&(c.x=la(r));const p=r&&!e&&!o?ec(r,l):St(0),d=s.left+l.scrollLeft-c.x-p.x,h=s.top+l.scrollTop-c.y-p.y;return{x:d,y:h,width:s.width,height:s.height}}function Ma(n){return tt(n).position==="static"}function Ei(n,a){if(!zt(n)||tt(n).position==="fixed")return null;if(a)return a(n);let t=n.offsetParent;return Tt(n)===t&&(t=t.ownerDocument.body),t}function tc(n,a){const t=We(n);if(ia(n))return t;if(!zt(n)){let r=cn(n);for(;r&&!ar(r);){if(Fe(r)&&!Ma(r))return r;r=cn(r)}return t}let e=Ei(n,a);for(;e&&Ff(e)&&Ma(e);)e=Ei(e,a);return e&&ar(e)&&Ma(e)&&!xo(e)?t:e||Bf(n)||t}const th=async function(n){const a=this.getOffsetParent||tc,t=this.getDimensions,e=await t(n.floating);return{reference:eh(n.reference,await a(n.floating),n.strategy),floating:{x:0,y:0,width:e.width,height:e.height}}};function nh(n){return tt(n).direction==="rtl"}const rh={convertOffsetParentRelativeRectToViewportRelativeRect:qf,getDocumentElement:Tt,getClippingRect:Jf,getOffsetParent:tc,getElementRects:th,getClientRects:Kf,getDimensions:Zf,getScale:En,isElement:Fe,isRTL:nh};function nc(n,a){return n.x===a.x&&n.y===a.y&&n.width===a.width&&n.height===a.height}function ah(n,a,t){let e=null,r;const o=Tt(n);function s(){var d;clearTimeout(r),(d=e)==null||d.disconnect(),e=null}function l(d,h){d===void 0&&(d=!1),h===void 0&&(h=1),s();const x=n.getBoundingClientRect(),{left:y,top:v,width:w,height:k}=x;if(d||a(),!w||!k)return;const C=kr(v),D=kr(o.clientWidth-(y+w)),E=kr(o.clientHeight-(v+k)),g=kr(y),O={rootMargin:-C+"px "+-D+"px "+-E+"px "+-g+"px",threshold:nn(0,Rn(1,h))||1};let M=!0;function S(P){const A=P[0].intersectionRatio;if(!nc(x,n.getBoundingClientRect()))return l();if(A!==h){if(!M)return l();A?l(!1,A):r=setTimeout(()=>{l(!1,1e-7)},1e3)}M=!1}try{e=new IntersectionObserver(S,{...O,root:o.ownerDocument})}catch{e=new IntersectionObserver(S,O)}e.observe(n)}const c=We(n),p=()=>l(t);return c.addEventListener("resize",p),l(!0),()=>{c.removeEventListener("resize",p),s()}}function oh(n,a,t,e){e===void 0&&(e={});const{ancestorScroll:r=!0,ancestorResize:o=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:c=!1}=e,p=bo(n),d=r||o?[...p?or(p):[],...a?or(a):[]]:[];d.forEach(C=>{r&&C.addEventListener("scroll",t),o&&C.addEventListener("resize",t)});const h=p&&l?ah(p,t,o):null;let x=-1,y=null;s&&(y=new ResizeObserver(C=>{let[D]=C;D&&D.target===p&&y&&a&&(y.unobserve(a),cancelAnimationFrame(x),x=requestAnimationFrame(()=>{var E;(E=y)==null||E.observe(a)})),t()}),p&&!c&&y.observe(p),a&&y.observe(a));let v,w=c?dn(n):null;c&&k();function k(){const C=dn(n);w&&!nc(w,C)&&t(),w=C,v=requestAnimationFrame(k)}return t(),()=>{var C;d.forEach(D=>{r&&D.removeEventListener("scroll",t),o&&D.removeEventListener("resize",t)}),h==null||h(),(C=y)==null||C.disconnect(),y=null,c&&cancelAnimationFrame(v)}}const ih=Lf,sh=Nf,Ti=Rf,lh=(n,a,t)=>{const e=new Map,r=t??{},o={...rh,...r.platform,_c:e};return $f(n,a,{...r,platform:o})};var ch=typeof document<"u",dh=function(){},$r=ch?b.useLayoutEffect:dh;function Br(n,a){if(n===a)return!0;if(typeof n!=typeof a)return!1;if(typeof n=="function"&&n.toString()===a.toString())return!0;let t,e,r;if(n&&a&&typeof n=="object"){if(Array.isArray(n)){if(t=n.length,t!==a.length)return!1;for(e=t;e--!==0;)if(!Br(n[e],a[e]))return!1;return!0}if(r=Object.keys(n),t=r.length,t!==Object.keys(a).length)return!1;for(e=t;e--!==0;)if(!{}.hasOwnProperty.call(a,r[e]))return!1;for(e=t;e--!==0;){const o=r[e];if(!(o==="_owner"&&n.$$typeof)&&!Br(n[o],a[o]))return!1}return!0}return n!==n&&a!==a}function rc(n){return typeof window>"u"?1:(n.ownerDocument.defaultView||window).devicePixelRatio||1}function $i(n,a){const t=rc(n);return Math.round(a*t)/t}function _a(n){const a=b.useRef(n);return $r(()=>{a.current=n}),a}function uh(n){n===void 0&&(n={});const{placement:a="bottom",strategy:t="absolute",middleware:e=[],platform:r,elements:{reference:o,floating:s}={},transform:l=!0,whileElementsMounted:c,open:p}=n,[d,h]=b.useState({x:0,y:0,strategy:t,placement:a,middlewareData:{},isPositioned:!1}),[x,y]=b.useState(e);Br(x,e)||y(e);const[v,w]=b.useState(null),[k,C]=b.useState(null),D=b.useCallback(_=>{_!==O.current&&(O.current=_,w(_))},[]),E=b.useCallback(_=>{_!==M.current&&(M.current=_,C(_))},[]),g=o||v,T=s||k,O=b.useRef(null),M=b.useRef(null),S=b.useRef(d),P=c!=null,A=_a(c),z=_a(r),K=_a(p),U=b.useCallback(()=>{if(!O.current||!M.current)return;const _={placement:a,strategy:t,middleware:x};z.current&&(_.platform=z.current),lh(O.current,M.current,_).then(Q=>{const H={...Q,isPositioned:K.current!==!1};X.current&&!Br(S.current,H)&&(S.current=H,wd.flushSync(()=>{h(H)}))})},[x,a,t,z,K]);$r(()=>{p===!1&&S.current.isPositioned&&(S.current.isPositioned=!1,h(_=>({..._,isPositioned:!1})))},[p]);const X=b.useRef(!1);$r(()=>(X.current=!0,()=>{X.current=!1}),[]),$r(()=>{if(g&&(O.current=g),T&&(M.current=T),g&&T){if(A.current)return A.current(g,T,U);U()}},[g,T,U,A,P]);const B=b.useMemo(()=>({reference:O,floating:M,setReference:D,setFloating:E}),[D,E]),N=b.useMemo(()=>({reference:g,floating:T}),[g,T]),F=b.useMemo(()=>{const _={position:t,left:0,top:0};if(!N.floating)return _;const Q=$i(N.floating,d.x),H=$i(N.floating,d.y);return l?{..._,transform:"translate("+Q+"px, "+H+"px)",...rc(N.floating)>=1.5&&{willChange:"transform"}}:{position:t,left:Q,top:H}},[t,l,N.floating,d.x,d.y]);return b.useMemo(()=>({...d,update:U,refs:B,elements:N,floatingStyles:F}),[d,U,B,N,F])}const ph=n=>{function a(t){return{}.hasOwnProperty.call(t,"current")}return{name:"arrow",options:n,fn(t){const{element:e,padding:r}=typeof n=="function"?n(t):n;return e&&a(e)?e.current!=null?Ti({element:e.current,padding:r}).fn(t):{}:e?Ti({element:e,padding:r}).fn(t):{}}}},fh=(n,a)=>{const t=ih(n);return{name:t.name,fn:t.fn,options:[n,a]}},hh=(n,a)=>{const t=sh(n);return{name:t.name,fn:t.fn,options:[n,a]}},mh=(n,a)=>{const t=ph(n);return{name:t.name,fn:t.fn,options:[n,a]}},ac=216n,gh=(1n<<ac)-1n;function xh(n){const a=typeof n=="bigint"?n:BigInt(n.trim());if(a<0n)throw new Error(`Invalid tokenId: ${String(n)}`);return{itemId:(a>>ac).toString(),issuedId:(a&gh).toString()}}function yh(n){if(!n)return null;try{return xh(n).itemId}catch{return null}}const oc=["cancelled-listings"];function bh(n,a){a&&n.setQueryData(oc,t=>t!=null&&t.includes(a)?t:[...t??[],a])}function Ri(n,a){var t;if(a)return(t=n.getQueryData(oc))!=null&&t.includes(a)?void 0:a}function Ni(n,a){return a.kind==="listed"?{...n,isOnSale:!0,listingPrice:a.priceCredits,tradeId:a.tradeId??n.tradeId}:{...n,isOnSale:!1,listingPrice:void 0,tradeId:void 0}}function ja(n,a,t){const{address:e,contractAddress:r,tokenId:o}=a;if(!r||!o)return;const s=`${r}-${o}`;n.cancelQueries({queryKey:["owned-token",r,o]}),n.cancelQueries({queryKey:["secondary-sale-state"]}),e&&n.cancelQueries({queryKey:["my-assets",e]});const l=t.kind==="gone";n.setQueriesData({queryKey:["owned-token",r,o]},p=>p&&(l?null:Ni(p,t)));const c=e?["my-assets",e]:["my-assets"];n.setQueriesData({queryKey:c},p=>p!=null&&p.pages?{...p,pages:p.pages.map(d=>{if(l){const h=d.items.filter(x=>!(x.contractAddress===r&&x.tokenId===o));return{...d,items:h,total:Math.max(0,d.total-(d.items.length-h.length))}}return{...d,items:d.items.map(h=>h.contractAddress===r&&h.tokenId===o?Ni(h,t):h)}})}:p),n.setQueriesData({queryKey:["secondary-sale-state"]},p=>{var h;if(!p)return p;const d={...p};return t.kind==="removed"||t.kind==="gone"?delete d[s]:d[s]={priceCredits:t.priceCredits,tradeId:t.tradeId??((h=d[s])==null?void 0:h.tradeId)??""},d})}function vh(n){return!(n.isMarket||n.forSale&&n.priceKnown||n.manage||n.soldOutWithResale||!n.stillResolving&&!n.resolvingTrade&&(n.isTokenRoute?!n.ownedAssetLoading:!n.deepLinkLoading))}const wh="data:image/webp;base64,UklGRqgOAABXRUJQVlA4IJwOAACwOwCdASqEAIsAPj0YikMiIaEWuib4IAPEtQBl0QC/bukK7J6X8cPZP5F69/Nvhj8oPlD3odY/QB8RXPv/C+3n59+izzA/0l/3/9064PmD/bH9Zvey/33r8/2PqC/zH/fdaX6EX7O+nP+3Xwlfub+33tOf/+7N8wTMuJT/znss7V9qD/DcDplr/deudN0/Rcajjp49/Q//7vLR70+4X+tP/R9az//+3r9z/Yk/ZVVfCa+jj+kU2kxc+zPDZIZQYWF19BTevkFTZdPnQBT3YukdDX/AtCNcmvBrFJ96eYkUWaCCtnOpfB+/IETSsPYuwsabIrqSWHYoPBskXi/DUubCFDAf/6+0pCLU1kmMIueWH8HebltZsATbIO+vXwG1gHAXjGECElz7j/+GXHZJM9ORAFgOa/b/pGdMUEE9PfuMHx1G3GpnRw8WEP5FknNoUNOyb6iY5VX/W5w6pnS5r1srs4CXTuHzUJLdvXVpyiQNuBwCyLYlukPjvLuqqHRrv5/jHTa1L+iumi2wLA8NzahM3euE6fvC7shIbIWajyLkVYhWOOdMRjOWdhSN1wi7JvE4t+bFXSVHOX+4DnQxVhhUKacLKMYPHhQKLZSdyYzM66dZ22undenNBcAjNHjBW+9t0W2glcAA/v44VaU8mJJP1Vz1l456kKu23B2wH7M9h1OtAwoGAGj8t///XA7H+OEVSxGjYfFAlM1Upvv/NmvKOBdxK8JXyQLqAqwy0bgja/QQTJKOEDkKXVg8HRGbA4YhU/9KZ5ulhbrnm7S6a3XhSmzHNxDfaPRezgQ0/P9ZW+KbLltsoK42ORYMdpD+ZNjvwybgVPBD9EHv+g73MeRCpYGemyJk33SfCLWO6KdUBlYRNr8Mo+qAoyC9JkWFe7IXV7Z97jmAJIiqXCgQLxyeB+hbtaa+FYbgl1eFTp7G94pdaY/8UctUnxSI5D+T1JSv+XjPm9esp935RnwxdbS6hotafVZHEYXhNE4yJuAqxUJUaOkBZ4Q5Np6wPjASRuycYuHZCHt2R3u3m2lnPOuVzRIM8oEZ+8HzouhdC8oAvg58NyHo8Vf/7w6NRKTABd/OXH580LMQQTdyszsubdMC9/V6zXxPvXQB4tlSIcLFtIZFgSmZyjuhvazQPJXERNOoR7CaZw2muWotmc1HOhl5YIiupxst1r61HraNl8+SaP5hh5c7eE4Z6mR6kPSQtsPTv801VocMwO0llrMRk3g20bZASEJCSF4Xx+DAKcXCpAzekMGHeOQQlMSqol0oZ2ysJ28N7WILeisnEJpp8bXhs8i8xP/JPeJ2mWM/qBOuL4jtzJRTFsHCrSkF/+pIoYxOUwFvqJ2lIDhsQ+Dz/qLXkaF2dV0Db/02Uizaa1nU3ROJmPBQ6h+88RI0hr61bueh7niiMRqzuJoERGL1qHWPKkBT/sDemsRnxsjKFqcFLTTAMZxAHbmHPs5H+gAJu4EWTOsRVgo4wVNO7iEWnl8abB2NKiM08EauUs8uWo5Z315p9I4R8yNXBrdAFfvjjpJnweJotSWdraKLe8Nl/IYJ30/Dch5FFjZQDeUJyDjNQ7UncafuesORQsS8gbMBhIjaMpkz6lFhQXTEwXffXf7Igim1f2TvIBMbUucINFHNBalbwuR9n4nktwHAAfhJinTX1ZSIcI1ivEBZqhr0PihAYnQEI4t+UIeMlIexMcD9pex7ffiC7xTypCNQZ4els7i0w1dRQPGkGSiqBhVpmYU/fa5AEsstEza3yJiyo46A8tdBZR7k+QjkjZi4R3JTDru7uAH8uAs99WmAWo7EtCfnIVcFLpMMVm4ysLp+H8w7tsa7oiAMOicQjpI206qt9gXJK0SRDCqXnpQPO5Za/sa0F9pFtQdk0IWV1bUZl50bsz1jRSgkgGLnG7codLl+O70us5JrrEAGElgaaXnHmCBhRme/TrpssMp3xOmZk0SYGH4jXStL3ojRg1WS450m9OdBzDKSErTczJlZu3nVH0YlqU/vLXp8ZUrVMqDnxO/EDMcahK1NulV8mcj+VKn2kPGku5QKF7iJJ93wd472rPI/Ty+MgECIrxo3TeA9OD96pLAgpF+t5iFercE6smtM9t5wruffSJ5YsS5pfMVNDdsPVS/vqwqHZRqUOSVWSD7wcqsWWt/WN3HUKS6iMJZmWe1iI77VOQ3eXgNA3zI7C5meewdOYjeaBg8EZ4cvdhJKn/67zSZITA8+fLTxDPm67nxcLbn0wDujGAF6ej27TC1GqzrpfQw+lBiRxSz4jn8x6VpAlKugU0gBAuZ2+zgZzWdAbq7juw3/PLVwGoU2eek5v1hW8Yi+T4pFEd7BdDbQRpv5l060TsIDWyr9/Pu6Tx8Sw/pTLwo9gG5L/9I96u2gJNoTogVbEpdYwfpMHBIK4E6gJ5WN2U5wK1nBhrHIFmBXZAyRjaCkurXxFowaB+aWWdVEz+6qj68/QnbWxjpU4xFg9mlaF5HokpyipN1BP+k6+3NQScKOSoApBIXm21svSUNNsYAQ+zgmQ6ZkAuSAynxgKswcfJiuA/e2Nuv6ODDw2h2Ceq5hldyZOZeMHbiAYuM60m33jsww0Uz8+4/Bry8tjZgXaLV/rlL5uP5pLf69IGbOFb1crxcN24yoKmIUAdtPf/co1SMQaxe913fYm8SZSj915c3LIj6HJguanjJB6xbKrwwZw9vmhrhshZpL2fNE3anpscm25z86/pFd9p//RYhaUgA56qx4HTvcD8lvvGAIW22PuYEMmYiZSbeHxpCKrG9iOKsxe7LXBfbQYCY12ed09vd/sLTpEmjuW1E/TSy9EhvRhF69d0KSSUeK1/2fqD9GZPe2s80Jdih9w6NwLxO/AC8AeZjS8gZIOafjhXVpzaKvhix8s1cO27cpUc/x13ywHu7WNVApWpCMNak9/QsanffreW5zk5UGrb/XFcJBpw/fp7Y3P/TiVlv9tm+xxsH4iw1MojhGsNJqBf9G0EGCyYh/OIjLOgv/KiVKn4KT9JKP/Uc0gvWfojQoL2cbQ/YHropMzIdwcarcB8fu08LL6cIHAPb9B2z/Rf4UJL/Ubdmy6jlxdkE01o3uWTeD2rD+IAvKf/22mdXvFK7jqHe499e/ceQouvvdG6cBfIpIAkF5/R7eOANm/YyxLS/ZfMwsdOv+JfuzzugHhAo470jWPURUr0Xn4njgpqI+Qj94gnkGTC0ReIxqIPS1b+RbjDc4MZZ9MAklPArtww4KsqO2JaWOom1/1AxsyPutOFrKBiuTdjE382yfu5g+GJKuwQu3cq2dabFpJyy44S7v5bpURssVtr1D8mxEYVlQ8fly+KRc+ozMRv8u9dj5jffRCTLisRHP3X8ahsJ2oZhd4aftYRWOx0T+gZ97rtkDRPJzlhfgLyMqiSvJjpxVKpv3PStthRNe8R8F9H8DFoPHSzHLmhe/uDSPeh3WffAKbjMKv32PUBbzp6f4GfwfjQD/xKCCRvV98FxqiqzNKlGnRzdZ6TCwaGLcgYygtYmNZKzhf7rOF9XXcVsNe/FloRRkBYeol7dma2BOGazDoZhxAkI5TWDGkO8Rd23eAUtpTOtgLoJdxik+XTsCLBz3xztmixjiZMgk33zVBoTsxJCpowT8UgJm56EBgWIJ8zDHdKSIvYtAuQo90BfPpwlqLFvQ62szIXGObwVCJBdaPQ6AOlSDrg/4M1Xptssca7lnD2z+0dh3f4AYJrPrGcXP9SGBq30IEgvBsrZOjfe7U2ZVguXost19mo1m/Hb/FwWSc3O9fFFBQJhZEYd9T8i0MIYbgdWdTEH41gDraRIKZizyjK4jVPPgi35lSRpQkyGFqloeLs0ULHVnqozYp97FxyjGuHBsWiA1dhcOzxWfb+9L2kk8EkzMe++yJQ9GqbD1xtOvYtb2UOexwpbDJAFJlPRYBxrMkATgGwSW4A2LWZy+pBo0GmiM1YGavhsPEBxglF83gZ9QIggiukPYB85BDmmb8ru99wD+DQvP4hu2YCz6A5kp/sJD3qOI7HIsJxRDkaO3sf/bYfZuqa3LdVmIT853KYb79N6neXufSxFSQnyi30mJHYwVcLOmAbDRvHYwF83Y4b3NN8NOUSH4LXUFaZBoYelYzeiQg8IgkLa+g/RwRCUThxaOaTGfQNDGN2fFLJrDqh88e6T9bmWy9AzEoG29fv9hO+1zA0iEWnoTtNr1dBlC2eHYfWgoiWCBVcaC6cO6fIpEIncf2VapcojDaS3FujWm+w8IoiKoq9+Zzm1wng7TIKJKpp1mkbm3M2In/0vTqkGRtDVzLmUu/MzvzlpfyE7VFsAdsreB5BqSs60/mfodU1+j2SN84H1YurnWx4Z0u73N5QCNLLIlXEzvcE48IcvnvHogKXfYviH/f2iBtI3vrK3GIiThSR8ykXmUtIrxTtqbHvy82xxbyqM/ya2sKPKRdTrD85uEPL0Z8dvPiUfiVRCut4V5CnXWKzMKwmyXh2zdT/Wx1klkw4ixJ8NP/3JGF0lDVYVde7ZwEYrPdHJhgCgfH5KfwXpHykSyj20QwjG+7rDeFrrmlBS2dEbI2bOB2rMTgueOmZlfczR+dUuIss1K61IE1X8XChw2KIfkpCOP4G5DW2FBnK7MOx72/39EtlmaGIvi2uPD/S5KJCGWSH/ADxGkdDXJbT7IjwL0GTIWO1pkQgtPfrQ4KW84E+PdkU9hIuQO3a3Vgp9tGVCmDEX5bfo3c8W46FFBoLX5w3HFzNNkhTPTtJV+IO6h3yF4X9d2YxLqM+HnAwS2XyEvNrrcQbJx60XMbhF2fZy8hFLKLl0VHYvud4N/vW3v2siUFHw/s3F2S/62Z0mef3ERpa+28r0gvweNyUduP3KKmphD4cnGwoSlKz/BeXUnlO/hw9Eftd/qtYsyl+fxCu6ydlFSjlf8r5gsxR3kPUVtX3Z+hYk0O6LvcRQsJSnlitd9TCW4zGE59EoMxN2N0izBRDgAAAAAAA==",kh="data:image/webp;base64,UklGRgwMAABXRUJQVlA4IAAMAABQMwCdASqOAI4APjkYiUMiIaEZqk6cIAOEtQBlWQCsPxs/GflL+WHzA1P+zfhD+l/sr8cvBbpH0DOTP9j/evah/rPUf5gn6af7r+49dfzDfsz+yPvGf6f1W/4r/M+wB/P/9T/8+wi9BLyzP28+En9t/3N9pH/y+wB///UA///FKf5/td/0HnLBOfeD9h6++yHaw/yO+agA+p/ExpOMeXoT54Xq72Df1z9Mz2AfuT7OS8YmVmOsmf5jqgueuMtdVDf7/8IGxCrKJVChp/KFp2oKFsO3+XUmwngaj6/KEi7C1DSuCh+zzCla9qnnEkR/lN/ebybUtOwxC/p+mhLOJMySpLEWwLMbmUzXCqcNK16hnpbCN+9vw3+nXHO91JFWS3EIj7YQRHRQllV+lVSTFM7EpzAIoof/7r+m1Y4VEnW29BCxuD7ccWEUcsaJd2V30EeDTbQCaEKZWFPJDxNOW38bQtKqiq2JW1YTvNG580QG2R6n6RStIpR01qX2WRZI0IQp89aKwHBuygxv09yseoLGd7tytCoaI5ow7+H+adzdekfWYAD+/t14UP643nlJr6+fzCSALmONrhm1HM9r/VJjGO780J/4xzq4fmwzMh+yAP7ORoQMYPQFL8+iKum/1qkeJnhtmLx36EDUhiylPQ1f/qsUYuEhCbZyW2XdXCBD6slorbYJhPZwGmkvNnewiRvcjvWe/0lvRe9+QjeaSNVOY2ffJT8NEWYqjJz0kA+mY53/IW+QpHju9l0d6eT6y8FYqHsW468sTTOvbtnAoyEhXaKkNND6o8lteDtnWHy+Odw4k0hfK3nM0cM+kp2GLZ+CT8ioE50GyNbNgn8B8vCW4Eb1K4YoeNGuq1kvFzfgCWvcW2sZTTO3e5pXWr9cnX3FbDGqPTujc9duJ35YmVbpjyAcEoH1KCsTRrycxu43ZGHhfL+GmEAA8o+8wd8lAHeorj9Ryp7uuWZ38R9AQACcqcUXurMjB7gxTl/8xweLH63MF21d2KMg4fem8ZkD3SkUG7Q2rP54BMmdjxJ9JgaZUrMBrV9GFqpJczgl9UAaP3Q/7R7nbexZ2UeB3HiCy5MKPjugecflKlll5aFJ07nRCYyOLOH9fb16mNlL9mWM259E31qcK4wpda3WGYMHOBOaKNfOxovW/u1df+qNevMn1SC/4vGKJstZ9PqE5btrilfwv0nSAQj/Q8dWAb3WKIAty9DT33t9vLz+e4aQNXru1U9rK+wTBmpCqEX9pSfSBywG8++6tF9Dzvt2dp4Ly/5FJPaOcH8+nU1a4l+XoTwpqk+yKJ0iY57ceXfl4fU77cs/8L0P1s44NWEIIX86Dx3zJvZGkQIn7YASFbLuKUuL3yyRmjK3epZIzS8q6ehQeQqVqnUw5eIPN0EX1yynGeDQjR24rjnxVtUlIqynCfszNLYPYyMIwwON0q2nCWvku6CZCUlEuZx+rruZ0xqcBzHF3xWmXItXuids516hkBSbPMThKqgTUZMGMMZ62azX5N94SBL7v+uS3P1ZCIza02Pgn8T/7NTE78CT0LmzqBEC1cH4OXLHyTqY4j+Cv4FoAejB3EJwCMhQiMLdnkb5qW+J4vEOTFUB7Xtvd2QgBXt0k5szm1QueRBDJMGAt549zXUvC1ayeSEuaGWhwb/JWOZA0tRqXLQIHMmA82/fqojN7zFdCeuCpV6YJGfleJFx9hM3E7DqKfRPG4dnevUWEzc89PCbOwSauxRXX967+DJbLaRzaXYPAP/+OlZ3hsk3xp6FDz62cJz/7UaqZ+L8ljKHJDJWb9z+bmcBGTKwg/bFy7aMSTVyVg/9Enj7xbwkU2zfy1/pKg7+NgTQWum04uv1OJbN57ArGK7D490MId38WjC65l78Pzu7NrN+B5ijzNoWH04e9Pcl73tni1fiORqqFrog6q/CamsBAlZRZWBLHKtN6Yh//b8qVGprn8VPF/VK7nZW70N1XtzyT2leLRfwRBqo4SIhuvqxOdHKNJHg1LXTlB/coShBHuyLS6wu/+o/YEwXybvqf7Ojys881X2cXNmexU04k0vUcyy+rKGmM6FnI6THfe2Tix72WnhHh2AingEVPQUoIIJG/7B5WrgJ2xfS2lCjFca1D73Hm7ye+fLOZSi+2TchrOAv2hi5xEYo5KiLYwKu2IfS0p+QqzkMEFyCIOuC5NFapFAWKWQ4O86kaENGqe1+v1ZILPmw86ztmGYuIizbkFakccHhURH+Ve+h8AyTPfiC9+E5uxgWh8E6sT7nhJN09IOah7RxqqKRX6/DFYH2bNmBZyWTrbWW1s1eweEC3mN7vG3Xt9bpw4bRqMuHNPiNK85445nBEmityQdIjtjF3JrZ9HpOaGrIuaaeW3iH7C44ITfsHcVJY/vTdpC3tqmtf6/BZ93mlQFBY0MluEiRTe7oUB1E7LiUGz8rkQZKJJIZ8JMSfjqUHyhDrL+B56rUW+pbd3PqVOLYiTglN+0DPhK3WpSI6wpdyvXOsWHG4Ta5xPCXk5JZSlld8F/X2O2QLiHXW587NTGkyZLQ6JCTo39tmm7vd3es4poNsDPbjhYJyGpRAqxjHLWCeyeJlvbDOieNltR+r952RSdtbkG3oHdvfxW6Pjb2YAyxaThXMTTyT/zYYm1Io6wic5GHpk2XOYbuPpM7ZevMxHtXuBU8xAFZEdeyKTe9uH/UGK8BYHm+N3bjkSBBpccHo+7RNVIX0s99vCP2NiXc4nAAswcNqVIDGDGL6yw9mQLnqJf67m0nhpkYMDU727dp0HJr9Ha4iu2nYrY4WbHC36j2N6iLfMKcTWaiJt5jGxWzb8A4vlC0YiHxi5G6hurHxARx6MMSf0bJmtyeeiRQVN0qy7dj2EAbarH0fHm8s8R9FBsmP+MaJ0EUAPwv7ty5BsY6D6Hyr/0JE2SgiBzriUqckvhNPR/OwC+JD1Mm2bjOFSq3qsiw9Kiw1KRymrWkF4Qd4V3XEi19kg/72fWqSSD/uvXkbLvcUeuGxmWIlDoBdKEkl/ld8xhLrLwdg7FyqOP4DS3VTAlFdd9/5MRMl56GDvO+HKTHXbsW9X+r6GRr2IX31uEVBI3/pfOScwYkF4hYkTmzP22VY8UCUvDruM6mfYED5HA88Gd+rn0t/0+v1vs1ArAcyeSS+U1QWvfTziu2+evgTaZB/x2HIzCmH0LGpMC6803Upr2innO/UcDUHEYKg6Un3+HxdlU2lPbniy4HPzLfzrAE94TRlcuoeOqrcTI7eAgYRNKwXh7XIeFrCsmIRgrt8YMu2v4jM0icqwly+QPuy2Kw8J6cXH2BA7K2LAF85VIVNVoRlDLXxjwsBb4heeCxAzkU+gm7I1b5uvL3i2xq/xj+lhL8t6XTKJliRrlPGHQuVR3ZceU87KLxOQcICfVOCe7B88mxyvsB2FmiotOM3UOnG+VcZ3jL1W+JFDzYyR9Y3KsZNaeJAazd5ajmnZLTYIY7gJ4N4t99U2hY/CMgI0yMNLaq3cJB0CNBsd1hRKl7lZ1wMh16/EZx5jig5JWvlZNPTMuJFHvpW42fyFjIfKslwVHB/SJKWDRr3w9uFCRm/Z3ABn2ydMFGvXjMZEaTsZlqF17J76wjrLkgmgcbtrtL9N8T3dXsKhM4LPscSPo2kc9MfW3dmjuo98vCdxBR/RvMAgm0VzEuXulny1QdmDMzoBUfPseIFkTNYFg89+m4OKn/8Xc28jcPteGx8v0vwYyKNlOAZvi/yt7OImF7kADj+rzqjSoqwVTnCCjOKrF1Gt1i+6oeDggdd5wEh1ghvxdHELxvJeJE8x82cfHEVXhE9Nheu7Q1WycLXUTZA8oZHsdBaBFpk6vyYdYFT8YTShaCjPle1+2DJHzXzhRUQ6ZY/HcDs/vS2V8+jO+pjV23u5WL6yRWULzVi+0qUXIiJzd9qj65YnWPMxIubcSpm+5n8vMpysoMuGzoNwBmNszF+S+b8acZRgm2Gi0UT5OGuYwq4wZ5kmd8OqnDzhze2RxwMRtRm+17eKYWzLWtgVuOca/HWuBI58UC9FNZtBLv1l2htg7Iyehb/cr9uKvXkPXh0LFeyfEc49dOsGvppssGqOAAAAA=",Dh=m.div`
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
gap: 24px;
|
|
5
|
+
padding: 12px 16px 16px;
|
|
6
|
+
min-height: 0;
|
|
7
|
+
overflow-y: auto;
|
|
8
|
+
`,Ch=m.div`
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
justify-content: space-between;
|
|
12
|
+
gap: 8px;
|
|
13
|
+
padding-bottom: 16px;
|
|
14
|
+
border-bottom: 1px solid ${u.colors.gray4};
|
|
15
|
+
`,Sh=m.h2`
|
|
16
|
+
margin: 0;
|
|
17
|
+
font-family: ${u.font.sans};
|
|
18
|
+
font-weight: 600;
|
|
19
|
+
font-size: 20px;
|
|
20
|
+
line-height: 1.6;
|
|
21
|
+
color: ${u.colors.text};
|
|
22
|
+
`,Mh=m.button`
|
|
23
|
+
flex: none;
|
|
24
|
+
display: grid;
|
|
25
|
+
place-items: center;
|
|
26
|
+
width: 18.535px;
|
|
27
|
+
height: 18.535px;
|
|
28
|
+
border: 0;
|
|
29
|
+
background: none;
|
|
30
|
+
cursor: pointer;
|
|
31
|
+
color: ${u.colors.text};
|
|
32
|
+
|
|
33
|
+
&:disabled {
|
|
34
|
+
opacity: 0.4;
|
|
35
|
+
cursor: default;
|
|
36
|
+
}
|
|
37
|
+
&:focus-visible {
|
|
38
|
+
outline: 2px solid ${u.colors.accent};
|
|
39
|
+
outline-offset: 2px;
|
|
40
|
+
}
|
|
41
|
+
`,_h=m.div`
|
|
42
|
+
display: flex;
|
|
43
|
+
align-items: center;
|
|
44
|
+
gap: 12px;
|
|
45
|
+
`,jh=m.div`
|
|
46
|
+
flex: none;
|
|
47
|
+
display: grid;
|
|
48
|
+
place-items: center;
|
|
49
|
+
width: 180.465px;
|
|
50
|
+
height: 179.763px;
|
|
51
|
+
border-radius: 15.746px;
|
|
52
|
+
background: ${u.colors.media};
|
|
53
|
+
border: 0.176px solid ${u.colors.muted2};
|
|
54
|
+
overflow: hidden;
|
|
55
|
+
|
|
56
|
+
img {
|
|
57
|
+
width: 149.568px;
|
|
58
|
+
height: 148.866px;
|
|
59
|
+
object-fit: contain;
|
|
60
|
+
filter: drop-shadow(0.736px 2.945px 3.682px rgba(0, 0, 0, 0.1));
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
${u.media.maxWidth("mobile")} {
|
|
64
|
+
width: 120px;
|
|
65
|
+
height: 120px;
|
|
66
|
+
}
|
|
67
|
+
`,Ih=m.div`
|
|
68
|
+
flex: 1 1 0;
|
|
69
|
+
min-width: 0;
|
|
70
|
+
display: flex;
|
|
71
|
+
flex-direction: column;
|
|
72
|
+
gap: 32px;
|
|
73
|
+
padding: 8px;
|
|
74
|
+
`,Ph=m.p`
|
|
75
|
+
margin: 0;
|
|
76
|
+
font-family: ${u.font.sans};
|
|
77
|
+
font-weight: 600;
|
|
78
|
+
font-size: 20px;
|
|
79
|
+
line-height: 1.57;
|
|
80
|
+
color: ${u.colors.text};
|
|
81
|
+
overflow: hidden;
|
|
82
|
+
text-overflow: ellipsis;
|
|
83
|
+
`,Eh=m.div`
|
|
84
|
+
> div {
|
|
85
|
+
font-family: ${u.font.sans};
|
|
86
|
+
font-size: 10px;
|
|
87
|
+
line-height: 1.43;
|
|
88
|
+
color: ${u.colors.muted};
|
|
89
|
+
}
|
|
90
|
+
`,Th=m.div`
|
|
91
|
+
display: flex;
|
|
92
|
+
align-items: center;
|
|
93
|
+
gap: 4px;
|
|
94
|
+
|
|
95
|
+
/* A 24px slot holding a 19.855px glyph — keep both boxes rather than one flat size. */
|
|
96
|
+
.ico {
|
|
97
|
+
width: 24px;
|
|
98
|
+
height: 24px;
|
|
99
|
+
background: ${u.colors.text2};
|
|
100
|
+
-webkit-mask-size: 19.855px 19.855px;
|
|
101
|
+
mask-size: 19.855px 19.855px;
|
|
102
|
+
-webkit-mask-position: left center;
|
|
103
|
+
mask-position: left center;
|
|
104
|
+
}
|
|
105
|
+
span {
|
|
106
|
+
font-family: ${u.font.sans};
|
|
107
|
+
font-weight: 600;
|
|
108
|
+
font-size: 24px;
|
|
109
|
+
color: ${u.colors.text2};
|
|
110
|
+
}
|
|
111
|
+
`,$h=m.div`
|
|
112
|
+
display: flex;
|
|
113
|
+
flex-direction: column;
|
|
114
|
+
gap: 12px;
|
|
115
|
+
`,Oi=m.button`
|
|
116
|
+
position: relative;
|
|
117
|
+
display: flex;
|
|
118
|
+
align-items: center;
|
|
119
|
+
justify-content: space-between;
|
|
120
|
+
width: 100%;
|
|
121
|
+
padding: 12px 12px 12px 0;
|
|
122
|
+
border-radius: 12px;
|
|
123
|
+
border: 0;
|
|
124
|
+
background: ${u.colors.white};
|
|
125
|
+
cursor: pointer;
|
|
126
|
+
text-align: left;
|
|
127
|
+
font-family: ${u.font.sans};
|
|
128
|
+
|
|
129
|
+
&::after {
|
|
130
|
+
content: '';
|
|
131
|
+
position: absolute;
|
|
132
|
+
inset: 0;
|
|
133
|
+
border-radius: inherit;
|
|
134
|
+
border: 0.5px solid ${u.colors.muted};
|
|
135
|
+
pointer-events: none;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
&[data-selected='true'] {
|
|
139
|
+
background: ${u.colors.media};
|
|
140
|
+
}
|
|
141
|
+
/* The gradient is masked to the border band alone, so the ring paints over nothing: a padding-box fill
|
|
142
|
+
here would sit on top of the row's content, since this layer is above it. */
|
|
143
|
+
&[data-selected='true']::after {
|
|
144
|
+
border: 3px solid transparent;
|
|
145
|
+
background: ${u.gradients.flare} border-box;
|
|
146
|
+
-webkit-mask:
|
|
147
|
+
linear-gradient(#000 0 0) padding-box,
|
|
148
|
+
linear-gradient(#000 0 0);
|
|
149
|
+
-webkit-mask-composite: xor;
|
|
150
|
+
mask-composite: exclude;
|
|
151
|
+
}
|
|
152
|
+
&[data-disabled='true'] {
|
|
153
|
+
cursor: not-allowed;
|
|
154
|
+
opacity: 0.55;
|
|
155
|
+
}
|
|
156
|
+
&:focus-visible {
|
|
157
|
+
outline: 2px solid ${u.colors.accent};
|
|
158
|
+
outline-offset: 2px;
|
|
159
|
+
}
|
|
160
|
+
`,Ai=m.div`
|
|
161
|
+
flex: none;
|
|
162
|
+
display: flex;
|
|
163
|
+
align-items: center;
|
|
164
|
+
justify-content: center;
|
|
165
|
+
min-width: 36px;
|
|
166
|
+
/* 12px on the left (per review) so the control clears the row's rounded corner; 9px elsewhere. */
|
|
167
|
+
padding: 9px 9px 9px 12px;
|
|
168
|
+
`,Li=m.span`
|
|
169
|
+
display: grid;
|
|
170
|
+
place-items: center;
|
|
171
|
+
width: 20px;
|
|
172
|
+
height: 20px;
|
|
173
|
+
border-radius: 4px;
|
|
174
|
+
border: 2px solid ${u.colors.muted2};
|
|
175
|
+
background: ${u.colors.white};
|
|
176
|
+
|
|
177
|
+
&[data-checked='true'] {
|
|
178
|
+
border-color: ${u.colors.text};
|
|
179
|
+
background: ${u.colors.text};
|
|
180
|
+
}
|
|
181
|
+
.ico {
|
|
182
|
+
width: 14px;
|
|
183
|
+
height: 14px;
|
|
184
|
+
background: ${u.colors.white};
|
|
185
|
+
}
|
|
186
|
+
`,Fi=m.div`
|
|
187
|
+
flex: 1 1 0;
|
|
188
|
+
min-width: 0;
|
|
189
|
+
display: flex;
|
|
190
|
+
align-items: center;
|
|
191
|
+
justify-content: space-between;
|
|
192
|
+
gap: 8px;
|
|
193
|
+
`,Yi=m.div`
|
|
194
|
+
display: flex;
|
|
195
|
+
align-items: center;
|
|
196
|
+
gap: 13px;
|
|
197
|
+
min-width: 0;
|
|
198
|
+
`,Wi=m.span`
|
|
199
|
+
flex: none;
|
|
200
|
+
display: grid;
|
|
201
|
+
place-items: center;
|
|
202
|
+
`,Bi=m.img`
|
|
203
|
+
flex: none;
|
|
204
|
+
display: block;
|
|
205
|
+
width: ${({w:n})=>n}px;
|
|
206
|
+
height: ${({h:n})=>n}px;
|
|
207
|
+
object-fit: contain;
|
|
208
|
+
`,Hi=m.div`
|
|
209
|
+
display: flex;
|
|
210
|
+
flex-direction: column;
|
|
211
|
+
min-width: 0;
|
|
212
|
+
`,zi=m.span`
|
|
213
|
+
text-transform: capitalize;
|
|
214
|
+
font-family: ${u.font.sans};
|
|
215
|
+
font-weight: 700;
|
|
216
|
+
font-size: 15px;
|
|
217
|
+
line-height: 26px;
|
|
218
|
+
letter-spacing: -0.2px;
|
|
219
|
+
color: ${u.colors.text2};
|
|
220
|
+
`,qi=m.span`
|
|
221
|
+
display: flex;
|
|
222
|
+
align-items: center;
|
|
223
|
+
gap: 4px;
|
|
224
|
+
font-family: ${u.font.sans};
|
|
225
|
+
font-size: 12px;
|
|
226
|
+
line-height: 1;
|
|
227
|
+
color: ${u.colors.muted1};
|
|
228
|
+
|
|
229
|
+
/* A 13px slot holding a 10.4px glyph. */
|
|
230
|
+
.ico {
|
|
231
|
+
width: 13px;
|
|
232
|
+
height: 13px;
|
|
233
|
+
background: ${u.colors.text};
|
|
234
|
+
-webkit-mask-size: 10.4px 10.4px;
|
|
235
|
+
mask-size: 10.4px 10.4px;
|
|
236
|
+
-webkit-mask-position: left center;
|
|
237
|
+
mask-position: left center;
|
|
238
|
+
}
|
|
239
|
+
`,Ki=m.span`
|
|
240
|
+
font-size: 10.4px;
|
|
241
|
+
color: ${u.colors.text};
|
|
242
|
+
`;m.span`
|
|
243
|
+
font-family: ${u.font.sans};
|
|
244
|
+
font-size: 12px;
|
|
245
|
+
font-weight: 600;
|
|
246
|
+
color: ${u.colors.dclRed};
|
|
247
|
+
`;const Qi=m.div`
|
|
248
|
+
flex: none;
|
|
249
|
+
display: flex;
|
|
250
|
+
align-items: center;
|
|
251
|
+
gap: 6px;
|
|
252
|
+
|
|
253
|
+
.ico {
|
|
254
|
+
width: 24px;
|
|
255
|
+
height: 24px;
|
|
256
|
+
background: ${u.colors.text2};
|
|
257
|
+
-webkit-mask-size: 19.855px 19.855px;
|
|
258
|
+
mask-size: 19.855px 19.855px;
|
|
259
|
+
-webkit-mask-position: left center;
|
|
260
|
+
mask-position: left center;
|
|
261
|
+
}
|
|
262
|
+
span {
|
|
263
|
+
font-family: ${u.font.sans};
|
|
264
|
+
font-weight: 600;
|
|
265
|
+
font-size: 20px;
|
|
266
|
+
color: ${u.colors.text2};
|
|
267
|
+
}
|
|
268
|
+
`,Ui=m.div`
|
|
269
|
+
flex: none;
|
|
270
|
+
display: flex;
|
|
271
|
+
flex-direction: column;
|
|
272
|
+
align-items: flex-end;
|
|
273
|
+
gap: 2px;
|
|
274
|
+
`,Rh=m.button`
|
|
275
|
+
width: 100%;
|
|
276
|
+
height: 46px;
|
|
277
|
+
border: 0;
|
|
278
|
+
border-radius: 12px;
|
|
279
|
+
cursor: pointer;
|
|
280
|
+
background: ${u.gradients.amethyst};
|
|
281
|
+
color: ${u.colors.softWhite};
|
|
282
|
+
font-family: ${u.font.sans};
|
|
283
|
+
font-weight: 600;
|
|
284
|
+
font-size: 15px;
|
|
285
|
+
line-height: 24px;
|
|
286
|
+
letter-spacing: 0.46px;
|
|
287
|
+
text-transform: uppercase;
|
|
288
|
+
|
|
289
|
+
&:hover:not(:disabled) {
|
|
290
|
+
filter: brightness(1.05);
|
|
291
|
+
}
|
|
292
|
+
&:focus-visible {
|
|
293
|
+
outline: 2px solid ${u.colors.accent};
|
|
294
|
+
outline-offset: 2px;
|
|
295
|
+
}
|
|
296
|
+
&:disabled {
|
|
297
|
+
opacity: 0.6;
|
|
298
|
+
cursor: default;
|
|
299
|
+
}
|
|
300
|
+
`,Nh=m.img`
|
|
301
|
+
width: 13px;
|
|
302
|
+
height: 13px;
|
|
303
|
+
display: block;
|
|
304
|
+
`,Oh=m.img`
|
|
305
|
+
width: 24px;
|
|
306
|
+
height: 24px;
|
|
307
|
+
display: block;
|
|
308
|
+
`;m.span`
|
|
309
|
+
flex: none;
|
|
310
|
+
width: 32px;
|
|
311
|
+
display: grid;
|
|
312
|
+
gap: 2px;
|
|
313
|
+
place-items: center;
|
|
314
|
+
|
|
315
|
+
.ico {
|
|
316
|
+
width: 15px;
|
|
317
|
+
height: 15px;
|
|
318
|
+
background: ${u.colors.text2};
|
|
319
|
+
}
|
|
320
|
+
img {
|
|
321
|
+
width: 15px;
|
|
322
|
+
height: 15px;
|
|
323
|
+
display: block;
|
|
324
|
+
}
|
|
325
|
+
`;m.div`
|
|
326
|
+
flex: none;
|
|
327
|
+
display: flex;
|
|
328
|
+
align-items: center;
|
|
329
|
+
gap: 4px;
|
|
330
|
+
|
|
331
|
+
.ico {
|
|
332
|
+
width: 18px;
|
|
333
|
+
height: 18px;
|
|
334
|
+
background: ${u.colors.text2};
|
|
335
|
+
}
|
|
336
|
+
img {
|
|
337
|
+
width: 18px;
|
|
338
|
+
height: 18px;
|
|
339
|
+
display: block;
|
|
340
|
+
}
|
|
341
|
+
span {
|
|
342
|
+
font-family: ${u.font.sans};
|
|
343
|
+
font-weight: 600;
|
|
344
|
+
font-size: 17px;
|
|
345
|
+
color: ${u.colors.text2};
|
|
346
|
+
}
|
|
347
|
+
`;m.span`
|
|
348
|
+
font-family: ${u.font.sans};
|
|
349
|
+
font-weight: 600;
|
|
350
|
+
font-size: 15px;
|
|
351
|
+
color: ${u.colors.muted};
|
|
352
|
+
`;const Ah=m.span`
|
|
353
|
+
font-family: ${u.font.sans};
|
|
354
|
+
font-size: 11px;
|
|
355
|
+
line-height: 1.35;
|
|
356
|
+
color: ${u.colors.muted};
|
|
357
|
+
`,Lh=m.p`
|
|
358
|
+
display: flex;
|
|
359
|
+
align-items: flex-start;
|
|
360
|
+
gap: 12px;
|
|
361
|
+
margin: 0;
|
|
362
|
+
background: rgba(255, 162, 90, 0.3);
|
|
363
|
+
border-radius: ${u.radius.btn};
|
|
364
|
+
padding: 16px;
|
|
365
|
+
font-family: ${u.font.sans};
|
|
366
|
+
font-size: 14px;
|
|
367
|
+
line-height: 1.334;
|
|
368
|
+
color: ${u.colors.text2};
|
|
369
|
+
`;function Fh({item:n,priceCredits:a,priceCents:t,options:e,priceManaWei:r,balanceCredits:o,manaBalanceWei:s,onBuy:l,onClose:c,busy:p=!1,notice:d}){const h=e.find(S=>S.method==="credits")??null,x=e.find(S=>S.method==="mana")??null,y=e.find(S=>S.method==="combined")??null,[v,w]=b.useState(()=>h?new Set(["credits"]):y?new Set(["credits","mana"]):x?new Set(["mana"]):new Set),k=!!h||!!y,C=!!x||!!y;b.useEffect(()=>{w(S=>{const P=new Set(S);return P.has("credits")&&!k&&P.delete("credits"),P.has("mana")&&!C&&P.delete("mana"),P.size===S.size?S:P})},[k,C]);const D=v.has("credits"),E=v.has("mana"),g=D&&E?y?"combined":null:D?h?"credits":null:E&&x?"mana":null,T=g==="combined"&&y?y.credits:(h==null?void 0:h.credits)??Ot(t),O=g==="combined"&&y?y.manaWei:(x==null?void 0:x.manaWei)??r;function M(S){w(P=>{const A=new Set(P);return A.has(S)?A.delete(S):A.add(S),A})}return i.jsxs(Dh,{children:[i.jsxs(Ch,{children:[i.jsx(Sh,{children:f("buyModal.choosePayment")}),i.jsx(Mh,{onClick:c,disabled:p,"aria-label":f("buyModal.close"),children:i.jsx(V,{name:"close",className:"ico"})})]}),i.jsxs(_h,{children:[i.jsx(jh,{children:n.thumbnail?i.jsx("img",{src:n.thumbnail,alt:""}):null}),i.jsxs(Ih,{children:[i.jsxs("div",{children:[i.jsx(Ph,{title:n.name,children:n.name||f("buyModal.itemFallback")}),n.creator?i.jsx(Eh,{children:i.jsx(Cd,{address:n.creator})}):null]}),i.jsxs(Th,{children:[i.jsx(Ye,{}),i.jsx("span",{children:Lt(a)})]})]})]}),i.jsxs($h,{children:[i.jsxs(Oi,{type:"button","data-testid":"pay-with-credits","data-selected":D,"data-disabled":!k,disabled:p||!k,"aria-pressed":D,onClick:()=>M("credits"),children:[i.jsx(Ai,{children:i.jsx(Li,{"data-checked":D,children:i.jsx(V,{name:"check",className:"ico"})})}),i.jsxs(Fi,{children:[i.jsxs(Yi,{children:[i.jsx(Wi,{children:i.jsx(Bi,{src:wh,w:32.582,h:34.401,alt:"","aria-hidden":!0})}),i.jsxs(Hi,{children:[i.jsx(zi,{children:Ze.name}),i.jsxs(qi,{children:[f("buyModal.creditsBalanceLabel"),i.jsx(Ye,{}),i.jsx(Ki,{children:Lt(o)})]})]})]}),i.jsx(Ui,{children:i.jsxs(Qi,{children:[i.jsx(Ye,{}),i.jsx("span",{children:Lt(T)})]})})]})]}),i.jsxs(Oi,{type:"button","data-testid":"pay-with-mana","data-selected":E,"data-disabled":!C,disabled:p||!C,"aria-pressed":E,onClick:()=>M("mana"),children:[i.jsx(Ai,{children:i.jsx(Li,{"data-checked":E,children:i.jsx(V,{name:"check",className:"ico"})})}),i.jsxs(Fi,{children:[i.jsxs(Yi,{children:[i.jsx(Wi,{children:i.jsx(Bi,{src:kh,w:35.328,h:35.328,alt:"","aria-hidden":!0})}),i.jsxs(Hi,{children:[i.jsx(zi,{children:f("buyModal.methodMana")}),i.jsxs(qi,{children:[f("buyModal.manaBalanceLabel"),i.jsx(Nh,{src:ki,alt:"","aria-hidden":!0}),i.jsx(Ki,{children:ui(s)})]})]})]}),i.jsx(Ui,{children:C?i.jsx(i.Fragment,{children:i.jsxs(Qi,{children:[i.jsx(Oh,{src:ki,alt:"","aria-hidden":!0}),i.jsx("span",{children:ui(O)})]})}):i.jsx(Ah,{"data-testid":"mana-shortfall-note",children:f("buyModal.notEnoughMana")})})]})]})]}),d?i.jsx(Lh,{"data-testid":"price-changed",role:"status",children:d}):null,i.jsx(Rh,{type:"button","data-testid":"confirm-payment",disabled:p||g===null,onClick:()=>g&&l(g),children:f("buyModal.buy")})]})}function ic(){const n=new Map,a=new Set,t=new Set,e=new Set;return{submitStarted:r=>{e.add(r)},submitFinished:r=>{e.delete(r)},broadcast:(r,o)=>{const s=n.get(r);s?s.add(o):n.set(r,new Set([o]))},reverted:r=>{a.add(r)},unobservable:r=>{t.add(r)},isInFlight:r=>e.has(r),mayBeConsumed:r=>{if(t.has(r))return!0;const o=n.get(r);if(!o)return!1;for(const s of o)if(!a.has(s))return!0;return!1}}}const Yh=Xp("0.05");async function Wh(n){try{return(await new Gp(sn.rpcUrl).getBalance(n)).gte(Yh)}catch{return!1}}async function Bh(n,a){return Zr(n)?Wh(a):!1}function Hh({size:n=64,...a}){return i.jsxs("svg",{viewBox:"0 0 64 64",width:n,height:n,"aria-hidden":!0,...a,children:[i.jsx("circle",{cx:"32",cy:"32",r:"32",fill:"#34ce74"}),i.jsx("path",{d:"M20 33l8 8 16-18",fill:"none",stroke:"#fff",strokeWidth:"5",strokeLinecap:"round",strokeLinejoin:"round"})]})}const zh=n=>$d(n.contractAddress,String(n.itemId));async function Vi(n,a={}){if(n.kind==="store")return BigInt(n.mint.item.priceWei);try{return Rd(await Nd(n.trade),n.coupon)}catch(t){return a.reportFailure!==!1&&Se(t,{flow:"buy",step:"mana_price"}),null}}function Gi(n){return n.kind==="trade"?n.trade.id:void 0}function Xi(n){return n.contractAddress&&n.itemId!=null?{contractAddress:n.contractAddress,itemId:String(n.itemId)}:void 0}function ao({item:n,onClose:a,resume:t=!1}){var Rt,bt;const{session:e}=ln(),{data:r}=Ml(e),{data:o}=Sd(e),s=hn(),l=fn();async function c(){try{return await s.fetchQuery(Td())}catch{return}}async function p(){if(o!=null)return o;if(!e)return 0n;try{const $=await s.fetchQuery({queryKey:["mana-balance",e.address],queryFn:()=>Ad(e.address),staleTime:3e4});return X($),$}catch{return 0n}}const d=Lp().packs.slice(0,Fp),[h,x]=b.useState("loading"),[y,v]=b.useState(null),[w,k]=b.useState(null),[C,D]=b.useState(!1),[E,g]=b.useState(0),[T,O]=b.useState(""),[M,S]=b.useState(n.priceCredits),P=Math.max(0,M-((r==null?void 0:r.credits)??0)),A=(()=>{if(P<=0)return d;const $=d.filter(G=>G.credits>=P);return $.length>0?$:d})(),[z,K]=b.useState(null),[U,X]=b.useState(null),B=o??U??0n,[N,F]=b.useState(!1),[_,Q]=b.useState(null),[H,q]=b.useState(0),[ee,le]=b.useState(null),[be,Ie]=b.useState(!1),xe=b.useRef(null),me=b.useRef(!1),J=b.useRef(ic()),qe=(ee==null?void 0:ee.credits)??M,Te=(r==null?void 0:r.credits)??0;b.useEffect(()=>(me.current=!1,()=>{me.current=!0}),[]);async function Be($,G,Z,te){const ie=await p();if(te!=null&&te())return;const De=ie>0n,ne=De?await Vi(G):null;if(te!=null&&te())return;ne!=null?K(ne):De&&F(!0);const vt=xi({priceCents:Z,priceManaWei:ne??0n,balanceCents:(r==null?void 0:r.balanceCents)??0,manaBalanceWei:ie}).options.some(He=>He.method==="mana"||He.method==="combined"),wt=$-((r==null?void 0:r.credits)??0),kt=d.find(He=>He.credits>=wt)??d[d.length-1];O(kt.id),vt||fe("Shop Buy Credits Prompted",{from:"item_checkout",credits_needed:$,credits_balance:(r==null?void 0:r.credits)??0,shortfall:Math.max(0,wt)}),x("nofunds")}b.useEffect(()=>{let $=!1;if(!e){x("error"),v(f("buyModal.signInToCheckout"));return}return(async()=>{try{const G=await Yp(n,e.address,Md,await c(),zh,_d);if(G.status==="own")throw new Error("You can't buy your own listing.");if(G.status==="no-price")throw new Error("price unavailable");if(G.status!=="buyable")throw new Error("not for sale");const Z=Wp(G.line),te=G.line.usdCents,ie=Ot(te);if($)return;if(S(ie),Q(Z),q(te),r!=null&&r.credits<ie){await Be(ie,Z,te,()=>$);return}t?Wn({sale:Z,usdCents:te}):x("ready")}catch(G){if($)return;fe(Le(G)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"resolve",error_code:Ue(G)}),at(G)}})(),()=>{$=!0,xe.current&&e&&(Bn([xe.current]),xe.current=null)}},[E]),b.useEffect(()=>{const $=(ee==null?void 0:ee.sale)??_;if(!$||h!=="ready"&&h!=="nofunds"||B<=0n||z!==null)return;let G=!1;return Vi($,{reportFailure:!N}).then(Z=>{G||(Z!=null?K(Z):F(!0))}),()=>{G=!0}},[h,ee,_,B,z,N]);const rt=xi({priceCents:H,priceManaWei:z??0n,balanceCents:(r==null?void 0:r.balanceCents)??0,manaBalanceWei:B});async function Wn($){const G=(ee==null?void 0:ee.sale)??($==null?void 0:$.sale)??_,Z=(ee==null?void 0:ee.usdCents)??($==null?void 0:$.usdCents)??H;if(!e||!G||Z<=0)return;x("processing"),v(null),Ie(!1);let te=ee;if(!te)try{const{credit:ne,maxCreditedValue:Pe,usdCents:vt}=await to(e.identity,Z,Gi(G),Xi(n));if(me.current){Kt([ne.id]);return}xe.current=ne.id,s.invalidateQueries({queryKey:["usd-balance"]});const wt=Ot(vt);if(te={sale:G,credit:ne,maxCreditedValue:Pe,usdCents:vt,credits:wt},le(te),wt!==Ot(Z)){S(wt),q(vt),Ie(!0),x("ready");return}}catch(ne){if(nf(ne)){s.invalidateQueries({queryKey:["usd-balance"]}),await Be(Ot(Z),G,Z);return}Le(ne)||Se(ne,{flow:"buy",step:"authorize"}),fe(Le(ne)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"authorize",error_code:Ue(ne)}),v(Yt(ne,f("buyModal.error.generic"),{sale:!0})),x("error");return}if(!te)return;let ie=!1,De;try{const ne={purchase:Nu(te.sale,[te.credit],te.maxCreditedValue),buyer:e.address,signer:e.signer,onBroadcast:({txHash:Pe})=>J.current.broadcast(te.credit.id,Pe),onReverted:({txHash:Pe})=>{Pe&&J.current.reverted(Pe)}};if(J.current.submitStarted(te.credit.id),Bl())try{De=await ef(ne),J.current.broadcast(te.credit.id,De),await ql(De),ie=!0}catch(Pe){if(Pe instanceof Kl)ie=!0;else if(Pe instanceof Ql){if(Pe.reason==="relayer-unreachable")throw J.current.unobservable(te.credit.id),Pe;if(!Zr(e.providerType))throw Pe;De=await vi(ne)}else throw De&&J.current.reverted(De),Pe}else De=await vi(ne)}catch(ne){J.current.submitFinished(te.credit.id),Le(ne)||Se(ne,{flow:"buy",step:"submit",gasless:ie}),gn([te.credit.id]),xe.current=null,fe(Le(ne)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Ue(ne)}),s.invalidateQueries({queryKey:["usd-balance"]}),at(ne);return}J.current.submitFinished(te.credit.id),xe.current=null;try{Ou(s,n),fe("Shop Completed Purchase",{...ka([n]),payment_type:"credits",no_crypto_step:ie,transaction_hash:De??null})}catch(ne){Se(ne,{flow:"buy",step:"post_purchase"})}x("complete")}function Kt($){if(!e||$.length===0)return Promise.resolve(!1);const G=$.filter(Z=>!J.current.mayBeConsumed(Z));return G.length===0?Promise.resolve(!1):_l(e.identity,G).then(()=>!0,()=>!0)}function gn($){D(!0),Kt($).then(G=>{G||D(!1)})}function Bn($){return Kt($.filter(G=>!J.current.isInFlight(G)))}function $t(){s.invalidateQueries({queryKey:["mana-balance"]}),s.invalidateQueries({queryKey:["usd-balance"]}),s.invalidateQueries({queryKey:["detail-trade"]}),s.invalidateQueries({queryKey:["shop-item"]}),s.invalidateQueries({queryKey:["owned-token",n.contractAddress,n.tokenId]}),s.invalidateQueries({queryKey:["public-token",n.contractAddress,n.tokenId]}),s.invalidateQueries({queryKey:["item-resales",n.contractAddress,n.itemId]}),s.invalidateQueries({queryKey:["shop-items"]}),s.invalidateQueries({queryKey:["catalog-items"]}),s.invalidateQueries({queryKey:["my-assets"]}),s.invalidateQueries({queryKey:["purchases"]}),s.invalidateQueries({queryKey:["owned-item-count"]}),s.invalidateQueries({queryKey:["overview-listings"]}),s.invalidateQueries({queryKey:["upsell-listings"]})}async function Qt(){var G;const $=(ee==null?void 0:ee.sale)??_;if(!(!e||!$)){xe.current&&(gn([xe.current]),xe.current=null),x("processing"),v(null);try{const Z=(G=bi(rt,"mana"))==null?void 0:G.manaWei,te=$.kind==="trade"?await bp({trade:$.trade,coupon:$.coupon,buyer:e.address,signer:e.signer,manaWei:Z}):await vp({mint:$.mint,buyer:e.address,signer:e.signer,manaWei:Z});fe("Shop Completed Purchase",{...ka([n]),payment_type:"mana",transaction_hash:te??null}),$t(),x("complete")}catch(Z){Le(Z)||Se(Z,{flow:"buy_mana",step:"submit"}),fe(Le(Z)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Ue(Z)}),at(Z)}}}async function ma(){const $=(ee==null?void 0:ee.sale)??_,G=bi(rt,"combined");if(!e||!$||!G)return;x("processing"),v(null),xe.current&&(await Kt([xe.current])&&D(!0),xe.current=null);let Z=null,te;try{const{credit:ie}=await to(e.identity,G.creditsCents,Gi($),Xi(n));Z=ie.id,J.current.submitStarted(ie.id);const De={buyer:e.address,signer:e.signer,credits:[ie],manaGapWei:G.manaWei,providerType:e.providerType,onBroadcast:({txHash:ne})=>J.current.broadcast(ie.id,ne),onReverted:({txHash:ne})=>{ne&&J.current.reverted(ne)},onUnobservable:()=>J.current.unobservable(ie.id)};te=$.kind==="trade"?await wp({trade:$.trade,coupon:$.coupon,...De}):await kp({mint:$.mint,...De})}catch(ie){Z&&J.current.submitFinished(Z),Z&&gn([Z]),Le(ie)||Se(ie,{flow:"buy_credits_and_mana",step:"submit"}),fe(Le(ie)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Ue(ie)}),s.invalidateQueries({queryKey:["usd-balance"]}),at(ie);return}Z&&J.current.submitFinished(Z);try{$t(),fe("Shop Completed Purchase",{...ka([n]),payment_type:"credits_and_mana",transaction_hash:te??null})}catch(ie){Se(ie,{flow:"buy_credits_and_mana",step:"post_purchase"})}x("complete")}async function $e(){if(!(!T||!e)){try{sessionStorage.setItem(Ci,JSON.stringify(n))}catch{}xe.current&&(Kt([xe.current]),xe.current=null),le(null),x("loading");try{const $=await Bp(T,{address:e.address,identity:e.identity});if($.url){window.location.href=$.url;return}l("/credits")}catch($){Se($,{flow:"buy_credits_and_item"});try{sessionStorage.removeItem(Ci)}catch{}v(f("buyModal.error.creditsCheckout")),x("error")}}}const[Ve,Ge]=b.useState(null);function xn($,G){const{spender:Z,chainId:te}=Dp($,G);return qp(te,Z)}function at($){if(v(Yt($,f("buyModal.error.generic"),{sale:!0})),x("error"),!jd($)||!e)return;const G=$.required;(async()=>{if(await Bh(e.providerType,e.address)){k(G);return}v(f("buyModal.error.relayDownNoRail"))})()}async function Xe($){if(e){k(null);try{await Od(e.web3Provider,$)}catch(G){Le(G)||Se(G,{flow:"buy",step:"switch_chain"}),k($);return}Hn()}}function yn($){$==="mana"?Qt():$==="combined"?ma():Wn()}const bn=b.useRef(!1);async function ga($){var G;if(!bn.current){bn.current=!0;try{const Z=(ee==null?void 0:ee.sale)??_;if($==="credits"||!Z||!e){yn($);return}const te=xn($,Z),ie=((G=rt.options.find(ne=>ne.method===$))==null?void 0:G.manaWei)??0n,De=await Hl(te,e.address,ie).catch(()=>!0);if(zp(e.providerType,De)){Ge({auth:te,rail:$});return}yn($)}finally{bn.current=!1}}}const vn=rt.options.some($=>$.method==="mana"||$.method==="combined"),xa=h==="ready"&&(vn||rt.manaShortfall!=null)||h==="nofunds"&&vn;function Hn(){v(null),le(null),Ie(!1),D(!1),x("loading"),g($=>$+1)}const zn=h==="error"&&w===null&&(!!xe.current||C),wn=h==="processing",Ut=h==="complete"?f("buyModal.titleComplete"):h==="error"?f("cartCheckout.errorTitle"):h==="nofunds"?f("buyModal.titleNoFunds"):f("buyModal.titleBuy");return Ve&&e?i.jsx(Al,{auth:Ve.auth,signer:e.signer,title:f(Ve.rail==="mana"?"authorizeStep.manaTitle":"authorizeStep.buyTitle"),name:f(Ve.rail==="mana"?"authorizeStep.manaName":"authorizeStep.buyName"),reason:f(Ve.rail==="mana"?"authorizeStep.manaReason":"authorizeStep.buyReason"),icon:i.jsx("img",{src:Hp,width:24,height:24,alt:"","aria-hidden":!0}),onAuthorized:()=>{const{rail:$}=Ve;Ge(null),yn($)},onCancel:()=>Ge(null),onClose:()=>{Ge(null),a()}}):i.jsxs(Au,{role:"dialog","aria-modal":"true","aria-label":f("buyModal.dialogAria",{name:n.name}),"data-testid":"buy-modal",children:[i.jsx(Lu,{onClick:wn?void 0:a,"aria-hidden":!0}),i.jsx(Fu,{"data-tall":h==="processing"||h==="loading"||void 0,children:xa?i.jsx(Fh,{item:n,priceCredits:qe,priceCents:H,options:rt.options,priceManaWei:z??0n,balanceCredits:Te,manaBalanceWei:B,onBuy:$=>void ga($),onClose:a,busy:wn,notice:be?f("buyModal.priceChanged"):r!=null&&r.held?f("buyModal.heldExplainer",{credits:r.held.credits,currency:Ze.name}):null}):i.jsxs(i.Fragment,{children:[i.jsxs(Yu,{children:[i.jsxs(Wu,{children:[i.jsx(Bu,{children:Ut}),!wn&&i.jsx(Hu,{onClick:a,"aria-label":f("buyModal.close"),children:i.jsx(zu,{})})]}),i.jsxs(qu,{children:[i.jsx(Ku,{children:h==="nofunds"?f("buyModal.dclBalance"):f("buyModal.myCreditsBalance")}),i.jsx(Qu,{}),i.jsx(Uu,{children:Lt(Te)})]})]}),h==="loading"&&i.jsx(Xt,{"data-processing":!0,children:i.jsx("span",{className:"spinner","aria-hidden":!0})}),h==="error"&&i.jsxs(Xt,{children:[i.jsxs(Vu,{"data-testid":"buy-error",children:[i.jsx(Gu,{src:Xu,alt:"",width:64,height:80}),i.jsxs(Ju,{children:[i.jsx("b",{children:f("cartCheckout.errorHeadline")})," ",y??(zn?null:f("cartCheckout.errorBody")),zn?i.jsxs(i.Fragment,{children:[y?" ":"",f("cartCheckout.heldLead",{currency:Ze.name}),i.jsx("b",{children:f("cartCheckout.heldBold")}),f("cartCheckout.heldTail",{currency:Ze.name})]}):null]})]}),w!==null?i.jsxs(Cn,{children:[i.jsx(Dt,{"data-variant":"outline",onClick:a,children:f("buyModal.cancel")}),i.jsx(Dt,{"data-variant":"purple","data-testid":"switch-and-retry",onClick:()=>void Xe(w),children:f("buyModal.error.switchAndRetry",{network:Id(w)})})]}):zn?i.jsx(Cn,{children:i.jsx(Dt,{"data-variant":"purple","data-full":!0,onClick:a,children:f("cartCheckout.gotIt")})}):i.jsxs(Cn,{children:[i.jsx(Dt,{"data-variant":"outline",onClick:a,children:f("buyModal.cancel")}),i.jsx(Dt,{"data-variant":"purple",onClick:Hn,children:f("cartCheckout.tryAgain")})]})]}),h==="nofunds"&&i.jsxs(Xt,{children:[N&&z===null&&B>0n?i.jsxs(yr,{"data-testid":"mana-price-unavailable",children:[i.jsx(br,{}),i.jsx(vr,{children:f("buyModal.manaPriceUnavailable")})]}):null,r!=null&&r.held?i.jsxs(yr,{"data-testid":"nofunds-held",children:[i.jsx(br,{}),i.jsx(vr,{children:f("buyModal.heldExplainer",{credits:r.held.credits,currency:Ze.name})})]}):null,i.jsxs(yr,{children:[i.jsx(br,{}),i.jsxs(vr,{children:[i.jsx("b",{children:f("buyModal.insufficientFunds")})," ",f("buyModal.warningNeedToBuy")," ",i.jsx("b",{children:f("buyModal.warningCreditsAmount",{count:Math.max(1,qe-Te)})})," ",f("buyModal.warningToPurchase",{count:1}),In()?null:i.jsxs(i.Fragment,{children:[" ",i.jsx(Zu,{href:Pd("/credits"),target:"_blank",rel:"noopener noreferrer",children:f("buyModal.warningLearnMore")})]})]})]}),i.jsx(Ji,{item:n,priceCredits:qe}),In()?null:i.jsxs(i.Fragment,{children:[i.jsx(ep,{"data-testid":"credit-packs",children:A.map($=>{const G=$.credits,Z=$.id===T;return i.jsxs(tp,{"data-on":Z||void 0,onClick:()=>O($.id),children:[i.jsx(np,{src:rp,alt:""}),i.jsx(ap,{children:Lt(G)}),i.jsxs(op,{children:["($",$.usd.toFixed(2),")"]})]},$.id)})}),i.jsxs(ip,{children:[i.jsxs(sp,{children:[i.jsx(lp,{}),i.jsx("span",{children:Lt(((Rt=A.find($=>$.id===T))==null?void 0:Rt.credits)??0)})]}),i.jsxs(cp,{children:["$",(((bt=A.find($=>$.id===T))==null?void 0:bt.usd)??0).toFixed(2)]})]})]}),i.jsxs(Cn,{children:[i.jsx(Dt,{"data-variant":"outline",onClick:a,children:f("buyModal.cancel")}),In()?null:i.jsx(Dt,{"data-variant":"gradient",onClick:()=>void $e(),children:f("buyModal.buy")})]})]}),h==="ready"&&i.jsxs(Xt,{children:[be&&i.jsxs(yr,{"data-testid":"price-changed",role:"status",children:[i.jsx(br,{}),i.jsx(vr,{children:f("buyModal.priceChanged")})]}),i.jsx(Ji,{item:n,priceCredits:qe}),i.jsx(Cn,{children:i.jsx(Dt,{"data-variant":"gradient","data-full":!0,onClick:()=>void Wn(),children:f("buyModal.buy")})})]}),h==="processing"&&i.jsxs(Xt,{"data-processing":!0,children:[i.jsx(Ll,{src:jl,alt:"",width:61,height:61}),i.jsx(Fl,{children:t?f("buyModal.completingPurchase"):f("buyModal.completingTransaction")}),i.jsx(Yl,{"aria-hidden":!0,children:i.jsx(Wl,{})})]}),h==="complete"&&i.jsxs(Xt,{children:[i.jsx(rf,{}),i.jsxs(dp,{children:[i.jsx(Hh,{}),i.jsxs(up,{children:[i.jsx("b",{children:f("getCredits.successTitle")})," ",f("buyModal.successBody")]})]}),i.jsxs(Cn,{"data-stack":!0,children:[i.jsx(Dt,{"data-variant":"outline",onClick:()=>l(Ed([n.category])),children:f("buyModal.myAssets")}),In()?i.jsx(yi,{"data-variant":"ruby",href:af([n]),onClick:a,children:f("success.goToBackpack")}):i.jsxs(yi,{"data-variant":"ruby",href:of,target:"_blank",rel:"noreferrer",onClick:a,children:[f("buyModal.tryInWorld"),i.jsx(sf,{})]})]})]})]})})]})}function Ji({item:n,priceCredits:a}){return i.jsxs(pp,{children:[i.jsx(fp,{children:n.thumbnail?i.jsx("img",{src:n.thumbnail,alt:""}):null}),i.jsxs(hp,{children:[i.jsxs("div",{children:[i.jsx(mp,{title:n.name,children:n.name||f("buyModal.itemFallback")}),n.creator?i.jsx(gp,{address:n.creator}):null]}),i.jsxs(xp,{children:[i.jsx(yp,{}),i.jsx("span",{children:Lt(a)})]})]})]})}function sc(n){var a,t,e="";if(typeof n=="string"||typeof n=="number")e+=n;else if(typeof n=="object")if(Array.isArray(n)){var r=n.length;for(a=0;a<r;a++)n[a]&&(t=sc(n[a]))&&(e&&(e+=" "),e+=t)}else for(t in n)n[t]&&(e&&(e+=" "),e+=t);return e}function je(){for(var n,a,t=0,e="",r=arguments.length;t<r;t++)(n=arguments[t])&&(a=sc(n))&&(e&&(e+=" "),e+=a);return e}function Y(n){const a=Object.prototype.toString.call(n);return n instanceof Date||typeof n=="object"&&a==="[object Date]"?new n.constructor(+n):typeof n=="number"||a==="[object Number]"||typeof n=="string"||a==="[object String]"?new Date(n):new Date(NaN)}function ue(n,a){return n instanceof Date?new n.constructor(a):new Date(a)}function et(n,a){const t=Y(n);return isNaN(a)?ue(n,NaN):(a&&t.setDate(t.getDate()+a),t)}function nt(n,a){const t=Y(n);if(isNaN(a))return ue(n,NaN);if(!a)return t;const e=t.getDate(),r=ue(n,t.getTime());r.setMonth(t.getMonth()+a+1,0);const o=r.getDate();return e>=o?r:(t.setFullYear(r.getFullYear(),r.getMonth(),e),t)}function vo(n,a){const t=+Y(n);return ue(n,t+a)}const lc=6048e5,qh=864e5,ca=6e4,da=36e5,Kh=1e3;function Qh(n,a){return vo(n,a*da)}let Uh={};function mn(){return Uh}function Pt(n,a){var l,c,p,d;const t=mn(),e=(a==null?void 0:a.weekStartsOn)??((c=(l=a==null?void 0:a.locale)==null?void 0:l.options)==null?void 0:c.weekStartsOn)??t.weekStartsOn??((d=(p=t.locale)==null?void 0:p.options)==null?void 0:d.weekStartsOn)??0,r=Y(n),o=r.getDay(),s=(o<e?7:0)+o-e;return r.setDate(r.getDate()-s),r.setHours(0,0,0,0),r}function On(n){return Pt(n,{weekStartsOn:1})}function cc(n){const a=Y(n),t=a.getFullYear(),e=ue(n,0);e.setFullYear(t+1,0,4),e.setHours(0,0,0,0);const r=On(e),o=ue(n,0);o.setFullYear(t,0,4),o.setHours(0,0,0,0);const s=On(o);return a.getTime()>=r.getTime()?t+1:a.getTime()>=s.getTime()?t:t-1}function un(n){const a=Y(n);return a.setHours(0,0,0,0),a}function Hr(n){const a=Y(n),t=new Date(Date.UTC(a.getFullYear(),a.getMonth(),a.getDate(),a.getHours(),a.getMinutes(),a.getSeconds(),a.getMilliseconds()));return t.setUTCFullYear(a.getFullYear()),+n-+t}function An(n,a){const t=un(n),e=un(a),r=+t-Hr(t),o=+e-Hr(e);return Math.round((r-o)/qh)}function Vh(n){const a=cc(n),t=ue(n,0);return t.setFullYear(a,0,4),t.setHours(0,0,0,0),On(t)}function oo(n,a){return vo(n,a*ca)}function wo(n,a){const t=a*3;return nt(n,t)}function Gh(n,a){return vo(n,a*1e3)}function zr(n,a){const t=a*7;return et(n,t)}function Mt(n,a){return nt(n,a*12)}function Zi(n){let a;return n.forEach(function(t){const e=Y(t);(a===void 0||a<e||isNaN(Number(e)))&&(a=e)}),a||new Date(NaN)}function es(n){let a;return n.forEach(t=>{const e=Y(t);(!a||a>e||isNaN(+e))&&(a=e)}),a||new Date(NaN)}function Xh(n,a){const t=un(n),e=un(a);return+t==+e}function _t(n){return n instanceof Date||typeof n=="object"&&Object.prototype.toString.call(n)==="[object Date]"}function qr(n){if(!_t(n)&&typeof n!="number")return!1;const a=Y(n);return!isNaN(Number(a))}function Kr(n,a){const t=Y(n),e=Y(a),r=t.getFullYear()-e.getFullYear(),o=t.getMonth()-e.getMonth();return r*12+o}function rn(n){const a=Y(n);return Math.trunc(a.getMonth()/3)+1}function Qr(n,a){const t=Y(n),e=Y(a),r=t.getFullYear()-e.getFullYear(),o=rn(t)-rn(e);return r*4+o}function Ur(n,a){const t=Y(n),e=Y(a);return t.getFullYear()-e.getFullYear()}function Jh(n,a){const t=Y(n),e=Y(a),r=ts(t,e),o=Math.abs(An(t,e));t.setDate(t.getDate()-r*o);const s=+(ts(t,e)===-r),l=r*(o-s);return l===0?0:l}function ts(n,a){const t=n.getFullYear()-a.getFullYear()||n.getMonth()-a.getMonth()||n.getDate()-a.getDate()||n.getHours()-a.getHours()||n.getMinutes()-a.getMinutes()||n.getSeconds()-a.getSeconds()||n.getMilliseconds()-a.getMilliseconds();return t<0?-1:t>0?1:t}function dc(n){const a=Y(n);return a.setHours(23,59,59,999),a}function uc(n){const a=Y(n),t=a.getMonth();return a.setFullYear(a.getFullYear(),t+1,0),a.setHours(23,59,59,999),a}function io(n){const a=Y(n),t=a.getMonth(),e=t-t%3;return a.setMonth(e,1),a.setHours(0,0,0,0),a}function pc(n){const a=Y(n);return a.setDate(1),a.setHours(0,0,0,0),a}function fc(n){const a=Y(n),t=a.getFullYear();return a.setFullYear(t+1,0,0),a.setHours(23,59,59,999),a}function ua(n){const a=Y(n),t=ue(n,0);return t.setFullYear(a.getFullYear(),0,1),t.setHours(0,0,0,0),t}function Zh(n,a){var l,c;const t=mn(),e=t.weekStartsOn??((c=(l=t.locale)==null?void 0:l.options)==null?void 0:c.weekStartsOn)??0,r=Y(n),o=r.getDay(),s=(o<e?-7:0)+6-(o-e);return r.setDate(r.getDate()+s),r.setHours(23,59,59,999),r}const em={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},tm=(n,a,t)=>{let e;const r=em[n];return typeof r=="string"?e=r:a===1?e=r.one:e=r.other.replace("{{count}}",a.toString()),t!=null&&t.addSuffix?t.comparison&&t.comparison>0?"in "+e:e+" ago":e};function Ia(n){return(a={})=>{const t=a.width?String(a.width):n.defaultWidth;return n.formats[t]||n.formats[n.defaultWidth]}}const nm={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},rm={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},am={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},om={date:Ia({formats:nm,defaultWidth:"full"}),time:Ia({formats:rm,defaultWidth:"full"}),dateTime:Ia({formats:am,defaultWidth:"full"})},im={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},sm=(n,a,t,e)=>im[n];function Qn(n){return(a,t)=>{const e=t!=null&&t.context?String(t.context):"standalone";let r;if(e==="formatting"&&n.formattingValues){const s=n.defaultFormattingWidth||n.defaultWidth,l=t!=null&&t.width?String(t.width):s;r=n.formattingValues[l]||n.formattingValues[s]}else{const s=n.defaultWidth,l=t!=null&&t.width?String(t.width):n.defaultWidth;r=n.values[l]||n.values[s]}const o=n.argumentCallback?n.argumentCallback(a):a;return r[o]}}const lm={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},cm={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},dm={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},um={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},pm={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},fm={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},hm=(n,a)=>{const t=Number(n),e=t%100;if(e>20||e<10)switch(e%10){case 1:return t+"st";case 2:return t+"nd";case 3:return t+"rd"}return t+"th"},mm={ordinalNumber:hm,era:Qn({values:lm,defaultWidth:"wide"}),quarter:Qn({values:cm,defaultWidth:"wide",argumentCallback:n=>n-1}),month:Qn({values:dm,defaultWidth:"wide"}),day:Qn({values:um,defaultWidth:"wide"}),dayPeriod:Qn({values:pm,defaultWidth:"wide",formattingValues:fm,defaultFormattingWidth:"wide"})};function Un(n){return(a,t={})=>{const e=t.width,r=e&&n.matchPatterns[e]||n.matchPatterns[n.defaultMatchWidth],o=a.match(r);if(!o)return null;const s=o[0],l=e&&n.parsePatterns[e]||n.parsePatterns[n.defaultParseWidth],c=Array.isArray(l)?xm(l,h=>h.test(s)):gm(l,h=>h.test(s));let p;p=n.valueCallback?n.valueCallback(c):c,p=t.valueCallback?t.valueCallback(p):p;const d=a.slice(s.length);return{value:p,rest:d}}}function gm(n,a){for(const t in n)if(Object.prototype.hasOwnProperty.call(n,t)&&a(n[t]))return t}function xm(n,a){for(let t=0;t<n.length;t++)if(a(n[t]))return t}function ym(n){return(a,t={})=>{const e=a.match(n.matchPattern);if(!e)return null;const r=e[0],o=a.match(n.parsePattern);if(!o)return null;let s=n.valueCallback?n.valueCallback(o[0]):o[0];s=t.valueCallback?t.valueCallback(s):s;const l=a.slice(r.length);return{value:s,rest:l}}}const bm=/^(\d+)(th|st|nd|rd)?/i,vm=/\d+/i,wm={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},km={any:[/^b/i,/^(a|c)/i]},Dm={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},Cm={any:[/1/i,/2/i,/3/i,/4/i]},Sm={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},Mm={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},_m={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},jm={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},Im={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},Pm={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},Em={ordinalNumber:ym({matchPattern:bm,parsePattern:vm,valueCallback:n=>parseInt(n,10)}),era:Un({matchPatterns:wm,defaultMatchWidth:"wide",parsePatterns:km,defaultParseWidth:"any"}),quarter:Un({matchPatterns:Dm,defaultMatchWidth:"wide",parsePatterns:Cm,defaultParseWidth:"any",valueCallback:n=>n+1}),month:Un({matchPatterns:Sm,defaultMatchWidth:"wide",parsePatterns:Mm,defaultParseWidth:"any"}),day:Un({matchPatterns:_m,defaultMatchWidth:"wide",parsePatterns:jm,defaultParseWidth:"any"}),dayPeriod:Un({matchPatterns:Im,defaultMatchWidth:"any",parsePatterns:Pm,defaultParseWidth:"any"})},hc={code:"en-US",formatDistance:tm,formatLong:om,formatRelative:sm,localize:mm,match:Em,options:{weekStartsOn:0,firstWeekContainsDate:1}};function Tm(n){const a=Y(n);return An(a,ua(a))+1}function ko(n){const a=Y(n),t=+On(a)-+Vh(a);return Math.round(t/lc)+1}function Do(n,a){var d,h,x,y;const t=Y(n),e=t.getFullYear(),r=mn(),o=(a==null?void 0:a.firstWeekContainsDate)??((h=(d=a==null?void 0:a.locale)==null?void 0:d.options)==null?void 0:h.firstWeekContainsDate)??r.firstWeekContainsDate??((y=(x=r.locale)==null?void 0:x.options)==null?void 0:y.firstWeekContainsDate)??1,s=ue(n,0);s.setFullYear(e+1,0,o),s.setHours(0,0,0,0);const l=Pt(s,a),c=ue(n,0);c.setFullYear(e,0,o),c.setHours(0,0,0,0);const p=Pt(c,a);return t.getTime()>=l.getTime()?e+1:t.getTime()>=p.getTime()?e:e-1}function $m(n,a){var l,c,p,d;const t=mn(),e=(a==null?void 0:a.firstWeekContainsDate)??((c=(l=a==null?void 0:a.locale)==null?void 0:l.options)==null?void 0:c.firstWeekContainsDate)??t.firstWeekContainsDate??((d=(p=t.locale)==null?void 0:p.options)==null?void 0:d.firstWeekContainsDate)??1,r=Do(n,a),o=ue(n,0);return o.setFullYear(r,0,e),o.setHours(0,0,0,0),Pt(o,a)}function mc(n,a){const t=Y(n),e=+Pt(t,a)-+$m(t,a);return Math.round(e/lc)+1}function de(n,a){const t=n<0?"-":"",e=Math.abs(n).toString().padStart(a,"0");return t+e}const Nt={y(n,a){const t=n.getFullYear(),e=t>0?t:1-t;return de(a==="yy"?e%100:e,a.length)},M(n,a){const t=n.getMonth();return a==="M"?String(t+1):de(t+1,2)},d(n,a){return de(n.getDate(),a.length)},a(n,a){const t=n.getHours()/12>=1?"pm":"am";switch(a){case"a":case"aa":return t.toUpperCase();case"aaa":return t;case"aaaaa":return t[0];case"aaaa":default:return t==="am"?"a.m.":"p.m."}},h(n,a){return de(n.getHours()%12||12,a.length)},H(n,a){return de(n.getHours(),a.length)},m(n,a){return de(n.getMinutes(),a.length)},s(n,a){return de(n.getSeconds(),a.length)},S(n,a){const t=a.length,e=n.getMilliseconds(),r=Math.trunc(e*Math.pow(10,t-3));return de(r,a.length)}},Sn={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},ns={G:function(n,a,t){const e=n.getFullYear()>0?1:0;switch(a){case"G":case"GG":case"GGG":return t.era(e,{width:"abbreviated"});case"GGGGG":return t.era(e,{width:"narrow"});case"GGGG":default:return t.era(e,{width:"wide"})}},y:function(n,a,t){if(a==="yo"){const e=n.getFullYear(),r=e>0?e:1-e;return t.ordinalNumber(r,{unit:"year"})}return Nt.y(n,a)},Y:function(n,a,t,e){const r=Do(n,e),o=r>0?r:1-r;if(a==="YY"){const s=o%100;return de(s,2)}return a==="Yo"?t.ordinalNumber(o,{unit:"year"}):de(o,a.length)},R:function(n,a){const t=cc(n);return de(t,a.length)},u:function(n,a){const t=n.getFullYear();return de(t,a.length)},Q:function(n,a,t){const e=Math.ceil((n.getMonth()+1)/3);switch(a){case"Q":return String(e);case"QQ":return de(e,2);case"Qo":return t.ordinalNumber(e,{unit:"quarter"});case"QQQ":return t.quarter(e,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(e,{width:"narrow",context:"formatting"});case"QQQQ":default:return t.quarter(e,{width:"wide",context:"formatting"})}},q:function(n,a,t){const e=Math.ceil((n.getMonth()+1)/3);switch(a){case"q":return String(e);case"qq":return de(e,2);case"qo":return t.ordinalNumber(e,{unit:"quarter"});case"qqq":return t.quarter(e,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(e,{width:"narrow",context:"standalone"});case"qqqq":default:return t.quarter(e,{width:"wide",context:"standalone"})}},M:function(n,a,t){const e=n.getMonth();switch(a){case"M":case"MM":return Nt.M(n,a);case"Mo":return t.ordinalNumber(e+1,{unit:"month"});case"MMM":return t.month(e,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(e,{width:"narrow",context:"formatting"});case"MMMM":default:return t.month(e,{width:"wide",context:"formatting"})}},L:function(n,a,t){const e=n.getMonth();switch(a){case"L":return String(e+1);case"LL":return de(e+1,2);case"Lo":return t.ordinalNumber(e+1,{unit:"month"});case"LLL":return t.month(e,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(e,{width:"narrow",context:"standalone"});case"LLLL":default:return t.month(e,{width:"wide",context:"standalone"})}},w:function(n,a,t,e){const r=mc(n,e);return a==="wo"?t.ordinalNumber(r,{unit:"week"}):de(r,a.length)},I:function(n,a,t){const e=ko(n);return a==="Io"?t.ordinalNumber(e,{unit:"week"}):de(e,a.length)},d:function(n,a,t){return a==="do"?t.ordinalNumber(n.getDate(),{unit:"date"}):Nt.d(n,a)},D:function(n,a,t){const e=Tm(n);return a==="Do"?t.ordinalNumber(e,{unit:"dayOfYear"}):de(e,a.length)},E:function(n,a,t){const e=n.getDay();switch(a){case"E":case"EE":case"EEE":return t.day(e,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(e,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(e,{width:"short",context:"formatting"});case"EEEE":default:return t.day(e,{width:"wide",context:"formatting"})}},e:function(n,a,t,e){const r=n.getDay(),o=(r-e.weekStartsOn+8)%7||7;switch(a){case"e":return String(o);case"ee":return de(o,2);case"eo":return t.ordinalNumber(o,{unit:"day"});case"eee":return t.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return t.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return t.day(r,{width:"short",context:"formatting"});case"eeee":default:return t.day(r,{width:"wide",context:"formatting"})}},c:function(n,a,t,e){const r=n.getDay(),o=(r-e.weekStartsOn+8)%7||7;switch(a){case"c":return String(o);case"cc":return de(o,a.length);case"co":return t.ordinalNumber(o,{unit:"day"});case"ccc":return t.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return t.day(r,{width:"narrow",context:"standalone"});case"cccccc":return t.day(r,{width:"short",context:"standalone"});case"cccc":default:return t.day(r,{width:"wide",context:"standalone"})}},i:function(n,a,t){const e=n.getDay(),r=e===0?7:e;switch(a){case"i":return String(r);case"ii":return de(r,a.length);case"io":return t.ordinalNumber(r,{unit:"day"});case"iii":return t.day(e,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(e,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(e,{width:"short",context:"formatting"});case"iiii":default:return t.day(e,{width:"wide",context:"formatting"})}},a:function(n,a,t){const r=n.getHours()/12>=1?"pm":"am";switch(a){case"a":case"aa":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(r,{width:"narrow",context:"formatting"});case"aaaa":default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},b:function(n,a,t){const e=n.getHours();let r;switch(e===12?r=Sn.noon:e===0?r=Sn.midnight:r=e/12>=1?"pm":"am",a){case"b":case"bb":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(r,{width:"narrow",context:"formatting"});case"bbbb":default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(n,a,t){const e=n.getHours();let r;switch(e>=17?r=Sn.evening:e>=12?r=Sn.afternoon:e>=4?r=Sn.morning:r=Sn.night,a){case"B":case"BB":case"BBB":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(r,{width:"narrow",context:"formatting"});case"BBBB":default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(n,a,t){if(a==="ho"){let e=n.getHours()%12;return e===0&&(e=12),t.ordinalNumber(e,{unit:"hour"})}return Nt.h(n,a)},H:function(n,a,t){return a==="Ho"?t.ordinalNumber(n.getHours(),{unit:"hour"}):Nt.H(n,a)},K:function(n,a,t){const e=n.getHours()%12;return a==="Ko"?t.ordinalNumber(e,{unit:"hour"}):de(e,a.length)},k:function(n,a,t){let e=n.getHours();return e===0&&(e=24),a==="ko"?t.ordinalNumber(e,{unit:"hour"}):de(e,a.length)},m:function(n,a,t){return a==="mo"?t.ordinalNumber(n.getMinutes(),{unit:"minute"}):Nt.m(n,a)},s:function(n,a,t){return a==="so"?t.ordinalNumber(n.getSeconds(),{unit:"second"}):Nt.s(n,a)},S:function(n,a){return Nt.S(n,a)},X:function(n,a,t){const e=n.getTimezoneOffset();if(e===0)return"Z";switch(a){case"X":return as(e);case"XXXX":case"XX":return Jt(e);case"XXXXX":case"XXX":default:return Jt(e,":")}},x:function(n,a,t){const e=n.getTimezoneOffset();switch(a){case"x":return as(e);case"xxxx":case"xx":return Jt(e);case"xxxxx":case"xxx":default:return Jt(e,":")}},O:function(n,a,t){const e=n.getTimezoneOffset();switch(a){case"O":case"OO":case"OOO":return"GMT"+rs(e,":");case"OOOO":default:return"GMT"+Jt(e,":")}},z:function(n,a,t){const e=n.getTimezoneOffset();switch(a){case"z":case"zz":case"zzz":return"GMT"+rs(e,":");case"zzzz":default:return"GMT"+Jt(e,":")}},t:function(n,a,t){const e=Math.trunc(n.getTime()/1e3);return de(e,a.length)},T:function(n,a,t){const e=n.getTime();return de(e,a.length)}};function rs(n,a=""){const t=n>0?"-":"+",e=Math.abs(n),r=Math.trunc(e/60),o=e%60;return o===0?t+String(r):t+String(r)+a+de(o,2)}function as(n,a){return n%60===0?(n>0?"-":"+")+de(Math.abs(n)/60,2):Jt(n,a)}function Jt(n,a=""){const t=n>0?"-":"+",e=Math.abs(n),r=de(Math.trunc(e/60),2),o=de(e%60,2);return t+r+a+o}const os=(n,a)=>{switch(n){case"P":return a.date({width:"short"});case"PP":return a.date({width:"medium"});case"PPP":return a.date({width:"long"});case"PPPP":default:return a.date({width:"full"})}},gc=(n,a)=>{switch(n){case"p":return a.time({width:"short"});case"pp":return a.time({width:"medium"});case"ppp":return a.time({width:"long"});case"pppp":default:return a.time({width:"full"})}},Rm=(n,a)=>{const t=n.match(/(P+)(p+)?/)||[],e=t[1],r=t[2];if(!r)return os(n,a);let o;switch(e){case"P":o=a.dateTime({width:"short"});break;case"PP":o=a.dateTime({width:"medium"});break;case"PPP":o=a.dateTime({width:"long"});break;case"PPPP":default:o=a.dateTime({width:"full"});break}return o.replace("{{date}}",os(e,a)).replace("{{time}}",gc(r,a))},Vr={p:gc,P:Rm},Nm=/^D+$/,Om=/^Y+$/,Am=["D","DD","YY","YYYY"];function xc(n){return Nm.test(n)}function yc(n){return Om.test(n)}function so(n,a,t){const e=Lm(n,a,t);if(console.warn(e),Am.includes(n))throw new RangeError(e)}function Lm(n,a,t){const e=n[0]==="Y"?"years":"days of the month";return`Use \`${n.toLowerCase()}\` instead of \`${n}\` (in \`${a}\`) for formatting ${e} to the input \`${t}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}const Fm=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Ym=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Wm=/^'([^]*?)'?$/,Bm=/''/g,Hm=/[a-zA-Z]/;function is(n,a,t){var d,h,x,y,v,w,k,C;const e=mn(),r=(t==null?void 0:t.locale)??e.locale??hc,o=(t==null?void 0:t.firstWeekContainsDate)??((h=(d=t==null?void 0:t.locale)==null?void 0:d.options)==null?void 0:h.firstWeekContainsDate)??e.firstWeekContainsDate??((y=(x=e.locale)==null?void 0:x.options)==null?void 0:y.firstWeekContainsDate)??1,s=(t==null?void 0:t.weekStartsOn)??((w=(v=t==null?void 0:t.locale)==null?void 0:v.options)==null?void 0:w.weekStartsOn)??e.weekStartsOn??((C=(k=e.locale)==null?void 0:k.options)==null?void 0:C.weekStartsOn)??0,l=Y(n);if(!qr(l))throw new RangeError("Invalid time value");let c=a.match(Ym).map(D=>{const E=D[0];if(E==="p"||E==="P"){const g=Vr[E];return g(D,r.formatLong)}return D}).join("").match(Fm).map(D=>{if(D==="''")return{isToken:!1,value:"'"};const E=D[0];if(E==="'")return{isToken:!1,value:zm(D)};if(ns[E])return{isToken:!0,value:D};if(E.match(Hm))throw new RangeError("Format string contains an unescaped latin alphabet character `"+E+"`");return{isToken:!1,value:D}});r.localize.preprocessor&&(c=r.localize.preprocessor(l,c));const p={firstWeekContainsDate:o,weekStartsOn:s,locale:r};return c.map(D=>{if(!D.isToken)return D.value;const E=D.value;(!(t!=null&&t.useAdditionalWeekYearTokens)&&yc(E)||!(t!=null&&t.useAdditionalDayOfYearTokens)&&xc(E))&&so(E,a,String(n));const g=ns[E[0]];return g(l,E,r.localize,p)}).join("")}function zm(n){const a=n.match(Wm);return a?a[1].replace(Bm,"'"):n}function ss(n){return Y(n).getDate()}function qm(n){return Y(n).getDay()}function Km(n){const a=Y(n),t=a.getFullYear(),e=a.getMonth(),r=ue(n,0);return r.setFullYear(t,e+1,0),r.setHours(0,0,0,0),r.getDate()}function Qm(){return Object.assign({},mn())}function xt(n){return Y(n).getHours()}function Um(n){let t=Y(n).getDay();return t===0&&(t=7),t}function yt(n){return Y(n).getMinutes()}function Ne(n){return Y(n).getMonth()}function jt(n){return Y(n).getSeconds()}function lo(n){return Y(n).getTime()}function ae(n){return Y(n).getFullYear()}function Bt(n,a){const t=Y(n),e=Y(a);return t.getTime()>e.getTime()}function pn(n,a){const t=Y(n),e=Y(a);return+t<+e}function Vm(n,a){const t=Y(n),e=Y(a);return+t==+e}function Gm(n,a){const t=a instanceof Date?ue(a,0):new a(0);return t.setFullYear(n.getFullYear(),n.getMonth(),n.getDate()),t.setHours(n.getHours(),n.getMinutes(),n.getSeconds(),n.getMilliseconds()),t}const Xm=10;class bc{constructor(){W(this,"subPriority",0)}validate(a,t){return!0}}class Jm extends bc{constructor(a,t,e,r,o){super(),this.value=a,this.validateValue=t,this.setValue=e,this.priority=r,o&&(this.subPriority=o)}validate(a,t){return this.validateValue(a,this.value,t)}set(a,t,e){return this.setValue(a,t,this.value,e)}}class Zm extends bc{constructor(){super(...arguments);W(this,"priority",Xm);W(this,"subPriority",-1)}set(t,e){return e.timestampIsSet?t:ue(t,Gm(t,Date))}}class ce{run(a,t,e,r){const o=this.parse(a,t,e,r);return o?{setter:new Jm(o.value,this.validate,this.set,this.priority,this.subPriority),rest:o.rest}:null}validate(a,t,e){return!0}}class eg extends ce{constructor(){super(...arguments);W(this,"priority",140);W(this,"incompatibleTokens",["R","u","t","T"])}parse(t,e,r){switch(e){case"G":case"GG":case"GGG":return r.era(t,{width:"abbreviated"})||r.era(t,{width:"narrow"});case"GGGGG":return r.era(t,{width:"narrow"});case"GGGG":default:return r.era(t,{width:"wide"})||r.era(t,{width:"abbreviated"})||r.era(t,{width:"narrow"})}}set(t,e,r){return e.era=r,t.setFullYear(r,0,1),t.setHours(0,0,0,0),t}}const we={month:/^(1[0-2]|0?\d)/,date:/^(3[0-1]|[0-2]?\d)/,dayOfYear:/^(36[0-6]|3[0-5]\d|[0-2]?\d?\d)/,week:/^(5[0-3]|[0-4]?\d)/,hour23h:/^(2[0-3]|[0-1]?\d)/,hour24h:/^(2[0-4]|[0-1]?\d)/,hour11h:/^(1[0-1]|0?\d)/,hour12h:/^(1[0-2]|0?\d)/,minute:/^[0-5]?\d/,second:/^[0-5]?\d/,singleDigit:/^\d/,twoDigits:/^\d{1,2}/,threeDigits:/^\d{1,3}/,fourDigits:/^\d{1,4}/,anyDigitsSigned:/^-?\d+/,singleDigitSigned:/^-?\d/,twoDigitsSigned:/^-?\d{1,2}/,threeDigitsSigned:/^-?\d{1,3}/,fourDigitsSigned:/^-?\d{1,4}/},ht={basicOptionalMinutes:/^([+-])(\d{2})(\d{2})?|Z/,basic:/^([+-])(\d{2})(\d{2})|Z/,basicOptionalSeconds:/^([+-])(\d{2})(\d{2})((\d{2}))?|Z/,extended:/^([+-])(\d{2}):(\d{2})|Z/,extendedOptionalSeconds:/^([+-])(\d{2}):(\d{2})(:(\d{2}))?|Z/};function ke(n,a){return n&&{value:a(n.value),rest:n.rest}}function ge(n,a){const t=a.match(n);return t?{value:parseInt(t[0],10),rest:a.slice(t[0].length)}:null}function mt(n,a){const t=a.match(n);if(!t)return null;if(t[0]==="Z")return{value:0,rest:a.slice(1)};const e=t[1]==="+"?1:-1,r=t[2]?parseInt(t[2],10):0,o=t[3]?parseInt(t[3],10):0,s=t[5]?parseInt(t[5],10):0;return{value:e*(r*da+o*ca+s*Kh),rest:a.slice(t[0].length)}}function vc(n){return ge(we.anyDigitsSigned,n)}function ye(n,a){switch(n){case 1:return ge(we.singleDigit,a);case 2:return ge(we.twoDigits,a);case 3:return ge(we.threeDigits,a);case 4:return ge(we.fourDigits,a);default:return ge(new RegExp("^\\d{1,"+n+"}"),a)}}function Gr(n,a){switch(n){case 1:return ge(we.singleDigitSigned,a);case 2:return ge(we.twoDigitsSigned,a);case 3:return ge(we.threeDigitsSigned,a);case 4:return ge(we.fourDigitsSigned,a);default:return ge(new RegExp("^-?\\d{1,"+n+"}"),a)}}function Co(n){switch(n){case"morning":return 4;case"evening":return 17;case"pm":case"noon":case"afternoon":return 12;case"am":case"midnight":case"night":default:return 0}}function wc(n,a){const t=a>0,e=t?a:1-a;let r;if(e<=50)r=n||100;else{const o=e+50,s=Math.trunc(o/100)*100,l=n>=o%100;r=n+s-(l?100:0)}return t?r:1-r}function kc(n){return n%400===0||n%4===0&&n%100!==0}class tg extends ce{constructor(){super(...arguments);W(this,"priority",130);W(this,"incompatibleTokens",["Y","R","u","w","I","i","e","c","t","T"])}parse(t,e,r){const o=s=>({year:s,isTwoDigitYear:e==="yy"});switch(e){case"y":return ke(ye(4,t),o);case"yo":return ke(r.ordinalNumber(t,{unit:"year"}),o);default:return ke(ye(e.length,t),o)}}validate(t,e){return e.isTwoDigitYear||e.year>0}set(t,e,r){const o=t.getFullYear();if(r.isTwoDigitYear){const l=wc(r.year,o);return t.setFullYear(l,0,1),t.setHours(0,0,0,0),t}const s=!("era"in e)||e.era===1?r.year:1-r.year;return t.setFullYear(s,0,1),t.setHours(0,0,0,0),t}}class ng extends ce{constructor(){super(...arguments);W(this,"priority",130);W(this,"incompatibleTokens",["y","R","u","Q","q","M","L","I","d","D","i","t","T"])}parse(t,e,r){const o=s=>({year:s,isTwoDigitYear:e==="YY"});switch(e){case"Y":return ke(ye(4,t),o);case"Yo":return ke(r.ordinalNumber(t,{unit:"year"}),o);default:return ke(ye(e.length,t),o)}}validate(t,e){return e.isTwoDigitYear||e.year>0}set(t,e,r,o){const s=Do(t,o);if(r.isTwoDigitYear){const c=wc(r.year,s);return t.setFullYear(c,0,o.firstWeekContainsDate),t.setHours(0,0,0,0),Pt(t,o)}const l=!("era"in e)||e.era===1?r.year:1-r.year;return t.setFullYear(l,0,o.firstWeekContainsDate),t.setHours(0,0,0,0),Pt(t,o)}}class rg extends ce{constructor(){super(...arguments);W(this,"priority",130);W(this,"incompatibleTokens",["G","y","Y","u","Q","q","M","L","w","d","D","e","c","t","T"])}parse(t,e){return Gr(e==="R"?4:e.length,t)}set(t,e,r){const o=ue(t,0);return o.setFullYear(r,0,4),o.setHours(0,0,0,0),On(o)}}class ag extends ce{constructor(){super(...arguments);W(this,"priority",130);W(this,"incompatibleTokens",["G","y","Y","R","w","I","i","e","c","t","T"])}parse(t,e){return Gr(e==="u"?4:e.length,t)}set(t,e,r){return t.setFullYear(r,0,1),t.setHours(0,0,0,0),t}}class og extends ce{constructor(){super(...arguments);W(this,"priority",120);W(this,"incompatibleTokens",["Y","R","q","M","L","w","I","d","D","i","e","c","t","T"])}parse(t,e,r){switch(e){case"Q":case"QQ":return ye(e.length,t);case"Qo":return r.ordinalNumber(t,{unit:"quarter"});case"QQQ":return r.quarter(t,{width:"abbreviated",context:"formatting"})||r.quarter(t,{width:"narrow",context:"formatting"});case"QQQQQ":return r.quarter(t,{width:"narrow",context:"formatting"});case"QQQQ":default:return r.quarter(t,{width:"wide",context:"formatting"})||r.quarter(t,{width:"abbreviated",context:"formatting"})||r.quarter(t,{width:"narrow",context:"formatting"})}}validate(t,e){return e>=1&&e<=4}set(t,e,r){return t.setMonth((r-1)*3,1),t.setHours(0,0,0,0),t}}class ig extends ce{constructor(){super(...arguments);W(this,"priority",120);W(this,"incompatibleTokens",["Y","R","Q","M","L","w","I","d","D","i","e","c","t","T"])}parse(t,e,r){switch(e){case"q":case"qq":return ye(e.length,t);case"qo":return r.ordinalNumber(t,{unit:"quarter"});case"qqq":return r.quarter(t,{width:"abbreviated",context:"standalone"})||r.quarter(t,{width:"narrow",context:"standalone"});case"qqqqq":return r.quarter(t,{width:"narrow",context:"standalone"});case"qqqq":default:return r.quarter(t,{width:"wide",context:"standalone"})||r.quarter(t,{width:"abbreviated",context:"standalone"})||r.quarter(t,{width:"narrow",context:"standalone"})}}validate(t,e){return e>=1&&e<=4}set(t,e,r){return t.setMonth((r-1)*3,1),t.setHours(0,0,0,0),t}}class sg extends ce{constructor(){super(...arguments);W(this,"incompatibleTokens",["Y","R","q","Q","L","w","I","D","i","e","c","t","T"]);W(this,"priority",110)}parse(t,e,r){const o=s=>s-1;switch(e){case"M":return ke(ge(we.month,t),o);case"MM":return ke(ye(2,t),o);case"Mo":return ke(r.ordinalNumber(t,{unit:"month"}),o);case"MMM":return r.month(t,{width:"abbreviated",context:"formatting"})||r.month(t,{width:"narrow",context:"formatting"});case"MMMMM":return r.month(t,{width:"narrow",context:"formatting"});case"MMMM":default:return r.month(t,{width:"wide",context:"formatting"})||r.month(t,{width:"abbreviated",context:"formatting"})||r.month(t,{width:"narrow",context:"formatting"})}}validate(t,e){return e>=0&&e<=11}set(t,e,r){return t.setMonth(r,1),t.setHours(0,0,0,0),t}}class lg extends ce{constructor(){super(...arguments);W(this,"priority",110);W(this,"incompatibleTokens",["Y","R","q","Q","M","w","I","D","i","e","c","t","T"])}parse(t,e,r){const o=s=>s-1;switch(e){case"L":return ke(ge(we.month,t),o);case"LL":return ke(ye(2,t),o);case"Lo":return ke(r.ordinalNumber(t,{unit:"month"}),o);case"LLL":return r.month(t,{width:"abbreviated",context:"standalone"})||r.month(t,{width:"narrow",context:"standalone"});case"LLLLL":return r.month(t,{width:"narrow",context:"standalone"});case"LLLL":default:return r.month(t,{width:"wide",context:"standalone"})||r.month(t,{width:"abbreviated",context:"standalone"})||r.month(t,{width:"narrow",context:"standalone"})}}validate(t,e){return e>=0&&e<=11}set(t,e,r){return t.setMonth(r,1),t.setHours(0,0,0,0),t}}function cg(n,a,t){const e=Y(n),r=mc(e,t)-a;return e.setDate(e.getDate()-r*7),e}class dg extends ce{constructor(){super(...arguments);W(this,"priority",100);W(this,"incompatibleTokens",["y","R","u","q","Q","M","L","I","d","D","i","t","T"])}parse(t,e,r){switch(e){case"w":return ge(we.week,t);case"wo":return r.ordinalNumber(t,{unit:"week"});default:return ye(e.length,t)}}validate(t,e){return e>=1&&e<=53}set(t,e,r,o){return Pt(cg(t,r,o),o)}}function ug(n,a){const t=Y(n),e=ko(t)-a;return t.setDate(t.getDate()-e*7),t}class pg extends ce{constructor(){super(...arguments);W(this,"priority",100);W(this,"incompatibleTokens",["y","Y","u","q","Q","M","L","w","d","D","e","c","t","T"])}parse(t,e,r){switch(e){case"I":return ge(we.week,t);case"Io":return r.ordinalNumber(t,{unit:"week"});default:return ye(e.length,t)}}validate(t,e){return e>=1&&e<=53}set(t,e,r){return On(ug(t,r))}}const fg=[31,28,31,30,31,30,31,31,30,31,30,31],hg=[31,29,31,30,31,30,31,31,30,31,30,31];class mg extends ce{constructor(){super(...arguments);W(this,"priority",90);W(this,"subPriority",1);W(this,"incompatibleTokens",["Y","R","q","Q","w","I","D","i","e","c","t","T"])}parse(t,e,r){switch(e){case"d":return ge(we.date,t);case"do":return r.ordinalNumber(t,{unit:"date"});default:return ye(e.length,t)}}validate(t,e){const r=t.getFullYear(),o=kc(r),s=t.getMonth();return o?e>=1&&e<=hg[s]:e>=1&&e<=fg[s]}set(t,e,r){return t.setDate(r),t.setHours(0,0,0,0),t}}class gg extends ce{constructor(){super(...arguments);W(this,"priority",90);W(this,"subpriority",1);W(this,"incompatibleTokens",["Y","R","q","Q","M","L","w","I","d","E","i","e","c","t","T"])}parse(t,e,r){switch(e){case"D":case"DD":return ge(we.dayOfYear,t);case"Do":return r.ordinalNumber(t,{unit:"date"});default:return ye(e.length,t)}}validate(t,e){const r=t.getFullYear();return kc(r)?e>=1&&e<=366:e>=1&&e<=365}set(t,e,r){return t.setMonth(0,r),t.setHours(0,0,0,0),t}}function So(n,a,t){var h,x,y,v;const e=mn(),r=(t==null?void 0:t.weekStartsOn)??((x=(h=t==null?void 0:t.locale)==null?void 0:h.options)==null?void 0:x.weekStartsOn)??e.weekStartsOn??((v=(y=e.locale)==null?void 0:y.options)==null?void 0:v.weekStartsOn)??0,o=Y(n),s=o.getDay(),c=(a%7+7)%7,p=7-r,d=a<0||a>6?a-(s+p)%7:(c+p)%7-(s+p)%7;return et(o,d)}class xg extends ce{constructor(){super(...arguments);W(this,"priority",90);W(this,"incompatibleTokens",["D","i","e","c","t","T"])}parse(t,e,r){switch(e){case"E":case"EE":case"EEE":return r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"});case"EEEEE":return r.day(t,{width:"narrow",context:"formatting"});case"EEEEEE":return r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"});case"EEEE":default:return r.day(t,{width:"wide",context:"formatting"})||r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"})}}validate(t,e){return e>=0&&e<=6}set(t,e,r,o){return t=So(t,r,o),t.setHours(0,0,0,0),t}}class yg extends ce{constructor(){super(...arguments);W(this,"priority",90);W(this,"incompatibleTokens",["y","R","u","q","Q","M","L","I","d","D","E","i","c","t","T"])}parse(t,e,r,o){const s=l=>{const c=Math.floor((l-1)/7)*7;return(l+o.weekStartsOn+6)%7+c};switch(e){case"e":case"ee":return ke(ye(e.length,t),s);case"eo":return ke(r.ordinalNumber(t,{unit:"day"}),s);case"eee":return r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"});case"eeeee":return r.day(t,{width:"narrow",context:"formatting"});case"eeeeee":return r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"});case"eeee":default:return r.day(t,{width:"wide",context:"formatting"})||r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"})}}validate(t,e){return e>=0&&e<=6}set(t,e,r,o){return t=So(t,r,o),t.setHours(0,0,0,0),t}}class bg extends ce{constructor(){super(...arguments);W(this,"priority",90);W(this,"incompatibleTokens",["y","R","u","q","Q","M","L","I","d","D","E","i","e","t","T"])}parse(t,e,r,o){const s=l=>{const c=Math.floor((l-1)/7)*7;return(l+o.weekStartsOn+6)%7+c};switch(e){case"c":case"cc":return ke(ye(e.length,t),s);case"co":return ke(r.ordinalNumber(t,{unit:"day"}),s);case"ccc":return r.day(t,{width:"abbreviated",context:"standalone"})||r.day(t,{width:"short",context:"standalone"})||r.day(t,{width:"narrow",context:"standalone"});case"ccccc":return r.day(t,{width:"narrow",context:"standalone"});case"cccccc":return r.day(t,{width:"short",context:"standalone"})||r.day(t,{width:"narrow",context:"standalone"});case"cccc":default:return r.day(t,{width:"wide",context:"standalone"})||r.day(t,{width:"abbreviated",context:"standalone"})||r.day(t,{width:"short",context:"standalone"})||r.day(t,{width:"narrow",context:"standalone"})}}validate(t,e){return e>=0&&e<=6}set(t,e,r,o){return t=So(t,r,o),t.setHours(0,0,0,0),t}}function vg(n,a){const t=Y(n),e=Um(t),r=a-e;return et(t,r)}class wg extends ce{constructor(){super(...arguments);W(this,"priority",90);W(this,"incompatibleTokens",["y","Y","u","q","Q","M","L","w","d","D","E","e","c","t","T"])}parse(t,e,r){const o=s=>s===0?7:s;switch(e){case"i":case"ii":return ye(e.length,t);case"io":return r.ordinalNumber(t,{unit:"day"});case"iii":return ke(r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"}),o);case"iiiii":return ke(r.day(t,{width:"narrow",context:"formatting"}),o);case"iiiiii":return ke(r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"}),o);case"iiii":default:return ke(r.day(t,{width:"wide",context:"formatting"})||r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"}),o)}}validate(t,e){return e>=1&&e<=7}set(t,e,r){return t=vg(t,r),t.setHours(0,0,0,0),t}}class kg extends ce{constructor(){super(...arguments);W(this,"priority",80);W(this,"incompatibleTokens",["b","B","H","k","t","T"])}parse(t,e,r){switch(e){case"a":case"aa":case"aaa":return r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"});case"aaaaa":return r.dayPeriod(t,{width:"narrow",context:"formatting"});case"aaaa":default:return r.dayPeriod(t,{width:"wide",context:"formatting"})||r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"})}}set(t,e,r){return t.setHours(Co(r),0,0,0),t}}class Dg extends ce{constructor(){super(...arguments);W(this,"priority",80);W(this,"incompatibleTokens",["a","B","H","k","t","T"])}parse(t,e,r){switch(e){case"b":case"bb":case"bbb":return r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"});case"bbbbb":return r.dayPeriod(t,{width:"narrow",context:"formatting"});case"bbbb":default:return r.dayPeriod(t,{width:"wide",context:"formatting"})||r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"})}}set(t,e,r){return t.setHours(Co(r),0,0,0),t}}class Cg extends ce{constructor(){super(...arguments);W(this,"priority",80);W(this,"incompatibleTokens",["a","b","t","T"])}parse(t,e,r){switch(e){case"B":case"BB":case"BBB":return r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"});case"BBBBB":return r.dayPeriod(t,{width:"narrow",context:"formatting"});case"BBBB":default:return r.dayPeriod(t,{width:"wide",context:"formatting"})||r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"})}}set(t,e,r){return t.setHours(Co(r),0,0,0),t}}class Sg extends ce{constructor(){super(...arguments);W(this,"priority",70);W(this,"incompatibleTokens",["H","K","k","t","T"])}parse(t,e,r){switch(e){case"h":return ge(we.hour12h,t);case"ho":return r.ordinalNumber(t,{unit:"hour"});default:return ye(e.length,t)}}validate(t,e){return e>=1&&e<=12}set(t,e,r){const o=t.getHours()>=12;return o&&r<12?t.setHours(r+12,0,0,0):!o&&r===12?t.setHours(0,0,0,0):t.setHours(r,0,0,0),t}}class Mg extends ce{constructor(){super(...arguments);W(this,"priority",70);W(this,"incompatibleTokens",["a","b","h","K","k","t","T"])}parse(t,e,r){switch(e){case"H":return ge(we.hour23h,t);case"Ho":return r.ordinalNumber(t,{unit:"hour"});default:return ye(e.length,t)}}validate(t,e){return e>=0&&e<=23}set(t,e,r){return t.setHours(r,0,0,0),t}}class _g extends ce{constructor(){super(...arguments);W(this,"priority",70);W(this,"incompatibleTokens",["h","H","k","t","T"])}parse(t,e,r){switch(e){case"K":return ge(we.hour11h,t);case"Ko":return r.ordinalNumber(t,{unit:"hour"});default:return ye(e.length,t)}}validate(t,e){return e>=0&&e<=11}set(t,e,r){return t.getHours()>=12&&r<12?t.setHours(r+12,0,0,0):t.setHours(r,0,0,0),t}}class jg extends ce{constructor(){super(...arguments);W(this,"priority",70);W(this,"incompatibleTokens",["a","b","h","H","K","t","T"])}parse(t,e,r){switch(e){case"k":return ge(we.hour24h,t);case"ko":return r.ordinalNumber(t,{unit:"hour"});default:return ye(e.length,t)}}validate(t,e){return e>=1&&e<=24}set(t,e,r){const o=r<=24?r%24:r;return t.setHours(o,0,0,0),t}}class Ig extends ce{constructor(){super(...arguments);W(this,"priority",60);W(this,"incompatibleTokens",["t","T"])}parse(t,e,r){switch(e){case"m":return ge(we.minute,t);case"mo":return r.ordinalNumber(t,{unit:"minute"});default:return ye(e.length,t)}}validate(t,e){return e>=0&&e<=59}set(t,e,r){return t.setMinutes(r,0,0),t}}class Pg extends ce{constructor(){super(...arguments);W(this,"priority",50);W(this,"incompatibleTokens",["t","T"])}parse(t,e,r){switch(e){case"s":return ge(we.second,t);case"so":return r.ordinalNumber(t,{unit:"second"});default:return ye(e.length,t)}}validate(t,e){return e>=0&&e<=59}set(t,e,r){return t.setSeconds(r,0),t}}class Eg extends ce{constructor(){super(...arguments);W(this,"priority",30);W(this,"incompatibleTokens",["t","T"])}parse(t,e){const r=o=>Math.trunc(o*Math.pow(10,-e.length+3));return ke(ye(e.length,t),r)}set(t,e,r){return t.setMilliseconds(r),t}}class Tg extends ce{constructor(){super(...arguments);W(this,"priority",10);W(this,"incompatibleTokens",["t","T","x"])}parse(t,e){switch(e){case"X":return mt(ht.basicOptionalMinutes,t);case"XX":return mt(ht.basic,t);case"XXXX":return mt(ht.basicOptionalSeconds,t);case"XXXXX":return mt(ht.extendedOptionalSeconds,t);case"XXX":default:return mt(ht.extended,t)}}set(t,e,r){return e.timestampIsSet?t:ue(t,t.getTime()-Hr(t)-r)}}class $g extends ce{constructor(){super(...arguments);W(this,"priority",10);W(this,"incompatibleTokens",["t","T","X"])}parse(t,e){switch(e){case"x":return mt(ht.basicOptionalMinutes,t);case"xx":return mt(ht.basic,t);case"xxxx":return mt(ht.basicOptionalSeconds,t);case"xxxxx":return mt(ht.extendedOptionalSeconds,t);case"xxx":default:return mt(ht.extended,t)}}set(t,e,r){return e.timestampIsSet?t:ue(t,t.getTime()-Hr(t)-r)}}class Rg extends ce{constructor(){super(...arguments);W(this,"priority",40);W(this,"incompatibleTokens","*")}parse(t){return vc(t)}set(t,e,r){return[ue(t,r*1e3),{timestampIsSet:!0}]}}class Ng extends ce{constructor(){super(...arguments);W(this,"priority",20);W(this,"incompatibleTokens","*")}parse(t){return vc(t)}set(t,e,r){return[ue(t,r),{timestampIsSet:!0}]}}const Og={G:new eg,y:new tg,Y:new ng,R:new rg,u:new ag,Q:new og,q:new ig,M:new sg,L:new lg,w:new dg,I:new pg,d:new mg,D:new gg,E:new xg,e:new yg,c:new bg,i:new wg,a:new kg,b:new Dg,B:new Cg,h:new Sg,H:new Mg,K:new _g,k:new jg,m:new Ig,s:new Pg,S:new Eg,X:new Tg,x:new $g,t:new Rg,T:new Ng},Ag=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Lg=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Fg=/^'([^]*?)'?$/,Yg=/''/g,Wg=/\S/,Bg=/[a-zA-Z]/;function Pa(n,a,t,e){var w,k,C,D,E,g,T,O;const r=Qm(),o=(e==null?void 0:e.locale)??r.locale??hc,s=(e==null?void 0:e.firstWeekContainsDate)??((k=(w=e==null?void 0:e.locale)==null?void 0:w.options)==null?void 0:k.firstWeekContainsDate)??r.firstWeekContainsDate??((D=(C=r.locale)==null?void 0:C.options)==null?void 0:D.firstWeekContainsDate)??1,l=(e==null?void 0:e.weekStartsOn)??((g=(E=e==null?void 0:e.locale)==null?void 0:E.options)==null?void 0:g.weekStartsOn)??r.weekStartsOn??((O=(T=r.locale)==null?void 0:T.options)==null?void 0:O.weekStartsOn)??0;if(a==="")return n===""?Y(t):ue(t,NaN);const c={firstWeekContainsDate:s,weekStartsOn:l,locale:o},p=[new Zm],d=a.match(Lg).map(M=>{const S=M[0];if(S in Vr){const P=Vr[S];return P(M,o.formatLong)}return M}).join("").match(Ag),h=[];for(let M of d){!(e!=null&&e.useAdditionalWeekYearTokens)&&yc(M)&&so(M,a,n),!(e!=null&&e.useAdditionalDayOfYearTokens)&&xc(M)&&so(M,a,n);const S=M[0],P=Og[S];if(P){const{incompatibleTokens:A}=P;if(Array.isArray(A)){const K=h.find(U=>A.includes(U.token)||U.token===S);if(K)throw new RangeError(`The format string mustn't contain \`${K.fullToken}\` and \`${M}\` at the same time`)}else if(P.incompatibleTokens==="*"&&h.length>0)throw new RangeError(`The format string mustn't contain \`${M}\` and any other token at the same time`);h.push({token:S,fullToken:M});const z=P.run(n,M,o.match,c);if(!z)return ue(t,NaN);p.push(z.setter),n=z.rest}else{if(S.match(Bg))throw new RangeError("Format string contains an unescaped latin alphabet character `"+S+"`");if(M==="''"?M="'":S==="'"&&(M=Hg(M)),n.indexOf(M)===0)n=n.slice(M.length);else return ue(t,NaN)}}if(n.length>0&&Wg.test(n))return ue(t,NaN);const x=p.map(M=>M.priority).sort((M,S)=>S-M).filter((M,S,P)=>P.indexOf(M)===S).map(M=>p.filter(S=>S.priority===M).sort((S,P)=>P.subPriority-S.subPriority)).map(M=>M[0]);let y=Y(t);if(isNaN(y.getTime()))return ue(t,NaN);const v={};for(const M of x){if(!M.validate(y,c))return ue(t,NaN);const S=M.set(y,v,c);Array.isArray(S)?(y=S[0],Object.assign(v,S[1])):y=S}return ue(t,y)}function Hg(n){return n.match(Fg)[1].replace(Yg,"'")}function zg(n,a){const t=Y(n),e=Y(a);return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()}function qg(n,a){const t=io(n),e=io(a);return+t==+e}function Kg(n,a){const t=Y(n),e=Y(a);return t.getFullYear()===e.getFullYear()}function ir(n,a){const t=+Y(n),[e,r]=[+Y(a.start),+Y(a.end)].sort((o,s)=>o-s);return t>=e&&t<=r}function Qg(n,a){return et(n,-1)}function Ug(n,a){const e=Jg(n);let r;if(e.date){const c=Zg(e.date,2);r=ex(c.restDateString,c.year)}if(!r||isNaN(r.getTime()))return new Date(NaN);const o=r.getTime();let s=0,l;if(e.time&&(s=tx(e.time),isNaN(s)))return new Date(NaN);if(e.timezone){if(l=nx(e.timezone),isNaN(l))return new Date(NaN)}else{const c=new Date(o+s),p=new Date(0);return p.setFullYear(c.getUTCFullYear(),c.getUTCMonth(),c.getUTCDate()),p.setHours(c.getUTCHours(),c.getUTCMinutes(),c.getUTCSeconds(),c.getUTCMilliseconds()),p}return new Date(o+s+l)}const Dr={dateTimeDelimiter:/[T ]/,timeZoneDelimiter:/[Z ]/i,timezone:/([Z+-].*)$/},Vg=/^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/,Gg=/^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/,Xg=/^([+-])(\d{2})(?::?(\d{2}))?$/;function Jg(n){const a={},t=n.split(Dr.dateTimeDelimiter);let e;if(t.length>2)return a;if(/:/.test(t[0])?e=t[0]:(a.date=t[0],e=t[1],Dr.timeZoneDelimiter.test(a.date)&&(a.date=n.split(Dr.timeZoneDelimiter)[0],e=n.substr(a.date.length,n.length))),e){const r=Dr.timezone.exec(e);r?(a.time=e.replace(r[1],""),a.timezone=r[1]):a.time=e}return a}function Zg(n,a){const t=new RegExp("^(?:(\\d{4}|[+-]\\d{"+(4+a)+"})|(\\d{2}|[+-]\\d{"+(2+a)+"})$)"),e=n.match(t);if(!e)return{year:NaN,restDateString:""};const r=e[1]?parseInt(e[1]):null,o=e[2]?parseInt(e[2]):null;return{year:o===null?r:o*100,restDateString:n.slice((e[1]||e[2]).length)}}function ex(n,a){if(a===null)return new Date(NaN);const t=n.match(Vg);if(!t)return new Date(NaN);const e=!!t[4],r=Vn(t[1]),o=Vn(t[2])-1,s=Vn(t[3]),l=Vn(t[4]),c=Vn(t[5])-1;if(e)return sx(a,l,c)?rx(a,l,c):new Date(NaN);{const p=new Date(0);return!ox(a,o,s)||!ix(a,r)?new Date(NaN):(p.setUTCFullYear(a,o,Math.max(r,s)),p)}}function Vn(n){return n?parseInt(n):1}function tx(n){const a=n.match(Gg);if(!a)return NaN;const t=Ea(a[1]),e=Ea(a[2]),r=Ea(a[3]);return lx(t,e,r)?t*da+e*ca+r*1e3:NaN}function Ea(n){return n&&parseFloat(n.replace(",","."))||0}function nx(n){if(n==="Z")return 0;const a=n.match(Xg);if(!a)return 0;const t=a[1]==="+"?-1:1,e=parseInt(a[2]),r=a[3]&&parseInt(a[3])||0;return cx(e,r)?t*(e*da+r*ca):NaN}function rx(n,a,t){const e=new Date(0);e.setUTCFullYear(n,0,4);const r=e.getUTCDay()||7,o=(a-1)*7+t+1-r;return e.setUTCDate(e.getUTCDate()+o),e}const ax=[31,null,31,30,31,30,31,31,30,31,30,31];function Dc(n){return n%400===0||n%4===0&&n%100!==0}function ox(n,a,t){return a>=0&&a<=11&&t>=1&&t<=(ax[a]||(Dc(n)?29:28))}function ix(n,a){return a>=1&&a<=(Dc(n)?366:365)}function sx(n,a,t){return a>=1&&a<=53&&t>=0&&t<=6}function lx(n,a,t){return n===24?a===0&&t===0:t>=0&&t<60&&a>=0&&a<60&&n>=0&&n<25}function cx(n,a){return a>=0&&a<=59}function ze(n,a){const t=Y(n),e=t.getFullYear(),r=t.getDate(),o=ue(n,0);o.setFullYear(e,a,15),o.setHours(0,0,0,0);const s=Km(o);return t.setMonth(a,Math.min(r,s)),t}function dx(n,a){let t=Y(n);return isNaN(+t)?ue(n,NaN):(a.year!=null&&t.setFullYear(a.year),a.month!=null&&(t=ze(t,a.month)),a.date!=null&&t.setDate(a.date),a.hours!=null&&t.setHours(a.hours),a.minutes!=null&&t.setMinutes(a.minutes),a.seconds!=null&&t.setSeconds(a.seconds),a.milliseconds!=null&&t.setMilliseconds(a.milliseconds),t)}function Rr(n,a){const t=Y(n);return t.setHours(a),t}function Nr(n,a){const t=Y(n);return t.setMinutes(a),t}function jn(n,a){const t=Y(n),e=Math.trunc(t.getMonth()/3)+1,r=a-e;return ze(t,t.getMonth()+r*3)}function Or(n,a){const t=Y(n);return t.setSeconds(a),t}function ut(n,a){const t=Y(n);return isNaN(+t)?ue(n,NaN):(t.setFullYear(a),t)}function an(n,a){return nt(n,-a)}function Cc(n,a){return wo(n,-1)}function ls(n,a){return zr(n,-1)}function Ln(n,a){return Mt(n,-a)}var ux=typeof document<"u",px=function(){},Xr=ux?b.useLayoutEffect:px;const fx={...Dl},hx=fx.useInsertionEffect,mx=hx||(n=>n());function gx(n){const a=b.useRef(()=>{});return mx(()=>{a.current=n}),b.useCallback(function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return a.current==null?void 0:a.current(...e)},[])}const xx={...Dl};let cs=!1,yx=0;const ds=()=>"floating-ui-"+Math.random().toString(36).slice(2,6)+yx++;function bx(){const[n,a]=b.useState(()=>cs?ds():void 0);return Xr(()=>{n==null&&a(ds())},[]),b.useEffect(()=>{cs=!0},[]),n}const vx=xx.useId,Sc=vx||bx,wx=b.forwardRef(function(a,t){const{context:{placement:e,elements:{floating:r},middlewareData:{arrow:o,shift:s}},width:l=14,height:c=7,tipRadius:p=0,strokeWidth:d=0,staticOffset:h,stroke:x,d:y,style:{transform:v,...w}={},...k}=a,C=Sc(),[D,E]=b.useState(!1);if(Xr(()=>{if(!r)return;tt(r).direction==="rtl"&&E(!0)},[r]),!r)return null;const[g,T]=e.split("-"),O=g==="top"||g==="bottom";let M=h;(O&&s!=null&&s.x||!O&&s!=null&&s.y)&&(M=null);const S=d*2,P=S/2,A=l/2*(p/-8+1),z=c/2*p/4,K=!!y,U=M&&T==="end"?"bottom":"top";let X=M&&T==="end"?"right":"left";M&&D&&(X=T==="end"?"left":"right");const B=(o==null?void 0:o.x)!=null?M||o.x:"",N=(o==null?void 0:o.y)!=null?M||o.y:"",F=y||"M0,0"+(" H"+l)+(" L"+(l-A)+","+(c-z))+(" Q"+l/2+","+c+" "+A+","+(c-z))+" Z",_={top:K?"rotate(180deg)":"",left:K?"rotate(90deg)":"rotate(-90deg)",bottom:K?"":"rotate(180deg)",right:K?"rotate(-90deg)":"rotate(90deg)"}[g];return i.jsxs("svg",{...k,"aria-hidden":!0,ref:t,width:K?l:l+S,height:l,viewBox:"0 0 "+l+" "+(c>l?c:l),style:{position:"absolute",pointerEvents:"none",[X]:B,[U]:N,[g]:O||K?"100%":"calc(100% - "+S/2+"px)",transform:[_,v].filter(Q=>!!Q).join(" "),...w},children:[S>0&&i.jsx("path",{clipPath:"url(#"+C+")",fill:"none",stroke:x,strokeWidth:S+(y?0:1),d:F}),i.jsx("path",{stroke:S&&!y?k.fill:"none",d:F}),i.jsx("clipPath",{id:C,children:i.jsx("rect",{x:-P,y:P*(K?-1:1),width:l+S,height:l})})]})});function kx(){const n=new Map;return{emit(a,t){var e;(e=n.get(a))==null||e.forEach(r=>r(t))},on(a,t){n.has(a)||n.set(a,new Set),n.get(a).add(t)},off(a,t){var e;(e=n.get(a))==null||e.delete(t)}}}const Dx=b.createContext(null),Cx=b.createContext(null),Sx=()=>{var n;return((n=b.useContext(Dx))==null?void 0:n.id)||null},Mx=()=>b.useContext(Cx);function _x(n){const{open:a=!1,onOpenChange:t,elements:e}=n,r=Sc(),o=b.useRef({}),[s]=b.useState(()=>kx()),l=Sx()!=null,[c,p]=b.useState(e.reference),d=gx((y,v,w)=>{o.current.openEvent=y?v:void 0,s.emit("openchange",{open:y,event:v,reason:w,nested:l}),t==null||t(y,v,w)}),h=b.useMemo(()=>({setPositionReference:p}),[]),x=b.useMemo(()=>({reference:c||e.reference||null,floating:e.floating||null,domReference:e.reference}),[c,e.reference,e.floating]);return b.useMemo(()=>({dataRef:o,open:a,onOpenChange:d,elements:x,events:s,floatingId:r,refs:h}),[a,d,x,s,r,h])}function jx(n){var a,t;let{elements:e,...r}=n===void 0?{}:n;const{nodeId:o}=r,s=_x({...r,elements:{reference:(a=e==null?void 0:e.reference)!=null?a:null,floating:(t=e==null?void 0:e.floating)!=null?t:null}}),l=r.rootContext||s,c=l.elements,[p,d]=b.useState(null),[h,x]=b.useState(null),v=(c==null?void 0:c.domReference)||p,w=b.useRef(null),k=Mx();Xr(()=>{v&&(w.current=v)},[v]);const C=uh({...r,elements:{...c,...h&&{reference:h}}}),D=b.useCallback(M=>{const S=Fe(M)?{getBoundingClientRect:()=>M.getBoundingClientRect(),getClientRects:()=>M.getClientRects(),contextElement:M}:M;x(S),C.refs.setReference(S)},[C.refs]),E=b.useCallback(M=>{(Fe(M)||M===null)&&(w.current=M,d(M)),(Fe(C.refs.reference.current)||C.refs.reference.current===null||M!==null&&!Fe(M))&&C.refs.setReference(M)},[C.refs]),g=b.useMemo(()=>({...C.refs,setReference:E,setPositionReference:D,domReference:w}),[C.refs,E,D]),T=b.useMemo(()=>({...C.elements,domReference:v}),[C.elements,v]),O=b.useMemo(()=>({...C,...l,refs:g,elements:T,nodeId:o}),[C,g,T,o,l]);return Xr(()=>{l.dataRef.current.floatingContext=O;const M=k==null?void 0:k.nodesRef.current.find(S=>S.id===o);M&&(M.context=O)}),b.useMemo(()=>({...C,context:O,refs:g,elements:T}),[C,g,T,O])}/*!
|
|
370
|
+
react-datepicker v7.6.0
|
|
371
|
+
https://github.com/Hacker0x01/react-datepicker
|
|
372
|
+
Released under the MIT License.
|
|
373
|
+
*/var co=function(a,t){return co=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])},co(a,t)};function Me(n,a){if(typeof a!="function"&&a!==null)throw new TypeError("Class extends value "+String(a)+" is not a constructor or null");co(n,a);function t(){this.constructor=n}n.prototype=a===null?Object.create(a):(t.prototype=a.prototype,new t)}var se=function(){return se=Object.assign||function(t){for(var e,r=1,o=arguments.length;r<o;r++){e=arguments[r];for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&(t[s]=e[s])}return t},se.apply(this,arguments)};function gt(n,a,t){if(t||arguments.length===2)for(var e=0,r=a.length,o;e<r;e++)(o||!(e in a))&&(o||(o=Array.prototype.slice.call(a,0,e)),o[e]=a[e]);return n.concat(o||Array.prototype.slice.call(a))}var Ix=function(n){var a=n.showTimeSelectOnly,t=a===void 0?!1:a,e=n.showTime,r=e===void 0?!1:e,o=n.className,s=n.children,l=t?"Choose Time":"Choose Date".concat(r?" and Time":"");return j.createElement("div",{className:o,role:"dialog","aria-label":l,"aria-modal":"true"},s)},Px=function(n,a){var t=b.useRef(null),e=b.useRef(n);e.current=n;var r=b.useCallback(function(o){var s;t.current&&!t.current.contains(o.target)&&(a&&o.target instanceof HTMLElement&&o.target.classList.contains(a)||(s=e.current)===null||s===void 0||s.call(e,o))},[a]);return b.useEffect(function(){return document.addEventListener("mousedown",r),function(){document.removeEventListener("mousedown",r)}},[r]),t},pa=function(n){var a=n.children,t=n.onClickOutside,e=n.className,r=n.containerRef,o=n.style,s=n.ignoreClass,l=Px(t,s);return j.createElement("div",{className:e,style:o,ref:function(c){l.current=c,r&&(r.current=c)}},a)},L;(function(n){n.ArrowUp="ArrowUp",n.ArrowDown="ArrowDown",n.ArrowLeft="ArrowLeft",n.ArrowRight="ArrowRight",n.PageUp="PageUp",n.PageDown="PageDown",n.Home="Home",n.End="End",n.Enter="Enter",n.Space=" ",n.Tab="Tab",n.Escape="Escape",n.Backspace="Backspace",n.X="x"})(L||(L={}));function Mc(){var n=typeof window<"u"?window:globalThis;return n}var cr=12,Ex=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;function pe(n){if(n==null)return new Date;var a=typeof n=="string"?Ug(n):Y(n);return Ct(a)?a:new Date}function Ta(n,a,t,e,r){var o,s=null,l=on(t)||on(nr()),c=!0;if(Array.isArray(a))return a.forEach(function(d){var h=Pa(n,d,new Date,{locale:l,useAdditionalWeekYearTokens:!0,useAdditionalDayOfYearTokens:!0});e&&(c=Ct(h,r)&&n===he(h,d,t)),Ct(h,r)&&c&&(s=h)}),s;if(s=Pa(n,a,new Date,{locale:l,useAdditionalWeekYearTokens:!0,useAdditionalDayOfYearTokens:!0}),e)c=Ct(s)&&n===he(s,a,t);else if(!Ct(s)){var p=((o=a.match(Ex))!==null&&o!==void 0?o:[]).map(function(d){var h=d[0];if(h==="p"||h==="P"){var x=Vr[h];return l?x(d,l.formatLong):h}return d}).join("");n.length>0&&(s=Pa(n,p.slice(0,n.length),new Date,{useAdditionalWeekYearTokens:!0,useAdditionalDayOfYearTokens:!0})),Ct(s)||(s=new Date(n))}return Ct(s)&&c?s:null}function Ct(n,a){return qr(n)&&!pn(n,a??new Date("1/1/1800"))}function he(n,a,t){if(t==="en")return is(n,a,{useAdditionalWeekYearTokens:!0,useAdditionalDayOfYearTokens:!0});var e=t?on(t):void 0;return t&&!e&&console.warn('A locale object was not found for the provided string ["'.concat(t,'"].')),!e&&nr()&&on(nr())&&(e=on(nr())),is(n,a,{locale:e,useAdditionalWeekYearTokens:!0,useAdditionalDayOfYearTokens:!0})}function Ke(n,a){var t=a.dateFormat,e=a.locale,r=Array.isArray(t)&&t.length>0?t[0]:t;return n&&he(n,r,e)||""}function Tx(n,a,t){if(!n)return"";var e=Ke(n,t),r=a?Ke(a,t):"";return"".concat(e," - ").concat(r)}function $x(n,a){if(!(n!=null&&n.length))return"";var t=n[0]?Ke(n[0],a):"";if(n.length===1)return t;if(n.length===2&&n[1]){var e=Ke(n[1],a);return"".concat(t,", ").concat(e)}var r=n.length-1;return"".concat(t," (+").concat(r,")")}function $a(n,a){var t=a.hour,e=t===void 0?0:t,r=a.minute,o=r===void 0?0:r,s=a.second,l=s===void 0?0:s;return Rr(Nr(Or(n,l),o),e)}function Rx(n){return ko(n)}function Nx(n,a){return he(n,"ddd",a)}function Ar(n){return un(n)}function Ft(n,a,t){var e=on(a||nr());return Pt(n,{locale:e,weekStartsOn:t})}function It(n){return pc(n)}function Zn(n){return ua(n)}function us(n){return io(n)}function ps(){return un(pe())}function fs(n){return dc(n)}function Ox(n){return Zh(n)}function Ax(n){return uc(n)}function pt(n,a){return n&&a?Kg(n,a):!n&&!a}function Re(n,a){return n&&a?zg(n,a):!n&&!a}function Jr(n,a){return n&&a?qg(n,a):!n&&!a}function oe(n,a){return n&&a?Xh(n,a):!n&&!a}function en(n,a){return n&&a?Vm(n,a):!n&&!a}function er(n,a,t){var e,r=un(a),o=dc(t);try{e=ir(n,{start:r,end:o})}catch{e=!1}return e}function nr(){var n=Mc();return n.__localeId__}function on(n){if(typeof n=="string"){var a=Mc();return a.__localeData__?a.__localeData__[n]:void 0}else return n}function Lx(n,a,t){return a(he(n,"EEEE",t))}function Fx(n,a){return he(n,"EEEEEE",a)}function Yx(n,a){return he(n,"EEE",a)}function Mo(n,a){return he(ze(pe(),n),"LLLL",a)}function _c(n,a){return he(ze(pe(),n),"LLL",a)}function Wx(n,a){return he(jn(pe(),n),"QQQ",a)}function Qe(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.maxDate,o=t.excludeDates,s=t.excludeDateIntervals,l=t.includeDates,c=t.includeDateIntervals,p=t.filterDate;return dr(n,{minDate:e,maxDate:r})||o&&o.some(function(d){return d instanceof Date?oe(n,d):oe(n,d.date)})||s&&s.some(function(d){var h=d.start,x=d.end;return ir(n,{start:h,end:x})})||l&&!l.some(function(d){return oe(n,d)})||c&&!c.some(function(d){var h=d.start,x=d.end;return ir(n,{start:h,end:x})})||p&&!p(pe(n))||!1}function _o(n,a){var t=a===void 0?{}:a,e=t.excludeDates,r=t.excludeDateIntervals;return r&&r.length>0?r.some(function(o){var s=o.start,l=o.end;return ir(n,{start:s,end:l})}):e&&e.some(function(o){var s;return o instanceof Date?oe(n,o):oe(n,(s=o.date)!==null&&s!==void 0?s:new Date)})||!1}function jc(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.maxDate,o=t.excludeDates,s=t.includeDates,l=t.filterDate;return dr(n,{minDate:e?pc(e):void 0,maxDate:r?uc(r):void 0})||(o==null?void 0:o.some(function(c){return Re(n,c instanceof Date?c:c.date)}))||s&&!s.some(function(c){return Re(n,c)})||l&&!l(pe(n))||!1}function Cr(n,a,t,e){var r=ae(n),o=Ne(n),s=ae(a),l=Ne(a),c=ae(e);return r===s&&r===c?o<=t&&t<=l:r<s?c===r&&o<=t||c===s&&l>=t||c<s&&c>r:!1}function Bx(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.maxDate,o=t.excludeDates,s=t.includeDates;return dr(n,{minDate:e,maxDate:r})||o&&o.some(function(l){return Re(l instanceof Date?l:l.date,n)})||s&&!s.some(function(l){return Re(l,n)})||!1}function Sr(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.maxDate,o=t.excludeDates,s=t.includeDates,l=t.filterDate;return dr(n,{minDate:e,maxDate:r})||(o==null?void 0:o.some(function(c){return Jr(n,c instanceof Date?c:c.date)}))||s&&!s.some(function(c){return Jr(n,c)})||l&&!l(pe(n))||!1}function Mr(n,a,t){if(!a||!t||!qr(a)||!qr(t))return!1;var e=ae(a),r=ae(t);return e<=n&&r>=n}function Lr(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.maxDate,o=t.excludeDates,s=t.includeDates,l=t.filterDate,c=new Date(n,0,1);return dr(c,{minDate:e?ua(e):void 0,maxDate:r?fc(r):void 0})||(o==null?void 0:o.some(function(p){return pt(c,p instanceof Date?p:p.date)}))||s&&!s.some(function(p){return pt(c,p)})||l&&!l(pe(c))||!1}function _r(n,a,t,e){var r=ae(n),o=rn(n),s=ae(a),l=rn(a),c=ae(e);return r===s&&r===c?o<=t&&t<=l:r<s?c===r&&o<=t||c===s&&l>=t||c<s&&c>r:!1}function dr(n,a){var t,e=a===void 0?{}:a,r=e.minDate,o=e.maxDate;return(t=r&&An(n,r)<0||o&&An(n,o)>0)!==null&&t!==void 0?t:!1}function hs(n,a){return a.some(function(t){return xt(t)===xt(n)&&yt(t)===yt(n)&&jt(t)===jt(n)})}function ms(n,a){var t=a===void 0?{}:a,e=t.excludeTimes,r=t.includeTimes,o=t.filterTime;return e&&hs(n,e)||r&&!hs(n,r)||o&&!o(n)||!1}function gs(n,a){var t=a.minTime,e=a.maxTime;if(!t||!e)throw new Error("Both minTime and maxTime props required");var r=pe();r=Rr(r,xt(n)),r=Nr(r,yt(n)),r=Or(r,jt(n));var o=pe();o=Rr(o,xt(t)),o=Nr(o,yt(t)),o=Or(o,jt(t));var s=pe();s=Rr(s,xt(e)),s=Nr(s,yt(e)),s=Or(s,jt(e));var l;try{l=!ir(r,{start:o,end:s})}catch{l=!1}return l}function xs(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.includeDates,o=an(n,1);return e&&Kr(e,o)>0||r&&r.every(function(s){return Kr(s,o)>0})||!1}function ys(n,a){var t=a===void 0?{}:a,e=t.maxDate,r=t.includeDates,o=nt(n,1);return e&&Kr(o,e)>0||r&&r.every(function(s){return Kr(o,s)>0})||!1}function Hx(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.includeDates,o=ua(n),s=Cc(o);return e&&Qr(e,s)>0||r&&r.every(function(l){return Qr(l,s)>0})||!1}function zx(n,a){var t=a===void 0?{}:a,e=t.maxDate,r=t.includeDates,o=fc(n),s=wo(o,1);return e&&Qr(s,e)>0||r&&r.every(function(l){return Qr(s,l)>0})||!1}function bs(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.includeDates,o=Ln(n,1);return e&&Ur(e,o)>0||r&&r.every(function(s){return Ur(s,o)>0})||!1}function qx(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.yearItemNumber,o=r===void 0?cr:r,s=Zn(Ln(n,o)),l=At(s,o).endPeriod,c=e&&ae(e);return c&&c>l||!1}function vs(n,a){var t=a===void 0?{}:a,e=t.maxDate,r=t.includeDates,o=Mt(n,1);return e&&Ur(o,e)>0||r&&r.every(function(s){return Ur(o,s)>0})||!1}function Kx(n,a){var t=a===void 0?{}:a,e=t.maxDate,r=t.yearItemNumber,o=r===void 0?cr:r,s=Mt(n,o),l=At(s,o).startPeriod,c=e&&ae(e);return c&&c<l||!1}function Ic(n){var a=n.minDate,t=n.includeDates;if(t&&a){var e=t.filter(function(r){return An(r,a)>=0});return es(e)}else return t?es(t):a}function Pc(n){var a=n.maxDate,t=n.includeDates;if(t&&a){var e=t.filter(function(r){return An(r,a)<=0});return Zi(e)}else return t?Zi(t):a}function ws(n,a){var t;n===void 0&&(n=[]),a===void 0&&(a="react-datepicker__day--highlighted");for(var e=new Map,r=0,o=n.length;r<o;r++){var s=n[r];if(_t(s)){var l=he(s,"MM.dd.yyyy"),c=e.get(l)||[];c.includes(a)||(c.push(a),e.set(l,c))}else if(typeof s=="object"){var p=Object.keys(s),d=(t=p[0])!==null&&t!==void 0?t:"",h=s[d];if(typeof d=="string"&&Array.isArray(h))for(var x=0,y=h.length;x<y;x++){var v=h[x];if(v){var l=he(v,"MM.dd.yyyy"),c=e.get(l)||[];c.includes(d)||(c.push(d),e.set(l,c))}}}}return e}function Qx(n,a){return n.length!==a.length?!1:n.every(function(t,e){return t===a[e]})}function Ux(n,a){n===void 0&&(n=[]),a===void 0&&(a="react-datepicker__day--holidays");var t=new Map;return n.forEach(function(e){var r=e.date,o=e.holidayName;if(_t(r)){var s=he(r,"MM.dd.yyyy"),l=t.get(s)||{className:"",holidayNames:[]};if(!("className"in l&&l.className===a&&Qx(l.holidayNames,[o]))){l.className=a;var c=l.holidayNames;l.holidayNames=c?gt(gt([],c,!0),[o],!1):[o],t.set(s,l)}}}),t}function Vx(n,a,t,e,r){for(var o=r.length,s=[],l=0;l<o;l++){var c=n,p=r[l];p&&(c=Qh(c,xt(p)),c=oo(c,yt(p)),c=Gh(c,jt(p)));var d=oo(n,(t+1)*e);Bt(c,a)&&pn(c,d)&&p!=null&&s.push(p)}return s}function ks(n){return n<10?"0".concat(n):"".concat(n)}function At(n,a){a===void 0&&(a=cr);var t=Math.ceil(ae(n)/a)*a,e=t-(a-1);return{startPeriod:e,endPeriod:t}}function Gx(n){var a=new Date(n.getFullYear(),n.getMonth(),n.getDate()),t=new Date(n.getFullYear(),n.getMonth(),n.getDate(),24);return Math.round((+t-+a)/36e5)}function Ds(n){var a=n.getSeconds(),t=n.getMilliseconds();return Y(n.getTime()-a*1e3-t)}function Xx(n,a){return Ds(n).getTime()===Ds(a).getTime()}function Cs(n){if(!_t(n))throw new Error("Invalid date");var a=new Date(n);return a.setHours(0,0,0,0),a}function Ss(n,a){if(!_t(n)||!_t(a))throw new Error("Invalid date received");var t=Cs(n),e=Cs(a);return pn(t,e)}function Ec(n){return n.key===L.Space}var Jx=(function(n){Me(a,n);function a(t){var e=n.call(this,t)||this;return e.inputRef=j.createRef(),e.onTimeChange=function(r){var o,s;e.setState({time:r});var l=e.props.date,c=l instanceof Date&&!isNaN(+l),p=c?l:new Date;if(r!=null&&r.includes(":")){var d=r.split(":"),h=d[0],x=d[1];p.setHours(Number(h)),p.setMinutes(Number(x))}(s=(o=e.props).onChange)===null||s===void 0||s.call(o,p)},e.renderTimeInput=function(){var r=e.state.time,o=e.props,s=o.date,l=o.timeString,c=o.customTimeInput;return c?b.cloneElement(c,{date:s,value:r,onChange:e.onTimeChange}):j.createElement("input",{type:"time",className:"react-datepicker-time__input",placeholder:"Time",name:"time-input",ref:e.inputRef,onClick:function(){var p;(p=e.inputRef.current)===null||p===void 0||p.focus()},required:!0,value:r,onChange:function(p){e.onTimeChange(p.target.value||l)}})},e.state={time:e.props.timeString},e}return a.getDerivedStateFromProps=function(t,e){return t.timeString!==e.time?{time:t.timeString}:null},a.prototype.render=function(){return j.createElement("div",{className:"react-datepicker__input-time-container"},j.createElement("div",{className:"react-datepicker-time__caption"},this.props.timeInputLabel),j.createElement("div",{className:"react-datepicker-time__input-container"},j.createElement("div",{className:"react-datepicker-time__input"},this.renderTimeInput())))},a})(b.Component),Zx=(function(n){Me(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.dayEl=b.createRef(),t.handleClick=function(e){!t.isDisabled()&&t.props.onClick&&t.props.onClick(e)},t.handleMouseEnter=function(e){!t.isDisabled()&&t.props.onMouseEnter&&t.props.onMouseEnter(e)},t.handleOnKeyDown=function(e){var r,o,s=e.key;s===L.Space&&(e.preventDefault(),e.key=L.Enter),(o=(r=t.props).handleOnKeyDown)===null||o===void 0||o.call(r,e)},t.isSameDay=function(e){return oe(t.props.day,e)},t.isKeyboardSelected=function(){var e;if(t.props.disabledKeyboardNavigation)return!1;var r=t.props.selectsMultiple?(e=t.props.selectedDates)===null||e===void 0?void 0:e.some(function(s){return t.isSameDayOrWeek(s)}):t.isSameDayOrWeek(t.props.selected),o=t.props.preSelection&&t.isDisabled(t.props.preSelection);return!r&&t.isSameDayOrWeek(t.props.preSelection)&&!o},t.isDisabled=function(e){return e===void 0&&(e=t.props.day),Qe(e,{minDate:t.props.minDate,maxDate:t.props.maxDate,excludeDates:t.props.excludeDates,excludeDateIntervals:t.props.excludeDateIntervals,includeDateIntervals:t.props.includeDateIntervals,includeDates:t.props.includeDates,filterDate:t.props.filterDate})},t.isExcluded=function(){return _o(t.props.day,{excludeDates:t.props.excludeDates,excludeDateIntervals:t.props.excludeDateIntervals})},t.isStartOfWeek=function(){return oe(t.props.day,Ft(t.props.day,t.props.locale,t.props.calendarStartDay))},t.isSameWeek=function(e){return t.props.showWeekPicker&&oe(e,Ft(t.props.day,t.props.locale,t.props.calendarStartDay))},t.isSameDayOrWeek=function(e){return t.isSameDay(e)||t.isSameWeek(e)},t.getHighLightedClass=function(){var e=t.props,r=e.day,o=e.highlightDates;if(!o)return!1;var s=he(r,"MM.dd.yyyy");return o.get(s)},t.getHolidaysClass=function(){var e,r=t.props,o=r.day,s=r.holidays;if(!s)return[void 0];var l=he(o,"MM.dd.yyyy");return s.has(l)?[(e=s.get(l))===null||e===void 0?void 0:e.className]:[void 0]},t.isInRange=function(){var e=t.props,r=e.day,o=e.startDate,s=e.endDate;return!o||!s?!1:er(r,o,s)},t.isInSelectingRange=function(){var e,r=t.props,o=r.day,s=r.selectsStart,l=r.selectsEnd,c=r.selectsRange,p=r.selectsDisabledDaysInRange,d=r.startDate,h=r.endDate,x=(e=t.props.selectingDate)!==null&&e!==void 0?e:t.props.preSelection;return!(s||l||c)||!x||!p&&t.isDisabled()?!1:s&&h&&(pn(x,h)||en(x,h))?er(o,x,h):l&&d&&(Bt(x,d)||en(x,d))||c&&d&&!h&&(Bt(x,d)||en(x,d))?er(o,d,x):!1},t.isSelectingRangeStart=function(){var e;if(!t.isInSelectingRange())return!1;var r=t.props,o=r.day,s=r.startDate,l=r.selectsStart,c=(e=t.props.selectingDate)!==null&&e!==void 0?e:t.props.preSelection;return l?oe(o,c):oe(o,s)},t.isSelectingRangeEnd=function(){var e;if(!t.isInSelectingRange())return!1;var r=t.props,o=r.day,s=r.endDate,l=r.selectsEnd,c=r.selectsRange,p=(e=t.props.selectingDate)!==null&&e!==void 0?e:t.props.preSelection;return l||c?oe(o,p):oe(o,s)},t.isRangeStart=function(){var e=t.props,r=e.day,o=e.startDate,s=e.endDate;return!o||!s?!1:oe(o,r)},t.isRangeEnd=function(){var e=t.props,r=e.day,o=e.startDate,s=e.endDate;return!o||!s?!1:oe(s,r)},t.isWeekend=function(){var e=qm(t.props.day);return e===0||e===6},t.isAfterMonth=function(){return t.props.month!==void 0&&(t.props.month+1)%12===Ne(t.props.day)},t.isBeforeMonth=function(){return t.props.month!==void 0&&(Ne(t.props.day)+1)%12===t.props.month},t.isCurrentDay=function(){return t.isSameDay(pe())},t.isSelected=function(){var e;return t.props.selectsMultiple?(e=t.props.selectedDates)===null||e===void 0?void 0:e.some(function(r){return t.isSameDayOrWeek(r)}):t.isSameDayOrWeek(t.props.selected)},t.getClassNames=function(e){var r=t.props.dayClassName?t.props.dayClassName(e):void 0;return je("react-datepicker__day",r,"react-datepicker__day--"+Nx(t.props.day),{"react-datepicker__day--disabled":t.isDisabled(),"react-datepicker__day--excluded":t.isExcluded(),"react-datepicker__day--selected":t.isSelected(),"react-datepicker__day--keyboard-selected":t.isKeyboardSelected(),"react-datepicker__day--range-start":t.isRangeStart(),"react-datepicker__day--range-end":t.isRangeEnd(),"react-datepicker__day--in-range":t.isInRange(),"react-datepicker__day--in-selecting-range":t.isInSelectingRange(),"react-datepicker__day--selecting-range-start":t.isSelectingRangeStart(),"react-datepicker__day--selecting-range-end":t.isSelectingRangeEnd(),"react-datepicker__day--today":t.isCurrentDay(),"react-datepicker__day--weekend":t.isWeekend(),"react-datepicker__day--outside-month":t.isAfterMonth()||t.isBeforeMonth()},t.getHighLightedClass(),t.getHolidaysClass())},t.getAriaLabel=function(){var e=t.props,r=e.day,o=e.ariaLabelPrefixWhenEnabled,s=o===void 0?"Choose":o,l=e.ariaLabelPrefixWhenDisabled,c=l===void 0?"Not available":l,p=t.isDisabled()||t.isExcluded()?c:s;return"".concat(p," ").concat(he(r,"PPPP",t.props.locale))},t.getTitle=function(){var e=t.props,r=e.day,o=e.holidays,s=o===void 0?new Map:o,l=e.excludeDates,c=he(r,"MM.dd.yyyy"),p=[];return s.has(c)&&p.push.apply(p,s.get(c).holidayNames),t.isExcluded()&&p.push(l==null?void 0:l.filter(function(d){return d instanceof Date?oe(d,r):oe(d==null?void 0:d.date,r)}).map(function(d){if(!(d instanceof Date))return d==null?void 0:d.message})),p.join(", ")},t.getTabIndex=function(){var e=t.props.selected,r=t.props.preSelection,o=!(t.props.showWeekPicker&&(t.props.showWeekNumber||!t.isStartOfWeek()))&&(t.isKeyboardSelected()||t.isSameDay(e)&&oe(r,e))?0:-1;return o},t.handleFocusDay=function(){var e;t.shouldFocusDay()&&((e=t.dayEl.current)===null||e===void 0||e.focus({preventScroll:!0}))},t.renderDayContents=function(){return t.props.monthShowsDuplicateDaysEnd&&t.isAfterMonth()||t.props.monthShowsDuplicateDaysStart&&t.isBeforeMonth()?null:t.props.renderDayContents?t.props.renderDayContents(ss(t.props.day),t.props.day):ss(t.props.day)},t.render=function(){return j.createElement("div",{ref:t.dayEl,className:t.getClassNames(t.props.day),onKeyDown:t.handleOnKeyDown,onClick:t.handleClick,onMouseEnter:t.props.usePointerEvent?void 0:t.handleMouseEnter,onPointerEnter:t.props.usePointerEvent?t.handleMouseEnter:void 0,tabIndex:t.getTabIndex(),"aria-label":t.getAriaLabel(),role:"option",title:t.getTitle(),"aria-disabled":t.isDisabled(),"aria-current":t.isCurrentDay()?"date":void 0,"aria-selected":t.isSelected()||t.isInRange()},t.renderDayContents(),t.getTitle()!==""&&j.createElement("span",{className:"overlay"},t.getTitle()))},t}return a.prototype.componentDidMount=function(){this.handleFocusDay()},a.prototype.componentDidUpdate=function(){this.handleFocusDay()},a.prototype.shouldFocusDay=function(){var t=!1;return this.getTabIndex()===0&&this.isSameDay(this.props.preSelection)&&((!document.activeElement||document.activeElement===document.body)&&(t=!0),this.props.inline&&!this.props.shouldFocusDayInline&&(t=!1),this.isDayActiveElement()&&(t=!0),this.isDuplicateDay()&&(t=!1)),t},a.prototype.isDayActiveElement=function(){var t,e,r;return((e=(t=this.props.containerRef)===null||t===void 0?void 0:t.current)===null||e===void 0?void 0:e.contains(document.activeElement))&&((r=document.activeElement)===null||r===void 0?void 0:r.classList.contains("react-datepicker__day"))},a.prototype.isDuplicateDay=function(){return this.props.monthShowsDuplicateDaysEnd&&this.isAfterMonth()||this.props.monthShowsDuplicateDaysStart&&this.isBeforeMonth()},a})(b.Component),ey=(function(n){Me(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.weekNumberEl=b.createRef(),t.handleClick=function(e){t.props.onClick&&t.props.onClick(e)},t.handleOnKeyDown=function(e){var r,o,s=e.key;s===L.Space&&(e.preventDefault(),e.key=L.Enter),(o=(r=t.props).handleOnKeyDown)===null||o===void 0||o.call(r,e)},t.isKeyboardSelected=function(){return!t.props.disabledKeyboardNavigation&&!oe(t.props.date,t.props.selected)&&oe(t.props.date,t.props.preSelection)},t.getTabIndex=function(){return t.props.showWeekPicker&&t.props.showWeekNumber&&(t.isKeyboardSelected()||oe(t.props.date,t.props.selected)&&oe(t.props.preSelection,t.props.selected))?0:-1},t.handleFocusWeekNumber=function(e){var r=!1;t.getTabIndex()===0&&!(e!=null&&e.isInputFocused)&&oe(t.props.date,t.props.preSelection)&&((!document.activeElement||document.activeElement===document.body)&&(r=!0),t.props.inline&&!t.props.shouldFocusDayInline&&(r=!1),t.props.containerRef&&t.props.containerRef.current&&t.props.containerRef.current.contains(document.activeElement)&&document.activeElement&&document.activeElement.classList.contains("react-datepicker__week-number")&&(r=!0)),r&&t.weekNumberEl.current&&t.weekNumberEl.current.focus({preventScroll:!0})},t}return Object.defineProperty(a,"defaultProps",{get:function(){return{ariaLabelPrefix:"week "}},enumerable:!1,configurable:!0}),a.prototype.componentDidMount=function(){this.handleFocusWeekNumber()},a.prototype.componentDidUpdate=function(t){this.handleFocusWeekNumber(t)},a.prototype.render=function(){var t=this.props,e=t.weekNumber,r=t.isWeekDisabled,o=t.ariaLabelPrefix,s=o===void 0?a.defaultProps.ariaLabelPrefix:o,l=t.onClick,c={"react-datepicker__week-number":!0,"react-datepicker__week-number--clickable":!!l&&!r,"react-datepicker__week-number--selected":!!l&&oe(this.props.date,this.props.selected)};return j.createElement("div",{ref:this.weekNumberEl,className:je(c),"aria-label":"".concat(s," ").concat(this.props.weekNumber),onClick:this.handleClick,onKeyDown:this.handleOnKeyDown,tabIndex:this.getTabIndex()},e)},a})(b.Component),ty=(function(n){Me(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.isDisabled=function(e){return Qe(e,{minDate:t.props.minDate,maxDate:t.props.maxDate,excludeDates:t.props.excludeDates,excludeDateIntervals:t.props.excludeDateIntervals,includeDateIntervals:t.props.includeDateIntervals,includeDates:t.props.includeDates,filterDate:t.props.filterDate})},t.handleDayClick=function(e,r){t.props.onDayClick&&t.props.onDayClick(e,r)},t.handleDayMouseEnter=function(e){t.props.onDayMouseEnter&&t.props.onDayMouseEnter(e)},t.handleWeekClick=function(e,r,o){for(var s,l,c,p=new Date(e),d=0;d<7;d++){var h=new Date(e);h.setDate(h.getDate()+d);var x=!t.isDisabled(h);if(x){p=h;break}}typeof t.props.onWeekSelect=="function"&&t.props.onWeekSelect(p,r,o),t.props.showWeekPicker&&t.handleDayClick(p,o),((s=t.props.shouldCloseOnSelect)!==null&&s!==void 0?s:a.defaultProps.shouldCloseOnSelect)&&((c=(l=t.props).setOpen)===null||c===void 0||c.call(l,!1))},t.formatWeekNumber=function(e){return t.props.formatWeekNumber?t.props.formatWeekNumber(e):Rx(e)},t.isWeekDisabled=function(){for(var e=t.startOfWeek(),r=et(e,6),o=new Date(e);o<=r;){if(!t.isDisabled(o))return!1;o=et(o,1)}return!0},t.renderDays=function(){var e=t.startOfWeek(),r=[],o=t.formatWeekNumber(e);if(t.props.showWeekNumber){var s=t.props.onWeekSelect||t.props.showWeekPicker?t.handleWeekClick.bind(t,e,o):void 0;r.push(j.createElement(ey,se({key:"W"},a.defaultProps,t.props,{weekNumber:o,isWeekDisabled:t.isWeekDisabled(),date:e,onClick:s})))}return r.concat([0,1,2,3,4,5,6].map(function(l){var c=et(e,l);return j.createElement(Zx,se({},a.defaultProps,t.props,{ariaLabelPrefixWhenEnabled:t.props.chooseDayAriaLabelPrefix,ariaLabelPrefixWhenDisabled:t.props.disabledDayAriaLabelPrefix,key:c.valueOf(),day:c,onClick:t.handleDayClick.bind(t,c),onMouseEnter:t.handleDayMouseEnter.bind(t,c)}))}))},t.startOfWeek=function(){return Ft(t.props.day,t.props.locale,t.props.calendarStartDay)},t.isKeyboardSelected=function(){return!t.props.disabledKeyboardNavigation&&!oe(t.startOfWeek(),t.props.selected)&&oe(t.startOfWeek(),t.props.preSelection)},t}return Object.defineProperty(a,"defaultProps",{get:function(){return{shouldCloseOnSelect:!0}},enumerable:!1,configurable:!0}),a.prototype.render=function(){var t={"react-datepicker__week":!0,"react-datepicker__week--selected":oe(this.startOfWeek(),this.props.selected),"react-datepicker__week--keyboard-selected":this.isKeyboardSelected()};return j.createElement("div",{className:je(t)},this.renderDays())},a})(b.Component),Gn,ny=6,Tn={TWO_COLUMNS:"two_columns",THREE_COLUMNS:"three_columns",FOUR_COLUMNS:"four_columns"},Ra=(Gn={},Gn[Tn.TWO_COLUMNS]={grid:[[0,1],[2,3],[4,5],[6,7],[8,9],[10,11]],verticalNavigationOffset:2},Gn[Tn.THREE_COLUMNS]={grid:[[0,1,2],[3,4,5],[6,7,8],[9,10,11]],verticalNavigationOffset:3},Gn[Tn.FOUR_COLUMNS]={grid:[[0,1,2,3],[4,5,6,7],[8,9,10,11]],verticalNavigationOffset:4},Gn),jr=1;function Ms(n,a){return n?Tn.FOUR_COLUMNS:a?Tn.TWO_COLUMNS:Tn.THREE_COLUMNS}var ry=(function(n){Me(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.MONTH_REFS=gt([],Array(12),!0).map(function(){return b.createRef()}),t.QUARTER_REFS=gt([],Array(4),!0).map(function(){return b.createRef()}),t.isDisabled=function(e){return Qe(e,{minDate:t.props.minDate,maxDate:t.props.maxDate,excludeDates:t.props.excludeDates,excludeDateIntervals:t.props.excludeDateIntervals,includeDateIntervals:t.props.includeDateIntervals,includeDates:t.props.includeDates,filterDate:t.props.filterDate})},t.isExcluded=function(e){return _o(e,{excludeDates:t.props.excludeDates,excludeDateIntervals:t.props.excludeDateIntervals})},t.handleDayClick=function(e,r){var o,s;(s=(o=t.props).onDayClick)===null||s===void 0||s.call(o,e,r,t.props.orderInDisplay)},t.handleDayMouseEnter=function(e){var r,o;(o=(r=t.props).onDayMouseEnter)===null||o===void 0||o.call(r,e)},t.handleMouseLeave=function(){var e,r;(r=(e=t.props).onMouseLeave)===null||r===void 0||r.call(e)},t.isRangeStartMonth=function(e){var r=t.props,o=r.day,s=r.startDate,l=r.endDate;return!s||!l?!1:Re(ze(o,e),s)},t.isRangeStartQuarter=function(e){var r=t.props,o=r.day,s=r.startDate,l=r.endDate;return!s||!l?!1:Jr(jn(o,e),s)},t.isRangeEndMonth=function(e){var r=t.props,o=r.day,s=r.startDate,l=r.endDate;return!s||!l?!1:Re(ze(o,e),l)},t.isRangeEndQuarter=function(e){var r=t.props,o=r.day,s=r.startDate,l=r.endDate;return!s||!l?!1:Jr(jn(o,e),l)},t.isInSelectingRangeMonth=function(e){var r,o=t.props,s=o.day,l=o.selectsStart,c=o.selectsEnd,p=o.selectsRange,d=o.startDate,h=o.endDate,x=(r=t.props.selectingDate)!==null&&r!==void 0?r:t.props.preSelection;return!(l||c||p)||!x?!1:l&&h?Cr(x,h,e,s):c&&d||p&&d&&!h?Cr(d,x,e,s):!1},t.isSelectingMonthRangeStart=function(e){var r;if(!t.isInSelectingRangeMonth(e))return!1;var o=t.props,s=o.day,l=o.startDate,c=o.selectsStart,p=ze(s,e),d=(r=t.props.selectingDate)!==null&&r!==void 0?r:t.props.preSelection;return c?Re(p,d):Re(p,l)},t.isSelectingMonthRangeEnd=function(e){var r;if(!t.isInSelectingRangeMonth(e))return!1;var o=t.props,s=o.day,l=o.endDate,c=o.selectsEnd,p=o.selectsRange,d=ze(s,e),h=(r=t.props.selectingDate)!==null&&r!==void 0?r:t.props.preSelection;return c||p?Re(d,h):Re(d,l)},t.isInSelectingRangeQuarter=function(e){var r,o=t.props,s=o.day,l=o.selectsStart,c=o.selectsEnd,p=o.selectsRange,d=o.startDate,h=o.endDate,x=(r=t.props.selectingDate)!==null&&r!==void 0?r:t.props.preSelection;return!(l||c||p)||!x?!1:l&&h?_r(x,h,e,s):c&&d||p&&d&&!h?_r(d,x,e,s):!1},t.isWeekInMonth=function(e){var r=t.props.day,o=et(e,6);return Re(e,r)||Re(o,r)},t.isCurrentMonth=function(e,r){return ae(e)===ae(pe())&&r===Ne(pe())},t.isCurrentQuarter=function(e,r){return ae(e)===ae(pe())&&r===rn(pe())},t.isSelectedMonth=function(e,r,o){return Ne(o)===r&&ae(e)===ae(o)},t.isSelectMonthInList=function(e,r,o){return o.some(function(s){return t.isSelectedMonth(e,r,s)})},t.isSelectedQuarter=function(e,r,o){return rn(e)===r&&ae(e)===ae(o)},t.renderWeeks=function(){for(var e=[],r=t.props.fixedHeight,o=0,s=!1,l=Ft(It(t.props.day),t.props.locale,t.props.calendarStartDay),c=function(v){return t.props.showWeekPicker?Ft(v,t.props.locale,t.props.calendarStartDay):t.props.preSelection},p=function(v){return t.props.showWeekPicker?Ft(v,t.props.locale,t.props.calendarStartDay):t.props.selected},d=t.props.selected?p(t.props.selected):void 0,h=t.props.preSelection?c(t.props.preSelection):void 0;e.push(j.createElement(ty,se({},t.props,{ariaLabelPrefix:t.props.weekAriaLabelPrefix,key:o,day:l,month:Ne(t.props.day),onDayClick:t.handleDayClick,onDayMouseEnter:t.handleDayMouseEnter,selected:d,preSelection:h,showWeekNumber:t.props.showWeekNumbers}))),!s;){o++,l=zr(l,1);var x=r&&o>=ny,y=!r&&!t.isWeekInMonth(l);if(x||y)if(t.props.peekNextMonth)s=!0;else break}return e},t.onMonthClick=function(e,r){var o=t.isMonthDisabledForLabelDate(r),s=o.isDisabled,l=o.labelDate;s||t.handleDayClick(It(l),e)},t.onMonthMouseEnter=function(e){var r=t.isMonthDisabledForLabelDate(e),o=r.isDisabled,s=r.labelDate;o||t.handleDayMouseEnter(It(s))},t.handleMonthNavigation=function(e,r){var o,s,l,c;(s=(o=t.props).setPreSelection)===null||s===void 0||s.call(o,r),(c=(l=t.MONTH_REFS[e])===null||l===void 0?void 0:l.current)===null||c===void 0||c.focus()},t.handleKeyboardNavigation=function(e,r,o){var s,l=t.props,c=l.selected,p=l.preSelection,d=l.setPreSelection,h=l.minDate,x=l.maxDate,y=l.showFourColumnMonthYearPicker,v=l.showTwoColumnMonthYearPicker;if(p){var w=Ms(y,v),k=t.getVerticalOffset(w),C=(s=Ra[w])===null||s===void 0?void 0:s.grid,D=function(M,S,P){var A,z,K=S,U=P;switch(M){case L.ArrowRight:K=nt(S,jr),U=P===11?0:P+jr;break;case L.ArrowLeft:K=an(S,jr),U=P===0?11:P-jr;break;case L.ArrowUp:K=an(S,k),U=!((A=C==null?void 0:C[0])===null||A===void 0)&&A.includes(P)?P+12-k:P-k;break;case L.ArrowDown:K=nt(S,k),U=!((z=C==null?void 0:C[C.length-1])===null||z===void 0)&&z.includes(P)?P-12+k:P+k;break}return{newCalculatedDate:K,newCalculatedMonth:U}},E=function(M,S,P){for(var A=40,z=M,K=!1,U=0,X=D(z,S,P),B=X.newCalculatedDate,N=X.newCalculatedMonth;!K;){if(U>=A){B=S,N=P;break}if(h&&B<h){z=L.ArrowRight;var F=D(z,B,N);B=F.newCalculatedDate,N=F.newCalculatedMonth}if(x&&B>x){z=L.ArrowLeft;var F=D(z,B,N);B=F.newCalculatedDate,N=F.newCalculatedMonth}if(Bx(B,t.props)){var F=D(z,B,N);B=F.newCalculatedDate,N=F.newCalculatedMonth}else K=!0;U++}return{newCalculatedDate:B,newCalculatedMonth:N}};if(r===L.Enter){t.isMonthDisabled(o)||(t.onMonthClick(e,o),d==null||d(c));return}var g=E(r,p,o),T=g.newCalculatedDate,O=g.newCalculatedMonth;switch(r){case L.ArrowRight:case L.ArrowLeft:case L.ArrowUp:case L.ArrowDown:t.handleMonthNavigation(O,T);break}}},t.getVerticalOffset=function(e){var r,o;return(o=(r=Ra[e])===null||r===void 0?void 0:r.verticalNavigationOffset)!==null&&o!==void 0?o:0},t.onMonthKeyDown=function(e,r){var o=t.props,s=o.disabledKeyboardNavigation,l=o.handleOnMonthKeyDown,c=e.key;c!==L.Tab&&e.preventDefault(),s||t.handleKeyboardNavigation(e,c,r),l&&l(e)},t.onQuarterClick=function(e,r){var o=jn(t.props.day,r);Sr(o,t.props)||t.handleDayClick(us(o),e)},t.onQuarterMouseEnter=function(e){var r=jn(t.props.day,e);Sr(r,t.props)||t.handleDayMouseEnter(us(r))},t.handleQuarterNavigation=function(e,r){var o,s,l,c;t.isDisabled(r)||t.isExcluded(r)||((s=(o=t.props).setPreSelection)===null||s===void 0||s.call(o,r),(c=(l=t.QUARTER_REFS[e-1])===null||l===void 0?void 0:l.current)===null||c===void 0||c.focus())},t.onQuarterKeyDown=function(e,r){var o,s,l=e.key;if(!t.props.disabledKeyboardNavigation)switch(l){case L.Enter:t.onQuarterClick(e,r),(s=(o=t.props).setPreSelection)===null||s===void 0||s.call(o,t.props.selected);break;case L.ArrowRight:if(!t.props.preSelection)break;t.handleQuarterNavigation(r===4?1:r+1,wo(t.props.preSelection,1));break;case L.ArrowLeft:if(!t.props.preSelection)break;t.handleQuarterNavigation(r===1?4:r-1,Cc(t.props.preSelection));break}},t.isMonthDisabledForLabelDate=function(e){var r,o=t.props,s=o.day,l=o.minDate,c=o.maxDate,p=o.excludeDates,d=o.includeDates,h=ze(s,e);return{isDisabled:(r=(l||c||p||d)&&jc(h,t.props))!==null&&r!==void 0?r:!1,labelDate:h}},t.isMonthDisabled=function(e){var r=t.isMonthDisabledForLabelDate(e).isDisabled;return r},t.getMonthClassNames=function(e){var r=t.props,o=r.day,s=r.startDate,l=r.endDate,c=r.preSelection,p=r.monthClassName,d=p?p(ze(o,e)):void 0,h=t.getSelection();return je("react-datepicker__month-text","react-datepicker__month-".concat(e),d,{"react-datepicker__month-text--disabled":t.isMonthDisabled(e),"react-datepicker__month-text--selected":h?t.isSelectMonthInList(o,e,h):void 0,"react-datepicker__month-text--keyboard-selected":!t.props.disabledKeyboardNavigation&&c&&t.isSelectedMonth(o,e,c)&&!t.isMonthDisabled(e),"react-datepicker__month-text--in-selecting-range":t.isInSelectingRangeMonth(e),"react-datepicker__month-text--in-range":s&&l?Cr(s,l,e,o):void 0,"react-datepicker__month-text--range-start":t.isRangeStartMonth(e),"react-datepicker__month-text--range-end":t.isRangeEndMonth(e),"react-datepicker__month-text--selecting-range-start":t.isSelectingMonthRangeStart(e),"react-datepicker__month-text--selecting-range-end":t.isSelectingMonthRangeEnd(e),"react-datepicker__month-text--today":t.isCurrentMonth(o,e)})},t.getTabIndex=function(e){if(t.props.preSelection==null)return"-1";var r=Ne(t.props.preSelection),o=t.isMonthDisabledForLabelDate(r).isDisabled,s=e===r&&!(o||t.props.disabledKeyboardNavigation)?"0":"-1";return s},t.getQuarterTabIndex=function(e){if(t.props.preSelection==null)return"-1";var r=rn(t.props.preSelection),o=Sr(t.props.day,t.props),s=e===r&&!(o||t.props.disabledKeyboardNavigation)?"0":"-1";return s},t.getAriaLabel=function(e){var r=t.props,o=r.chooseDayAriaLabelPrefix,s=o===void 0?"Choose":o,l=r.disabledDayAriaLabelPrefix,c=l===void 0?"Not available":l,p=r.day,d=r.locale,h=ze(p,e),x=t.isDisabled(h)||t.isExcluded(h)?c:s;return"".concat(x," ").concat(he(h,"MMMM yyyy",d))},t.getQuarterClassNames=function(e){var r=t.props,o=r.day,s=r.startDate,l=r.endDate,c=r.selected,p=r.minDate,d=r.maxDate,h=r.excludeDates,x=r.includeDates,y=r.filterDate,v=r.preSelection,w=r.disabledKeyboardNavigation,k=(p||d||h||x||y)&&Sr(jn(o,e),t.props);return je("react-datepicker__quarter-text","react-datepicker__quarter-".concat(e),{"react-datepicker__quarter-text--disabled":k,"react-datepicker__quarter-text--selected":c?t.isSelectedQuarter(o,e,c):void 0,"react-datepicker__quarter-text--keyboard-selected":!w&&v&&t.isSelectedQuarter(o,e,v)&&!k,"react-datepicker__quarter-text--in-selecting-range":t.isInSelectingRangeQuarter(e),"react-datepicker__quarter-text--in-range":s&&l?_r(s,l,e,o):void 0,"react-datepicker__quarter-text--range-start":t.isRangeStartQuarter(e),"react-datepicker__quarter-text--range-end":t.isRangeEndQuarter(e)})},t.getMonthContent=function(e){var r=t.props,o=r.showFullMonthYearPicker,s=r.renderMonthContent,l=r.locale,c=r.day,p=_c(e,l),d=Mo(e,l);return s?s(e,p,d,c):o?d:p},t.getQuarterContent=function(e){var r,o=t.props,s=o.renderQuarterContent,l=o.locale,c=Wx(e,l);return(r=s==null?void 0:s(e,c))!==null&&r!==void 0?r:c},t.renderMonths=function(){var e,r=t.props,o=r.showTwoColumnMonthYearPicker,s=r.showFourColumnMonthYearPicker,l=r.day,c=r.selected,p=(e=Ra[Ms(s,o)])===null||e===void 0?void 0:e.grid;return p==null?void 0:p.map(function(d,h){return j.createElement("div",{className:"react-datepicker__month-wrapper",key:h},d.map(function(x,y){return j.createElement("div",{ref:t.MONTH_REFS[x],key:y,onClick:function(v){t.onMonthClick(v,x)},onKeyDown:function(v){Ec(v)&&(v.preventDefault(),v.key=L.Enter),t.onMonthKeyDown(v,x)},onMouseEnter:t.props.usePointerEvent?void 0:function(){return t.onMonthMouseEnter(x)},onPointerEnter:t.props.usePointerEvent?function(){return t.onMonthMouseEnter(x)}:void 0,tabIndex:Number(t.getTabIndex(x)),className:t.getMonthClassNames(x),"aria-disabled":t.isMonthDisabled(x),role:"option","aria-label":t.getAriaLabel(x),"aria-current":t.isCurrentMonth(l,x)?"date":void 0,"aria-selected":c?t.isSelectedMonth(l,x,c):void 0},t.getMonthContent(x))}))})},t.renderQuarters=function(){var e=t.props,r=e.day,o=e.selected,s=[1,2,3,4];return j.createElement("div",{className:"react-datepicker__quarter-wrapper"},s.map(function(l,c){return j.createElement("div",{key:c,ref:t.QUARTER_REFS[c],role:"option",onClick:function(p){t.onQuarterClick(p,l)},onKeyDown:function(p){t.onQuarterKeyDown(p,l)},onMouseEnter:t.props.usePointerEvent?void 0:function(){return t.onQuarterMouseEnter(l)},onPointerEnter:t.props.usePointerEvent?function(){return t.onQuarterMouseEnter(l)}:void 0,className:t.getQuarterClassNames(l),"aria-selected":o?t.isSelectedQuarter(r,l,o):void 0,tabIndex:Number(t.getQuarterTabIndex(l)),"aria-current":t.isCurrentQuarter(r,l)?"date":void 0},t.getQuarterContent(l))}))},t.getClassNames=function(){var e=t.props,r=e.selectingDate,o=e.selectsStart,s=e.selectsEnd,l=e.showMonthYearPicker,c=e.showQuarterYearPicker,p=e.showWeekPicker;return je("react-datepicker__month",{"react-datepicker__month--selecting-range":r&&(o||s)},{"react-datepicker__monthPicker":l},{"react-datepicker__quarterPicker":c},{"react-datepicker__weekPicker":p})},t}return a.prototype.getSelection=function(){var t=this.props,e=t.selected,r=t.selectedDates,o=t.selectsMultiple;if(o)return r;if(e)return[e]},a.prototype.render=function(){var t=this.props,e=t.showMonthYearPicker,r=t.showQuarterYearPicker,o=t.day,s=t.ariaLabelPrefix,l=s===void 0?"Month ":s,c=l?l.trim()+" ":"";return j.createElement("div",{className:this.getClassNames(),onMouseLeave:this.props.usePointerEvent?void 0:this.handleMouseLeave,onPointerLeave:this.props.usePointerEvent?this.handleMouseLeave:void 0,"aria-label":"".concat(c).concat(he(o,"MMMM, yyyy",this.props.locale)),role:"listbox"},e?this.renderMonths():r?this.renderQuarters():this.renderWeeks())},a})(b.Component),ay=(function(n){Me(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.isSelectedMonth=function(e){return t.props.month===e},t.renderOptions=function(){return t.props.monthNames.map(function(e,r){return j.createElement("div",{className:t.isSelectedMonth(r)?"react-datepicker__month-option react-datepicker__month-option--selected_month":"react-datepicker__month-option",key:e,onClick:t.onChange.bind(t,r),"aria-selected":t.isSelectedMonth(r)?"true":void 0},t.isSelectedMonth(r)?j.createElement("span",{className:"react-datepicker__month-option--selected"},"✓"):"",e)})},t.onChange=function(e){return t.props.onChange(e)},t.handleClickOutside=function(){return t.props.onCancel()},t}return a.prototype.render=function(){return j.createElement(pa,{className:"react-datepicker__month-dropdown",onClickOutside:this.handleClickOutside},this.renderOptions())},a})(b.Component),oy=(function(n){Me(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.state={dropdownVisible:!1},t.renderSelectOptions=function(e){return e.map(function(r,o){return j.createElement("option",{key:r,value:o},r)})},t.renderSelectMode=function(e){return j.createElement("select",{value:t.props.month,className:"react-datepicker__month-select",onChange:function(r){return t.onChange(parseInt(r.target.value))}},t.renderSelectOptions(e))},t.renderReadView=function(e,r){return j.createElement("div",{key:"read",style:{visibility:e?"visible":"hidden"},className:"react-datepicker__month-read-view",onClick:t.toggleDropdown},j.createElement("span",{className:"react-datepicker__month-read-view--down-arrow"}),j.createElement("span",{className:"react-datepicker__month-read-view--selected-month"},r[t.props.month]))},t.renderDropdown=function(e){return j.createElement(ay,se({key:"dropdown"},t.props,{monthNames:e,onChange:t.onChange,onCancel:t.toggleDropdown}))},t.renderScrollMode=function(e){var r=t.state.dropdownVisible,o=[t.renderReadView(!r,e)];return r&&o.unshift(t.renderDropdown(e)),o},t.onChange=function(e){t.toggleDropdown(),e!==t.props.month&&t.props.onChange(e)},t.toggleDropdown=function(){return t.setState({dropdownVisible:!t.state.dropdownVisible})},t}return a.prototype.render=function(){var t=this,e=[0,1,2,3,4,5,6,7,8,9,10,11].map(this.props.useShortMonthInDropdown?function(o){return _c(o,t.props.locale)}:function(o){return Mo(o,t.props.locale)}),r;switch(this.props.dropdownMode){case"scroll":r=this.renderScrollMode(e);break;case"select":r=this.renderSelectMode(e);break}return j.createElement("div",{className:"react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--".concat(this.props.dropdownMode)},r)},a})(b.Component);function iy(n,a){for(var t=[],e=It(n),r=It(a);!Bt(e,r);)t.push(pe(e)),e=nt(e,1);return t}var sy=(function(n){Me(a,n);function a(t){var e=n.call(this,t)||this;return e.renderOptions=function(){return e.state.monthYearsList.map(function(r){var o=lo(r),s=pt(e.props.date,r)&&Re(e.props.date,r);return j.createElement("div",{className:s?"react-datepicker__month-year-option--selected_month-year":"react-datepicker__month-year-option",key:o,onClick:e.onChange.bind(e,o),"aria-selected":s?"true":void 0},s?j.createElement("span",{className:"react-datepicker__month-year-option--selected"},"✓"):"",he(r,e.props.dateFormat,e.props.locale))})},e.onChange=function(r){return e.props.onChange(r)},e.handleClickOutside=function(){e.props.onCancel()},e.state={monthYearsList:iy(e.props.minDate,e.props.maxDate)},e}return a.prototype.render=function(){var t=je({"react-datepicker__month-year-dropdown":!0,"react-datepicker__month-year-dropdown--scrollable":this.props.scrollableMonthYearDropdown});return j.createElement(pa,{className:t,onClickOutside:this.handleClickOutside},this.renderOptions())},a})(b.Component),ly=(function(n){Me(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.state={dropdownVisible:!1},t.renderSelectOptions=function(){for(var e=It(t.props.minDate),r=It(t.props.maxDate),o=[];!Bt(e,r);){var s=lo(e);o.push(j.createElement("option",{key:s,value:s},he(e,t.props.dateFormat,t.props.locale))),e=nt(e,1)}return o},t.onSelectChange=function(e){t.onChange(parseInt(e.target.value))},t.renderSelectMode=function(){return j.createElement("select",{value:lo(It(t.props.date)),className:"react-datepicker__month-year-select",onChange:t.onSelectChange},t.renderSelectOptions())},t.renderReadView=function(e){var r=he(t.props.date,t.props.dateFormat,t.props.locale);return j.createElement("div",{key:"read",style:{visibility:e?"visible":"hidden"},className:"react-datepicker__month-year-read-view",onClick:t.toggleDropdown},j.createElement("span",{className:"react-datepicker__month-year-read-view--down-arrow"}),j.createElement("span",{className:"react-datepicker__month-year-read-view--selected-month-year"},r))},t.renderDropdown=function(){return j.createElement(sy,se({key:"dropdown"},t.props,{onChange:t.onChange,onCancel:t.toggleDropdown}))},t.renderScrollMode=function(){var e=t.state.dropdownVisible,r=[t.renderReadView(!e)];return e&&r.unshift(t.renderDropdown()),r},t.onChange=function(e){t.toggleDropdown();var r=pe(e);pt(t.props.date,r)&&Re(t.props.date,r)||t.props.onChange(r)},t.toggleDropdown=function(){return t.setState({dropdownVisible:!t.state.dropdownVisible})},t}return a.prototype.render=function(){var t;switch(this.props.dropdownMode){case"scroll":t=this.renderScrollMode();break;case"select":t=this.renderSelectMode();break}return j.createElement("div",{className:"react-datepicker__month-year-dropdown-container react-datepicker__month-year-dropdown-container--".concat(this.props.dropdownMode)},t)},a})(b.Component),cy=(function(n){Me(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.state={height:null},t.scrollToTheSelectedTime=function(){requestAnimationFrame(function(){var e,r,o;t.list&&(t.list.scrollTop=(o=t.centerLi&&a.calcCenterPosition(t.props.monthRef?t.props.monthRef.clientHeight-((r=(e=t.header)===null||e===void 0?void 0:e.clientHeight)!==null&&r!==void 0?r:0):t.list.clientHeight,t.centerLi))!==null&&o!==void 0?o:0)})},t.handleClick=function(e){var r,o;(t.props.minTime||t.props.maxTime)&&gs(e,t.props)||(t.props.excludeTimes||t.props.includeTimes||t.props.filterTime)&&ms(e,t.props)||(o=(r=t.props).onChange)===null||o===void 0||o.call(r,e)},t.isSelectedTime=function(e){return t.props.selected&&Xx(t.props.selected,e)},t.isDisabledTime=function(e){return(t.props.minTime||t.props.maxTime)&&gs(e,t.props)||(t.props.excludeTimes||t.props.includeTimes||t.props.filterTime)&&ms(e,t.props)},t.liClasses=function(e){var r,o=["react-datepicker__time-list-item",t.props.timeClassName?t.props.timeClassName(e):void 0];return t.isSelectedTime(e)&&o.push("react-datepicker__time-list-item--selected"),t.isDisabledTime(e)&&o.push("react-datepicker__time-list-item--disabled"),t.props.injectTimes&&(xt(e)*3600+yt(e)*60+jt(e))%(((r=t.props.intervals)!==null&&r!==void 0?r:a.defaultProps.intervals)*60)!==0&&o.push("react-datepicker__time-list-item--injected"),o.join(" ")},t.handleOnKeyDown=function(e,r){var o,s;e.key===L.Space&&(e.preventDefault(),e.key=L.Enter),(e.key===L.ArrowUp||e.key===L.ArrowLeft)&&e.target instanceof HTMLElement&&e.target.previousSibling&&(e.preventDefault(),e.target.previousSibling instanceof HTMLElement&&e.target.previousSibling.focus()),(e.key===L.ArrowDown||e.key===L.ArrowRight)&&e.target instanceof HTMLElement&&e.target.nextSibling&&(e.preventDefault(),e.target.nextSibling instanceof HTMLElement&&e.target.nextSibling.focus()),e.key===L.Enter&&t.handleClick(r),(s=(o=t.props).handleOnKeyDown)===null||s===void 0||s.call(o,e)},t.renderTimes=function(){for(var e,r=[],o=typeof t.props.format=="string"?t.props.format:"p",s=(e=t.props.intervals)!==null&&e!==void 0?e:a.defaultProps.intervals,l=t.props.selected||t.props.openToDate||pe(),c=Ar(l),p=t.props.injectTimes&&t.props.injectTimes.sort(function(k,C){return k.getTime()-C.getTime()}),d=60*Gx(l),h=d/s,x=0;x<h;x++){var y=oo(c,x*s);if(r.push(y),p){var v=Vx(c,y,x,s,p);r=r.concat(v)}}var w=r.reduce(function(k,C){return C.getTime()<=l.getTime()?C:k},r[0]);return r.map(function(k){return j.createElement("li",{key:k.valueOf(),onClick:t.handleClick.bind(t,k),className:t.liClasses(k),ref:function(C){k===w&&(t.centerLi=C)},onKeyDown:function(C){t.handleOnKeyDown(C,k)},tabIndex:k===w?0:-1,role:"option","aria-selected":t.isSelectedTime(k)?"true":void 0,"aria-disabled":t.isDisabledTime(k)?"true":void 0},he(k,o,t.props.locale))})},t.renderTimeCaption=function(){return t.props.showTimeCaption===!1?j.createElement(j.Fragment,null):j.createElement("div",{className:"react-datepicker__header react-datepicker__header--time ".concat(t.props.showTimeSelectOnly?"react-datepicker__header--time--only":""),ref:function(e){t.header=e}},j.createElement("div",{className:"react-datepicker-time__header"},t.props.timeCaption))},t}return Object.defineProperty(a,"defaultProps",{get:function(){return{intervals:30,todayButton:null,timeCaption:"Time",showTimeCaption:!0}},enumerable:!1,configurable:!0}),a.prototype.componentDidMount=function(){this.scrollToTheSelectedTime(),this.props.monthRef&&this.header&&this.setState({height:this.props.monthRef.clientHeight-this.header.clientHeight})},a.prototype.render=function(){var t=this,e,r=this.state.height;return j.createElement("div",{className:"react-datepicker__time-container ".concat(((e=this.props.todayButton)!==null&&e!==void 0?e:a.defaultProps.todayButton)?"react-datepicker__time-container--with-today-button":"")},this.renderTimeCaption(),j.createElement("div",{className:"react-datepicker__time"},j.createElement("div",{className:"react-datepicker__time-box"},j.createElement("ul",{className:"react-datepicker__time-list",ref:function(o){t.list=o},style:r?{height:r}:{},role:"listbox","aria-label":this.props.timeCaption},this.renderTimes()))))},a.calcCenterPosition=function(t,e){return e.offsetTop-(t/2-e.clientHeight/2)},a})(b.Component),_s=3,dy=(function(n){Me(a,n);function a(t){var e=n.call(this,t)||this;return e.YEAR_REFS=gt([],Array(e.props.yearItemNumber),!0).map(function(){return b.createRef()}),e.isDisabled=function(r){return Qe(r,{minDate:e.props.minDate,maxDate:e.props.maxDate,excludeDates:e.props.excludeDates,includeDates:e.props.includeDates,filterDate:e.props.filterDate})},e.isExcluded=function(r){return _o(r,{excludeDates:e.props.excludeDates})},e.selectingDate=function(){var r;return(r=e.props.selectingDate)!==null&&r!==void 0?r:e.props.preSelection},e.updateFocusOnPaginate=function(r){var o=function(){var s,l;(l=(s=e.YEAR_REFS[r])===null||s===void 0?void 0:s.current)===null||l===void 0||l.focus()};window.requestAnimationFrame(o)},e.handleYearClick=function(r,o){e.props.onDayClick&&e.props.onDayClick(r,o)},e.handleYearNavigation=function(r,o){var s,l,c,p,d=e.props,h=d.date,x=d.yearItemNumber;if(!(h===void 0||x===void 0)){var y=At(h,x).startPeriod;e.isDisabled(o)||e.isExcluded(o)||((l=(s=e.props).setPreSelection)===null||l===void 0||l.call(s,o),r-y<0?e.updateFocusOnPaginate(x-(y-r)):r-y>=x?e.updateFocusOnPaginate(Math.abs(x-(r-y))):(p=(c=e.YEAR_REFS[r-y])===null||c===void 0?void 0:c.current)===null||p===void 0||p.focus())}},e.isSameDay=function(r,o){return oe(r,o)},e.isCurrentYear=function(r){return r===ae(pe())},e.isRangeStart=function(r){return e.props.startDate&&e.props.endDate&&pt(ut(pe(),r),e.props.startDate)},e.isRangeEnd=function(r){return e.props.startDate&&e.props.endDate&&pt(ut(pe(),r),e.props.endDate)},e.isInRange=function(r){return Mr(r,e.props.startDate,e.props.endDate)},e.isInSelectingRange=function(r){var o=e.props,s=o.selectsStart,l=o.selectsEnd,c=o.selectsRange,p=o.startDate,d=o.endDate;return!(s||l||c)||!e.selectingDate()?!1:s&&d?Mr(r,e.selectingDate(),d):l&&p||c&&p&&!d?Mr(r,p,e.selectingDate()):!1},e.isSelectingRangeStart=function(r){var o;if(!e.isInSelectingRange(r))return!1;var s=e.props,l=s.startDate,c=s.selectsStart,p=ut(pe(),r);return c?pt(p,(o=e.selectingDate())!==null&&o!==void 0?o:null):pt(p,l??null)},e.isSelectingRangeEnd=function(r){var o;if(!e.isInSelectingRange(r))return!1;var s=e.props,l=s.endDate,c=s.selectsEnd,p=s.selectsRange,d=ut(pe(),r);return c||p?pt(d,(o=e.selectingDate())!==null&&o!==void 0?o:null):pt(d,l??null)},e.isKeyboardSelected=function(r){if(!(e.props.date===void 0||e.props.selected==null||e.props.preSelection==null)){var o=e.props,s=o.minDate,l=o.maxDate,c=o.excludeDates,p=o.includeDates,d=o.filterDate,h=Zn(ut(e.props.date,r)),x=(s||l||c||p||d)&&Lr(r,e.props);return!e.props.disabledKeyboardNavigation&&!e.props.inline&&!oe(h,Zn(e.props.selected))&&oe(h,Zn(e.props.preSelection))&&!x}},e.onYearClick=function(r,o){var s=e.props.date;s!==void 0&&e.handleYearClick(Zn(ut(s,o)),r)},e.onYearKeyDown=function(r,o){var s,l,c=r.key,p=e.props,d=p.date,h=p.yearItemNumber,x=p.handleOnKeyDown;if(c!==L.Tab&&r.preventDefault(),!e.props.disabledKeyboardNavigation)switch(c){case L.Enter:if(e.props.selected==null)break;e.onYearClick(r,o),(l=(s=e.props).setPreSelection)===null||l===void 0||l.call(s,e.props.selected);break;case L.ArrowRight:if(e.props.preSelection==null)break;e.handleYearNavigation(o+1,Mt(e.props.preSelection,1));break;case L.ArrowLeft:if(e.props.preSelection==null)break;e.handleYearNavigation(o-1,Ln(e.props.preSelection,1));break;case L.ArrowUp:{if(d===void 0||h===void 0||e.props.preSelection==null)break;var y=At(d,h).startPeriod,v=_s,w=o-v;if(w<y){var k=h%v;o>=y&&o<y+k?v=k:v+=k,w=o-v}e.handleYearNavigation(w,Ln(e.props.preSelection,v));break}case L.ArrowDown:{if(d===void 0||h===void 0||e.props.preSelection==null)break;var C=At(d,h).endPeriod,v=_s,w=o+v;if(w>C){var k=h%v;o<=C&&o>C-k?v=k:v+=k,w=o+v}e.handleYearNavigation(w,Mt(e.props.preSelection,v));break}}x&&x(r)},e.getYearClassNames=function(r){var o=e.props,s=o.date,l=o.minDate,c=o.maxDate,p=o.selected,d=o.excludeDates,h=o.includeDates,x=o.filterDate,y=o.yearClassName;return je("react-datepicker__year-text","react-datepicker__year-".concat(r),s?y==null?void 0:y(ut(s,r)):void 0,{"react-datepicker__year-text--selected":p?r===ae(p):void 0,"react-datepicker__year-text--disabled":(l||c||d||h||x)&&Lr(r,e.props),"react-datepicker__year-text--keyboard-selected":e.isKeyboardSelected(r),"react-datepicker__year-text--range-start":e.isRangeStart(r),"react-datepicker__year-text--range-end":e.isRangeEnd(r),"react-datepicker__year-text--in-range":e.isInRange(r),"react-datepicker__year-text--in-selecting-range":e.isInSelectingRange(r),"react-datepicker__year-text--selecting-range-start":e.isSelectingRangeStart(r),"react-datepicker__year-text--selecting-range-end":e.isSelectingRangeEnd(r),"react-datepicker__year-text--today":e.isCurrentYear(r)})},e.getYearTabIndex=function(r){if(e.props.disabledKeyboardNavigation||e.props.preSelection==null)return"-1";var o=ae(e.props.preSelection),s=Lr(r,e.props);return r===o&&!s?"0":"-1"},e.getYearContent=function(r){return e.props.renderYearContent?e.props.renderYearContent(r):r},e}return a.prototype.render=function(){var t=this,e=[],r=this.props,o=r.date,s=r.yearItemNumber,l=r.onYearMouseEnter,c=r.onYearMouseLeave;if(o===void 0)return null;for(var p=At(o,s),d=p.startPeriod,h=p.endPeriod,x=function(w){e.push(j.createElement("div",{ref:y.YEAR_REFS[w-d],onClick:function(k){t.onYearClick(k,w)},onKeyDown:function(k){Ec(k)&&(k.preventDefault(),k.key=L.Enter),t.onYearKeyDown(k,w)},tabIndex:Number(y.getYearTabIndex(w)),className:y.getYearClassNames(w),onMouseEnter:y.props.usePointerEvent?void 0:function(k){return l(k,w)},onPointerEnter:y.props.usePointerEvent?function(k){return l(k,w)}:void 0,onMouseLeave:y.props.usePointerEvent?void 0:function(k){return c(k,w)},onPointerLeave:y.props.usePointerEvent?function(k){return c(k,w)}:void 0,key:w,"aria-current":y.isCurrentYear(w)?"date":void 0},y.getYearContent(w)))},y=this,v=d;v<=h;v++)x(v);return j.createElement("div",{className:"react-datepicker__year"},j.createElement("div",{className:"react-datepicker__year-wrapper",onMouseLeave:this.props.usePointerEvent?void 0:this.props.clearSelectingDate,onPointerLeave:this.props.usePointerEvent?this.props.clearSelectingDate:void 0},e))},a})(b.Component);function uy(n,a,t,e){for(var r=[],o=0;o<2*a+1;o++){var s=n+a-o,l=!0;t&&(l=ae(t)<=s),e&&l&&(l=ae(e)>=s),l&&r.push(s)}return r}var py=(function(n){Me(a,n);function a(t){var e=n.call(this,t)||this;e.renderOptions=function(){var l=e.props.year,c=e.state.yearsList.map(function(h){return j.createElement("div",{className:l===h?"react-datepicker__year-option react-datepicker__year-option--selected_year":"react-datepicker__year-option",key:h,onClick:e.onChange.bind(e,h),"aria-selected":l===h?"true":void 0},l===h?j.createElement("span",{className:"react-datepicker__year-option--selected"},"✓"):"",h)}),p=e.props.minDate?ae(e.props.minDate):null,d=e.props.maxDate?ae(e.props.maxDate):null;return(!d||!e.state.yearsList.find(function(h){return h===d}))&&c.unshift(j.createElement("div",{className:"react-datepicker__year-option",key:"upcoming",onClick:e.incrementYears},j.createElement("a",{className:"react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-upcoming"}))),(!p||!e.state.yearsList.find(function(h){return h===p}))&&c.push(j.createElement("div",{className:"react-datepicker__year-option",key:"previous",onClick:e.decrementYears},j.createElement("a",{className:"react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-previous"}))),c},e.onChange=function(l){e.props.onChange(l)},e.handleClickOutside=function(){e.props.onCancel()},e.shiftYears=function(l){var c=e.state.yearsList.map(function(p){return p+l});e.setState({yearsList:c})},e.incrementYears=function(){return e.shiftYears(1)},e.decrementYears=function(){return e.shiftYears(-1)};var r=t.yearDropdownItemNumber,o=t.scrollableYearDropdown,s=r||(o?10:5);return e.state={yearsList:uy(e.props.year,s,e.props.minDate,e.props.maxDate)},e.dropdownRef=b.createRef(),e}return a.prototype.componentDidMount=function(){var t=this.dropdownRef.current;if(t){var e=t.children?Array.from(t.children):null,r=e?e.find(function(o){return o.ariaSelected}):null;t.scrollTop=r&&r instanceof HTMLElement?r.offsetTop+(r.clientHeight-t.clientHeight)/2:(t.scrollHeight-t.clientHeight)/2}},a.prototype.render=function(){var t=je({"react-datepicker__year-dropdown":!0,"react-datepicker__year-dropdown--scrollable":this.props.scrollableYearDropdown});return j.createElement(pa,{className:t,containerRef:this.dropdownRef,onClickOutside:this.handleClickOutside},this.renderOptions())},a})(b.Component),fy=(function(n){Me(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.state={dropdownVisible:!1},t.renderSelectOptions=function(){for(var e=t.props.minDate?ae(t.props.minDate):1900,r=t.props.maxDate?ae(t.props.maxDate):2100,o=[],s=e;s<=r;s++)o.push(j.createElement("option",{key:s,value:s},s));return o},t.onSelectChange=function(e){t.onChange(parseInt(e.target.value))},t.renderSelectMode=function(){return j.createElement("select",{value:t.props.year,className:"react-datepicker__year-select",onChange:t.onSelectChange},t.renderSelectOptions())},t.renderReadView=function(e){return j.createElement("div",{key:"read",style:{visibility:e?"visible":"hidden"},className:"react-datepicker__year-read-view",onClick:function(r){return t.toggleDropdown(r)}},j.createElement("span",{className:"react-datepicker__year-read-view--down-arrow"}),j.createElement("span",{className:"react-datepicker__year-read-view--selected-year"},t.props.year))},t.renderDropdown=function(){return j.createElement(py,se({key:"dropdown"},t.props,{onChange:t.onChange,onCancel:t.toggleDropdown}))},t.renderScrollMode=function(){var e=t.state.dropdownVisible,r=[t.renderReadView(!e)];return e&&r.unshift(t.renderDropdown()),r},t.onChange=function(e){t.toggleDropdown(),e!==t.props.year&&t.props.onChange(e)},t.toggleDropdown=function(e){t.setState({dropdownVisible:!t.state.dropdownVisible},function(){t.props.adjustDateOnChange&&t.handleYearChange(t.props.date,e)})},t.handleYearChange=function(e,r){var o;(o=t.onSelect)===null||o===void 0||o.call(t,e,r),t.setOpen()},t.onSelect=function(e,r){var o,s;(s=(o=t.props).onSelect)===null||s===void 0||s.call(o,e,r)},t.setOpen=function(){var e,r;(r=(e=t.props).setOpen)===null||r===void 0||r.call(e,!0)},t}return a.prototype.render=function(){var t;switch(this.props.dropdownMode){case"scroll":t=this.renderScrollMode();break;case"select":t=this.renderSelectMode();break}return j.createElement("div",{className:"react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--".concat(this.props.dropdownMode)},t)},a})(b.Component),hy=["react-datepicker__year-select","react-datepicker__month-select","react-datepicker__month-year-select"],my=function(n){var a=(n.className||"").split(/\s+/);return hy.some(function(t){return a.indexOf(t)>=0})},gy=(function(n){Me(a,n);function a(t){var e=n.call(this,t)||this;return e.monthContainer=void 0,e.handleClickOutside=function(r){e.props.onClickOutside(r)},e.setClickOutsideRef=function(){return e.containerRef.current},e.handleDropdownFocus=function(r){var o,s;my(r.target)&&((s=(o=e.props).onDropdownFocus)===null||s===void 0||s.call(o,r))},e.getDateInView=function(){var r=e.props,o=r.preSelection,s=r.selected,l=r.openToDate,c=Ic(e.props),p=Pc(e.props),d=pe(),h=l||s||o;return h||(c&&pn(d,c)?c:p&&Bt(d,p)?p:d)},e.increaseMonth=function(){e.setState(function(r){var o=r.date;return{date:nt(o,1)}},function(){return e.handleMonthChange(e.state.date)})},e.decreaseMonth=function(){e.setState(function(r){var o=r.date;return{date:an(o,1)}},function(){return e.handleMonthChange(e.state.date)})},e.handleDayClick=function(r,o,s){e.props.onSelect(r,o,s),e.props.setPreSelection&&e.props.setPreSelection(r)},e.handleDayMouseEnter=function(r){e.setState({selectingDate:r}),e.props.onDayMouseEnter&&e.props.onDayMouseEnter(r)},e.handleMonthMouseLeave=function(){e.setState({selectingDate:void 0}),e.props.onMonthMouseLeave&&e.props.onMonthMouseLeave()},e.handleYearMouseEnter=function(r,o){e.setState({selectingDate:ut(pe(),o)}),e.props.onYearMouseEnter&&e.props.onYearMouseEnter(r,o)},e.handleYearMouseLeave=function(r,o){e.props.onYearMouseLeave&&e.props.onYearMouseLeave(r,o)},e.handleYearChange=function(r){var o,s,l,c;(s=(o=e.props).onYearChange)===null||s===void 0||s.call(o,r),e.setState({isRenderAriaLiveMessage:!0}),e.props.adjustDateOnChange&&(e.props.onSelect(r),(c=(l=e.props).setOpen)===null||c===void 0||c.call(l,!0)),e.props.setPreSelection&&e.props.setPreSelection(r)},e.getEnabledPreSelectionDateForMonth=function(r){if(!Qe(r,e.props))return r;for(var o=It(r),s=Ax(r),l=Jh(s,o),c=null,p=0;p<=l;p++){var d=et(o,p);if(!Qe(d,e.props)){c=d;break}}return c},e.handleMonthChange=function(r){var o,s,l,c=(o=e.getEnabledPreSelectionDateForMonth(r))!==null&&o!==void 0?o:r;e.handleCustomMonthChange(c),e.props.adjustDateOnChange&&(e.props.onSelect(c),(l=(s=e.props).setOpen)===null||l===void 0||l.call(s,!0)),e.props.setPreSelection&&e.props.setPreSelection(c)},e.handleCustomMonthChange=function(r){var o,s;(s=(o=e.props).onMonthChange)===null||s===void 0||s.call(o,r),e.setState({isRenderAriaLiveMessage:!0})},e.handleMonthYearChange=function(r){e.handleYearChange(r),e.handleMonthChange(r)},e.changeYear=function(r){e.setState(function(o){var s=o.date;return{date:ut(s,Number(r))}},function(){return e.handleYearChange(e.state.date)})},e.changeMonth=function(r){e.setState(function(o){var s=o.date;return{date:ze(s,Number(r))}},function(){return e.handleMonthChange(e.state.date)})},e.changeMonthYear=function(r){e.setState(function(o){var s=o.date;return{date:ut(ze(s,Ne(r)),ae(r))}},function(){return e.handleMonthYearChange(e.state.date)})},e.header=function(r){r===void 0&&(r=e.state.date);var o=Ft(r,e.props.locale,e.props.calendarStartDay),s=[];return e.props.showWeekNumbers&&s.push(j.createElement("div",{key:"W",className:"react-datepicker__day-name"},e.props.weekLabel||"#")),s.concat([0,1,2,3,4,5,6].map(function(l){var c=et(o,l),p=e.formatWeekday(c,e.props.locale),d=e.props.weekDayClassName?e.props.weekDayClassName(c):void 0;return j.createElement("div",{key:l,"aria-label":he(c,"EEEE",e.props.locale),className:je("react-datepicker__day-name",d)},p)}))},e.formatWeekday=function(r,o){return e.props.formatWeekDay?Lx(r,e.props.formatWeekDay,o):e.props.useWeekdaysShort?Yx(r,o):Fx(r,o)},e.decreaseYear=function(){e.setState(function(r){var o,s=r.date;return{date:Ln(s,e.props.showYearPicker?(o=e.props.yearItemNumber)!==null&&o!==void 0?o:a.defaultProps.yearItemNumber:1)}},function(){return e.handleYearChange(e.state.date)})},e.clearSelectingDate=function(){e.setState({selectingDate:void 0})},e.renderPreviousButton=function(){var r,o,s;if(!e.props.renderCustomHeader){var l=(r=e.props.monthsShown)!==null&&r!==void 0?r:a.defaultProps.monthsShown,c=e.props.showPreviousMonths?l-1:0,p=(o=e.props.monthSelectedIn)!==null&&o!==void 0?o:c,d=an(e.state.date,p),h;switch(!0){case e.props.showMonthYearPicker:h=bs(e.state.date,e.props);break;case e.props.showYearPicker:h=qx(e.state.date,e.props);break;case e.props.showQuarterYearPicker:h=Hx(e.state.date,e.props);break;default:h=xs(d,e.props);break}if(!(!((s=e.props.forceShowMonthNavigation)!==null&&s!==void 0?s:a.defaultProps.forceShowMonthNavigation)&&!e.props.showDisabledMonthNavigation&&h||e.props.showTimeSelectOnly)){var x=["react-datepicker__navigation-icon","react-datepicker__navigation-icon--previous"],y=["react-datepicker__navigation","react-datepicker__navigation--previous"],v=e.decreaseMonth;(e.props.showMonthYearPicker||e.props.showQuarterYearPicker||e.props.showYearPicker)&&(v=e.decreaseYear),h&&e.props.showDisabledMonthNavigation&&(y.push("react-datepicker__navigation--previous--disabled"),v=void 0);var w=e.props.showMonthYearPicker||e.props.showQuarterYearPicker||e.props.showYearPicker,k=e.props,C=k.previousMonthButtonLabel,D=C===void 0?a.defaultProps.previousMonthButtonLabel:C,E=k.previousYearButtonLabel,g=E===void 0?a.defaultProps.previousYearButtonLabel:E,T=e.props,O=T.previousMonthAriaLabel,M=O===void 0?typeof D=="string"?D:"Previous Month":O,S=T.previousYearAriaLabel,P=S===void 0?typeof g=="string"?g:"Previous Year":S;return j.createElement("button",{type:"button",className:y.join(" "),onClick:v,onKeyDown:e.props.handleOnKeyDown,"aria-label":w?P:M},j.createElement("span",{className:x.join(" ")},w?g:D))}}},e.increaseYear=function(){e.setState(function(r){var o,s=r.date;return{date:Mt(s,e.props.showYearPicker?(o=e.props.yearItemNumber)!==null&&o!==void 0?o:a.defaultProps.yearItemNumber:1)}},function(){return e.handleYearChange(e.state.date)})},e.renderNextButton=function(){var r;if(!e.props.renderCustomHeader){var o;switch(!0){case e.props.showMonthYearPicker:o=vs(e.state.date,e.props);break;case e.props.showYearPicker:o=Kx(e.state.date,e.props);break;case e.props.showQuarterYearPicker:o=zx(e.state.date,e.props);break;default:o=ys(e.state.date,e.props);break}if(!(!((r=e.props.forceShowMonthNavigation)!==null&&r!==void 0?r:a.defaultProps.forceShowMonthNavigation)&&!e.props.showDisabledMonthNavigation&&o||e.props.showTimeSelectOnly)){var s=["react-datepicker__navigation","react-datepicker__navigation--next"],l=["react-datepicker__navigation-icon","react-datepicker__navigation-icon--next"];e.props.showTimeSelect&&s.push("react-datepicker__navigation--next--with-time"),e.props.todayButton&&s.push("react-datepicker__navigation--next--with-today-button");var c=e.increaseMonth;(e.props.showMonthYearPicker||e.props.showQuarterYearPicker||e.props.showYearPicker)&&(c=e.increaseYear),o&&e.props.showDisabledMonthNavigation&&(s.push("react-datepicker__navigation--next--disabled"),c=void 0);var p=e.props.showMonthYearPicker||e.props.showQuarterYearPicker||e.props.showYearPicker,d=e.props,h=d.nextMonthButtonLabel,x=h===void 0?a.defaultProps.nextMonthButtonLabel:h,y=d.nextYearButtonLabel,v=y===void 0?a.defaultProps.nextYearButtonLabel:y,w=e.props,k=w.nextMonthAriaLabel,C=k===void 0?typeof x=="string"?x:"Next Month":k,D=w.nextYearAriaLabel,E=D===void 0?typeof v=="string"?v:"Next Year":D;return j.createElement("button",{type:"button",className:s.join(" "),onClick:c,onKeyDown:e.props.handleOnKeyDown,"aria-label":p?E:C},j.createElement("span",{className:l.join(" ")},p?v:x))}}},e.renderCurrentMonth=function(r){r===void 0&&(r=e.state.date);var o=["react-datepicker__current-month"];return e.props.showYearDropdown&&o.push("react-datepicker__current-month--hasYearDropdown"),e.props.showMonthDropdown&&o.push("react-datepicker__current-month--hasMonthDropdown"),e.props.showMonthYearDropdown&&o.push("react-datepicker__current-month--hasMonthYearDropdown"),j.createElement("h2",{className:o.join(" ")},he(r,e.props.dateFormat,e.props.locale))},e.renderYearDropdown=function(r){if(r===void 0&&(r=!1),!(!e.props.showYearDropdown||r))return j.createElement(fy,se({},a.defaultProps,e.props,{date:e.state.date,onChange:e.changeYear,year:ae(e.state.date)}))},e.renderMonthDropdown=function(r){if(r===void 0&&(r=!1),!(!e.props.showMonthDropdown||r))return j.createElement(oy,se({},a.defaultProps,e.props,{month:Ne(e.state.date),onChange:e.changeMonth}))},e.renderMonthYearDropdown=function(r){if(r===void 0&&(r=!1),!(!e.props.showMonthYearDropdown||r))return j.createElement(ly,se({},a.defaultProps,e.props,{date:e.state.date,onChange:e.changeMonthYear}))},e.handleTodayButtonClick=function(r){e.props.onSelect(ps(),r),e.props.setPreSelection&&e.props.setPreSelection(ps())},e.renderTodayButton=function(){if(!(!e.props.todayButton||e.props.showTimeSelectOnly))return j.createElement("div",{className:"react-datepicker__today-button",onClick:e.handleTodayButtonClick},e.props.todayButton)},e.renderDefaultHeader=function(r){var o=r.monthDate,s=r.i;return j.createElement("div",{className:"react-datepicker__header ".concat(e.props.showTimeSelect?"react-datepicker__header--has-time-select":"")},e.renderCurrentMonth(o),j.createElement("div",{className:"react-datepicker__header__dropdown react-datepicker__header__dropdown--".concat(e.props.dropdownMode),onFocus:e.handleDropdownFocus},e.renderMonthDropdown(s!==0),e.renderMonthYearDropdown(s!==0),e.renderYearDropdown(s!==0)),j.createElement("div",{className:"react-datepicker__day-names"},e.header(o)))},e.renderCustomHeader=function(r){var o,s,l=r.monthDate,c=r.i;if(e.props.showTimeSelect&&!e.state.monthContainer||e.props.showTimeSelectOnly)return null;var p=xs(e.state.date,e.props),d=ys(e.state.date,e.props),h=bs(e.state.date,e.props),x=vs(e.state.date,e.props),y=!e.props.showMonthYearPicker&&!e.props.showQuarterYearPicker&&!e.props.showYearPicker;return j.createElement("div",{className:"react-datepicker__header react-datepicker__header--custom",onFocus:e.props.onDropdownFocus},(s=(o=e.props).renderCustomHeader)===null||s===void 0?void 0:s.call(o,se(se({},e.state),{customHeaderCount:c,monthDate:l,changeMonth:e.changeMonth,changeYear:e.changeYear,decreaseMonth:e.decreaseMonth,increaseMonth:e.increaseMonth,decreaseYear:e.decreaseYear,increaseYear:e.increaseYear,prevMonthButtonDisabled:p,nextMonthButtonDisabled:d,prevYearButtonDisabled:h,nextYearButtonDisabled:x})),y&&j.createElement("div",{className:"react-datepicker__day-names"},e.header(l)))},e.renderYearHeader=function(r){var o=r.monthDate,s=e.props,l=s.showYearPicker,c=s.yearItemNumber,p=c===void 0?a.defaultProps.yearItemNumber:c,d=At(o,p),h=d.startPeriod,x=d.endPeriod;return j.createElement("div",{className:"react-datepicker__header react-datepicker-year-header"},l?"".concat(h," - ").concat(x):ae(o))},e.renderHeader=function(r){var o=r.monthDate,s=r.i,l=s===void 0?0:s,c={monthDate:o,i:l};switch(!0){case e.props.renderCustomHeader!==void 0:return e.renderCustomHeader(c);case(e.props.showMonthYearPicker||e.props.showQuarterYearPicker||e.props.showYearPicker):return e.renderYearHeader(c);default:return e.renderDefaultHeader(c)}},e.renderMonths=function(){var r,o;if(!(e.props.showTimeSelectOnly||e.props.showYearPicker)){for(var s=[],l=(r=e.props.monthsShown)!==null&&r!==void 0?r:a.defaultProps.monthsShown,c=e.props.showPreviousMonths?l-1:0,p=e.props.showMonthYearPicker||e.props.showQuarterYearPicker?Mt(e.state.date,c):an(e.state.date,c),d=(o=e.props.monthSelectedIn)!==null&&o!==void 0?o:c,h=0;h<l;++h){var x=h-d+c,y=e.props.showMonthYearPicker||e.props.showQuarterYearPicker?Mt(p,x):nt(p,x),v="month-".concat(h),w=h<l-1,k=h>0;s.push(j.createElement("div",{key:v,ref:function(C){e.monthContainer=C??void 0},className:"react-datepicker__month-container"},e.renderHeader({monthDate:y,i:h}),j.createElement(ry,se({},a.defaultProps,e.props,{ariaLabelPrefix:e.props.monthAriaLabelPrefix,day:y,onDayClick:e.handleDayClick,handleOnKeyDown:e.props.handleOnDayKeyDown,handleOnMonthKeyDown:e.props.handleOnKeyDown,onDayMouseEnter:e.handleDayMouseEnter,onMouseLeave:e.handleMonthMouseLeave,orderInDisplay:h,selectingDate:e.state.selectingDate,monthShowsDuplicateDaysEnd:w,monthShowsDuplicateDaysStart:k}))))}return s}},e.renderYears=function(){if(!e.props.showTimeSelectOnly&&e.props.showYearPicker)return j.createElement("div",{className:"react-datepicker__year--container"},e.renderHeader({monthDate:e.state.date}),j.createElement(dy,se({},a.defaultProps,e.props,{selectingDate:e.state.selectingDate,date:e.state.date,onDayClick:e.handleDayClick,clearSelectingDate:e.clearSelectingDate,onYearMouseEnter:e.handleYearMouseEnter,onYearMouseLeave:e.handleYearMouseLeave})))},e.renderTimeSection=function(){if(e.props.showTimeSelect&&(e.state.monthContainer||e.props.showTimeSelectOnly))return j.createElement(cy,se({},a.defaultProps,e.props,{onChange:e.props.onTimeChange,format:e.props.timeFormat,intervals:e.props.timeIntervals,monthRef:e.state.monthContainer}))},e.renderInputTimeSection=function(){var r=e.props.selected?new Date(e.props.selected):void 0,o=r&&Ct(r)&&!!e.props.selected,s=o?"".concat(ks(r.getHours()),":").concat(ks(r.getMinutes())):"";if(e.props.showTimeInput)return j.createElement(Jx,se({},a.defaultProps,e.props,{date:r,timeString:s,onChange:e.props.onTimeChange}))},e.renderAriaLiveRegion=function(){var r,o=At(e.state.date,(r=e.props.yearItemNumber)!==null&&r!==void 0?r:a.defaultProps.yearItemNumber),s=o.startPeriod,l=o.endPeriod,c;return e.props.showYearPicker?c="".concat(s," - ").concat(l):e.props.showMonthYearPicker||e.props.showQuarterYearPicker?c=ae(e.state.date):c="".concat(Mo(Ne(e.state.date),e.props.locale)," ").concat(ae(e.state.date)),j.createElement("span",{role:"alert","aria-live":"polite",className:"react-datepicker__aria-live"},e.state.isRenderAriaLiveMessage&&c)},e.renderChildren=function(){if(e.props.children)return j.createElement("div",{className:"react-datepicker__children-container"},e.props.children)},e.containerRef=b.createRef(),e.state={date:e.getDateInView(),selectingDate:void 0,monthContainer:void 0,isRenderAriaLiveMessage:!1},e}return Object.defineProperty(a,"defaultProps",{get:function(){return{monthsShown:1,forceShowMonthNavigation:!1,timeCaption:"Time",previousYearButtonLabel:"Previous Year",nextYearButtonLabel:"Next Year",previousMonthButtonLabel:"Previous Month",nextMonthButtonLabel:"Next Month",yearItemNumber:cr}},enumerable:!1,configurable:!0}),a.prototype.componentDidMount=function(){var t=this;this.props.showTimeSelect&&(this.assignMonthContainer=(function(){t.setState({monthContainer:t.monthContainer})})())},a.prototype.componentDidUpdate=function(t){var e=this;if(this.props.preSelection&&(!oe(this.props.preSelection,t.preSelection)||this.props.monthSelectedIn!==t.monthSelectedIn)){var r=!Re(this.state.date,this.props.preSelection);this.setState({date:this.props.preSelection},function(){return r&&e.handleCustomMonthChange(e.state.date)})}else this.props.openToDate&&!oe(this.props.openToDate,t.openToDate)&&this.setState({date:this.props.openToDate})},a.prototype.render=function(){var t=this.props.container||Ix;return j.createElement(pa,{onClickOutside:this.handleClickOutside,style:{display:"contents"},containerRef:this.containerRef,ignoreClass:this.props.outsideClickIgnoreClass},j.createElement(t,{className:je("react-datepicker",this.props.className,{"react-datepicker--time-only":this.props.showTimeSelectOnly}),showTime:this.props.showTimeSelect||this.props.showTimeInput,showTimeSelectOnly:this.props.showTimeSelectOnly},this.renderAriaLiveRegion(),this.renderPreviousButton(),this.renderNextButton(),this.renderMonths(),this.renderYears(),this.renderTodayButton(),this.renderTimeSection(),this.renderInputTimeSection(),this.renderChildren()))},a})(b.Component),xy=function(n){var a=n.icon,t=n.className,e=t===void 0?"":t,r=n.onClick,o="react-datepicker__calendar-icon";return typeof a=="string"?j.createElement("i",{className:"".concat(o," ").concat(a," ").concat(e),"aria-hidden":"true",onClick:r}):j.isValidElement(a)?j.cloneElement(a,{className:"".concat(a.props.className||""," ").concat(o," ").concat(e),onClick:function(s){typeof a.props.onClick=="function"&&a.props.onClick(s),typeof r=="function"&&r(s)}}):j.createElement("svg",{className:"".concat(o," ").concat(e),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",onClick:r},j.createElement("path",{d:"M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192z"}))},Tc=(function(n){Me(a,n);function a(t){var e=n.call(this,t)||this;return e.portalRoot=null,e.el=document.createElement("div"),e}return a.prototype.componentDidMount=function(){this.portalRoot=(this.props.portalHost||document).getElementById(this.props.portalId),this.portalRoot||(this.portalRoot=document.createElement("div"),this.portalRoot.setAttribute("id",this.props.portalId),(this.props.portalHost||document.body).appendChild(this.portalRoot)),this.portalRoot.appendChild(this.el)},a.prototype.componentWillUnmount=function(){this.portalRoot&&this.portalRoot.removeChild(this.el)},a.prototype.render=function(){return kd.createPortal(this.props.children,this.el)},a})(b.Component),yy="[tabindex], a, button, input, select, textarea",by=function(n){return(n instanceof HTMLAnchorElement||!n.disabled)&&n.tabIndex!==-1},$c=(function(n){Me(a,n);function a(t){var e=n.call(this,t)||this;return e.getTabChildren=function(){var r;return Array.prototype.slice.call((r=e.tabLoopRef.current)===null||r===void 0?void 0:r.querySelectorAll(yy),1,-1).filter(by)},e.handleFocusStart=function(){var r=e.getTabChildren();r&&r.length>1&&r[r.length-1].focus()},e.handleFocusEnd=function(){var r=e.getTabChildren();r&&r.length>1&&r[0].focus()},e.tabLoopRef=b.createRef(),e}return a.prototype.render=function(){var t;return((t=this.props.enableTabLoop)!==null&&t!==void 0?t:a.defaultProps.enableTabLoop)?j.createElement("div",{className:"react-datepicker__tab-loop",ref:this.tabLoopRef},j.createElement("div",{className:"react-datepicker__tab-loop__start",tabIndex:0,onFocus:this.handleFocusStart}),this.props.children,j.createElement("div",{className:"react-datepicker__tab-loop__end",tabIndex:0,onFocus:this.handleFocusEnd})):this.props.children},a.defaultProps={enableTabLoop:!0},a})(b.Component);function vy(n){var a=function(t){var e,r=typeof t.hidePopper=="boolean"?t.hidePopper:!0,o=b.useRef(null),s=jx(se({open:!r,whileElementsMounted:oh,placement:t.popperPlacement,middleware:gt([hh({padding:15}),fh(10),mh({element:o})],(e=t.popperModifiers)!==null&&e!==void 0?e:[],!0)},t.popperProps)),l=se(se({},t),{hidePopper:r,popperProps:se(se({},s),{arrowRef:o})});return j.createElement(n,se({},l))};return a}var wy=(function(n){Me(a,n);function a(){return n!==null&&n.apply(this,arguments)||this}return Object.defineProperty(a,"defaultProps",{get:function(){return{hidePopper:!0}},enumerable:!1,configurable:!0}),a.prototype.render=function(){var t=this.props,e=t.className,r=t.wrapperClassName,o=t.hidePopper,s=o===void 0?a.defaultProps.hidePopper:o,l=t.popperComponent,c=t.targetComponent,p=t.enableTabLoop,d=t.popperOnKeyDown,h=t.portalId,x=t.portalHost,y=t.popperProps,v=t.showArrow,w=void 0;if(!s){var k=je("react-datepicker-popper",e);w=j.createElement($c,{enableTabLoop:p},j.createElement("div",{ref:y.refs.setFloating,style:y.floatingStyles,className:k,"data-placement":y.placement,onKeyDown:d},l,v&&j.createElement(wx,{ref:y.arrowRef,context:y.context,fill:"currentColor",strokeWidth:1,height:8,width:16,style:{transform:"translateY(-1px)"},className:"react-datepicker__triangle"})))}this.props.popperContainer&&(w=b.createElement(this.props.popperContainer,{},w)),h&&!s&&(w=j.createElement(Tc,{portalId:h,portalHost:x},w));var C=je("react-datepicker-wrapper",r);return j.createElement(j.Fragment,null,j.createElement("div",{ref:y.refs.setReference,className:C},c),w)},a})(b.Component),ky=vy(wy),js="react-datepicker-ignore-onclickoutside";function Dy(n,a){return n&&a?Ne(n)!==Ne(a)||ae(n)!==ae(a):n!==a}var Na="Date input not valid.",Cy=(function(n){Me(a,n);function a(t){var e=n.call(this,t)||this;return e.calendar=null,e.input=null,e.getPreSelection=function(){return e.props.openToDate?e.props.openToDate:e.props.selectsEnd&&e.props.startDate?e.props.startDate:e.props.selectsStart&&e.props.endDate?e.props.endDate:pe()},e.modifyHolidays=function(){var r;return(r=e.props.holidays)===null||r===void 0?void 0:r.reduce(function(o,s){var l=new Date(s.date);return Ct(l)?gt(gt([],o,!0),[se(se({},s),{date:l})],!1):o},[])},e.calcInitialState=function(){var r,o=e.getPreSelection(),s=Ic(e.props),l=Pc(e.props),c=s&&pn(o,Ar(s))?s:l&&Bt(o,fs(l))?l:o;return{open:e.props.startOpen||!1,preventFocus:!1,inputValue:null,preSelection:(r=e.props.selectsRange?e.props.startDate:e.props.selected)!==null&&r!==void 0?r:c,highlightDates:ws(e.props.highlightDates),focused:!1,shouldFocusDayInline:!1,isRenderAriaLiveMessage:!1,wasHidden:!1}},e.resetHiddenStatus=function(){e.setState(se(se({},e.state),{wasHidden:!1}))},e.setHiddenStatus=function(){e.setState(se(se({},e.state),{wasHidden:!0}))},e.setHiddenStateOnVisibilityHidden=function(){document.visibilityState==="hidden"&&e.setHiddenStatus()},e.clearPreventFocusTimeout=function(){e.preventFocusTimeout&&clearTimeout(e.preventFocusTimeout)},e.safeFocus=function(){setTimeout(function(){var r,o;(o=(r=e.input)===null||r===void 0?void 0:r.focus)===null||o===void 0||o.call(r,{preventScroll:!0})},0)},e.safeBlur=function(){setTimeout(function(){var r,o;(o=(r=e.input)===null||r===void 0?void 0:r.blur)===null||o===void 0||o.call(r)},0)},e.setFocus=function(){e.safeFocus()},e.setBlur=function(){e.safeBlur(),e.cancelFocusInput()},e.setOpen=function(r,o){o===void 0&&(o=!1),e.setState({open:r,preSelection:r&&e.state.open?e.state.preSelection:e.calcInitialState().preSelection,lastPreSelectChange:Oa},function(){r||e.setState(function(s){return{focused:o?s.focused:!1}},function(){!o&&e.setBlur(),e.setState({inputValue:null})})})},e.inputOk=function(){return _t(e.state.preSelection)},e.isCalendarOpen=function(){return e.props.open===void 0?e.state.open&&!e.props.disabled&&!e.props.readOnly:e.props.open},e.handleFocus=function(r){var o,s,l=e.state.wasHidden,c=l?e.state.open:!0;l&&e.resetHiddenStatus(),!e.state.preventFocus&&c&&((s=(o=e.props).onFocus)===null||s===void 0||s.call(o,r),!e.props.preventOpenOnFocus&&!e.props.readOnly&&e.setOpen(!0)),e.setState({focused:!0})},e.sendFocusBackToInput=function(){e.preventFocusTimeout&&e.clearPreventFocusTimeout(),e.setState({preventFocus:!0},function(){e.preventFocusTimeout=setTimeout(function(){e.setFocus(),e.setState({preventFocus:!1})})})},e.cancelFocusInput=function(){clearTimeout(e.inputFocusTimeout),e.inputFocusTimeout=void 0},e.deferFocusInput=function(){e.cancelFocusInput(),e.inputFocusTimeout=setTimeout(function(){return e.setFocus()},1)},e.handleDropdownFocus=function(){e.cancelFocusInput()},e.handleBlur=function(r){var o,s;(!e.state.open||e.props.withPortal||e.props.showTimeInput)&&((s=(o=e.props).onBlur)===null||s===void 0||s.call(o,r)),e.setState({focused:!1})},e.handleCalendarClickOutside=function(r){var o,s;e.props.inline||e.setOpen(!1),(s=(o=e.props).onClickOutside)===null||s===void 0||s.call(o,r),e.props.withPortal&&r.preventDefault()},e.handleChange=function(){for(var r,o,s=[],l=0;l<arguments.length;l++)s[l]=arguments[l];var c=s[0];if(!(e.props.onChangeRaw&&(e.props.onChangeRaw.apply(e,s),!c||typeof c.isDefaultPrevented!="function"||c.isDefaultPrevented()))){e.setState({inputValue:(c==null?void 0:c.target)instanceof HTMLInputElement?c.target.value:null,lastPreSelectChange:Sy});var p=e.props,d=p.dateFormat,h=d===void 0?a.defaultProps.dateFormat:d,x=p.strictParsing,y=x===void 0?a.defaultProps.strictParsing:x,v=p.selectsRange,w=p.startDate,k=p.endDate,C=(c==null?void 0:c.target)instanceof HTMLInputElement?c.target.value:"";if(v){var D=C.split("-",2).map(function(A){return A.trim()}),E=D[0],g=D[1],T=Ta(E??"",h,e.props.locale,y),O=Ta(g??"",h,e.props.locale,y),M=(w==null?void 0:w.getTime())!==(T==null?void 0:T.getTime()),S=(k==null?void 0:k.getTime())!==(O==null?void 0:O.getTime());if(!M&&!S||T&&Qe(T,e.props)||O&&Qe(O,e.props))return;(o=(r=e.props).onChange)===null||o===void 0||o.call(r,[T,O],c)}else{var P=Ta(C,h,e.props.locale,y,e.props.minDate);e.props.showTimeSelectOnly&&e.props.selected&&P&&!oe(P,e.props.selected)&&(P=dx(e.props.selected,{hours:xt(P),minutes:yt(P),seconds:jt(P)})),(P||!C)&&e.setSelected(P,c,!0)}}},e.handleSelect=function(r,o,s){if(e.props.shouldCloseOnSelect&&!e.props.showTimeSelect&&e.sendFocusBackToInput(),e.props.onChangeRaw&&e.props.onChangeRaw(o),e.setSelected(r,o,!1,s),e.props.showDateSelect&&e.setState({isRenderAriaLiveMessage:!0}),!e.props.shouldCloseOnSelect||e.props.showTimeSelect)e.setPreSelection(r);else if(!e.props.inline){e.props.selectsRange||e.setOpen(!1);var l=e.props,c=l.startDate,p=l.endDate;c&&!p&&(e.props.swapRange||!Ss(r,c))&&e.setOpen(!1)}},e.setSelected=function(r,o,s,l){var c,p,d=r;if(e.props.showYearPicker){if(d!==null&&Lr(ae(d),e.props))return}else if(e.props.showMonthYearPicker){if(d!==null&&jc(d,e.props))return}else if(d!==null&&Qe(d,e.props))return;var h=e.props,x=h.onChange,y=h.selectsRange,v=h.startDate,w=h.endDate,k=h.selectsMultiple,C=h.selectedDates,D=h.minTime,E=h.swapRange;if(!en(e.props.selected,d)||e.props.allowSameDay||y||k)if(d!==null&&(e.props.selected&&(!s||!e.props.showTimeSelect&&!e.props.showTimeSelectOnly&&!e.props.showTimeInput)&&(d=$a(d,{hour:xt(e.props.selected),minute:yt(e.props.selected),second:jt(e.props.selected)})),!s&&(e.props.showTimeSelect||e.props.showTimeSelectOnly)&&D&&(d=$a(d,{hour:D.getHours(),minute:D.getMinutes(),second:D.getSeconds()})),e.props.inline||e.setState({preSelection:d}),e.props.focusSelectedMonth||e.setState({monthSelectedIn:l})),y){var g=!v&&!w,T=v&&!w,O=v&&w;g?x==null||x([d,null],o):T&&(d===null?x==null||x([null,null],o):Ss(d,v)?E?x==null||x([d,v],o):x==null||x([d,null],o):x==null||x([v,d],o)),O&&(x==null||x([d,null],o))}else if(k){if(d!==null)if(!(C!=null&&C.length))x==null||x([d],o);else{var M=C.some(function(P){return oe(P,d)});if(M){var S=C.filter(function(P){return!oe(P,d)});x==null||x(S,o)}else x==null||x(gt(gt([],C,!0),[d],!1),o)}}else x==null||x(d,o);s||((p=(c=e.props).onSelect)===null||p===void 0||p.call(c,d,o),e.setState({inputValue:null}))},e.setPreSelection=function(r){var o=_t(e.props.minDate),s=_t(e.props.maxDate),l=!0;if(r){var c=Ar(r);if(o&&s)l=er(r,e.props.minDate,e.props.maxDate);else if(o){var p=Ar(e.props.minDate);l=Bt(r,p)||en(c,p)}else if(s){var d=fs(e.props.maxDate);l=pn(r,d)||en(c,d)}}l&&e.setState({preSelection:r})},e.toggleCalendar=function(){e.setOpen(!e.state.open)},e.handleTimeChange=function(r){var o,s;if(!(e.props.selectsRange||e.props.selectsMultiple)){var l=e.props.selected?e.props.selected:e.getPreSelection(),c=e.props.selected?r:$a(l,{hour:xt(r),minute:yt(r)});e.setState({preSelection:c}),(s=(o=e.props).onChange)===null||s===void 0||s.call(o,c),e.props.shouldCloseOnSelect&&!e.props.showTimeInput&&(e.sendFocusBackToInput(),e.setOpen(!1)),e.props.showTimeInput&&e.setOpen(!0),(e.props.showTimeSelectOnly||e.props.showTimeSelect)&&e.setState({isRenderAriaLiveMessage:!0}),e.setState({inputValue:null})}},e.onInputClick=function(){var r,o;!e.props.disabled&&!e.props.readOnly&&e.setOpen(!0),(o=(r=e.props).onInputClick)===null||o===void 0||o.call(r)},e.onInputKeyDown=function(r){var o,s,l,c,p,d;(s=(o=e.props).onKeyDown)===null||s===void 0||s.call(o,r);var h=r.key;if(!e.state.open&&!e.props.inline&&!e.props.preventOpenOnFocus){(h===L.ArrowDown||h===L.ArrowUp||h===L.Enter)&&((l=e.onInputClick)===null||l===void 0||l.call(e));return}if(e.state.open){if(h===L.ArrowDown||h===L.ArrowUp){r.preventDefault();var x=e.props.showTimeSelectOnly?".react-datepicker__time-list-item[tabindex='0']":e.props.showWeekPicker&&e.props.showWeekNumbers?'.react-datepicker__week-number[tabindex="0"]':e.props.showFullMonthYearPicker||e.props.showMonthYearPicker?'.react-datepicker__month-text[tabindex="0"]':'.react-datepicker__day[tabindex="0"]',y=((c=e.calendar)===null||c===void 0?void 0:c.containerRef.current)instanceof Element&&e.calendar.containerRef.current.querySelector(x);y instanceof HTMLElement&&y.focus({preventScroll:!0});return}var v=pe(e.state.preSelection);h===L.Enter?(r.preventDefault(),r.target.blur(),e.inputOk()&&e.state.lastPreSelectChange===Oa?(e.handleSelect(v,r),!e.props.shouldCloseOnSelect&&e.setPreSelection(v)):e.setOpen(!1)):h===L.Escape?(r.preventDefault(),r.target.blur(),e.sendFocusBackToInput(),e.setOpen(!1)):h===L.Tab&&e.setOpen(!1),e.inputOk()||(d=(p=e.props).onInputError)===null||d===void 0||d.call(p,{code:1,msg:Na})}},e.onPortalKeyDown=function(r){var o=r.key;o===L.Escape&&(r.preventDefault(),e.setState({preventFocus:!0},function(){e.setOpen(!1),setTimeout(function(){e.setFocus(),e.setState({preventFocus:!1})})}))},e.onDayKeyDown=function(r){var o,s,l,c,p,d,h=e.props,x=h.minDate,y=h.maxDate,v=h.disabledKeyboardNavigation,w=h.showWeekPicker,k=h.shouldCloseOnSelect,C=h.locale,D=h.calendarStartDay,E=h.adjustDateOnChange,g=h.inline;if((s=(o=e.props).onKeyDown)===null||s===void 0||s.call(o,r),!v){var T=r.key,O=r.shiftKey,M=pe(e.state.preSelection),S=function(B,N){var F=N;switch(B){case L.ArrowRight:F=w?zr(N,1):et(N,1);break;case L.ArrowLeft:F=w?ls(N):Qg(N);break;case L.ArrowUp:F=ls(N);break;case L.ArrowDown:F=zr(N,1);break;case L.PageUp:F=O?Ln(N,1):an(N,1);break;case L.PageDown:F=O?Mt(N,1):nt(N,1);break;case L.Home:F=Ft(N,C,D);break;case L.End:F=Ox(N);break}return F},P=function(B,N){for(var F=40,_=B,Q=!1,H=0,q=S(B,N);!Q;){if(H>=F){q=N;break}x&&q<x&&(_=L.ArrowRight,q=Qe(x,e.props)?S(_,q):x),y&&q>y&&(_=L.ArrowLeft,q=Qe(y,e.props)?S(_,q):y),Qe(q,e.props)?((_===L.PageUp||_===L.Home)&&(_=L.ArrowRight),(_===L.PageDown||_===L.End)&&(_=L.ArrowLeft),q=S(_,q)):Q=!0,H++}return q};if(T===L.Enter){r.preventDefault(),e.handleSelect(M,r),!k&&e.setPreSelection(M);return}else if(T===L.Escape){r.preventDefault(),e.setOpen(!1),e.inputOk()||(c=(l=e.props).onInputError)===null||c===void 0||c.call(l,{code:1,msg:Na});return}var A=null;switch(T){case L.ArrowLeft:case L.ArrowRight:case L.ArrowUp:case L.ArrowDown:case L.PageUp:case L.PageDown:case L.Home:case L.End:A=P(T,M);break}if(!A){(d=(p=e.props).onInputError)===null||d===void 0||d.call(p,{code:1,msg:Na});return}if(r.preventDefault(),e.setState({lastPreSelectChange:Oa}),E&&e.setSelected(A),e.setPreSelection(A),g){var z=Ne(M),K=Ne(A),U=ae(M),X=ae(A);z!==K||U!==X?e.setState({shouldFocusDayInline:!0}):e.setState({shouldFocusDayInline:!1})}}},e.onPopperKeyDown=function(r){var o=r.key;o===L.Escape&&(r.preventDefault(),e.sendFocusBackToInput())},e.onClearClick=function(r){r&&r.preventDefault&&r.preventDefault(),e.sendFocusBackToInput();var o=e.props,s=o.selectsRange,l=o.onChange;s?l==null||l([null,null],r):l==null||l(null,r),e.setState({inputValue:null})},e.clear=function(){e.onClearClick()},e.onScroll=function(r){typeof e.props.closeOnScroll=="boolean"&&e.props.closeOnScroll?(r.target===document||r.target===document.documentElement||r.target===document.body)&&e.setOpen(!1):typeof e.props.closeOnScroll=="function"&&e.props.closeOnScroll(r)&&e.setOpen(!1)},e.renderCalendar=function(){var r,o;return!e.props.inline&&!e.isCalendarOpen()?null:j.createElement(gy,se({showMonthYearDropdown:void 0,ref:function(s){e.calendar=s}},e.props,e.state,{setOpen:e.setOpen,dateFormat:(r=e.props.dateFormatCalendar)!==null&&r!==void 0?r:a.defaultProps.dateFormatCalendar,onSelect:e.handleSelect,onClickOutside:e.handleCalendarClickOutside,holidays:Ux(e.modifyHolidays()),outsideClickIgnoreClass:js,onDropdownFocus:e.handleDropdownFocus,onTimeChange:e.handleTimeChange,className:e.props.calendarClassName,container:e.props.calendarContainer,handleOnKeyDown:e.props.onKeyDown,handleOnDayKeyDown:e.onDayKeyDown,setPreSelection:e.setPreSelection,dropdownMode:(o=e.props.dropdownMode)!==null&&o!==void 0?o:a.defaultProps.dropdownMode}),e.props.children)},e.renderAriaLiveRegion=function(){var r=e.props,o=r.dateFormat,s=o===void 0?a.defaultProps.dateFormat:o,l=r.locale,c=e.props.showTimeInput||e.props.showTimeSelect,p=c?"PPPPp":"PPPP",d;return e.props.selectsRange?d="Selected start date: ".concat(Ke(e.props.startDate,{dateFormat:p,locale:l}),". ").concat(e.props.endDate?"End date: "+Ke(e.props.endDate,{dateFormat:p,locale:l}):""):e.props.showTimeSelectOnly?d="Selected time: ".concat(Ke(e.props.selected,{dateFormat:s,locale:l})):e.props.showYearPicker?d="Selected year: ".concat(Ke(e.props.selected,{dateFormat:"yyyy",locale:l})):e.props.showMonthYearPicker?d="Selected month: ".concat(Ke(e.props.selected,{dateFormat:"MMMM yyyy",locale:l})):e.props.showQuarterYearPicker?d="Selected quarter: ".concat(Ke(e.props.selected,{dateFormat:"yyyy, QQQ",locale:l})):d="Selected date: ".concat(Ke(e.props.selected,{dateFormat:p,locale:l})),j.createElement("span",{role:"alert","aria-live":"polite",className:"react-datepicker__aria-live"},d)},e.renderDateInput=function(){var r,o,s,l=je(e.props.className,(r={},r[js]=e.state.open,r)),c=e.props.customInput||j.createElement("input",{type:"text"}),p=e.props.customInputRef||"ref",d=e.props,h=d.dateFormat,x=h===void 0?a.defaultProps.dateFormat:h,y=d.locale,v=typeof e.props.value=="string"?e.props.value:typeof e.state.inputValue=="string"?e.state.inputValue:e.props.selectsRange?Tx(e.props.startDate,e.props.endDate,{dateFormat:x,locale:y}):e.props.selectsMultiple?$x((s=e.props.selectedDates)!==null&&s!==void 0?s:[],{dateFormat:x,locale:y}):Ke(e.props.selected,{dateFormat:x,locale:y});return b.cloneElement(c,(o={},o[p]=function(w){e.input=w},o.value=v,o.onBlur=e.handleBlur,o.onChange=e.handleChange,o.onClick=e.onInputClick,o.onFocus=e.handleFocus,o.onKeyDown=e.onInputKeyDown,o.id=e.props.id,o.name=e.props.name,o.form=e.props.form,o.autoFocus=e.props.autoFocus,o.placeholder=e.props.placeholderText,o.disabled=e.props.disabled,o.autoComplete=e.props.autoComplete,o.className=je(c.props.className,l),o.title=e.props.title,o.readOnly=e.props.readOnly,o.required=e.props.required,o.tabIndex=e.props.tabIndex,o["aria-describedby"]=e.props.ariaDescribedBy,o["aria-invalid"]=e.props.ariaInvalid,o["aria-labelledby"]=e.props.ariaLabelledBy,o["aria-required"]=e.props.ariaRequired,o))},e.renderClearButton=function(){var r=e.props,o=r.isClearable,s=r.disabled,l=r.selected,c=r.startDate,p=r.endDate,d=r.clearButtonTitle,h=r.clearButtonClassName,x=h===void 0?"":h,y=r.ariaLabelClose,v=y===void 0?"Close":y,w=r.selectedDates;return o&&(l!=null||c!=null||p!=null||w!=null&&w.length)?j.createElement("button",{type:"button",className:je("react-datepicker__close-icon",x,{"react-datepicker__close-icon--disabled":s}),disabled:s,"aria-label":v,onClick:e.onClearClick,title:d,tabIndex:-1}):null},e.state=e.calcInitialState(),e.preventFocusTimeout=void 0,e}return Object.defineProperty(a,"defaultProps",{get:function(){return{allowSameDay:!1,dateFormat:"MM/dd/yyyy",dateFormatCalendar:"LLLL yyyy",disabled:!1,disabledKeyboardNavigation:!1,dropdownMode:"scroll",preventOpenOnFocus:!1,monthsShown:1,readOnly:!1,withPortal:!1,selectsDisabledDaysInRange:!1,shouldCloseOnSelect:!0,showTimeSelect:!1,showTimeInput:!1,showPreviousMonths:!1,showMonthYearPicker:!1,showFullMonthYearPicker:!1,showTwoColumnMonthYearPicker:!1,showFourColumnMonthYearPicker:!1,showYearPicker:!1,showQuarterYearPicker:!1,showWeekPicker:!1,strictParsing:!1,swapRange:!1,timeIntervals:30,timeCaption:"Time",previousMonthAriaLabel:"Previous Month",previousMonthButtonLabel:"Previous Month",nextMonthAriaLabel:"Next Month",nextMonthButtonLabel:"Next Month",previousYearAriaLabel:"Previous Year",previousYearButtonLabel:"Previous Year",nextYearAriaLabel:"Next Year",nextYearButtonLabel:"Next Year",timeInputLabel:"Time",enableTabLoop:!0,yearItemNumber:cr,focusSelectedMonth:!1,showPopperArrow:!0,excludeScrollbar:!0,customTimeInput:null,calendarStartDay:void 0,toggleCalendarOnIconClick:!1,usePointerEvent:!1}},enumerable:!1,configurable:!0}),a.prototype.componentDidMount=function(){window.addEventListener("scroll",this.onScroll,!0),document.addEventListener("visibilitychange",this.setHiddenStateOnVisibilityHidden)},a.prototype.componentDidUpdate=function(t,e){var r,o,s,l;t.inline&&Dy(t.selected,this.props.selected)&&this.setPreSelection(this.props.selected),this.state.monthSelectedIn!==void 0&&t.monthsShown!==this.props.monthsShown&&this.setState({monthSelectedIn:0}),t.highlightDates!==this.props.highlightDates&&this.setState({highlightDates:ws(this.props.highlightDates)}),!e.focused&&!en(t.selected,this.props.selected)&&this.setState({inputValue:null}),e.open!==this.state.open&&(e.open===!1&&this.state.open===!0&&((o=(r=this.props).onCalendarOpen)===null||o===void 0||o.call(r)),e.open===!0&&this.state.open===!1&&((l=(s=this.props).onCalendarClose)===null||l===void 0||l.call(s)))},a.prototype.componentWillUnmount=function(){this.clearPreventFocusTimeout(),window.removeEventListener("scroll",this.onScroll,!0),document.removeEventListener("visibilitychange",this.setHiddenStateOnVisibilityHidden)},a.prototype.renderInputContainer=function(){var t=this.props,e=t.showIcon,r=t.icon,o=t.calendarIconClassname,s=t.calendarIconClassName,l=t.toggleCalendarOnIconClick,c=this.state.open;return o&&console.warn("calendarIconClassname props is deprecated. should use calendarIconClassName props."),j.createElement("div",{className:"react-datepicker__input-container".concat(e?" react-datepicker__view-calendar-icon":"")},e&&j.createElement(xy,se({icon:r,className:je(s,!s&&o,c&&"react-datepicker-ignore-onclickoutside")},l?{onClick:this.toggleCalendar}:null)),this.state.isRenderAriaLiveMessage&&this.renderAriaLiveRegion(),this.renderDateInput(),this.renderClearButton())},a.prototype.render=function(){var t=this.renderCalendar();if(this.props.inline)return t;if(this.props.withPortal){var e=this.state.open?j.createElement($c,{enableTabLoop:this.props.enableTabLoop},j.createElement("div",{className:"react-datepicker__portal",tabIndex:-1,onKeyDown:this.onPortalKeyDown},t)):null;return this.state.open&&this.props.portalId&&(e=j.createElement(Tc,se({portalId:this.props.portalId},this.props),e)),j.createElement("div",null,this.renderInputContainer(),e)}return j.createElement(ky,se({},this.props,{className:this.props.popperClassName,hidePopper:!this.isCalendarOpen(),targetComponent:this.renderInputContainer(),popperComponent:t,popperOnKeyDown:this.onPopperKeyDown,showArrow:this.props.showPopperArrow}))},a})(b.Component),Sy="input",Oa="navigate";function My(){const{data:n}=ve({queryKey:["feature-flag","proceeds-to-treasury"],queryFn:Ld,staleTime:6e4,refetchOnWindowFocus:!0,retry:1});return n===!0}const _y=m.div`
|
|
374
|
+
display: flex;
|
|
375
|
+
align-items: center;
|
|
376
|
+
gap: 16px;
|
|
377
|
+
width: 100%;
|
|
378
|
+
max-width: 456px;
|
|
379
|
+
`,jy=m.span`
|
|
380
|
+
flex: none;
|
|
381
|
+
font-family: ${u.font.sans};
|
|
382
|
+
font-size: 18px;
|
|
383
|
+
color: ${u.colors.muted};
|
|
384
|
+
`,Iy=m.p`
|
|
385
|
+
margin: 0;
|
|
386
|
+
font-family: ${u.font.sans};
|
|
387
|
+
font-size: 13px;
|
|
388
|
+
line-height: 1.5;
|
|
389
|
+
color: ${u.colors.muted};
|
|
390
|
+
text-align: center;
|
|
391
|
+
`,Py=m.p`
|
|
392
|
+
margin: 0;
|
|
393
|
+
font-family: ${u.font.sans};
|
|
394
|
+
font-size: 13px;
|
|
395
|
+
line-height: 1.5;
|
|
396
|
+
color: ${u.colors.text};
|
|
397
|
+
`;function Rc(n,a){const[t,e]=b.useState(!1),[r,o]=b.useState(!1),[s,l]=b.useState(null),c=b.useRef(null);b.useEffect(()=>{const d=new AbortController;return c.current=d,()=>d.abort(new DOMException("Modal closed","AbortError"))},[]);async function p(d){if(!n||t)return!0;l(null);try{const h=await n.cancelCurrent({payGas:d,onWaiting:x=>o(x>2e4)});return h!=="ok"?(l(h==="relay-reverted"?"reverted":"pending"),!1):(e(!0),!0)}catch(h){return Se(h,{flow:"edit_price_cancel"}),a(Yt(h,f("listingEdit.cancelFailed"))),!1}finally{o(!1)}}return{cancelDone:t,slow:r,cancelFailed:s,setCancelFailed:l,cancelCurrent:p,signal:()=>{var d;return(d=c.current)==null?void 0:d.signal}}}function jo({state:n,canPayGas:a,busy:t,onPayGas:e,onLater:r,testId:o="edit-cancel-relay-failed"}){return i.jsxs(Py,{"data-testid":o,children:[a?n==="reverted"?f("itemDetail.cancelRelayReverted"):f("itemDetail.cancelRelayFailed"):f("itemDetail.cancelRelayRetry"),a?i.jsxs(i.Fragment,{children:[" ",i.jsx(Si,{type:"button","data-testid":"cancel-pay-gas",onClick:e,disabled:t,children:f("itemDetail.cancelPayGas")}),r?i.jsxs(i.Fragment,{children:[" ",i.jsx(Si,{type:"button","data-testid":"cancel-later",onClick:r,disabled:t,children:f("itemDetail.cancelLater")})]}):null]}):null]})}function Nc({phase:n,managed:a,slow:t}){const r=n==="list"?2:1,o=`listingEdit.${a?"step":"confirm"}${n==="list"?"New":"Removal"}`;return i.jsxs(Xt,{"data-processing":!0,"data-testid":"listing-steps",role:"status","aria-live":"polite",children:[i.jsx(Ll,{src:jl,alt:"",width:61,height:61}),i.jsx(Fl,{children:f(o)}),i.jsxs(_y,{children:[i.jsx(Yl,{"aria-hidden":!0,children:i.jsx(Wl,{})}),i.jsxs(jy,{"data-testid":"listing-steps-count",children:[r,"/",2]})]}),t?i.jsx(Iy,{"data-testid":"listing-steps-slow",children:f("listingEdit.slow")}):null]})}const Aa=m.div`
|
|
398
|
+
position: fixed;
|
|
399
|
+
inset: 0;
|
|
400
|
+
z-index: 10000;
|
|
401
|
+
display: flex;
|
|
402
|
+
align-items: center;
|
|
403
|
+
justify-content: center;
|
|
404
|
+
padding: 16px;
|
|
405
|
+
background: rgba(22, 21, 24, 0.55);
|
|
406
|
+
`,La=m.div`
|
|
407
|
+
width: 560px;
|
|
408
|
+
max-width: 100%;
|
|
409
|
+
max-height: 92vh;
|
|
410
|
+
overflow-y: auto;
|
|
411
|
+
background: ${u.colors.white};
|
|
412
|
+
border-radius: 16px;
|
|
413
|
+
padding: 12px 16px 16px;
|
|
414
|
+
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
|
|
415
|
+
display: flex;
|
|
416
|
+
flex-direction: column;
|
|
417
|
+
gap: 24px;
|
|
418
|
+
`,Fa=m.div`
|
|
419
|
+
display: flex;
|
|
420
|
+
align-items: center;
|
|
421
|
+
justify-content: space-between;
|
|
422
|
+
gap: 8px;
|
|
423
|
+
padding-bottom: 16px;
|
|
424
|
+
border-bottom: 1px solid ${u.colors.gray4};
|
|
425
|
+
`,Ya=m.h2`
|
|
426
|
+
margin: 0;
|
|
427
|
+
font-family: ${u.font.sans};
|
|
428
|
+
font-weight: 600;
|
|
429
|
+
font-size: 20px;
|
|
430
|
+
line-height: 1.6;
|
|
431
|
+
color: ${u.colors.text};
|
|
432
|
+
`,Wa=m.button`
|
|
433
|
+
flex: none;
|
|
434
|
+
display: grid;
|
|
435
|
+
place-items: center;
|
|
436
|
+
width: 24px;
|
|
437
|
+
height: 24px;
|
|
438
|
+
border: 0;
|
|
439
|
+
background: none;
|
|
440
|
+
cursor: pointer;
|
|
441
|
+
color: ${u.colors.text};
|
|
442
|
+
|
|
443
|
+
.ico {
|
|
444
|
+
width: 18px;
|
|
445
|
+
height: 18px;
|
|
446
|
+
}
|
|
447
|
+
&:disabled {
|
|
448
|
+
opacity: 0.4;
|
|
449
|
+
cursor: default;
|
|
450
|
+
}
|
|
451
|
+
&:focus-visible {
|
|
452
|
+
outline: 2px solid ${u.colors.accent};
|
|
453
|
+
outline-offset: 2px;
|
|
454
|
+
}
|
|
455
|
+
`,Ey=m.p`
|
|
456
|
+
margin: 0;
|
|
457
|
+
font-family: ${u.font.sans};
|
|
458
|
+
font-size: 14px;
|
|
459
|
+
line-height: 1.57;
|
|
460
|
+
color: ${u.colors.text};
|
|
461
|
+
text-align: left;
|
|
462
|
+
`,Ty=m.div`
|
|
463
|
+
display: flex;
|
|
464
|
+
align-items: center;
|
|
465
|
+
gap: 12px;
|
|
466
|
+
`,$y=m.div`
|
|
467
|
+
flex: none;
|
|
468
|
+
display: grid;
|
|
469
|
+
place-items: center;
|
|
470
|
+
width: 180px;
|
|
471
|
+
height: 180px;
|
|
472
|
+
border-radius: 16px;
|
|
473
|
+
background: ${u.colors.media};
|
|
474
|
+
border: 1px solid ${u.colors.gray4};
|
|
475
|
+
overflow: hidden;
|
|
476
|
+
|
|
477
|
+
img {
|
|
478
|
+
width: 150px;
|
|
479
|
+
height: 150px;
|
|
480
|
+
object-fit: contain;
|
|
481
|
+
filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.1));
|
|
482
|
+
}
|
|
483
|
+
|
|
484
|
+
${u.media.maxWidth("mobile")} {
|
|
485
|
+
width: 120px;
|
|
486
|
+
height: 120px;
|
|
487
|
+
|
|
488
|
+
img {
|
|
489
|
+
width: 100px;
|
|
490
|
+
height: 100px;
|
|
491
|
+
}
|
|
492
|
+
}
|
|
493
|
+
`,Ry=m.div`
|
|
494
|
+
flex: 1 1 0;
|
|
495
|
+
min-width: 0;
|
|
496
|
+
display: flex;
|
|
497
|
+
flex-direction: column;
|
|
498
|
+
gap: 4px;
|
|
499
|
+
padding: 8px;
|
|
500
|
+
`,Ny=m.p`
|
|
501
|
+
margin: 0;
|
|
502
|
+
font-family: ${u.font.sans};
|
|
503
|
+
font-weight: 600;
|
|
504
|
+
font-size: 20px;
|
|
505
|
+
line-height: 1.57;
|
|
506
|
+
color: ${u.colors.text};
|
|
507
|
+
`,Oy=m.p`
|
|
508
|
+
margin: 0;
|
|
509
|
+
font-family: ${u.font.sans};
|
|
510
|
+
font-size: 10px;
|
|
511
|
+
line-height: 1.43;
|
|
512
|
+
color: ${u.colors.muted};
|
|
513
|
+
`,Ay=m.div`
|
|
514
|
+
display: flex;
|
|
515
|
+
gap: 12px;
|
|
516
|
+
|
|
517
|
+
${u.media.maxWidth("mobile")} {
|
|
518
|
+
flex-direction: column;
|
|
519
|
+
}
|
|
520
|
+
`,Is=m.label`
|
|
521
|
+
flex: 1 1 0;
|
|
522
|
+
min-width: 0;
|
|
523
|
+
display: flex;
|
|
524
|
+
flex-direction: column;
|
|
525
|
+
gap: 4px;
|
|
526
|
+
`,Ps=m.span`
|
|
527
|
+
font-family: ${u.font.sans};
|
|
528
|
+
font-size: 12px;
|
|
529
|
+
color: ${u.colors.muted};
|
|
530
|
+
`,Ly=m.div`
|
|
531
|
+
display: flex;
|
|
532
|
+
align-items: center;
|
|
533
|
+
justify-content: space-between;
|
|
534
|
+
gap: 4px;
|
|
535
|
+
height: 42px;
|
|
536
|
+
padding: 0 8px;
|
|
537
|
+
border: 0.5px solid ${u.colors.text};
|
|
538
|
+
border-radius: 8px;
|
|
539
|
+
background: ${u.colors.white};
|
|
540
|
+
|
|
541
|
+
&:focus-within {
|
|
542
|
+
border-color: ${u.colors.magenta};
|
|
543
|
+
}
|
|
544
|
+
&[aria-invalid='true'] {
|
|
545
|
+
border-color: ${u.colors.err};
|
|
546
|
+
}
|
|
547
|
+
|
|
548
|
+
.ccy {
|
|
549
|
+
flex: none;
|
|
550
|
+
width: 22px;
|
|
551
|
+
height: 22px;
|
|
552
|
+
color: ${u.colors.rarity};
|
|
553
|
+
}
|
|
554
|
+
.cal {
|
|
555
|
+
flex: none;
|
|
556
|
+
width: 18px;
|
|
557
|
+
height: 18px;
|
|
558
|
+
color: ${u.colors.text};
|
|
559
|
+
}
|
|
560
|
+
`,Fy=m.input`
|
|
561
|
+
flex: 1 1 auto;
|
|
562
|
+
min-width: 0;
|
|
563
|
+
border: 0;
|
|
564
|
+
outline: none;
|
|
565
|
+
background: transparent;
|
|
566
|
+
font-family: ${u.font.sans};
|
|
567
|
+
font-size: 13px;
|
|
568
|
+
color: ${u.colors.text};
|
|
569
|
+
|
|
570
|
+
&::placeholder {
|
|
571
|
+
color: ${u.colors.muted2};
|
|
572
|
+
}
|
|
573
|
+
/* Strip the number spinners — the glyph + USD hint carry the affordance. */
|
|
574
|
+
&::-webkit-outer-spin-button,
|
|
575
|
+
&::-webkit-inner-spin-button {
|
|
576
|
+
-webkit-appearance: none;
|
|
577
|
+
margin: 0;
|
|
578
|
+
}
|
|
579
|
+
&[type='number'] {
|
|
580
|
+
-moz-appearance: textfield;
|
|
581
|
+
appearance: textfield;
|
|
582
|
+
}
|
|
583
|
+
`,Yy=m.span`
|
|
584
|
+
flex: none;
|
|
585
|
+
font-family: ${u.font.sans};
|
|
586
|
+
font-size: 10px;
|
|
587
|
+
color: ${u.colors.muted2};
|
|
588
|
+
`,Wy=m.div`
|
|
589
|
+
.react-datepicker-wrapper {
|
|
590
|
+
display: block;
|
|
591
|
+
width: 100%;
|
|
592
|
+
}
|
|
593
|
+
.react-datepicker__input-container {
|
|
594
|
+
display: flex;
|
|
595
|
+
align-items: center;
|
|
596
|
+
}
|
|
597
|
+
.react-datepicker__input-container input {
|
|
598
|
+
width: 100%;
|
|
599
|
+
height: 42px;
|
|
600
|
+
padding: 0 8px;
|
|
601
|
+
border: 0.5px solid ${u.colors.text};
|
|
602
|
+
border-radius: 8px;
|
|
603
|
+
background: ${u.colors.white};
|
|
604
|
+
font-family: ${u.font.sans};
|
|
605
|
+
font-size: 13px;
|
|
606
|
+
color: ${u.colors.text};
|
|
607
|
+
outline: none;
|
|
608
|
+
}
|
|
609
|
+
.react-datepicker__input-container input:focus {
|
|
610
|
+
border-color: ${u.colors.magenta};
|
|
611
|
+
}
|
|
612
|
+
&[data-invalid='true'] .react-datepicker__input-container input {
|
|
613
|
+
border-color: ${u.colors.err};
|
|
614
|
+
}
|
|
615
|
+
/* The showIcon calendar glyph inside the field. */
|
|
616
|
+
.react-datepicker__calendar-icon {
|
|
617
|
+
fill: ${u.colors.text};
|
|
618
|
+
opacity: 0.85;
|
|
619
|
+
}
|
|
620
|
+
|
|
621
|
+
/* ---- Calendar popup: white / on-brand (override react-datepicker defaults) ---- */
|
|
622
|
+
.react-datepicker-popper {
|
|
623
|
+
z-index: 40;
|
|
624
|
+
}
|
|
625
|
+
.react-datepicker {
|
|
626
|
+
font-family: ${u.font.sans};
|
|
627
|
+
font-size: 13px;
|
|
628
|
+
color: ${u.colors.text};
|
|
629
|
+
background: ${u.colors.white};
|
|
630
|
+
border: 1px solid rgba(22, 21, 24, 0.1);
|
|
631
|
+
border-radius: 12px;
|
|
632
|
+
box-shadow: 0 12px 32px rgba(22, 21, 24, 0.14);
|
|
633
|
+
overflow: hidden;
|
|
634
|
+
}
|
|
635
|
+
.react-datepicker__triangle {
|
|
636
|
+
display: none;
|
|
637
|
+
}
|
|
638
|
+
.react-datepicker__header {
|
|
639
|
+
background: ${u.colors.white};
|
|
640
|
+
border-bottom: 1px solid rgba(22, 21, 24, 0.1);
|
|
641
|
+
padding-top: 12px;
|
|
642
|
+
}
|
|
643
|
+
.react-datepicker__current-month {
|
|
644
|
+
color: ${u.colors.text};
|
|
645
|
+
font-weight: 600;
|
|
646
|
+
font-size: 14px;
|
|
647
|
+
}
|
|
648
|
+
.react-datepicker__day-name {
|
|
649
|
+
color: ${u.colors.muted2};
|
|
650
|
+
}
|
|
651
|
+
.react-datepicker__day {
|
|
652
|
+
color: ${u.colors.text};
|
|
653
|
+
border-radius: 8px;
|
|
654
|
+
}
|
|
655
|
+
.react-datepicker__day:hover {
|
|
656
|
+
background: rgba(105, 31, 169, 0.1);
|
|
657
|
+
}
|
|
658
|
+
.react-datepicker__day--selected,
|
|
659
|
+
.react-datepicker__day--keyboard-selected {
|
|
660
|
+
background: ${u.colors.accent};
|
|
661
|
+
color: ${u.colors.white};
|
|
662
|
+
}
|
|
663
|
+
.react-datepicker__day--today {
|
|
664
|
+
font-weight: 700;
|
|
665
|
+
}
|
|
666
|
+
.react-datepicker__day--disabled {
|
|
667
|
+
color: ${u.colors.muted2};
|
|
668
|
+
opacity: 0.5;
|
|
669
|
+
}
|
|
670
|
+
.react-datepicker__navigation-icon::before {
|
|
671
|
+
border-color: ${u.colors.accent};
|
|
672
|
+
}
|
|
673
|
+
.react-datepicker__today-button {
|
|
674
|
+
background: ${u.colors.white};
|
|
675
|
+
border-top: 1px solid rgba(22, 21, 24, 0.1);
|
|
676
|
+
color: ${u.colors.accent};
|
|
677
|
+
font-weight: 600;
|
|
678
|
+
padding: 10px;
|
|
679
|
+
}
|
|
680
|
+
`,By=m.button`
|
|
681
|
+
width: 100%;
|
|
682
|
+
height: 48px;
|
|
683
|
+
border: 0;
|
|
684
|
+
border-radius: 16px;
|
|
685
|
+
cursor: pointer;
|
|
686
|
+
background: ${u.colors.accent};
|
|
687
|
+
color: ${u.colors.white};
|
|
688
|
+
font-family: ${u.font.sans};
|
|
689
|
+
font-weight: 600;
|
|
690
|
+
font-size: 15px;
|
|
691
|
+
line-height: 24px;
|
|
692
|
+
letter-spacing: 0.46px;
|
|
693
|
+
text-transform: uppercase;
|
|
694
|
+
|
|
695
|
+
&:hover:not(:disabled) {
|
|
696
|
+
background: ${u.colors.accentHover};
|
|
697
|
+
}
|
|
698
|
+
&:focus-visible {
|
|
699
|
+
outline: 2px solid ${u.colors.accent};
|
|
700
|
+
outline-offset: 2px;
|
|
701
|
+
}
|
|
702
|
+
&:disabled {
|
|
703
|
+
cursor: not-allowed;
|
|
704
|
+
background: rgba(105, 31, 169, 0.2);
|
|
705
|
+
color: ${u.colors.white};
|
|
706
|
+
}
|
|
707
|
+
`;m.p`
|
|
708
|
+
margin: 0;
|
|
709
|
+
font-family: ${u.font.sans};
|
|
710
|
+
font-size: 13px;
|
|
711
|
+
color: ${u.colors.muted};
|
|
712
|
+
text-align: center;
|
|
713
|
+
`;const Hy=m.p`
|
|
714
|
+
margin: 0;
|
|
715
|
+
font-family: ${u.font.sans};
|
|
716
|
+
font-size: 12px;
|
|
717
|
+
line-height: 1.5;
|
|
718
|
+
color: ${u.colors.muted};
|
|
719
|
+
`,zy=m.div`
|
|
720
|
+
display: flex;
|
|
721
|
+
flex-direction: column;
|
|
722
|
+
align-items: center;
|
|
723
|
+
gap: 16px;
|
|
724
|
+
padding: 24px 16px;
|
|
725
|
+
border-radius: 16px;
|
|
726
|
+
background: rgba(193, 238, 207, 0.5);
|
|
727
|
+
text-align: center;
|
|
728
|
+
`,qy=m.div`
|
|
729
|
+
display: grid;
|
|
730
|
+
place-items: center;
|
|
731
|
+
width: 64px;
|
|
732
|
+
height: 64px;
|
|
733
|
+
border-radius: 50%;
|
|
734
|
+
background: ${u.colors.ok};
|
|
735
|
+
color: ${u.colors.white};
|
|
736
|
+
|
|
737
|
+
.ico {
|
|
738
|
+
width: 34px;
|
|
739
|
+
height: 34px;
|
|
740
|
+
}
|
|
741
|
+
`,Ky=m.p`
|
|
742
|
+
margin: 0;
|
|
743
|
+
font-family: ${u.font.sans};
|
|
744
|
+
font-size: 20px;
|
|
745
|
+
line-height: 1.334;
|
|
746
|
+
color: ${u.colors.text2};
|
|
747
|
+
|
|
748
|
+
b {
|
|
749
|
+
font-weight: 700;
|
|
750
|
+
}
|
|
751
|
+
`,Qy=m.div`
|
|
752
|
+
display: flex;
|
|
753
|
+
gap: 12px;
|
|
754
|
+
|
|
755
|
+
${u.media.maxWidth("mobile")} {
|
|
756
|
+
flex-direction: column-reverse;
|
|
757
|
+
}
|
|
758
|
+
`,Uy=m.button`
|
|
759
|
+
flex: 1 1 0;
|
|
760
|
+
height: 48px;
|
|
761
|
+
border: 2px solid ${u.colors.accent};
|
|
762
|
+
border-radius: 12px;
|
|
763
|
+
background: transparent;
|
|
764
|
+
color: ${u.colors.accent};
|
|
765
|
+
cursor: pointer;
|
|
766
|
+
font-family: ${u.font.sans};
|
|
767
|
+
font-weight: 600;
|
|
768
|
+
font-size: 13px;
|
|
769
|
+
line-height: 24px;
|
|
770
|
+
letter-spacing: 0.46px;
|
|
771
|
+
text-transform: uppercase;
|
|
772
|
+
|
|
773
|
+
&:hover {
|
|
774
|
+
background: rgba(105, 31, 169, 0.06);
|
|
775
|
+
}
|
|
776
|
+
&:focus-visible {
|
|
777
|
+
outline: 2px solid ${u.colors.accent};
|
|
778
|
+
outline-offset: 2px;
|
|
779
|
+
}
|
|
780
|
+
`,Vy=m.button`
|
|
781
|
+
flex: 1 1 0;
|
|
782
|
+
height: 48px;
|
|
783
|
+
border: 0;
|
|
784
|
+
border-radius: 12px;
|
|
785
|
+
background: ${u.colors.accent};
|
|
786
|
+
color: ${u.colors.softWhite};
|
|
787
|
+
cursor: pointer;
|
|
788
|
+
font-family: ${u.font.sans};
|
|
789
|
+
font-weight: 600;
|
|
790
|
+
font-size: 13px;
|
|
791
|
+
line-height: 24px;
|
|
792
|
+
letter-spacing: 0.46px;
|
|
793
|
+
text-transform: uppercase;
|
|
794
|
+
|
|
795
|
+
&:hover {
|
|
796
|
+
background: ${u.colors.accentHover};
|
|
797
|
+
}
|
|
798
|
+
&:focus-visible {
|
|
799
|
+
outline: 2px solid ${u.colors.accent};
|
|
800
|
+
outline-offset: 2px;
|
|
801
|
+
}
|
|
802
|
+
`,Gy=30;function Es(n){const a=new Date;return a.setHours(0,0,0,0),a.setDate(a.getDate()+n),a}function Xy({asset:n,session:a,creator:t,edit:e,onListed:r,onClose:o}){const s=hn(),l=fn(),c=My(),{data:p}=ve({queryKey:["collection-meta",n.contractAddress],enabled:!t&&!!n.contractAddress,staleTime:5*6e4,queryFn:()=>Pl(n.contractAddress)}),d=t||(p==null?void 0:p.creator),{data:h}=ea(d),x=d?h!=null&&h.name?ta(h.name):ho(d):null,[y,v]=b.useState(e!=null&&e.currentCredits?String(e.currentCredits):"10"),[w,k]=b.useState(()=>Es(Gy)),[C,D]=b.useState(null),[E,g]=b.useState(!1),[T,O]=b.useState(null),[M,S]=b.useState("form"),P=b.useRef({}),{cancelDone:A,slow:z,cancelFailed:K,setCancelFailed:U,cancelCurrent:X,signal:B}=Rc(e,D),N=na(a),F=Number(y),_=Number.isInteger(F)&&F>0,Q=!!e&&!A&&F===e.currentCredits,H=w?w.getTime():NaN,q=!!w&&H>Date.now(),ee=Es(1),le=_?`$${tn(F).toFixed(2)}`:"$0";async function be(me={}){if(D(null),!_){D(f("sellModal.errorWholeNumber"));return}if(!q){D(f("sellModal.invalidDate"));return}if(!N){g(!0);try{const J=Di(n.contractAddress,n.chainId),qe=await Hl(J,a.address);if(g(!1),!qe){P.current=me,S("authorize");return}}catch{g(!1)}}await Ie(me)}async function Ie(me={}){var J,qe;if(D(null),!_){D(f("sellModal.errorWholeNumber"));return}if(!q){D(f("sellModal.invalidDate"));return}g(!0);try{if(!await X(me.payGas))return;await _p({signer:a.signer,contractAddress:n.contractAddress,chainId:n.chainId});const Te=await jp({signer:a.signer,nft:{contractAddress:n.contractAddress,tokenId:n.tokenId,network:n.network,chainId:n.chainId},usdPrice:tn(F),expiresAtMs:H}),Be=await(e?Ul(Te,a.identity,{signal:B()}):Il(Te,a.identity));(J=B())==null||J.throwIfAborted(),O(F),fe("Shop Listed Item",{item_id:n.itemId??n.tokenId??null,contract_address:n.contractAddress,price_credits:F,price_usd:tn(F),listing_type:"secondary",is_primary:!1}),sr.success(f(e?"listingEdit.toastUpdated":"sellModal.toastOnSale",{name:n.name})),s.invalidateQueries({queryKey:["my-assets",a.address]}),r==null||r(F,Be.id)}catch(Te){if((qe=B())!=null&&qe.aborted)return;Se(Te,{flow:"list_secondary"}),fe("Shop Listing Failed",{listing_type:"secondary",error_code:Ue(Te)}),D(Yt(Te,f(e?"listingEdit.listFailedAfterCancel":"sellModal.errorGeneric")))}finally{g(!1)}}function xe(){o(),l("/my-items")}return T!==null?i.jsx(Aa,{onClick:o,role:"presentation",children:i.jsxs(La,{onClick:me=>me.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":f(e?"listingEdit.successHeader":"sellModal.successHeader"),children:[i.jsxs(Fa,{children:[i.jsx(Ya,{children:f(e?"listingEdit.successHeader":"sellModal.successHeader")}),i.jsx(Wa,{onClick:o,"aria-label":f("getCredits.done"),children:i.jsx(V,{name:"close",className:"ico"})})]}),i.jsxs(zy,{children:[i.jsx(qy,{"aria-hidden":!0,children:i.jsx(V,{name:"check",className:"ico"})}),i.jsxs(Ky,{children:[i.jsx("b",{children:f(e?"listingEdit.successBody":"sellModal.successOnSale")})," ",f("sellModal.successManage")]})]}),i.jsxs(Qy,{children:[i.jsx(Uy,{onClick:xe,children:f("sellModal.myItems")}),i.jsx(Vy,{onClick:o,children:f("getCredits.done")})]})]})}):M==="authorize"?i.jsx(Al,{auth:Di(n.contractAddress,n.chainId),signer:a.signer,title:f("authorizeStep.sellTitle"),name:n.name,image:n.image,icon:i.jsx(V,{name:"pen",className:"ico"}),reason:f("authorizeStep.sellReason",{name:n.name}),onAuthorized:()=>{S("form"),Ie(P.current)},onCancel:()=>S("form"),onClose:o}):e&&E?i.jsx(Aa,{role:"presentation",children:i.jsxs(La,{onClick:me=>me.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":f("listingEdit.title"),"data-testid":"modal",children:[i.jsxs(Fa,{children:[i.jsx(Ya,{children:f("listingEdit.title")}),i.jsx(Wa,{disabled:!0,"aria-label":f("sellModal.cancel"),children:i.jsx(V,{name:"close",className:"ico"})})]}),i.jsx(Nc,{phase:A?"list":"cancel",managed:N,slow:z})]})}):i.jsx(Aa,{onClick:E?void 0:o,role:"presentation",children:i.jsxs(La,{"data-testid":"modal",onClick:me=>me.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":f(e?"listingEdit.title":"sellModal.sellProduct"),children:[i.jsxs(Fa,{children:[i.jsx(Ya,{children:f(e?"listingEdit.title":"sellModal.sellProduct")}),i.jsx(Wa,{onClick:o,disabled:E,"aria-label":f("sellModal.cancel"),children:i.jsx(V,{name:"close",className:"ico"})})]}),i.jsx(Ey,{children:f(e?"listingEdit.subtitle":"sellModal.subtitle")}),i.jsxs(Ty,{children:[i.jsx($y,{children:n.image?i.jsx("img",{src:n.image,alt:""}):null}),i.jsxs(Ry,{children:[i.jsx(Ny,{children:n.name}),x?i.jsx(Oy,{children:f("sellModal.byCreator",{name:x})}):null]})]}),i.jsxs(Ay,{children:[i.jsxs(Is,{children:[i.jsx(Ps,{children:f("sellModal.priceShort")}),i.jsxs(Ly,{"aria-invalid":y.length>0&&!_,children:[i.jsx(Ye,{className:"ccy"}),i.jsx(Fy,{"data-testid":"price-input",type:"number",min:"1",step:"1",inputMode:"numeric",value:y,onChange:me=>v(me.target.value),disabled:E,"aria-label":f("sellModal.priceLabel",{currency:"credits"})}),i.jsx(Yy,{"aria-hidden":!0,children:le})]})]}),i.jsxs(Is,{children:[i.jsx(Ps,{children:f("sellModal.expirationLabel")}),i.jsx(Wy,{"data-invalid":!!w&&!q,children:i.jsx(Cy,{selected:w,onChange:k,minDate:ee,dateFormat:"MM/dd/yyyy",placeholderText:"MM/DD/YYYY",disabled:E,showIcon:!0,showPopperArrow:!1,todayButton:f("sellModal.today"),ariaLabelledBy:void 0,"aria-label":f("sellModal.expirationLabel")})})]})]}),c&&_?i.jsx(Hy,{children:f("sellModal.proceedsCredits",{count:F})}):null,K?i.jsx(jo,{state:K,canPayGas:!!(e!=null&&e.canPayGas),busy:E,onPayGas:()=>void be({payGas:!0}),onLater:()=>U(null)}):null,i.jsx(Wt,{message:C}),i.jsx(By,{onClick:()=>void be(),disabled:E||Q||K==="pending"||!_||!q,"data-testid":"list-submit",children:e?f(A?"sellModal.putUpForSale":"listingEdit.submit"):E?N?f("sellModal.puttingOnSale"):f("sellModal.confirmListing"):f("sellModal.putUpForSale")})]})})}const Jy=m.div`
|
|
803
|
+
position: fixed;
|
|
804
|
+
inset: 0;
|
|
805
|
+
z-index: 10000;
|
|
806
|
+
display: flex;
|
|
807
|
+
align-items: center;
|
|
808
|
+
justify-content: center;
|
|
809
|
+
padding: 16px;
|
|
810
|
+
background: rgba(22, 21, 24, 0.55);
|
|
811
|
+
`,Zy=m.div`
|
|
812
|
+
width: 560px;
|
|
813
|
+
max-width: 100%;
|
|
814
|
+
max-height: 92vh;
|
|
815
|
+
overflow-y: auto;
|
|
816
|
+
background: ${u.colors.white};
|
|
817
|
+
border-radius: 16px;
|
|
818
|
+
padding: 12px 16px 16px;
|
|
819
|
+
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
|
|
820
|
+
display: flex;
|
|
821
|
+
flex-direction: column;
|
|
822
|
+
gap: 24px;
|
|
823
|
+
|
|
824
|
+
${u.media.maxWidth("mobile")} {
|
|
825
|
+
padding: 12px 16px 16px;
|
|
826
|
+
}
|
|
827
|
+
`,eb=m.div`
|
|
828
|
+
display: flex;
|
|
829
|
+
flex-direction: column;
|
|
830
|
+
gap: 4px;
|
|
831
|
+
padding-bottom: 16px;
|
|
832
|
+
border-bottom: 1px solid ${u.colors.gray4};
|
|
833
|
+
`,tb=m.div`
|
|
834
|
+
display: flex;
|
|
835
|
+
align-items: center;
|
|
836
|
+
justify-content: space-between;
|
|
837
|
+
gap: 8px;
|
|
838
|
+
`,nb=m.h2`
|
|
839
|
+
margin: 0;
|
|
840
|
+
font-family: ${u.font.sans};
|
|
841
|
+
font-weight: 600;
|
|
842
|
+
font-size: 20px;
|
|
843
|
+
line-height: 1.6;
|
|
844
|
+
color: ${u.colors.text};
|
|
845
|
+
`,rb=m.button`
|
|
846
|
+
flex: none;
|
|
847
|
+
display: grid;
|
|
848
|
+
place-items: center;
|
|
849
|
+
width: 24px;
|
|
850
|
+
height: 24px;
|
|
851
|
+
border: 0;
|
|
852
|
+
background: none;
|
|
853
|
+
cursor: pointer;
|
|
854
|
+
color: ${u.colors.text};
|
|
855
|
+
|
|
856
|
+
.ico {
|
|
857
|
+
width: 18px;
|
|
858
|
+
height: 18px;
|
|
859
|
+
}
|
|
860
|
+
&:disabled {
|
|
861
|
+
opacity: 0.4;
|
|
862
|
+
cursor: default;
|
|
863
|
+
}
|
|
864
|
+
&:focus-visible {
|
|
865
|
+
outline: 2px solid ${u.colors.accent};
|
|
866
|
+
outline-offset: 2px;
|
|
867
|
+
}
|
|
868
|
+
`,ab=m.div`
|
|
869
|
+
display: flex;
|
|
870
|
+
align-items: center;
|
|
871
|
+
gap: 12px;
|
|
872
|
+
`,ob=m.img`
|
|
873
|
+
flex: none;
|
|
874
|
+
width: 72px;
|
|
875
|
+
height: 72px;
|
|
876
|
+
border-radius: 12px;
|
|
877
|
+
object-fit: cover;
|
|
878
|
+
background: ${u.colors.media};
|
|
879
|
+
`,ib=m.p`
|
|
880
|
+
margin: 0;
|
|
881
|
+
font-family: ${u.font.sans};
|
|
882
|
+
font-weight: 600;
|
|
883
|
+
font-size: 18px;
|
|
884
|
+
line-height: 1.4;
|
|
885
|
+
color: ${u.colors.text};
|
|
886
|
+
`,sb=m.label`
|
|
887
|
+
display: flex;
|
|
888
|
+
flex-direction: column;
|
|
889
|
+
gap: 6px;
|
|
890
|
+
`,lb=m.span`
|
|
891
|
+
font-family: ${u.font.sans};
|
|
892
|
+
font-size: 12px;
|
|
893
|
+
color: ${u.colors.muted};
|
|
894
|
+
`,cb=m.input`
|
|
895
|
+
width: 100%;
|
|
896
|
+
height: 44px;
|
|
897
|
+
padding: 0 12px;
|
|
898
|
+
border: 1px solid ${u.colors.text};
|
|
899
|
+
border-radius: 8px;
|
|
900
|
+
background: ${u.colors.white};
|
|
901
|
+
font-family: ${u.font.sans};
|
|
902
|
+
font-size: 14px;
|
|
903
|
+
color: ${u.colors.text};
|
|
904
|
+
|
|
905
|
+
&::placeholder {
|
|
906
|
+
color: ${u.colors.muted2};
|
|
907
|
+
}
|
|
908
|
+
&:focus-visible {
|
|
909
|
+
outline: none;
|
|
910
|
+
border-color: ${u.colors.magenta};
|
|
911
|
+
}
|
|
912
|
+
&[aria-invalid='true'] {
|
|
913
|
+
border-color: ${u.colors.err};
|
|
914
|
+
}
|
|
915
|
+
&:disabled {
|
|
916
|
+
opacity: 0.6;
|
|
917
|
+
}
|
|
918
|
+
`,db=m.p`
|
|
919
|
+
margin: 0;
|
|
920
|
+
padding: 12px 14px;
|
|
921
|
+
border-radius: 10px;
|
|
922
|
+
background: rgba(255, 45, 85, 0.1);
|
|
923
|
+
font-family: ${u.font.sans};
|
|
924
|
+
font-size: 13px;
|
|
925
|
+
line-height: 1.5;
|
|
926
|
+
color: ${u.colors.text2};
|
|
927
|
+
`,Ts=m.div`
|
|
928
|
+
display: flex;
|
|
929
|
+
gap: 12px;
|
|
930
|
+
|
|
931
|
+
${u.media.maxWidth("mobile")} {
|
|
932
|
+
flex-direction: column-reverse;
|
|
933
|
+
}
|
|
934
|
+
`,ub=m.button`
|
|
935
|
+
flex: 1;
|
|
936
|
+
height: 48px;
|
|
937
|
+
border: 2px solid ${u.colors.blackBtn};
|
|
938
|
+
border-radius: 16px;
|
|
939
|
+
background: transparent;
|
|
940
|
+
color: ${u.colors.text};
|
|
941
|
+
cursor: pointer;
|
|
942
|
+
font-family: ${u.font.sans};
|
|
943
|
+
font-weight: 600;
|
|
944
|
+
font-size: 15px;
|
|
945
|
+
line-height: 24px;
|
|
946
|
+
letter-spacing: 0.46px;
|
|
947
|
+
text-transform: uppercase;
|
|
948
|
+
|
|
949
|
+
&:hover:not(:disabled) {
|
|
950
|
+
background: rgba(36, 33, 41, 0.06);
|
|
951
|
+
}
|
|
952
|
+
&:focus-visible {
|
|
953
|
+
outline: 2px solid ${u.colors.accent};
|
|
954
|
+
outline-offset: 2px;
|
|
955
|
+
}
|
|
956
|
+
&:disabled {
|
|
957
|
+
opacity: 0.5;
|
|
958
|
+
cursor: default;
|
|
959
|
+
}
|
|
960
|
+
`,$s=m.button`
|
|
961
|
+
flex: 1;
|
|
962
|
+
display: inline-flex;
|
|
963
|
+
align-items: center;
|
|
964
|
+
justify-content: center;
|
|
965
|
+
gap: 8px;
|
|
966
|
+
height: 48px;
|
|
967
|
+
border: 0;
|
|
968
|
+
border-radius: 16px;
|
|
969
|
+
background: ${u.colors.blackBtn};
|
|
970
|
+
color: ${u.colors.softWhite};
|
|
971
|
+
cursor: pointer;
|
|
972
|
+
font-family: ${u.font.sans};
|
|
973
|
+
font-weight: 600;
|
|
974
|
+
font-size: 15px;
|
|
975
|
+
line-height: 24px;
|
|
976
|
+
letter-spacing: 0.46px;
|
|
977
|
+
text-transform: uppercase;
|
|
978
|
+
|
|
979
|
+
&:hover:not(:disabled) {
|
|
980
|
+
filter: brightness(1.35);
|
|
981
|
+
}
|
|
982
|
+
&:focus-visible {
|
|
983
|
+
outline: 2px solid ${u.colors.accent};
|
|
984
|
+
outline-offset: 2px;
|
|
985
|
+
}
|
|
986
|
+
&:disabled {
|
|
987
|
+
opacity: 0.55;
|
|
988
|
+
cursor: default;
|
|
989
|
+
}
|
|
990
|
+
`,pb=m.div`
|
|
991
|
+
display: flex;
|
|
992
|
+
flex-direction: column;
|
|
993
|
+
align-items: center;
|
|
994
|
+
gap: 16px;
|
|
995
|
+
padding: 24px 16px;
|
|
996
|
+
border-radius: 16px;
|
|
997
|
+
background: rgba(193, 238, 207, 0.5);
|
|
998
|
+
text-align: center;
|
|
999
|
+
`,fb=m.div`
|
|
1000
|
+
display: grid;
|
|
1001
|
+
place-items: center;
|
|
1002
|
+
width: 64px;
|
|
1003
|
+
height: 64px;
|
|
1004
|
+
border-radius: 50%;
|
|
1005
|
+
background: ${u.colors.ok};
|
|
1006
|
+
color: ${u.colors.white};
|
|
1007
|
+
|
|
1008
|
+
.ico {
|
|
1009
|
+
width: 34px;
|
|
1010
|
+
height: 34px;
|
|
1011
|
+
}
|
|
1012
|
+
`,hb=m.p`
|
|
1013
|
+
margin: 0;
|
|
1014
|
+
font-family: ${u.font.sans};
|
|
1015
|
+
font-size: 16px;
|
|
1016
|
+
line-height: 1.34;
|
|
1017
|
+
color: ${u.colors.text2};
|
|
1018
|
+
|
|
1019
|
+
b {
|
|
1020
|
+
font-weight: 700;
|
|
1021
|
+
}
|
|
1022
|
+
`;function mb(n){return/^0x[a-fA-F0-9]{40}$/.test(n.trim())}function gb({item:n,session:a,onClose:t,onTransferred:e}){const[r,o]=b.useState(""),[s,l]=b.useState(!1),[c,p]=b.useState(null),[d,h]=b.useState(!1),x=r.trim(),y=mb(x),v=y&&x.toLowerCase()===a.address.toLowerCase(),w=x.length===0?null:y?v?f("transfer.selfAddress"):null:f("transfer.invalidAddress"),k=y&&!v&&!s;async function C(){if(k){p(null),l(!0);try{await Ip({contractAddress:n.contractAddress,chainId:n.chainId,tokenId:n.tokenId,to:x,signer:a.signer}),fe("Shop Transferred Item",{contract_address:n.contractAddress,token_id:n.tokenId}),h(!0),sr.success(f("transfer.toastSuccess",{name:n.name})),e==null||e()}catch(D){$n(D)||Se(D,{flow:"transfer-item",tokenId:n.tokenId}),fe("Shop Transfer Failed",{error_code:Ue(D)}),p($n(D)?f("getCredits.errorCanceled"):Yt(D,f("transfer.errorGeneric")))}finally{l(!1)}}}return i.jsx(Jy,{onClick:s?void 0:t,role:"presentation",children:i.jsxs(Zy,{onClick:D=>D.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":f("transfer.title"),children:[i.jsx(eb,{children:i.jsxs(tb,{children:[i.jsx(nb,{children:f("transfer.title")}),i.jsx(rb,{onClick:t,disabled:s,"aria-label":f("sellModal.cancel"),children:i.jsx(V,{name:"close",className:"ico"})})]})}),d?i.jsxs(i.Fragment,{children:[i.jsxs(pb,{children:[i.jsx(fb,{"aria-hidden":!0,children:i.jsx(V,{name:"check",className:"ico"})}),i.jsx(hb,{children:f("transfer.successBody",{name:n.name})})]}),i.jsx(Ts,{children:i.jsx($s,{onClick:t,children:f("getCredits.done")})})]}):i.jsxs(i.Fragment,{children:[i.jsxs(ab,{children:[n.thumbnail?i.jsx(ob,{src:n.thumbnail,alt:""}):null,i.jsx(ib,{children:n.name})]}),i.jsxs(sb,{children:[i.jsx(lb,{children:f("transfer.addressLabel")}),i.jsx(cb,{type:"text",spellCheck:!1,autoComplete:"off",placeholder:"0x…",value:r,onChange:D=>o(D.target.value),disabled:s,"aria-invalid":!!w,"aria-label":f("transfer.addressLabel")}),w?i.jsx(Wt,{message:w}):null]}),i.jsx(db,{children:f("transfer.warning")}),i.jsx(Wt,{message:c}),i.jsxs(Ts,{children:[i.jsx(ub,{onClick:t,disabled:s,children:f("sellModal.cancel")}),i.jsx($s,{onClick:()=>void C(),disabled:!k,children:s?f("transfer.transferring"):f("transfer.transfer")})]})]})]})})}const xb=m(lf)`
|
|
1023
|
+
width: min(500px, 92vw);
|
|
1024
|
+
gap: 20px;
|
|
1025
|
+
|
|
1026
|
+
${u.media.maxWidth("mobile")} {
|
|
1027
|
+
[data-actions] {
|
|
1028
|
+
flex-direction: column-reverse;
|
|
1029
|
+
}
|
|
1030
|
+
[data-actions] > * {
|
|
1031
|
+
width: 100%;
|
|
1032
|
+
}
|
|
1033
|
+
}
|
|
1034
|
+
`,yb=m(Ht)`
|
|
1035
|
+
background: ${u.colors.accent};
|
|
1036
|
+
color: ${u.colors.white};
|
|
1037
|
+
text-transform: uppercase;
|
|
1038
|
+
letter-spacing: 0.046em;
|
|
1039
|
+
font-size: 13px;
|
|
1040
|
+
|
|
1041
|
+
&:hover:not(:disabled) {
|
|
1042
|
+
background: ${u.colors.accentHover};
|
|
1043
|
+
}
|
|
1044
|
+
`;function bb({name:n,managed:a,canPayGas:t,cancel:e,onClose:r}){const[o,s]=b.useState(!1),[l,c]=b.useState(!1),[p,d]=b.useState(null),[h,x]=b.useState(null);async function y(v){d(null),x(null),s(!0);try{const w=await e({payGas:v,onWaiting:k=>c(k>2e4)});w==="ok"?r():x(w==="relay-reverted"?"reverted":"pending")}catch(w){const k=$n(w);k||Se(w,{flow:"remove-listing"});const C=f("myAssets.removeListingError");d(a?C:k?f("getCredits.errorCanceled"):Yt(w,C))}finally{s(!1),c(!1)}}return i.jsx(cf,{onClick:o?void 0:r,role:"presentation",children:i.jsxs(xb,{onClick:v=>v.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":f("removeListing.title"),"data-testid":"remove-listing-modal",children:[i.jsx(df,{children:i.jsx(uf,{children:f("removeListing.title")})}),i.jsx("p",{className:"muted",style:{margin:0},children:f("removeListing.body",{name:n})}),o&&l?i.jsx("p",{className:"muted small",style:{margin:0},"data-testid":"cancel-slow",children:f(t?"itemDetail.cancelSlow":"itemDetail.cancelSlowManaged")}):null,h?i.jsx(jo,{state:h,canPayGas:t,busy:o,onPayGas:()=>void y(!0),testId:"cancel-gasless-failed"}):null,i.jsx(Wt,{message:p}),i.jsxs(pf,{"data-actions":!0,children:[i.jsx(Ht,{variant:"outline",onClick:r,disabled:o,children:f("sellModal.cancel")}),i.jsx(yb,{onClick:()=>void y(),disabled:o||h==="pending","data-testid":"remove-confirm",children:o?i.jsx(ff,{size:"small"}):f("itemDetail.manageRemove")})]})]})})}const Ba=m.div`
|
|
1045
|
+
position: fixed;
|
|
1046
|
+
inset: 0;
|
|
1047
|
+
z-index: 10000;
|
|
1048
|
+
display: flex;
|
|
1049
|
+
align-items: center;
|
|
1050
|
+
justify-content: center;
|
|
1051
|
+
padding: 16px;
|
|
1052
|
+
background: rgba(22, 21, 24, 0.55);
|
|
1053
|
+
`,Ha=m.div`
|
|
1054
|
+
width: 560px;
|
|
1055
|
+
max-width: 100%;
|
|
1056
|
+
max-height: 92vh;
|
|
1057
|
+
overflow-y: auto;
|
|
1058
|
+
background: ${u.colors.white};
|
|
1059
|
+
border-radius: 16px;
|
|
1060
|
+
padding: 12px 16px 16px;
|
|
1061
|
+
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
|
|
1062
|
+
display: flex;
|
|
1063
|
+
flex-direction: column;
|
|
1064
|
+
gap: 24px;
|
|
1065
|
+
`,za=m.div`
|
|
1066
|
+
display: flex;
|
|
1067
|
+
align-items: center;
|
|
1068
|
+
justify-content: space-between;
|
|
1069
|
+
gap: 8px;
|
|
1070
|
+
padding-bottom: 16px;
|
|
1071
|
+
border-bottom: 1px solid ${u.colors.gray4};
|
|
1072
|
+
`,qa=m.h2`
|
|
1073
|
+
margin: 0;
|
|
1074
|
+
font-family: ${u.font.sans};
|
|
1075
|
+
font-weight: 600;
|
|
1076
|
+
font-size: 20px;
|
|
1077
|
+
line-height: 1.6;
|
|
1078
|
+
color: ${u.colors.text};
|
|
1079
|
+
`,Ka=m.button`
|
|
1080
|
+
flex: none;
|
|
1081
|
+
display: grid;
|
|
1082
|
+
place-items: center;
|
|
1083
|
+
width: 24px;
|
|
1084
|
+
height: 24px;
|
|
1085
|
+
border: 0;
|
|
1086
|
+
background: none;
|
|
1087
|
+
cursor: pointer;
|
|
1088
|
+
color: ${u.colors.text};
|
|
1089
|
+
|
|
1090
|
+
.ico {
|
|
1091
|
+
width: 18px;
|
|
1092
|
+
height: 18px;
|
|
1093
|
+
}
|
|
1094
|
+
&:disabled {
|
|
1095
|
+
opacity: 0.4;
|
|
1096
|
+
cursor: default;
|
|
1097
|
+
}
|
|
1098
|
+
&:focus-visible {
|
|
1099
|
+
outline: 2px solid ${u.colors.accent};
|
|
1100
|
+
outline-offset: 2px;
|
|
1101
|
+
}
|
|
1102
|
+
`,vb=m.p`
|
|
1103
|
+
margin: 0;
|
|
1104
|
+
font-family: ${u.font.sans};
|
|
1105
|
+
font-size: 14px;
|
|
1106
|
+
line-height: 1.57;
|
|
1107
|
+
color: ${u.colors.text};
|
|
1108
|
+
text-align: left;
|
|
1109
|
+
`,wb=m.div`
|
|
1110
|
+
display: flex;
|
|
1111
|
+
align-items: center;
|
|
1112
|
+
gap: 12px;
|
|
1113
|
+
`,kb=m.div`
|
|
1114
|
+
flex: none;
|
|
1115
|
+
display: grid;
|
|
1116
|
+
place-items: center;
|
|
1117
|
+
width: 180px;
|
|
1118
|
+
height: 180px;
|
|
1119
|
+
border-radius: 16px;
|
|
1120
|
+
background: ${u.colors.media};
|
|
1121
|
+
border: 1px solid ${u.colors.gray4};
|
|
1122
|
+
overflow: hidden;
|
|
1123
|
+
|
|
1124
|
+
img {
|
|
1125
|
+
width: 150px;
|
|
1126
|
+
height: 150px;
|
|
1127
|
+
object-fit: contain;
|
|
1128
|
+
filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.1));
|
|
1129
|
+
}
|
|
1130
|
+
|
|
1131
|
+
${u.media.maxWidth("mobile")} {
|
|
1132
|
+
width: 120px;
|
|
1133
|
+
height: 120px;
|
|
1134
|
+
|
|
1135
|
+
img {
|
|
1136
|
+
width: 100px;
|
|
1137
|
+
height: 100px;
|
|
1138
|
+
}
|
|
1139
|
+
}
|
|
1140
|
+
`,Db=m.div`
|
|
1141
|
+
flex: 1 1 0;
|
|
1142
|
+
min-width: 0;
|
|
1143
|
+
display: flex;
|
|
1144
|
+
flex-direction: column;
|
|
1145
|
+
gap: 4px;
|
|
1146
|
+
padding: 8px;
|
|
1147
|
+
`,Cb=m.p`
|
|
1148
|
+
margin: 0;
|
|
1149
|
+
font-family: ${u.font.sans};
|
|
1150
|
+
font-weight: 600;
|
|
1151
|
+
font-size: 20px;
|
|
1152
|
+
line-height: 1.57;
|
|
1153
|
+
color: ${u.colors.text};
|
|
1154
|
+
`,Sb=m.p`
|
|
1155
|
+
margin: 0;
|
|
1156
|
+
font-family: ${u.font.sans};
|
|
1157
|
+
font-size: 10px;
|
|
1158
|
+
line-height: 1.43;
|
|
1159
|
+
color: ${u.colors.muted};
|
|
1160
|
+
`,Mb=m.label`
|
|
1161
|
+
display: flex;
|
|
1162
|
+
flex-direction: column;
|
|
1163
|
+
gap: 4px;
|
|
1164
|
+
`,_b=m.span`
|
|
1165
|
+
font-family: ${u.font.sans};
|
|
1166
|
+
font-size: 12px;
|
|
1167
|
+
color: ${u.colors.muted};
|
|
1168
|
+
`,jb=m.div`
|
|
1169
|
+
display: flex;
|
|
1170
|
+
align-items: center;
|
|
1171
|
+
justify-content: space-between;
|
|
1172
|
+
gap: 4px;
|
|
1173
|
+
height: 42px;
|
|
1174
|
+
padding: 0 8px;
|
|
1175
|
+
border: 0.5px solid ${u.colors.text};
|
|
1176
|
+
border-radius: 8px;
|
|
1177
|
+
background: ${u.colors.white};
|
|
1178
|
+
|
|
1179
|
+
&:focus-within {
|
|
1180
|
+
border-color: ${u.colors.magenta};
|
|
1181
|
+
}
|
|
1182
|
+
&[aria-invalid='true'] {
|
|
1183
|
+
border-color: ${u.colors.err};
|
|
1184
|
+
}
|
|
1185
|
+
|
|
1186
|
+
.ccy {
|
|
1187
|
+
flex: none;
|
|
1188
|
+
width: 22px;
|
|
1189
|
+
height: 22px;
|
|
1190
|
+
color: ${u.colors.rarity};
|
|
1191
|
+
}
|
|
1192
|
+
`,Ib=m.input`
|
|
1193
|
+
flex: 1 1 auto;
|
|
1194
|
+
min-width: 0;
|
|
1195
|
+
border: 0;
|
|
1196
|
+
outline: none;
|
|
1197
|
+
background: transparent;
|
|
1198
|
+
font-family: ${u.font.sans};
|
|
1199
|
+
font-size: 13px;
|
|
1200
|
+
color: ${u.colors.text};
|
|
1201
|
+
|
|
1202
|
+
&::placeholder {
|
|
1203
|
+
color: ${u.colors.muted2};
|
|
1204
|
+
}
|
|
1205
|
+
/* Strip the number spinners — the glyph + USD hint carry the affordance. */
|
|
1206
|
+
&::-webkit-outer-spin-button,
|
|
1207
|
+
&::-webkit-inner-spin-button {
|
|
1208
|
+
-webkit-appearance: none;
|
|
1209
|
+
margin: 0;
|
|
1210
|
+
}
|
|
1211
|
+
&[type='number'] {
|
|
1212
|
+
-moz-appearance: textfield;
|
|
1213
|
+
appearance: textfield;
|
|
1214
|
+
}
|
|
1215
|
+
`,Pb=m.span`
|
|
1216
|
+
flex: none;
|
|
1217
|
+
font-family: ${u.font.sans};
|
|
1218
|
+
font-size: 10px;
|
|
1219
|
+
color: ${u.colors.muted2};
|
|
1220
|
+
`,Ir=m.p`
|
|
1221
|
+
margin: 0;
|
|
1222
|
+
font-family: ${u.font.sans};
|
|
1223
|
+
font-size: 12px;
|
|
1224
|
+
line-height: 1.5;
|
|
1225
|
+
color: ${u.colors.muted};
|
|
1226
|
+
`,Eb=m.button`
|
|
1227
|
+
width: 100%;
|
|
1228
|
+
height: 48px;
|
|
1229
|
+
border: 0;
|
|
1230
|
+
border-radius: 16px;
|
|
1231
|
+
cursor: pointer;
|
|
1232
|
+
background: ${u.colors.accent};
|
|
1233
|
+
color: ${u.colors.white};
|
|
1234
|
+
font-family: ${u.font.sans};
|
|
1235
|
+
font-weight: 600;
|
|
1236
|
+
font-size: 15px;
|
|
1237
|
+
line-height: 24px;
|
|
1238
|
+
letter-spacing: 0.46px;
|
|
1239
|
+
text-transform: uppercase;
|
|
1240
|
+
|
|
1241
|
+
&:hover:not(:disabled) {
|
|
1242
|
+
background: ${u.colors.accentHover};
|
|
1243
|
+
}
|
|
1244
|
+
&:focus-visible {
|
|
1245
|
+
outline: 2px solid ${u.colors.accent};
|
|
1246
|
+
outline-offset: 2px;
|
|
1247
|
+
}
|
|
1248
|
+
&:disabled {
|
|
1249
|
+
cursor: not-allowed;
|
|
1250
|
+
background: rgba(105, 31, 169, 0.2);
|
|
1251
|
+
color: ${u.colors.white};
|
|
1252
|
+
}
|
|
1253
|
+
`,Tb=m.p`
|
|
1254
|
+
margin: 0;
|
|
1255
|
+
font-family: ${u.font.sans};
|
|
1256
|
+
font-size: 13px;
|
|
1257
|
+
color: ${u.colors.muted};
|
|
1258
|
+
text-align: center;
|
|
1259
|
+
`,$b=m.div`
|
|
1260
|
+
display: flex;
|
|
1261
|
+
flex-direction: column;
|
|
1262
|
+
align-items: center;
|
|
1263
|
+
gap: 16px;
|
|
1264
|
+
padding: 24px 16px;
|
|
1265
|
+
border-radius: 16px;
|
|
1266
|
+
background: rgba(193, 238, 207, 0.5);
|
|
1267
|
+
text-align: center;
|
|
1268
|
+
`,Rb=m.div`
|
|
1269
|
+
display: grid;
|
|
1270
|
+
place-items: center;
|
|
1271
|
+
width: 64px;
|
|
1272
|
+
height: 64px;
|
|
1273
|
+
border-radius: 50%;
|
|
1274
|
+
background: ${u.colors.ok};
|
|
1275
|
+
color: ${u.colors.white};
|
|
1276
|
+
|
|
1277
|
+
.ico {
|
|
1278
|
+
width: 34px;
|
|
1279
|
+
height: 34px;
|
|
1280
|
+
}
|
|
1281
|
+
`,Nb=m.p`
|
|
1282
|
+
margin: 0;
|
|
1283
|
+
font-family: ${u.font.sans};
|
|
1284
|
+
font-size: 20px;
|
|
1285
|
+
line-height: 1.334;
|
|
1286
|
+
color: ${u.colors.text2};
|
|
1287
|
+
|
|
1288
|
+
b {
|
|
1289
|
+
font-weight: 700;
|
|
1290
|
+
}
|
|
1291
|
+
`,Ob=m.p`
|
|
1292
|
+
margin: 0;
|
|
1293
|
+
display: inline-flex;
|
|
1294
|
+
align-items: center;
|
|
1295
|
+
gap: 4px;
|
|
1296
|
+
font-family: ${u.font.sans};
|
|
1297
|
+
font-size: 14px;
|
|
1298
|
+
line-height: 1.43;
|
|
1299
|
+
color: ${u.colors.text2};
|
|
1300
|
+
|
|
1301
|
+
strong {
|
|
1302
|
+
display: inline-flex;
|
|
1303
|
+
align-items: center;
|
|
1304
|
+
gap: 4px;
|
|
1305
|
+
font-weight: 700;
|
|
1306
|
+
}
|
|
1307
|
+
.ccy-mark {
|
|
1308
|
+
width: 18px;
|
|
1309
|
+
height: 18px;
|
|
1310
|
+
color: ${u.colors.rarity};
|
|
1311
|
+
}
|
|
1312
|
+
`,Ab=m.div`
|
|
1313
|
+
display: flex;
|
|
1314
|
+
gap: 12px;
|
|
1315
|
+
|
|
1316
|
+
${u.media.maxWidth("mobile")} {
|
|
1317
|
+
flex-direction: column-reverse;
|
|
1318
|
+
}
|
|
1319
|
+
`,Lb=m.button`
|
|
1320
|
+
flex: 1 1 0;
|
|
1321
|
+
height: 48px;
|
|
1322
|
+
border: 2px solid ${u.colors.accent};
|
|
1323
|
+
border-radius: 12px;
|
|
1324
|
+
background: transparent;
|
|
1325
|
+
color: ${u.colors.accent};
|
|
1326
|
+
cursor: pointer;
|
|
1327
|
+
font-family: ${u.font.sans};
|
|
1328
|
+
font-weight: 600;
|
|
1329
|
+
font-size: 13px;
|
|
1330
|
+
line-height: 24px;
|
|
1331
|
+
letter-spacing: 0.46px;
|
|
1332
|
+
text-transform: uppercase;
|
|
1333
|
+
|
|
1334
|
+
&:hover {
|
|
1335
|
+
background: rgba(105, 31, 169, 0.06);
|
|
1336
|
+
}
|
|
1337
|
+
&:focus-visible {
|
|
1338
|
+
outline: 2px solid ${u.colors.accent};
|
|
1339
|
+
outline-offset: 2px;
|
|
1340
|
+
}
|
|
1341
|
+
`,Fb=m.button`
|
|
1342
|
+
flex: 1 1 0;
|
|
1343
|
+
height: 48px;
|
|
1344
|
+
border: 0;
|
|
1345
|
+
border-radius: 12px;
|
|
1346
|
+
background: ${u.colors.accent};
|
|
1347
|
+
color: ${u.colors.softWhite};
|
|
1348
|
+
cursor: pointer;
|
|
1349
|
+
font-family: ${u.font.sans};
|
|
1350
|
+
font-weight: 600;
|
|
1351
|
+
font-size: 13px;
|
|
1352
|
+
line-height: 24px;
|
|
1353
|
+
letter-spacing: 0.46px;
|
|
1354
|
+
text-transform: uppercase;
|
|
1355
|
+
|
|
1356
|
+
&:hover {
|
|
1357
|
+
background: ${u.colors.accentHover};
|
|
1358
|
+
}
|
|
1359
|
+
&:focus-visible {
|
|
1360
|
+
outline: 2px solid ${u.colors.accent};
|
|
1361
|
+
outline-offset: 2px;
|
|
1362
|
+
}
|
|
1363
|
+
`,Yb=1e3*60*60*24*182;function Wb({item:n,session:a,edit:t,onListed:e,onClose:r}){const o=hn(),s=fn(),[l,c]=b.useState(t!=null&&t.currentCredits?String(t.currentCredits):"10"),[p,d]=b.useState(null),[h,x]=b.useState(null),[y,v]=b.useState(!1),[w,k]=b.useState(null),[C,D]=b.useState(null),{cancelDone:E,slow:g,cancelFailed:T,setCancelFailed:O,cancelCurrent:M,signal:S}=Rc(t,x),P=sn.chainId,A=na(a),{data:z}=ea(a.address),K=z!=null&&z.name?ta(z.name):ho(a.address),U=Number(l),X=Number.isInteger(U)&&U>0,B=!!t&&!E&&U===t.currentCredits,N=X?`$${tn(U).toFixed(2)}`:"$0";b.useEffect(()=>{let H=!1;return(async()=>{try{const q=await Pp({contractAddress:n.contractAddress,chainId:P});H||k(q)}catch{H||k(!1)}})(),()=>{H=!0}},[n.contractAddress,P]);async function F(H={}){var ee,le;x(null);const q=Number(l);if(!Number.isInteger(q)||q<=0){x(f("primaryList.errorWholeNumber"));return}v(!0);try{if(!await M(H.payGas))return;w||(d(f("primaryList.statusEnabling")),await Ep({signer:a.signer,contractAddress:n.contractAddress,chainId:P}),k(!0)),d(f("primaryList.statusPublishing"));const be=await Tp({signer:a.signer,item:{contractAddress:n.contractAddress,itemId:n.blockchainItemId,network:ft.Network.MATIC,chainId:P},usdPrice:tn(q),uses:n.remainingSupply,expiresAtMs:Date.now()+Yb});d(f("primaryList.statusFinishing"));const Ie=await(t?Ul(be,a.identity,{signal:S()}):Il(be,a.identity));(ee=S())==null||ee.throwIfAborted(),d(null),D(q),fe("Shop Listed Item",{item_id:n.blockchainItemId,contract_address:n.contractAddress,price_credits:q,price_usd:tn(q),listing_type:"primary",is_primary:!0}),sr.success(f(t?"listingEdit.toastUpdated":"primaryList.toastOnSale",{name:n.name})),e==null||e(q,Ie.id),o.invalidateQueries({queryKey:["publishable-items"]}),o.invalidateQueries({queryKey:["collection-sale-state"]}),o.invalidateQueries({queryKey:["shop-items"]}),o.invalidateQueries({queryKey:["catalog-items"]}),o.invalidateQueries({queryKey:["overview-listings"]}),o.invalidateQueries({queryKey:["upsell-listings"]})}catch(be){if((le=S())!=null&&le.aborted)return;Se(be,{flow:"list_primary"}),fe("Shop Listing Failed",{listing_type:"primary",error_code:Ue(be)}),x(Yt(be,f(t?"listingEdit.listFailedAfterCancel":"primaryList.errorGeneric"))),d(null)}finally{v(!1)}}function _(){r(),s(Fd(n.contractAddress,n.blockchainItemId))}const Q=w===null?f("primaryList.checking"):t?f(E?"primaryList.putOnSale":"listingEdit.submit"):y?A?f("primaryList.publishing"):f("primaryList.confirmListing"):w===!1?f("primaryList.enableAndPutOnSale"):f("primaryList.putOnSale");return C!==null?i.jsx(Ba,{onClick:r,role:"presentation",children:i.jsxs(Ha,{onClick:H=>H.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":f(t?"listingEdit.successHeader":"primaryList.successTitle"),children:[i.jsxs(za,{children:[i.jsx(qa,{children:f(t?"listingEdit.successHeader":"primaryList.successTitle")}),i.jsx(Ka,{onClick:r,"aria-label":f("getCredits.done"),children:i.jsx(V,{name:"close",className:"ico"})})]}),i.jsxs($b,{children:[i.jsx(Rb,{"aria-hidden":!0,children:i.jsx(V,{name:"check",className:"ico"})}),i.jsx(Nb,{children:i.jsx("b",{children:n.name})}),i.jsxs(Ob,{children:[f("primaryList.listedFor")," ",i.jsxs("strong",{children:[i.jsx(Ye,{className:"ccy-mark"})," ",i.jsx(Ae,{credits:C})]})," ",f("primaryList.dotAvailable",{count:n.remainingSupply})]})]}),i.jsxs(Ab,{children:[i.jsx(Lb,{onClick:r,children:f("getCredits.done")}),i.jsx(Fb,{onClick:_,children:f("primaryList.viewInShop")})]})]})}):t&&y?i.jsx(Ba,{role:"presentation",children:i.jsxs(Ha,{onClick:H=>H.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":f("listingEdit.title"),"data-testid":"modal",children:[i.jsxs(za,{children:[i.jsx(qa,{children:f("listingEdit.title")}),i.jsx(Ka,{disabled:!0,"aria-label":f("primaryList.cancel"),children:i.jsx(V,{name:"close",className:"ico"})})]}),i.jsx(Nc,{phase:E?"list":"cancel",managed:A,slow:g})]})}):i.jsx(Ba,{onClick:y?void 0:r,role:"presentation",children:i.jsxs(Ha,{"data-testid":"modal",onClick:H=>H.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":t?f("listingEdit.title"):f("primaryList.publishTitle",{name:n.name}),children:[i.jsxs(za,{children:[i.jsx(qa,{children:t?f("listingEdit.title"):f("primaryList.publishTitle",{name:n.name})}),i.jsx(Ka,{onClick:r,disabled:y,"aria-label":f("primaryList.cancel"),children:i.jsx(V,{name:"close",className:"ico"})})]}),i.jsx(vb,{children:f("primaryList.fromCollection",{collectionName:n.collectionName,count:n.remainingSupply})}),i.jsxs(wb,{children:[i.jsx(kb,{children:n.thumbnail?i.jsx("img",{src:n.thumbnail,alt:""}):null}),i.jsxs(Db,{children:[i.jsx(Cb,{children:n.name}),K?i.jsx(Sb,{children:f("primaryList.byCreator",{name:K})}):null]})]}),i.jsxs(Mb,{children:[i.jsx(_b,{children:f("primaryList.priceShort")}),i.jsxs(jb,{"aria-invalid":l.length>0&&!X,children:[i.jsx(Ye,{className:"ccy"}),i.jsx(Ib,{"data-testid":"price-input",type:"number",min:"1",step:"1",inputMode:"numeric",value:l,onChange:H=>c(H.target.value),disabled:y,"aria-label":f("primaryList.priceLabel",{currency:Ze.name})}),i.jsx(Pb,{"aria-hidden":!0,children:N})]})]}),i.jsx(Ir,{children:f("primaryList.pricedInWhole",{currency:Ze.name,currencySingular:Ze.nameSingular})}),t?!y&&!E?i.jsx(Ir,{children:f("listingEdit.subtitle")}):null:w===!1&&!y?i.jsx(Ir,{children:A?f("primaryList.firstTimeManaged",{collectionName:n.collectionName}):f("primaryList.firstTimeConfirm",{collectionName:n.collectionName})}):w===!0&&!y?i.jsx(Ir,{children:A?f("primaryList.readyManaged"):f("primaryList.readyConfirm")}):null,T?i.jsx(jo,{state:T,canPayGas:!!(t!=null&&t.canPayGas),busy:y,onPayGas:()=>void F({payGas:!0}),onLater:()=>O(null)}):null,p&&!t?i.jsx(Tb,{children:p}):null,i.jsx(Wt,{message:h}),i.jsx(Eb,{onClick:()=>void F(),disabled:y||B||T==="pending"||w===null||!X,"data-testid":"list-submit",children:Q})]})})}const Oc=["function issueTokens(address[] _beneficiaries, uint256[] _itemIds)"];function Ac(n){return/^0x[a-fA-F0-9]{40}$/.test(n.trim())}function Lc(n){return n.reduce((a,t)=>a+Math.max(0,Math.floor(t.amount||0)),0)}function Bb(n,a){const t=n.filter(r=>r.address.trim().length>0||(r.amount||0)>0);if(t.length===0)return!1;for(const r of t)if(!Ac(r.address)||!Number.isInteger(r.amount)||r.amount<1)return!1;const e=Lc(t);return e>=1&&e<=a}function Hb(n,a){const t=[],e=[];for(const r of n){const o=r.address.trim(),s=Math.max(0,Math.floor(r.amount||0));if(!(!o||s===0))for(let l=0;l<s;l++)t.push(o),e.push(a)}return{beneficiaries:t,itemIds:e}}async function zb(n){const{contractAddress:a,chainId:t,beneficiaries:e,itemIds:r,signer:o}=n,s={...Wd(Bd.ERC721CollectionV2,t),address:a},l=new Zp(Oc).encodeFunctionData("issueTokens",[e,r]),c=Qp(),p=Up(o.provider,c),d=await gf(p,c,l,s,{serverURL:zl.relayerUrl});return await Vp(d,"the mint"),d}async function qb(n){const{signer:a,contractAddress:t,chainId:e,entries:r,itemId:o}=n,{beneficiaries:s,itemIds:l}=Hb(r,o);if(s.length===0)throw new Error("No copies to issue");if(zl.enabled)try{return await zb({contractAddress:t,chainId:e,beneficiaries:s,itemIds:l,signer:a})}catch(h){if(h instanceof hf&&h.code===mf.USER_DENIED||h instanceof Kp)throw h;console.warn("[issue] gasless meta-tx failed, falling back to a direct tx:",h)}return await Yd(a.provider,e),(await(await new Jp(t,Oc,a).issueTokens(s,l,$p(e))).wait()).transactionHash}const Kb=m.div`
|
|
1364
|
+
position: fixed;
|
|
1365
|
+
inset: 0;
|
|
1366
|
+
z-index: 10000;
|
|
1367
|
+
display: flex;
|
|
1368
|
+
align-items: center;
|
|
1369
|
+
justify-content: center;
|
|
1370
|
+
padding: 16px;
|
|
1371
|
+
background: rgba(22, 21, 24, 0.55);
|
|
1372
|
+
`,Qb=m.div`
|
|
1373
|
+
width: 560px;
|
|
1374
|
+
max-width: 100%;
|
|
1375
|
+
max-height: 92vh;
|
|
1376
|
+
overflow-y: auto;
|
|
1377
|
+
background: ${u.colors.white};
|
|
1378
|
+
border-radius: 16px;
|
|
1379
|
+
padding: 12px 16px 16px;
|
|
1380
|
+
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
|
|
1381
|
+
display: flex;
|
|
1382
|
+
flex-direction: column;
|
|
1383
|
+
gap: 20px;
|
|
1384
|
+
`,Ub=m.div`
|
|
1385
|
+
display: flex;
|
|
1386
|
+
align-items: center;
|
|
1387
|
+
justify-content: space-between;
|
|
1388
|
+
gap: 8px;
|
|
1389
|
+
padding-bottom: 16px;
|
|
1390
|
+
border-bottom: 1px solid ${u.colors.gray4};
|
|
1391
|
+
`,Vb=m.h2`
|
|
1392
|
+
margin: 0;
|
|
1393
|
+
font-family: ${u.font.sans};
|
|
1394
|
+
font-weight: 600;
|
|
1395
|
+
font-size: 20px;
|
|
1396
|
+
line-height: 1.6;
|
|
1397
|
+
color: ${u.colors.text};
|
|
1398
|
+
`,Gb=m.button`
|
|
1399
|
+
flex: none;
|
|
1400
|
+
display: grid;
|
|
1401
|
+
place-items: center;
|
|
1402
|
+
width: 24px;
|
|
1403
|
+
height: 24px;
|
|
1404
|
+
border: 0;
|
|
1405
|
+
background: none;
|
|
1406
|
+
cursor: pointer;
|
|
1407
|
+
color: ${u.colors.text};
|
|
1408
|
+
|
|
1409
|
+
.ico {
|
|
1410
|
+
width: 18px;
|
|
1411
|
+
height: 18px;
|
|
1412
|
+
}
|
|
1413
|
+
&:disabled {
|
|
1414
|
+
opacity: 0.4;
|
|
1415
|
+
cursor: default;
|
|
1416
|
+
}
|
|
1417
|
+
&:focus-visible {
|
|
1418
|
+
outline: 2px solid ${u.colors.accent};
|
|
1419
|
+
outline-offset: 2px;
|
|
1420
|
+
}
|
|
1421
|
+
`,Xb=m.p`
|
|
1422
|
+
margin: 0;
|
|
1423
|
+
font-family: ${u.font.sans};
|
|
1424
|
+
font-size: 14px;
|
|
1425
|
+
line-height: 1.57;
|
|
1426
|
+
color: ${u.colors.text};
|
|
1427
|
+
text-align: left;
|
|
1428
|
+
`,Jb=m.div`
|
|
1429
|
+
display: flex;
|
|
1430
|
+
align-items: center;
|
|
1431
|
+
gap: 12px;
|
|
1432
|
+
`,Zb=m.div`
|
|
1433
|
+
flex: none;
|
|
1434
|
+
display: grid;
|
|
1435
|
+
place-items: center;
|
|
1436
|
+
width: 56px;
|
|
1437
|
+
height: 56px;
|
|
1438
|
+
border-radius: 12px;
|
|
1439
|
+
background: ${u.colors.media};
|
|
1440
|
+
border: 1px solid ${u.colors.gray4};
|
|
1441
|
+
overflow: hidden;
|
|
1442
|
+
|
|
1443
|
+
img {
|
|
1444
|
+
width: 48px;
|
|
1445
|
+
height: 48px;
|
|
1446
|
+
object-fit: contain;
|
|
1447
|
+
filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.1));
|
|
1448
|
+
}
|
|
1449
|
+
`,ev=m.p`
|
|
1450
|
+
margin: 0;
|
|
1451
|
+
font-family: ${u.font.sans};
|
|
1452
|
+
font-weight: 600;
|
|
1453
|
+
font-size: 16px;
|
|
1454
|
+
line-height: 1.4;
|
|
1455
|
+
color: ${u.colors.text};
|
|
1456
|
+
`,tv=m.div`
|
|
1457
|
+
display: flex;
|
|
1458
|
+
flex-direction: column;
|
|
1459
|
+
gap: 10px;
|
|
1460
|
+
`,nv=m.div`
|
|
1461
|
+
display: flex;
|
|
1462
|
+
align-items: flex-start;
|
|
1463
|
+
gap: 8px;
|
|
1464
|
+
`,rv=m.label`
|
|
1465
|
+
flex: 1 1 auto;
|
|
1466
|
+
min-width: 0;
|
|
1467
|
+
display: flex;
|
|
1468
|
+
flex-direction: column;
|
|
1469
|
+
gap: 4px;
|
|
1470
|
+
`,av=m.label`
|
|
1471
|
+
flex: none;
|
|
1472
|
+
width: 96px;
|
|
1473
|
+
display: flex;
|
|
1474
|
+
flex-direction: column;
|
|
1475
|
+
gap: 4px;
|
|
1476
|
+
`,Rs=m.span`
|
|
1477
|
+
font-family: ${u.font.sans};
|
|
1478
|
+
font-size: 12px;
|
|
1479
|
+
color: ${u.colors.muted};
|
|
1480
|
+
`,Ns=m.input`
|
|
1481
|
+
height: 42px;
|
|
1482
|
+
padding: 0 10px;
|
|
1483
|
+
border: 0.5px solid ${u.colors.text};
|
|
1484
|
+
border-radius: 8px;
|
|
1485
|
+
background: ${u.colors.white};
|
|
1486
|
+
font-family: ${u.font.sans};
|
|
1487
|
+
font-size: 13px;
|
|
1488
|
+
color: ${u.colors.text};
|
|
1489
|
+
outline: none;
|
|
1490
|
+
|
|
1491
|
+
&::placeholder {
|
|
1492
|
+
color: ${u.colors.muted2};
|
|
1493
|
+
}
|
|
1494
|
+
&:focus {
|
|
1495
|
+
border-color: ${u.colors.magenta};
|
|
1496
|
+
}
|
|
1497
|
+
&[aria-invalid='true'] {
|
|
1498
|
+
border-color: ${u.colors.err};
|
|
1499
|
+
}
|
|
1500
|
+
/* Strip the number spinners on the amount input. */
|
|
1501
|
+
&::-webkit-outer-spin-button,
|
|
1502
|
+
&::-webkit-inner-spin-button {
|
|
1503
|
+
-webkit-appearance: none;
|
|
1504
|
+
margin: 0;
|
|
1505
|
+
}
|
|
1506
|
+
&[type='number'] {
|
|
1507
|
+
-moz-appearance: textfield;
|
|
1508
|
+
appearance: textfield;
|
|
1509
|
+
}
|
|
1510
|
+
`,ov=m.button`
|
|
1511
|
+
flex: none;
|
|
1512
|
+
margin-top: 22px;
|
|
1513
|
+
display: grid;
|
|
1514
|
+
place-items: center;
|
|
1515
|
+
width: 42px;
|
|
1516
|
+
height: 42px;
|
|
1517
|
+
border: 0.5px solid ${u.colors.gray4};
|
|
1518
|
+
border-radius: 8px;
|
|
1519
|
+
background: ${u.colors.white};
|
|
1520
|
+
color: ${u.colors.muted};
|
|
1521
|
+
cursor: pointer;
|
|
1522
|
+
|
|
1523
|
+
.ico {
|
|
1524
|
+
width: 16px;
|
|
1525
|
+
height: 16px;
|
|
1526
|
+
}
|
|
1527
|
+
&:hover:not(:disabled) {
|
|
1528
|
+
color: ${u.colors.err};
|
|
1529
|
+
border-color: ${u.colors.err};
|
|
1530
|
+
}
|
|
1531
|
+
&:disabled {
|
|
1532
|
+
opacity: 0.35;
|
|
1533
|
+
cursor: default;
|
|
1534
|
+
}
|
|
1535
|
+
&:focus-visible {
|
|
1536
|
+
outline: 2px solid ${u.colors.accent};
|
|
1537
|
+
outline-offset: 2px;
|
|
1538
|
+
}
|
|
1539
|
+
`,iv=m.button`
|
|
1540
|
+
align-self: flex-start;
|
|
1541
|
+
display: inline-flex;
|
|
1542
|
+
align-items: center;
|
|
1543
|
+
gap: 6px;
|
|
1544
|
+
border: 0;
|
|
1545
|
+
background: none;
|
|
1546
|
+
padding: 0;
|
|
1547
|
+
cursor: pointer;
|
|
1548
|
+
font-family: ${u.font.sans};
|
|
1549
|
+
font-weight: 600;
|
|
1550
|
+
font-size: 13px;
|
|
1551
|
+
color: ${u.colors.accent};
|
|
1552
|
+
|
|
1553
|
+
.ico {
|
|
1554
|
+
width: 16px;
|
|
1555
|
+
height: 16px;
|
|
1556
|
+
}
|
|
1557
|
+
&:disabled {
|
|
1558
|
+
opacity: 0.4;
|
|
1559
|
+
cursor: default;
|
|
1560
|
+
}
|
|
1561
|
+
&:focus-visible {
|
|
1562
|
+
outline: 2px solid ${u.colors.accent};
|
|
1563
|
+
outline-offset: 2px;
|
|
1564
|
+
}
|
|
1565
|
+
`,sv=m.p`
|
|
1566
|
+
margin: 0;
|
|
1567
|
+
font-family: ${u.font.sans};
|
|
1568
|
+
font-size: 13px;
|
|
1569
|
+
line-height: 1.5;
|
|
1570
|
+
color: ${n=>n.over?u.colors.err:u.colors.text};
|
|
1571
|
+
|
|
1572
|
+
strong {
|
|
1573
|
+
font-weight: 700;
|
|
1574
|
+
}
|
|
1575
|
+
`,lv=m.p`
|
|
1576
|
+
margin: 0;
|
|
1577
|
+
font-family: ${u.font.sans};
|
|
1578
|
+
font-size: 12px;
|
|
1579
|
+
line-height: 1.5;
|
|
1580
|
+
color: ${u.colors.muted};
|
|
1581
|
+
`;m.p`
|
|
1582
|
+
margin: 0;
|
|
1583
|
+
font-family: ${u.font.sans};
|
|
1584
|
+
font-size: 13px;
|
|
1585
|
+
color: ${u.colors.muted};
|
|
1586
|
+
text-align: center;
|
|
1587
|
+
`;const cv=m.p`
|
|
1588
|
+
margin: 0;
|
|
1589
|
+
font-family: ${u.font.sans};
|
|
1590
|
+
font-size: 11px;
|
|
1591
|
+
color: ${u.colors.err};
|
|
1592
|
+
`,Os=m.div`
|
|
1593
|
+
display: flex;
|
|
1594
|
+
gap: 12px;
|
|
1595
|
+
|
|
1596
|
+
${u.media.maxWidth("mobile")} {
|
|
1597
|
+
flex-direction: column-reverse;
|
|
1598
|
+
}
|
|
1599
|
+
`,dv=m.button`
|
|
1600
|
+
flex: 1 1 0;
|
|
1601
|
+
height: 48px;
|
|
1602
|
+
border: 2px solid ${u.colors.accent};
|
|
1603
|
+
border-radius: 12px;
|
|
1604
|
+
background: transparent;
|
|
1605
|
+
color: ${u.colors.accent};
|
|
1606
|
+
cursor: pointer;
|
|
1607
|
+
font-family: ${u.font.sans};
|
|
1608
|
+
font-weight: 600;
|
|
1609
|
+
font-size: 13px;
|
|
1610
|
+
line-height: 24px;
|
|
1611
|
+
letter-spacing: 0.46px;
|
|
1612
|
+
text-transform: uppercase;
|
|
1613
|
+
|
|
1614
|
+
&:hover:not(:disabled) {
|
|
1615
|
+
background: rgba(105, 31, 169, 0.06);
|
|
1616
|
+
}
|
|
1617
|
+
&:disabled {
|
|
1618
|
+
opacity: 0.5;
|
|
1619
|
+
cursor: not-allowed;
|
|
1620
|
+
}
|
|
1621
|
+
&:focus-visible {
|
|
1622
|
+
outline: 2px solid ${u.colors.accent};
|
|
1623
|
+
outline-offset: 2px;
|
|
1624
|
+
}
|
|
1625
|
+
`,As=m.button`
|
|
1626
|
+
flex: 1 1 0;
|
|
1627
|
+
height: 48px;
|
|
1628
|
+
border: 0;
|
|
1629
|
+
border-radius: 12px;
|
|
1630
|
+
cursor: pointer;
|
|
1631
|
+
background: ${u.colors.accent};
|
|
1632
|
+
color: ${u.colors.white};
|
|
1633
|
+
font-family: ${u.font.sans};
|
|
1634
|
+
font-weight: 600;
|
|
1635
|
+
font-size: 13px;
|
|
1636
|
+
line-height: 24px;
|
|
1637
|
+
letter-spacing: 0.46px;
|
|
1638
|
+
text-transform: uppercase;
|
|
1639
|
+
|
|
1640
|
+
&:hover:not(:disabled) {
|
|
1641
|
+
background: ${u.colors.accentHover};
|
|
1642
|
+
}
|
|
1643
|
+
&:focus-visible {
|
|
1644
|
+
outline: 2px solid ${u.colors.accent};
|
|
1645
|
+
outline-offset: 2px;
|
|
1646
|
+
}
|
|
1647
|
+
&:disabled {
|
|
1648
|
+
cursor: not-allowed;
|
|
1649
|
+
background: rgba(105, 31, 169, 0.2);
|
|
1650
|
+
color: ${u.colors.white};
|
|
1651
|
+
}
|
|
1652
|
+
`,uv=m.div`
|
|
1653
|
+
display: flex;
|
|
1654
|
+
flex-direction: column;
|
|
1655
|
+
align-items: center;
|
|
1656
|
+
gap: 16px;
|
|
1657
|
+
padding: 24px 16px;
|
|
1658
|
+
border-radius: 16px;
|
|
1659
|
+
background: rgba(193, 238, 207, 0.5);
|
|
1660
|
+
text-align: center;
|
|
1661
|
+
`,pv=m.div`
|
|
1662
|
+
display: grid;
|
|
1663
|
+
place-items: center;
|
|
1664
|
+
width: 64px;
|
|
1665
|
+
height: 64px;
|
|
1666
|
+
border-radius: 50%;
|
|
1667
|
+
background: ${u.colors.ok};
|
|
1668
|
+
color: ${u.colors.white};
|
|
1669
|
+
|
|
1670
|
+
.ico {
|
|
1671
|
+
width: 34px;
|
|
1672
|
+
height: 34px;
|
|
1673
|
+
}
|
|
1674
|
+
`,fv=m.p`
|
|
1675
|
+
margin: 0;
|
|
1676
|
+
font-family: ${u.font.sans};
|
|
1677
|
+
font-size: 20px;
|
|
1678
|
+
line-height: 1.334;
|
|
1679
|
+
color: ${u.colors.text2};
|
|
1680
|
+
|
|
1681
|
+
b {
|
|
1682
|
+
font-weight: 700;
|
|
1683
|
+
}
|
|
1684
|
+
`;function hv(n){return n.map(a=>({address:a.address,amount:Number(a.amount)}))}function mv({item:n,session:a,onClose:t,onIssued:e}){const r=hn(),[o,s]=b.useState([{address:"",amount:"1"}]),[l,c]=b.useState(!1),[p,d]=b.useState(null),[h,x]=b.useState(null),y=b.useRef(null),v=na(a),w=hv(o),k=Lc(w),C=Bb(w,n.available),D=k>n.available;b.useEffect(()=>{var P;(P=y.current)==null||P.focus();function S(A){A.key==="Escape"&&!l&&t()}return window.addEventListener("keydown",S),()=>window.removeEventListener("keydown",S)},[l,t]);function E(S,P){s(A=>A.map((z,K)=>K===S?{...z,...P}:z))}function g(){s(S=>[...S,{address:"",amount:"1"}])}function T(S){s(P=>P.length<=1?P:P.filter((A,z)=>z!==S))}async function O(){if(!(!C||l)){d(null),c(!0);try{await qb({signer:a.signer,contractAddress:n.contractAddress,chainId:n.chainId,entries:w,itemId:n.itemId}),fe("Shop Issued Item",{contract_address:n.contractAddress,item_id:n.itemId,recipients:w.filter(S=>S.address.trim().length>0).length,copies:k}),x(k),sr.success(f("issue.toastSuccess",{count:k,name:n.name})),r.invalidateQueries({queryKey:["publishable-item"]}),r.invalidateQueries({queryKey:["publishable-items"]}),e==null||e()}catch(S){$n(S)||Se(S,{flow:"issue-item",itemId:n.itemId}),fe("Shop Issue Failed",{error_code:Ue(S)}),d($n(S)?f("getCredits.errorCanceled"):Yt(S,f("issue.errorGeneric")))}finally{c(!1)}}}const M=l?v?f("issue.issuing"):f("issue.confirm"):k>0?f("issue.issueCount",{count:k}):f("issue.issue");return i.jsx(Kb,{onClick:l?void 0:t,role:"presentation",children:i.jsxs(Qb,{ref:y,tabIndex:-1,"data-testid":"issue-modal",onClick:S=>S.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":f("issue.title"),children:[i.jsxs(Ub,{children:[i.jsx(Vb,{children:f("issue.title")}),i.jsx(Gb,{onClick:t,disabled:l,"aria-label":f("sellModal.cancel"),children:i.jsx(V,{name:"close",className:"ico"})})]}),h!==null?i.jsxs(i.Fragment,{children:[i.jsxs(uv,{children:[i.jsx(pv,{"aria-hidden":!0,children:i.jsx(V,{name:"check",className:"ico"})}),i.jsx(fv,{children:f("issue.successBody",{count:h,name:n.name})})]}),i.jsx(Os,{children:i.jsx(As,{onClick:t,children:f("getCredits.done")})})]}):i.jsxs(i.Fragment,{children:[i.jsxs(Jb,{children:[i.jsx(Zb,{children:n.thumbnail?i.jsx("img",{src:n.thumbnail,alt:""}):null}),i.jsx(ev,{children:n.name})]}),i.jsx(Xb,{children:f("issue.subtitle")}),i.jsx(tv,{children:o.map((S,P)=>{const A=S.address.trim(),z=A.length>0&&!Ac(A),K=Number(S.amount),U=S.amount.length>0&&(!Number.isInteger(K)||K<1);return i.jsxs(nv,{children:[i.jsxs(rv,{children:[i.jsx(Rs,{children:f("issue.addressLabel")}),i.jsx(Ns,{type:"text",spellCheck:!1,autoComplete:"off",placeholder:"0x…",value:S.address,onChange:X=>E(P,{address:X.target.value}),disabled:l,"aria-invalid":z,"aria-label":f("issue.addressLabel")}),z?i.jsx(cv,{children:f("issue.invalidAddress")}):null]}),i.jsxs(av,{children:[i.jsx(Rs,{children:f("issue.amountLabel")}),i.jsx(Ns,{type:"number",min:"1",step:"1",inputMode:"numeric",value:S.amount,onChange:X=>E(P,{amount:X.target.value}),disabled:l,"aria-invalid":U,"aria-label":f("issue.amountLabel")})]}),i.jsx(ov,{onClick:()=>T(P),disabled:l||o.length<=1,"aria-label":f("issue.removeRow"),children:i.jsx(V,{name:"close",className:"ico"})})]},P)})}),i.jsxs(iv,{onClick:g,disabled:l,children:[i.jsx(V,{name:"plus",className:"ico"}),f("issue.addRow")]}),i.jsxs(sv,{over:D,"aria-live":"polite",children:[i.jsx("strong",{children:k})," / ",n.available," ",f("issue.itemsToIssue")]}),D?i.jsx(lv,{children:f("issue.overCap",{available:n.available})}):null,i.jsx(Wt,{message:p}),i.jsxs(Os,{children:[i.jsx(dv,{onClick:t,disabled:l,children:f("sellModal.cancel")}),i.jsx(As,{onClick:()=>void O(),disabled:!C||l,children:M})]})]})]})})}const gv=m.div`
|
|
1685
|
+
position: fixed;
|
|
1686
|
+
inset: 0;
|
|
1687
|
+
z-index: 10000;
|
|
1688
|
+
display: flex;
|
|
1689
|
+
align-items: center;
|
|
1690
|
+
justify-content: center;
|
|
1691
|
+
padding: 16px;
|
|
1692
|
+
background: rgba(22, 21, 24, 0.55);
|
|
1693
|
+
`,xv=m.div`
|
|
1694
|
+
width: 760px;
|
|
1695
|
+
max-width: 100%;
|
|
1696
|
+
background: ${u.colors.white};
|
|
1697
|
+
border-radius: 16px;
|
|
1698
|
+
padding: 12px 16px 16px;
|
|
1699
|
+
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
|
|
1700
|
+
display: flex;
|
|
1701
|
+
flex-direction: column;
|
|
1702
|
+
gap: 16px;
|
|
1703
|
+
`,yv=m.div`
|
|
1704
|
+
display: flex;
|
|
1705
|
+
align-items: center;
|
|
1706
|
+
justify-content: space-between;
|
|
1707
|
+
gap: 8px;
|
|
1708
|
+
padding-bottom: 16px;
|
|
1709
|
+
border-bottom: 1px solid ${u.colors.gray4};
|
|
1710
|
+
`,bv=m.h2`
|
|
1711
|
+
margin: 0;
|
|
1712
|
+
font-family: ${u.font.sans};
|
|
1713
|
+
font-weight: 600;
|
|
1714
|
+
font-size: 20px;
|
|
1715
|
+
line-height: 1.6;
|
|
1716
|
+
color: ${u.colors.text};
|
|
1717
|
+
`,vv=m.button`
|
|
1718
|
+
flex: none;
|
|
1719
|
+
display: grid;
|
|
1720
|
+
place-items: center;
|
|
1721
|
+
width: 24px;
|
|
1722
|
+
height: 24px;
|
|
1723
|
+
border: 0;
|
|
1724
|
+
background: none;
|
|
1725
|
+
cursor: pointer;
|
|
1726
|
+
color: ${u.colors.text};
|
|
1727
|
+
|
|
1728
|
+
.ico {
|
|
1729
|
+
width: 18px;
|
|
1730
|
+
height: 18px;
|
|
1731
|
+
}
|
|
1732
|
+
&:focus-visible {
|
|
1733
|
+
outline: 2px solid ${u.colors.accent};
|
|
1734
|
+
outline-offset: 2px;
|
|
1735
|
+
}
|
|
1736
|
+
`,wv=m.video`
|
|
1737
|
+
display: block;
|
|
1738
|
+
width: 100%;
|
|
1739
|
+
max-height: 70vh;
|
|
1740
|
+
border-radius: 12px;
|
|
1741
|
+
background: ${u.colors.blackBtn};
|
|
1742
|
+
`;function kv({src:n,itemName:a,onClose:t}){const e=b.useRef(null);return b.useEffect(()=>{var o;(o=e.current)==null||o.focus();function r(s){s.key==="Escape"&&t()}return window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)},[t]),i.jsx(gv,{onClick:t,role:"presentation",children:i.jsxs(xv,{ref:e,tabIndex:-1,onClick:r=>r.stopPropagation(),"data-testid":"modal",role:"dialog","aria-modal":"true","aria-label":f("itemDetail.showcaseTitle"),children:[i.jsxs(yv,{children:[i.jsx(bv,{children:a||f("itemDetail.showcaseTitle")}),i.jsx(vv,{onClick:t,"aria-label":f("itemDetail.showcaseClose"),children:i.jsx(V,{name:"close",size:18})})]}),i.jsx(wv,{src:n,"data-testid":"showcase-video",controls:!0,autoPlay:!0,muted:!0,playsInline:!0,preload:"auto"})]})})}const{colors:Et,radius:Dv}=u,Cv=m.div`
|
|
1743
|
+
position: fixed;
|
|
1744
|
+
inset: 0;
|
|
1745
|
+
z-index: 60;
|
|
1746
|
+
display: grid;
|
|
1747
|
+
place-items: center;
|
|
1748
|
+
padding: 20px;
|
|
1749
|
+
`,Sv=m.div`
|
|
1750
|
+
position: absolute;
|
|
1751
|
+
inset: 0;
|
|
1752
|
+
background: rgba(22, 21, 24, 0.45);
|
|
1753
|
+
`,Mv=m.div`
|
|
1754
|
+
position: relative;
|
|
1755
|
+
z-index: 1;
|
|
1756
|
+
width: 100%;
|
|
1757
|
+
max-width: 420px;
|
|
1758
|
+
background: ${Et.white};
|
|
1759
|
+
border-radius: ${Dv.banner};
|
|
1760
|
+
padding: 24px;
|
|
1761
|
+
box-shadow: 0 24px 60px rgba(22, 21, 24, 0.28);
|
|
1762
|
+
animation: cart-pop-in 0.16s ease;
|
|
1763
|
+
`,_v=m.div`
|
|
1764
|
+
display: flex;
|
|
1765
|
+
align-items: center;
|
|
1766
|
+
gap: 14px;
|
|
1767
|
+
margin-bottom: 18px;
|
|
1768
|
+
`,jv=m.div`
|
|
1769
|
+
width: 64px;
|
|
1770
|
+
height: 64px;
|
|
1771
|
+
flex: none;
|
|
1772
|
+
border-radius: 12px;
|
|
1773
|
+
overflow: hidden;
|
|
1774
|
+
background: ${Et.media};
|
|
1775
|
+
|
|
1776
|
+
& img {
|
|
1777
|
+
width: 100%;
|
|
1778
|
+
height: 100%;
|
|
1779
|
+
object-fit: contain;
|
|
1780
|
+
}
|
|
1781
|
+
`,Iv=m.div`
|
|
1782
|
+
font-weight: 700;
|
|
1783
|
+
font-size: 16px;
|
|
1784
|
+
color: ${Et.text};
|
|
1785
|
+
margin-bottom: 6px;
|
|
1786
|
+
`,Pv=m.div`
|
|
1787
|
+
background: ${Et.panel};
|
|
1788
|
+
border-radius: 14px;
|
|
1789
|
+
padding: 16px;
|
|
1790
|
+
margin-bottom: 14px;
|
|
1791
|
+
`,Ls=m.div`
|
|
1792
|
+
color: ${Et.muted};
|
|
1793
|
+
font-size: 13px;
|
|
1794
|
+
font-weight: 600;
|
|
1795
|
+
margin-bottom: 6px;
|
|
1796
|
+
`,Fs=m.div`
|
|
1797
|
+
display: flex;
|
|
1798
|
+
align-items: center;
|
|
1799
|
+
gap: 8px;
|
|
1800
|
+
font-weight: 700;
|
|
1801
|
+
font-size: 24px;
|
|
1802
|
+
color: ${Et.text};
|
|
1803
|
+
|
|
1804
|
+
&[data-approx] {
|
|
1805
|
+
color: ${Et.text2};
|
|
1806
|
+
}
|
|
1807
|
+
`,Ev=m.span`
|
|
1808
|
+
color: ${Et.muted};
|
|
1809
|
+
`,Ys=m(Ye)`
|
|
1810
|
+
width: 20px;
|
|
1811
|
+
height: 20px;
|
|
1812
|
+
color: ${Et.text};
|
|
1813
|
+
`,Ws=m.div`
|
|
1814
|
+
margin-top: 6px;
|
|
1815
|
+
font-size: 13px;
|
|
1816
|
+
`,Tv=m.div`
|
|
1817
|
+
font-size: 13px;
|
|
1818
|
+
margin-bottom: 6px;
|
|
1819
|
+
`,Fc=Fn`
|
|
1820
|
+
margin: 6px 0 0;
|
|
1821
|
+
font-size: 13px;
|
|
1822
|
+
`,Qa=m.p`
|
|
1823
|
+
${Fc};
|
|
1824
|
+
`,$v=m(Wt)`
|
|
1825
|
+
${Fc};
|
|
1826
|
+
`,Rv=m.div`
|
|
1827
|
+
display: flex;
|
|
1828
|
+
gap: 10px;
|
|
1829
|
+
margin-top: 18px;
|
|
1830
|
+
`,Bs=m(Ht)`
|
|
1831
|
+
flex: 1;
|
|
1832
|
+
`;function Ua(n){if($n(n))return f("errors.rejected");const a=(n.message??"").toLowerCase();return a.includes("insufficient")?f("marketCheckout.error.insufficient",{currency:Ze.name}):a.includes("not found")||a.includes("no active listing")||a.includes("404")?f("marketCheckout.error.soldOrRemoved"):a.includes("your own listing")?f("errors.cantBuyOwn"):f("marketCheckout.error.generic")}function Nv(n){return{id:n.tradeId,tradeId:n.tradeId,name:n.name,creator:n.creator,contractAddress:n.contractAddress,itemId:n.itemId,category:n.category,wearableCategory:n.wearableCategory??void 0,rarity:n.rarity,network:n.network,chainId:n.chainId,thumbnail:n.thumbnail,priceCredits:0,gender:null,isSmart:!1}}function Yc({listing:n,rate:a,onClose:t,onSold:e}){const{session:r}=ln(),{data:o,isError:s}=Ml(r),l=hn(),c=fn(),[p,d]=b.useState("confirm"),[h,x]=b.useState(f("marketCheckout.checkingListing")),[y,v]=b.useState(null),[w,k]=b.useState(null),[C,D]=b.useState(null),[E,g]=b.useState(!1),T=b.useRef(null),O=b.useRef(!1),M=b.useRef(ic());b.useEffect(()=>(O.current=!1,()=>{O.current=!0}),[]);const S=Ot(Da(n.manaWei,a));b.useEffect(()=>{let B=!1;if(!r){d("error"),v(f("buyModal.signInToCheckout"));return}return(async()=>{try{const F=await Tl(n.tradeId);if(!F)throw new Error("not found");if(zd(F,r.address))throw new Error("You can't buy your own listing.");const _=Da(n.manaWei,a);if(!Number.isFinite(_)||_<=0)throw new Error("price unavailable");if(B)return;k({trade:F,usdCents:_,credits:Ot(_)}),x("")}catch(F){if(B)return;console.error("[market] listing check failed",F),fe(Le(F)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"resolve",error_code:Ue(F),value_usd:Math.round(Da(n.manaWei,a))/100}),d("error"),v(Ua(F))}})(),()=>{B=!0,T.current&&r&&(K([T.current]),T.current=null)}},[]);const P=!!w&&o!=null&&o.credits<w.credits;async function A(){if(!r||!w)return;if(P){fe("Shop Buy Credits Prompted",{from:"item_checkout",credits_needed:w.credits,credits_balance:(o==null?void 0:o.credits)??0,shortfall:Math.max(0,w.credits-((o==null?void 0:o.credits)??0))}),T.current&&(await z([T.current])&&D(null),T.current=null),c("/credits");return}d("working"),v(null),g(!1);let B=C;if(!B){x(f("marketCheckout.lockingPrice"));try{const{credit:H,maxCreditedValue:q,usdCents:ee}=await to(r.identity,w.usdCents,n.tradeId);if(O.current){z([H.id]);return}T.current=H.id,l.invalidateQueries({queryKey:["usd-balance"]});const le=Ot(ee);if(B={trade:w.trade,credit:H,maxCreditedValue:q,usdCents:ee,credits:le},D(B),le!==w.credits){k({trade:w.trade,usdCents:ee,credits:le}),g(!0),x(""),d("confirm");return}}catch(H){console.error("[market] authorize failed",H),Le(H)||Se(H,{flow:"market_buy_now",step:"authorize"}),fe(Le(H)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"authorize",error_code:Ue(H),value_usd:w.usdCents/100}),x(""),v(Ua(H)),d("error");return}}if(!B)return;const N=B;let F=!1,_;try{x(f("marketCheckout.confirming"));const H={trade:N.trade,buyer:r.address,signer:r.signer,credits:[N.credit],maxCreditedValue:N.maxCreditedValue,onBroadcast:({txHash:q})=>M.current.broadcast(N.credit.id,q),onReverted:({txHash:q})=>{q&&M.current.reverted(q)}};if(M.current.submitStarted(N.credit.id),Bl())try{_=await tf(H),M.current.broadcast(N.credit.id,_),await ql(_),F=!0}catch(q){if(q instanceof Kl)F=!0;else if(q instanceof Ql){if(q.reason==="relayer-unreachable")throw M.current.unobservable(N.credit.id),q;if(!Zr(r.providerType))throw q;_=await wi(H)}else throw _&&M.current.reverted(_),q}else _=await wi(H)}catch(H){M.current.submitFinished(N.credit.id),console.error("[market] buy now failed",H),await z([N.credit.id])&&D(null),T.current=null,fe(Le(H)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Ue(H),value_usd:N.usdCents/100}),l.invalidateQueries({queryKey:["usd-balance"]}),v(Ua(H)),d("error");const q=(H.message??"").toLowerCase();(q.includes("not found")||q.includes("no active listing")||q.includes("404"))&&e();return}M.current.submitFinished(N.credit.id),T.current=null;try{l.invalidateQueries({queryKey:["usd-balance"]}),fe("Shop Completed Purchase",{items:[{item_id:n.itemId??null,contract_address:n.contractAddress,token_id:null,price_usd:N.usdCents/100,category:n.category,is_smart:!1}],value_credits:N.credits,value_usd:N.usdCents/100,purchase_type:"item",is_primary:!0,payment_type:"credits",no_crypto_step:F,transaction_hash:_??null}),l.invalidateQueries({queryKey:["detail-trade"]}),l.invalidateQueries({queryKey:["shop-item"]}),l.invalidateQueries({queryKey:["item-resales",n.contractAddress,n.itemId]}),l.invalidateQueries({queryKey:["shop-items"]}),l.invalidateQueries({queryKey:["catalog-items"]}),l.invalidateQueries({queryKey:["my-assets"]}),l.invalidateQueries({queryKey:["purchases"]})}catch(H){Se(H,{flow:"market_buy_now",step:"post_purchase"})}const Q={items:[Nv(n)],txHash:_};c("/success",{state:Q})}async function z(B){if(!r||B.length===0)return!1;const N=B.filter(F=>!M.current.mayBeConsumed(F));if(N.length===0)return!1;try{return await _l(r.identity,N),!0}catch{return!1}}function K(B){z(B.filter(N=>!M.current.isInFlight(N)))}function U(){r&&C&&z([C.credit.id]),T.current=null,t()}const X=p==="working";return i.jsxs(Cv,{role:"dialog","aria-modal":"true","aria-label":f("buyModal.dialogAria",{name:n.name}),children:[i.jsx(Sv,{onClick:X?void 0:U,"aria-hidden":!0}),i.jsxs(Mv,{children:[i.jsxs(_v,{children:[i.jsx(jv,{children:n.thumbnail?i.jsx("img",{src:n.thumbnail,alt:""}):null}),i.jsxs("div",{children:[i.jsx(Iv,{title:n.name,children:n.name||f("buyModal.itemFallback")}),i.jsx(El,{"data-variant":"rarity",children:n.rarity})]})]}),i.jsx(Pv,{children:w?i.jsxs(i.Fragment,{children:[i.jsx(Ls,{children:f("marketCheckout.finalPrice")}),i.jsxs(Fs,{children:[i.jsx(Ys,{}),i.jsx(Ae,{credits:w.credits})," ",pi(w.credits)]}),i.jsxs(Ws,{className:"muted",children:["$",tn(w.credits).toFixed(2)]})]}):i.jsxs(i.Fragment,{children:[i.jsx(Ls,{children:f("marketCheckout.todaysPrice")}),i.jsxs(Fs,{"data-approx":!0,children:[i.jsx(Ev,{"aria-hidden":!0,children:"≈"}),i.jsx(Ys,{}),i.jsx(Ae,{credits:S})," ",pi(S)]}),i.jsx(Ws,{className:"muted",children:h||f("marketCheckout.checkingListing")})]})}),r?i.jsxs(Tv,{className:"muted",children:[f("marketCheckout.yourBalance")," ",i.jsx(Ye,{className:"ccy-mark"})," ",Hd(o,s)]}):null,P?i.jsx(Qa,{className:"muted",children:f("marketCheckout.needMore",{currency:Ze.name})}):null,E?i.jsx(Qa,{"data-testid":"price-changed",role:"status",children:f("buyModal.priceChanged")}):null,h&&p==="working"?i.jsx(Qa,{className:"muted",children:h}):null,i.jsx($v,{message:y}),i.jsxs(Rv,{children:[i.jsx(Bs,{variant:"ghost",onClick:U,disabled:X,children:f("buyModal.cancel")}),i.jsx(Bs,{variant:"purple",onClick:()=>void A(),disabled:X||!w||P&&In(),children:X?f("marketCheckout.buying"):P&&!In()?f("nav.getCredits",{currency:Ze.name}):f("marketCheckout.confirmPurchase")})]})]})]})}function Ov(n,a,{enabled:t=!0,first:e}={}){const{data:r,isFetched:o}=ve({queryKey:["related-items",n,a,e],enabled:t&&!!n&&!!a,staleTime:3e5,queryFn:()=>qd(n,a,{first:e})});return{items:r??[],isFetched:o}}const Wc=15;function Av(n){return`${n.contractAddress}-${n.itemId??n.tokenId??n.id}`.toLowerCase()}function Lv(n,a){return!!(a.id&&n.id===a.id||a.itemId&&n.itemId===a.itemId&&Hs(n,a)||a.tokenId&&n.tokenId===a.tokenId&&Hs(n,a))}function Hs(n,a){var t;return a.contractAddress?((t=n.contractAddress)==null?void 0:t.toLowerCase())===a.contractAddress.toLowerCase():!1}function Va(n,a,t=Wc){const e=new Set,r=[];function o(l,c){for(const p of l){if(r.length>=c)return;if(Lv(p,a))continue;const d=Av(p);e.has(d)||(e.add(d),r.push(p))}}o(n.collection,1/0);const s=r.length;return o(n.creator??[],t),o(n.related??[],t),{items:r,isCollectionOnly:r.length>0&&r.length===s}}const Fv=20,Yv=30,zs=[];function Wv(n,a=Wc){const{id:t,contractAddress:e,itemId:r,tokenId:o,creator:s}=n,l=b.useMemo(()=>({id:t,contractAddress:e,itemId:r,tokenId:o}),[t,e,r,o]),{data:c=zs,isFetched:p}=ve({queryKey:["collection-items",e],enabled:!!e,queryFn:()=>Qd(e,{first:Fv}).then(g=>g.items)}),d=b.useMemo(()=>Va({collection:c},l,a).items.length,[c,l,a]),h=p&&d<a,x=h&&!!s,y=ve({queryKey:["suggestions-creator",s],enabled:x,staleTime:5*6e4,queryFn:()=>Ud({creator:s,isOnSale:!0,first:Yv}).then(g=>g.items)}),v=y.data??zs,w=!x||y.isSuccess||y.isError,k=b.useMemo(()=>Va({collection:c,creator:v},l,a).items.length,[c,v,l,a]),{items:C}=Ov(e,r??null,{enabled:h&&w&&k<a,first:a}),D=b.useMemo(()=>Va({collection:c,creator:v,related:C},l,a),[c,v,C,l,a]),E=Kd(D.items);return{...D,items:E,siblings:c,siblingsFetched:p}}function Bv(n){const a=Vd();return!a||!Gd(a.contracts,n)?null:a.label}const{colors:dt,media:Io}=u,Hv=Xd`
|
|
1833
|
+
to {
|
|
1834
|
+
transform: rotate(360deg);
|
|
1835
|
+
}
|
|
1836
|
+
`,zv=m.div``,qv=m.span`
|
|
1837
|
+
width: 34px;
|
|
1838
|
+
height: 34px;
|
|
1839
|
+
border-radius: 50%;
|
|
1840
|
+
border: 3px solid ${dt.line};
|
|
1841
|
+
border-top-color: ${dt.accent};
|
|
1842
|
+
animation: ${Hv} 0.8s linear infinite;
|
|
1843
|
+
|
|
1844
|
+
@media (prefers-reduced-motion: reduce) {
|
|
1845
|
+
animation-duration: 2.4s;
|
|
1846
|
+
}
|
|
1847
|
+
`,Kv=m.p``,Qv=m.div``,qs=m.button`
|
|
1848
|
+
border: 0;
|
|
1849
|
+
background: none;
|
|
1850
|
+
cursor: pointer;
|
|
1851
|
+
padding: 6px 16px;
|
|
1852
|
+
border-radius: 999px;
|
|
1853
|
+
font-weight: 600;
|
|
1854
|
+
font-size: 12px;
|
|
1855
|
+
text-transform: uppercase;
|
|
1856
|
+
letter-spacing: 0.04em;
|
|
1857
|
+
color: ${dt.muted};
|
|
1858
|
+
transition:
|
|
1859
|
+
background 0.12s ease,
|
|
1860
|
+
color 0.12s ease;
|
|
1861
|
+
|
|
1862
|
+
&[data-active] {
|
|
1863
|
+
background: ${dt.text};
|
|
1864
|
+
color: ${dt.white};
|
|
1865
|
+
}
|
|
1866
|
+
&:not([data-active]):hover {
|
|
1867
|
+
color: ${dt.text};
|
|
1868
|
+
}
|
|
1869
|
+
|
|
1870
|
+
${Io.maxWidth("lg")} {
|
|
1871
|
+
padding: 6px 12px;
|
|
1872
|
+
border-radius: 0;
|
|
1873
|
+
background: ${dt.white};
|
|
1874
|
+
color: ${dt.text2};
|
|
1875
|
+
|
|
1876
|
+
&[data-active] {
|
|
1877
|
+
background: ${dt.text};
|
|
1878
|
+
color: ${dt.white};
|
|
1879
|
+
}
|
|
1880
|
+
&:first-of-type {
|
|
1881
|
+
border-top-left-radius: 999px;
|
|
1882
|
+
border-bottom-left-radius: 999px;
|
|
1883
|
+
}
|
|
1884
|
+
&:last-of-type {
|
|
1885
|
+
border-top-right-radius: 999px;
|
|
1886
|
+
border-bottom-right-radius: 999px;
|
|
1887
|
+
}
|
|
1888
|
+
}
|
|
1889
|
+
`,Ks=m.span`
|
|
1890
|
+
${Io.maxWidth("lg")} {
|
|
1891
|
+
display: none;
|
|
1892
|
+
}
|
|
1893
|
+
`,Qs=m(V)`
|
|
1894
|
+
display: none;
|
|
1895
|
+
|
|
1896
|
+
${Io.maxWidth("lg")} {
|
|
1897
|
+
display: block;
|
|
1898
|
+
}
|
|
1899
|
+
`,Us="shop-item-preview";function Uv({item:n}){const a=ln(P=>{var A;return(A=P.session)==null?void 0:A.address}),{data:t,isLoading:e}=ea(a),r=a&&t?a:"default",o=n.category==="emote",[s,l]=b.useState("avatar"),c=!o&&s==="item",p=c||!e,d=rr(P=>P.fittingOpen),{ref:h,active:x}=Jd(),y=p&&x&&!d,[v,w]=b.useState(!0);b.useEffect(()=>{w(!0)},[n.id,c]),b.useEffect(()=>{y&&w(!0)},[y]);const k=b.useRef(null);b.useEffect(()=>{if(y)return()=>{yf(k.current),k.current=null}},[y]);const[C,D]=b.useState(ft.PreviewRenderer.UNITY),E=C===ft.PreviewRenderer.BABYLON,g=!!a&&!!t,T=g&&Zd(n,eu(t)),O=tu(n)[0],M=g&&!T&&!o,S=n.urn?{urns:[n.urn]}:{contractAddress:n.contractAddress,tokenId:n.tokenId??void 0,itemId:n.tokenId?void 0:n.itemId??void 0};return i.jsxs(i.Fragment,{children:[i.jsx("div",{ref:h,"data-preview-viewport":!0,"aria-hidden":!0}),y?i.jsx(nu,{id:Us,...S,profile:c?void 0:T?r:"default",bodyShape:c||T?void 0:O,type:o?void 0:c?ft.PreviewType.WEARABLE:ft.PreviewType.AVATAR,emote:o||c?void 0:ft.PreviewEmote.FASHION,disableBackground:!0,wheelZoom:o?1.5:void 0,wheelStart:o?100:void 0,onRenderer:D,onLoad:()=>{var P;w(!1),k.current=((P=document.getElementById(Us))==null?void 0:P.contentWindow)??null}}):null,!y||v?i.jsx(zv,{"data-preview-loading":!0,"aria-busy":"true","aria-label":f("itemPreview.loading"),children:i.jsx(qv,{"aria-hidden":!0})}):null,M&&!c?i.jsx(Kv,{"data-preview-note":!0,children:f("itemPreview.shownOnBody",{shape:ru(O)})}):null,!E||!o?null:i.jsx(xf,{previewId:"shop-item-preview"}),!E||o?null:i.jsxs(Qv,{"data-preview-toggle":!0,role:"group","aria-label":f("itemPreview.previewMode"),children:[i.jsxs(qs,{type:"button","data-active":s==="avatar"||void 0,"aria-pressed":s==="avatar","aria-label":f("itemPreview.onAvatar"),onClick:()=>l("avatar"),children:[i.jsx(Qs,{name:"view-avatar",size:18}),i.jsx(Ks,{children:f("itemPreview.onAvatar")})]}),i.jsxs(qs,{type:"button","data-active":s==="item"||void 0,"aria-pressed":s==="item","aria-label":f("itemPreview.item"),onClick:()=>l("item"),children:[i.jsx(Qs,{name:"view-item",size:18}),i.jsx(Ks,{children:f("itemPreview.item")})]})]})]})}const Vv=m.div`
|
|
1900
|
+
position: fixed;
|
|
1901
|
+
inset: 0;
|
|
1902
|
+
z-index: 10000;
|
|
1903
|
+
display: flex;
|
|
1904
|
+
align-items: center;
|
|
1905
|
+
justify-content: center;
|
|
1906
|
+
padding: 16px;
|
|
1907
|
+
background: rgba(22, 21, 24, 0.55);
|
|
1908
|
+
`,Gv=m.div`
|
|
1909
|
+
display: flex;
|
|
1910
|
+
flex-direction: column;
|
|
1911
|
+
gap: 12px;
|
|
1912
|
+
width: 1128px;
|
|
1913
|
+
max-width: 100%;
|
|
1914
|
+
max-height: 92vh;
|
|
1915
|
+
background: ${u.colors.white};
|
|
1916
|
+
border-radius: 16px;
|
|
1917
|
+
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
|
|
1918
|
+
|
|
1919
|
+
&:focus {
|
|
1920
|
+
outline: none;
|
|
1921
|
+
}
|
|
1922
|
+
`,Xv=m.div`
|
|
1923
|
+
flex: none;
|
|
1924
|
+
display: flex;
|
|
1925
|
+
align-items: center;
|
|
1926
|
+
gap: 8px;
|
|
1927
|
+
padding: 16px;
|
|
1928
|
+
border-bottom: 1px solid ${u.colors.gray4};
|
|
1929
|
+
`,Jv=m.h2`
|
|
1930
|
+
flex: 1 1 auto;
|
|
1931
|
+
min-width: 0;
|
|
1932
|
+
margin: 0;
|
|
1933
|
+
font-family: ${u.font.sans};
|
|
1934
|
+
font-weight: 600;
|
|
1935
|
+
font-size: 20px;
|
|
1936
|
+
line-height: 1.6;
|
|
1937
|
+
color: ${u.colors.text};
|
|
1938
|
+
`,Zv=m.button`
|
|
1939
|
+
flex: none;
|
|
1940
|
+
display: grid;
|
|
1941
|
+
place-items: center;
|
|
1942
|
+
width: 18.5px;
|
|
1943
|
+
height: 18.5px;
|
|
1944
|
+
padding: 0;
|
|
1945
|
+
border: 0;
|
|
1946
|
+
background: none;
|
|
1947
|
+
cursor: pointer;
|
|
1948
|
+
color: ${u.colors.text};
|
|
1949
|
+
|
|
1950
|
+
.ico {
|
|
1951
|
+
width: 18.5px;
|
|
1952
|
+
height: 18.5px;
|
|
1953
|
+
}
|
|
1954
|
+
&:focus-visible {
|
|
1955
|
+
outline: 2px solid ${u.colors.accent};
|
|
1956
|
+
outline-offset: 4px;
|
|
1957
|
+
}
|
|
1958
|
+
`,e0=m.div`
|
|
1959
|
+
flex: 1 1 auto;
|
|
1960
|
+
min-height: 0;
|
|
1961
|
+
overflow-y: auto;
|
|
1962
|
+
display: flex;
|
|
1963
|
+
flex-direction: column;
|
|
1964
|
+
gap: 8px;
|
|
1965
|
+
padding: 0 16px 24px;
|
|
1966
|
+
`,t0=m.div`
|
|
1967
|
+
position: sticky;
|
|
1968
|
+
top: 0;
|
|
1969
|
+
z-index: 1;
|
|
1970
|
+
display: flex;
|
|
1971
|
+
align-items: center;
|
|
1972
|
+
justify-content: space-between;
|
|
1973
|
+
gap: 8px;
|
|
1974
|
+
padding-bottom: 8px;
|
|
1975
|
+
background: ${u.colors.white};
|
|
1976
|
+
`,n0=m.p`
|
|
1977
|
+
margin: 0;
|
|
1978
|
+
font-family: ${u.font.sans};
|
|
1979
|
+
font-size: 14px;
|
|
1980
|
+
line-height: 1.43;
|
|
1981
|
+
color: ${u.colors.muted};
|
|
1982
|
+
`,r0=m.div`
|
|
1983
|
+
position: relative;
|
|
1984
|
+
flex: none;
|
|
1985
|
+
display: inline-flex;
|
|
1986
|
+
align-items: center;
|
|
1987
|
+
padding: 4px 4px 4px 12px;
|
|
1988
|
+
border: 0.5px solid ${u.colors.lineStrong};
|
|
1989
|
+
border-radius: 8px;
|
|
1990
|
+
background: ${u.colors.white};
|
|
1991
|
+
|
|
1992
|
+
select {
|
|
1993
|
+
appearance: none;
|
|
1994
|
+
/* 24px design gap + the 24px chevron that sits on top of it. */
|
|
1995
|
+
padding: 0 48px 0 0;
|
|
1996
|
+
border: 0;
|
|
1997
|
+
background: none;
|
|
1998
|
+
font-family: ${u.font.sans};
|
|
1999
|
+
font-weight: 500;
|
|
2000
|
+
font-size: 12px;
|
|
2001
|
+
line-height: 1.43;
|
|
2002
|
+
color: ${u.colors.text2};
|
|
2003
|
+
cursor: pointer;
|
|
2004
|
+
outline: none;
|
|
2005
|
+
}
|
|
2006
|
+
select:focus-visible {
|
|
2007
|
+
outline: 2px solid ${u.colors.accent};
|
|
2008
|
+
outline-offset: 2px;
|
|
2009
|
+
border-radius: 4px;
|
|
2010
|
+
}
|
|
2011
|
+
.chev {
|
|
2012
|
+
position: absolute;
|
|
2013
|
+
right: 4px;
|
|
2014
|
+
width: 24px;
|
|
2015
|
+
height: 24px;
|
|
2016
|
+
color: ${u.colors.text2};
|
|
2017
|
+
pointer-events: none;
|
|
2018
|
+
}
|
|
2019
|
+
`,a0=m.div`
|
|
2020
|
+
flex: none;
|
|
2021
|
+
border: 1px solid ${u.colors.lineStrong};
|
|
2022
|
+
border-radius: 16px;
|
|
2023
|
+
/* The four equal columns need the design width to hold their content, so a narrower modal scrolls
|
|
2024
|
+
the table here rather than letting the page scroll sideways. */
|
|
2025
|
+
overflow-x: auto;
|
|
2026
|
+
overflow-y: hidden;
|
|
2027
|
+
background: ${u.colors.white};
|
|
2028
|
+
`,o0=m.table`
|
|
2029
|
+
width: 100%;
|
|
2030
|
+
min-width: 1096px;
|
|
2031
|
+
table-layout: fixed;
|
|
2032
|
+
border-collapse: collapse;
|
|
2033
|
+
|
|
2034
|
+
th {
|
|
2035
|
+
height: 48px;
|
|
2036
|
+
padding: 8px 8px 8px 16px;
|
|
2037
|
+
text-align: left;
|
|
2038
|
+
vertical-align: middle;
|
|
2039
|
+
background: ${u.colors.media};
|
|
2040
|
+
border-right: 0.5px solid ${u.colors.lineStrong};
|
|
2041
|
+
font-family: ${u.font.sans};
|
|
2042
|
+
font-weight: 600;
|
|
2043
|
+
font-size: 16px;
|
|
2044
|
+
line-height: 1.5;
|
|
2045
|
+
color: ${u.colors.text};
|
|
2046
|
+
text-transform: capitalize;
|
|
2047
|
+
}
|
|
2048
|
+
th:last-of-type {
|
|
2049
|
+
border-right: 0;
|
|
2050
|
+
}
|
|
2051
|
+
|
|
2052
|
+
td {
|
|
2053
|
+
height: 56px;
|
|
2054
|
+
padding: 8px 8px 8px 16px;
|
|
2055
|
+
vertical-align: middle;
|
|
2056
|
+
border-right: 0.5px solid ${u.colors.lineStrong};
|
|
2057
|
+
border-bottom: 0.5px solid ${u.colors.lineStrong};
|
|
2058
|
+
font-family: ${u.font.sans};
|
|
2059
|
+
font-size: 14px;
|
|
2060
|
+
line-height: 1.43;
|
|
2061
|
+
color: ${u.colors.text2};
|
|
2062
|
+
}
|
|
2063
|
+
td:last-of-type {
|
|
2064
|
+
border-right: 0;
|
|
2065
|
+
}
|
|
2066
|
+
|
|
2067
|
+
tbody tr:hover,
|
|
2068
|
+
tbody tr:focus-within {
|
|
2069
|
+
background: ${u.colors.media};
|
|
2070
|
+
}
|
|
2071
|
+
tbody tr:hover td,
|
|
2072
|
+
tbody tr:focus-within td {
|
|
2073
|
+
border-bottom-color: ${u.colors.media};
|
|
2074
|
+
}
|
|
2075
|
+
|
|
2076
|
+
/* Stack every cell into a card — a 4-column grid is unusable at phone widths. The column name is
|
|
2077
|
+
carried on each cell's data-label so it survives translation. */
|
|
2078
|
+
${u.media.maxWidth("mobile")} {
|
|
2079
|
+
min-width: 0;
|
|
2080
|
+
|
|
2081
|
+
thead {
|
|
2082
|
+
display: none;
|
|
2083
|
+
}
|
|
2084
|
+
tr {
|
|
2085
|
+
display: block;
|
|
2086
|
+
border-bottom: 0.5px solid ${u.colors.lineStrong};
|
|
2087
|
+
}
|
|
2088
|
+
tr:last-of-type {
|
|
2089
|
+
border-bottom: 0;
|
|
2090
|
+
}
|
|
2091
|
+
td {
|
|
2092
|
+
display: block;
|
|
2093
|
+
height: auto;
|
|
2094
|
+
padding: 8px 16px;
|
|
2095
|
+
border-right: 0;
|
|
2096
|
+
border-bottom: 0;
|
|
2097
|
+
}
|
|
2098
|
+
td:first-of-type {
|
|
2099
|
+
padding-top: 12px;
|
|
2100
|
+
}
|
|
2101
|
+
td:last-of-type {
|
|
2102
|
+
padding-bottom: 12px;
|
|
2103
|
+
}
|
|
2104
|
+
td[data-label]::before {
|
|
2105
|
+
content: attr(data-label);
|
|
2106
|
+
display: block;
|
|
2107
|
+
margin-bottom: 2px;
|
|
2108
|
+
font-size: 12px;
|
|
2109
|
+
line-height: 1.43;
|
|
2110
|
+
color: ${u.colors.muted};
|
|
2111
|
+
text-transform: capitalize;
|
|
2112
|
+
}
|
|
2113
|
+
tbody tr:hover td,
|
|
2114
|
+
tbody tr:focus-within td {
|
|
2115
|
+
border-bottom-color: transparent;
|
|
2116
|
+
}
|
|
2117
|
+
}
|
|
2118
|
+
`,Bc=`
|
|
2119
|
+
display: flex;
|
|
2120
|
+
align-items: center;
|
|
2121
|
+
gap: 10px;
|
|
2122
|
+
min-width: 0;
|
|
2123
|
+
|
|
2124
|
+
.owner-ava {
|
|
2125
|
+
flex: none;
|
|
2126
|
+
display: inline-grid;
|
|
2127
|
+
place-items: center;
|
|
2128
|
+
width: 32px;
|
|
2129
|
+
height: 32px;
|
|
2130
|
+
border: 2.286px solid rgba(255, 255, 255, 0.5);
|
|
2131
|
+
border-radius: 50%;
|
|
2132
|
+
background: ${u.colors.media};
|
|
2133
|
+
object-fit: cover;
|
|
2134
|
+
overflow: hidden;
|
|
2135
|
+
color: ${u.colors.white};
|
|
2136
|
+
font-weight: 700;
|
|
2137
|
+
font-size: 13px;
|
|
2138
|
+
}
|
|
2139
|
+
.owner-name {
|
|
2140
|
+
min-width: 0;
|
|
2141
|
+
overflow: hidden;
|
|
2142
|
+
text-overflow: ellipsis;
|
|
2143
|
+
white-space: nowrap;
|
|
2144
|
+
font-family: ${u.font.sans};
|
|
2145
|
+
font-size: 14px;
|
|
2146
|
+
line-height: 1.43;
|
|
2147
|
+
color: ${u.colors.text2};
|
|
2148
|
+
}
|
|
2149
|
+
`,i0=m.div`
|
|
2150
|
+
${Bc}
|
|
2151
|
+
`,s0=m.button`
|
|
2152
|
+
${Bc}
|
|
2153
|
+
padding: 0;
|
|
2154
|
+
border: 0;
|
|
2155
|
+
background: none;
|
|
2156
|
+
font: inherit;
|
|
2157
|
+
text-align: left;
|
|
2158
|
+
cursor: pointer;
|
|
2159
|
+
|
|
2160
|
+
&:hover .owner-name {
|
|
2161
|
+
text-decoration: underline;
|
|
2162
|
+
}
|
|
2163
|
+
&:focus-visible {
|
|
2164
|
+
outline: 2px solid ${u.colors.accent};
|
|
2165
|
+
outline-offset: 2px;
|
|
2166
|
+
border-radius: 4px;
|
|
2167
|
+
}
|
|
2168
|
+
`,Vs=m.span`
|
|
2169
|
+
color: ${u.colors.muted};
|
|
2170
|
+
`,l0=m.div`
|
|
2171
|
+
display: flex;
|
|
2172
|
+
align-items: center;
|
|
2173
|
+
justify-content: space-between;
|
|
2174
|
+
gap: 4px;
|
|
2175
|
+
|
|
2176
|
+
.amount {
|
|
2177
|
+
display: inline-flex;
|
|
2178
|
+
align-items: center;
|
|
2179
|
+
gap: 4px;
|
|
2180
|
+
font-family: ${u.font.sans};
|
|
2181
|
+
font-weight: 600;
|
|
2182
|
+
font-size: 16px;
|
|
2183
|
+
line-height: 1.5;
|
|
2184
|
+
color: ${u.colors.text2};
|
|
2185
|
+
}
|
|
2186
|
+
/* The credits mark is always near-black here — never the violet accent. */
|
|
2187
|
+
.amount .ccy {
|
|
2188
|
+
flex: none;
|
|
2189
|
+
width: 22px;
|
|
2190
|
+
height: 22px;
|
|
2191
|
+
color: ${u.colors.text2};
|
|
2192
|
+
}
|
|
2193
|
+
.approx {
|
|
2194
|
+
color: ${u.colors.muted};
|
|
2195
|
+
font-weight: 600;
|
|
2196
|
+
}
|
|
2197
|
+
`,c0=m.div`
|
|
2198
|
+
flex: none;
|
|
2199
|
+
display: flex;
|
|
2200
|
+
align-items: center;
|
|
2201
|
+
gap: 8px;
|
|
2202
|
+
opacity: 0;
|
|
2203
|
+
transition: opacity 0.12s ease;
|
|
2204
|
+
|
|
2205
|
+
tr:hover &,
|
|
2206
|
+
tr:focus-within &,
|
|
2207
|
+
&[data-persistent='true'] {
|
|
2208
|
+
opacity: 1;
|
|
2209
|
+
}
|
|
2210
|
+
|
|
2211
|
+
@media (hover: none) {
|
|
2212
|
+
opacity: 1;
|
|
2213
|
+
}
|
|
2214
|
+
${u.media.maxWidth("mobile")} {
|
|
2215
|
+
opacity: 1;
|
|
2216
|
+
}
|
|
2217
|
+
`,Hc=`
|
|
2218
|
+
display: inline-flex;
|
|
2219
|
+
align-items: center;
|
|
2220
|
+
justify-content: center;
|
|
2221
|
+
gap: 8px;
|
|
2222
|
+
height: 40px;
|
|
2223
|
+
padding: 0 12px;
|
|
2224
|
+
border: 0;
|
|
2225
|
+
border-radius: 12px;
|
|
2226
|
+
cursor: pointer;
|
|
2227
|
+
font-family: ${u.font.sans};
|
|
2228
|
+
font-weight: 600;
|
|
2229
|
+
font-size: 13px;
|
|
2230
|
+
line-height: 24px;
|
|
2231
|
+
letter-spacing: 0.46px;
|
|
2232
|
+
text-transform: uppercase;
|
|
2233
|
+
text-align: center;
|
|
2234
|
+
white-space: nowrap;
|
|
2235
|
+
|
|
2236
|
+
.ico {
|
|
2237
|
+
width: 20px;
|
|
2238
|
+
height: 20px;
|
|
2239
|
+
}
|
|
2240
|
+
&:focus-visible {
|
|
2241
|
+
outline: 2px solid ${u.colors.accent};
|
|
2242
|
+
outline-offset: 2px;
|
|
2243
|
+
}
|
|
2244
|
+
`,d0=m.button`
|
|
2245
|
+
${Hc}
|
|
2246
|
+
min-width: 106px;
|
|
2247
|
+
background: ${u.colors.text2};
|
|
2248
|
+
color: ${u.colors.softWhite};
|
|
2249
|
+
|
|
2250
|
+
&:hover:not(:disabled) {
|
|
2251
|
+
filter: brightness(1.35);
|
|
2252
|
+
}
|
|
2253
|
+
&:disabled {
|
|
2254
|
+
opacity: 0.55;
|
|
2255
|
+
cursor: default;
|
|
2256
|
+
}
|
|
2257
|
+
`,Gs=m.button`
|
|
2258
|
+
${Hc}
|
|
2259
|
+
background: ${u.colors.accent};
|
|
2260
|
+
color: ${u.colors.softWhite};
|
|
2261
|
+
|
|
2262
|
+
&:hover:not(:disabled) {
|
|
2263
|
+
background: ${u.colors.accentHover};
|
|
2264
|
+
}
|
|
2265
|
+
`,u0=m.span`
|
|
2266
|
+
display: inline-flex;
|
|
2267
|
+
align-items: center;
|
|
2268
|
+
height: 40px;
|
|
2269
|
+
padding: 0 12px;
|
|
2270
|
+
border-radius: 12px;
|
|
2271
|
+
background: ${u.colors.chip};
|
|
2272
|
+
font-family: ${u.font.sans};
|
|
2273
|
+
font-weight: 600;
|
|
2274
|
+
font-size: 13px;
|
|
2275
|
+
line-height: 24px;
|
|
2276
|
+
color: ${u.colors.muted};
|
|
2277
|
+
white-space: nowrap;
|
|
2278
|
+
`,p0=m.div`
|
|
2279
|
+
flex: none;
|
|
2280
|
+
display: flex;
|
|
2281
|
+
align-items: center;
|
|
2282
|
+
justify-content: flex-end;
|
|
2283
|
+
gap: 8px;
|
|
2284
|
+
`,f0=m.p`
|
|
2285
|
+
margin: 0;
|
|
2286
|
+
font-family: ${u.font.sans};
|
|
2287
|
+
font-size: 12px;
|
|
2288
|
+
line-height: 1;
|
|
2289
|
+
color: ${u.colors.gray0};
|
|
2290
|
+
`,Xs=m.button`
|
|
2291
|
+
display: grid;
|
|
2292
|
+
place-items: center;
|
|
2293
|
+
padding: 10px;
|
|
2294
|
+
border: 1px solid ${u.colors.text2};
|
|
2295
|
+
border-radius: 4px;
|
|
2296
|
+
background: ${u.colors.white};
|
|
2297
|
+
color: ${u.colors.text2};
|
|
2298
|
+
cursor: pointer;
|
|
2299
|
+
|
|
2300
|
+
/* One chevron glyph turned into ‹ / › so no extra asset is needed. */
|
|
2301
|
+
.ico {
|
|
2302
|
+
width: 11px;
|
|
2303
|
+
height: 11px;
|
|
2304
|
+
transform: rotate(-90deg);
|
|
2305
|
+
}
|
|
2306
|
+
&[data-dir='prev'] .ico {
|
|
2307
|
+
transform: rotate(90deg);
|
|
2308
|
+
}
|
|
2309
|
+
&:disabled {
|
|
2310
|
+
border-color: ${u.colors.lineStrong};
|
|
2311
|
+
color: ${u.colors.lineStrong};
|
|
2312
|
+
cursor: default;
|
|
2313
|
+
}
|
|
2314
|
+
&:focus-visible {
|
|
2315
|
+
outline: 2px solid ${u.colors.accent};
|
|
2316
|
+
outline-offset: 2px;
|
|
2317
|
+
}
|
|
2318
|
+
`,h0=m.p`
|
|
2319
|
+
margin: 0;
|
|
2320
|
+
padding: 32px 0;
|
|
2321
|
+
font-family: ${u.font.sans};
|
|
2322
|
+
font-size: 14px;
|
|
2323
|
+
line-height: 1.43;
|
|
2324
|
+
color: ${u.colors.muted};
|
|
2325
|
+
text-align: center;
|
|
2326
|
+
`;m.div`
|
|
2327
|
+
display: flex;
|
|
2328
|
+
flex-direction: column;
|
|
2329
|
+
gap: 8px;
|
|
2330
|
+
margin-top: 16px;
|
|
2331
|
+
|
|
2332
|
+
.classic-title {
|
|
2333
|
+
font-family: ${u.font.sans};
|
|
2334
|
+
font-weight: 600;
|
|
2335
|
+
font-size: 15px;
|
|
2336
|
+
color: ${u.colors.text2};
|
|
2337
|
+
}
|
|
2338
|
+
.classic-note {
|
|
2339
|
+
font-family: ${u.font.sans};
|
|
2340
|
+
font-size: 13px;
|
|
2341
|
+
color: ${u.colors.muted};
|
|
2342
|
+
}
|
|
2343
|
+
`;m.span`
|
|
2344
|
+
display: inline-flex;
|
|
2345
|
+
align-items: center;
|
|
2346
|
+
padding: 2px 8px;
|
|
2347
|
+
border-radius: ${u.radius.chip};
|
|
2348
|
+
background: ${u.colors.chip};
|
|
2349
|
+
font-family: ${u.font.sans};
|
|
2350
|
+
font-size: 11px;
|
|
2351
|
+
letter-spacing: 0.4px;
|
|
2352
|
+
text-transform: uppercase;
|
|
2353
|
+
color: ${u.colors.muted};
|
|
2354
|
+
`;m.a`
|
|
2355
|
+
display: inline-flex;
|
|
2356
|
+
align-items: center;
|
|
2357
|
+
gap: 6px;
|
|
2358
|
+
height: 40px;
|
|
2359
|
+
padding: 0 14px;
|
|
2360
|
+
border: 1px solid ${u.colors.lineStrong};
|
|
2361
|
+
border-radius: 12px;
|
|
2362
|
+
color: ${u.colors.accent};
|
|
2363
|
+
font-family: ${u.font.sans};
|
|
2364
|
+
font-weight: 600;
|
|
2365
|
+
font-size: 13px;
|
|
2366
|
+
text-decoration: none;
|
|
2367
|
+
|
|
2368
|
+
&:hover {
|
|
2369
|
+
background: ${u.colors.chip};
|
|
2370
|
+
}
|
|
2371
|
+
.ico {
|
|
2372
|
+
width: 14px;
|
|
2373
|
+
height: 14px;
|
|
2374
|
+
}
|
|
2375
|
+
`;const Pr=10,m0=!1;function g0(n){return/^0x[a-fA-F0-9]{40}$/.test(n)?`${n.slice(0,6)}…${n.slice(-4)}`:n}function x0(n){let a=0;for(let t=0;t<n.length;t++)a=a*31+n.charCodeAt(t)>>>0;return`hsl(${a%360}, 52%, 45%)`}function y0(n,a){var t;return(((t=n==null?void 0:n.trim())==null?void 0:t[0])||a.replace(/^0x/i,"")[0]||"?").toUpperCase()}function b0(n){return n%100>=11&&n%100<=13?"th":["th","st","nd","rd"][n%10]??"th"}function v0(n,a){const t=new Date(n);return Number.isNaN(t.getTime())?"—":a==="en"?`${new Intl.DateTimeFormat("en",{month:"long"}).format(t)} ${t.getDate()}${b0(t.getDate())}, ${t.getFullYear()}`:new Intl.DateTimeFormat(a,{day:"numeric",month:"long",year:"numeric"}).format(t)}function w0(n){return{tradeId:n.tradeId??n.id,listingType:"primary",contractAddress:n.contractAddress,itemId:n.itemId??"",name:n.name,thumbnail:n.thumbnail,rarity:n.rarity,category:n.category,wearableCategory:n.wearableCategory??null,creator:n.creator,manaWei:n.manaWei??"0",available:1,network:n.network,chainId:n.chainId,createdAt:0}}function k0({r:n,seller:a,issuedId:t,labels:e,locale:r,isOwn:o,isLegacy:s,inCart:l,fallbackImage:c,onAdd:p,onBuyNative:d,onBuyLegacy:h}){var T,O;const x=fn(),{data:y}=ea(a),v=(O=(T=y==null?void 0:y.avatar)==null?void 0:T.snapshots)==null?void 0:O.face256,[w,k]=b.useState(!1);b.useEffect(()=>k(!1),[v]);const C=!!v&&!w,D=a?y!=null&&y.name?ta(y.name):g0(a):void 0,E=C?i.jsx("img",{className:"owner-ava",src:v,alt:"",loading:"lazy",onError:()=>k(!0)}):a?i.jsx("span",{className:"owner-ava",style:{backgroundColor:x0(a)},"aria-hidden":!0,children:y0(y==null?void 0:y.name,a)}):c?i.jsx("img",{className:"owner-ava",src:c,alt:"","aria-hidden":!0}):i.jsx("span",{className:"owner-ava","aria-hidden":!0}),g=i.jsxs(i.Fragment,{children:[E,D?i.jsx("span",{className:"owner-name","data-testid":"resale-seller",children:D}):null]});return i.jsxs("tr",{"data-testid":"resale-row","data-source":n.source,"data-own":o?"true":void 0,children:[i.jsx("td",{"data-label":e.owner,children:a?i.jsx(s0,{type:"button",onClick:()=>x(`/items/creator/${a}`),children:g}):i.jsx(i0,{children:g})}),i.jsx("td",{"data-label":e.itemNumber,children:t?i.jsxs("span",{"data-testid":"resale-issued",children:["#",t]}):i.jsx(Vs,{children:"—"})}),i.jsx("td",{"data-label":e.expiration,children:n.saleEndsAt?v0(n.saleEndsAt,r):i.jsx(Vs,{children:"—"})}),i.jsx("td",{"data-label":e.price,children:i.jsxs(l0,{children:[i.jsxs("span",{className:"amount",children:[s?i.jsx("span",{className:"approx","aria-hidden":!0,children:"≈"}):null,i.jsx(Ye,{className:"ccy"}),i.jsx("span",{children:Lt(n.priceCredits)})]}),i.jsx(c0,{"data-persistent":o?"true":void 0,children:o?i.jsx(u0,{"data-testid":"resale-own",children:f("resales.yourListing")}):s?i.jsx(Gs,{onClick:h,"aria-label":f("assetCard.buyNow"),"data-testid":"resale-buy",children:f("resales.buy")}):i.jsxs(i.Fragment,{children:[i.jsxs(d0,{onClick:p,disabled:l,"aria-label":l?f("assetCard.inCart"):f("assetCard.addToCart"),"data-testid":"resale-add",children:[i.jsx(V,{name:"cart",className:"ico"}),i.jsx("span",{children:l?f("assetCard.inCart"):f("resales.add")})]}),i.jsx(Gs,{onClick:d,"aria-label":f("assetCard.buyNow"),"data-testid":"resale-buy",children:f("resales.buy")})]})})]})})]})}function D0({item:n,onClose:a}){var F;const t=n.contractAddress,e=n.itemId,r=hn(),o=rr(_=>_.add),s=rr(_=>_.items),{session:l}=ln(),c=$l(_=>_.locale),p=(F=l==null?void 0:l.address)==null?void 0:F.toLowerCase(),d=b.useRef(null),[h,x]=b.useState(null),[y,v]=b.useState(null),[w,k]=b.useState("cheapest"),[C,D]=b.useState(0),E=!!h||!!y;b.useEffect(()=>{var _;(_=d.current)==null||_.focus()},[]),b.useEffect(()=>{function _(H){H.key==="Escape"&&!E&&a()}window.addEventListener("keydown",_);const Q=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",_),document.body.style.overflow=Q}},[E,a]);const{data:g=[],isLoading:T}=ve({queryKey:["item-resales",t,e],enabled:!!t&&!!e,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>Nl(t,e)}),O=b.useMemo(()=>w==="cheapest"?g:[...g].sort((_,Q)=>Q.priceCredits-_.priceCredits),[g,w]),M=Math.max(1,Math.ceil(O.length/Pr)),S=Math.min(C,M-1),P=O.slice(S*Pr,S*Pr+Pr),A=P.filter(_=>!_.seller||!_.issuedId).map(_=>_.tokenId).filter(_=>!!_),{data:z={}}=ve({queryKey:["resale-token-info",t,A.join(",")],enabled:!!t&&A.length>0,staleTime:6e4,queryFn:()=>au(t,A)}),{data:K=[]}=ve({queryKey:["item-classic-orders",t,e],enabled:m0,queryFn:()=>ou(t,e)}),U=g.some(_=>_.source==="legacy"),{data:X}=Rl(U);function B(){r.invalidateQueries({queryKey:["item-resales",t,e]})}const N={owner:f("resales.colOwner"),itemNumber:f("resales.colItemNumber"),expiration:f("resales.colExpiration"),price:f("resales.colPrice")};return i.jsxs(i.Fragment,{children:[i.jsx(Vv,{onClick:E?void 0:a,role:"presentation",children:i.jsxs(Gv,{ref:d,tabIndex:-1,onClick:_=>_.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":f("resales.modalTitle"),"data-testid":"resellers-modal",children:[i.jsxs(Xv,{children:[i.jsx(Jv,{children:f("resales.modalTitle")}),i.jsx(Zv,{onClick:a,"aria-label":f("resales.close"),"data-testid":"resellers-close",children:i.jsx(V,{name:"close"})})]}),i.jsxs(e0,{children:[i.jsxs(t0,{children:[i.jsx(n0,{"data-testid":"resales-count",children:f("resales.count",{count:g.length})}),i.jsxs(r0,{children:[i.jsxs("select",{value:w,onChange:_=>{k(_.target.value),D(0)},"aria-label":f("resales.sortLabel"),"data-testid":"resales-sort",children:[i.jsx("option",{value:"cheapest",children:f("resales.sortCheapest")}),i.jsx("option",{value:"most_expensive",children:f("resales.sortExpensive")})]}),i.jsx(V,{name:"chevron-down",className:"chev"})]})]}),T?null:O.length===0?i.jsx(h0,{"data-testid":"resales-empty",children:f("resales.empty")}):null,O.length>0?i.jsxs(i.Fragment,{children:[i.jsx(a0,{children:i.jsxs(o0,{children:[i.jsx("thead",{children:i.jsxs("tr",{children:[i.jsx("th",{scope:"col",children:N.owner}),i.jsx("th",{scope:"col",children:N.itemNumber}),i.jsx("th",{scope:"col",children:N.expiration}),i.jsx("th",{scope:"col",children:N.price})]})}),i.jsx("tbody",{children:P.map(_=>{const Q=_.source==="legacy",H=s.some(xe=>xe.id===_.id),q=_.tokenId&&z[_.tokenId]||{},ee=_.issuedId??q.issuedId,le=_.seller??q.seller,be={..._,name:_.name||n.name,thumbnail:_.thumbnail||n.thumbnail,rarity:_.rarity||n.rarity,category:_.category||n.category,wearableCategory:_.wearableCategory??n.wearableCategory,gender:_.gender??n.gender},Ie=!!le&&!!p&&le.toLowerCase()===p;return i.jsx(k0,{r:be,seller:le,issuedId:ee,labels:N,locale:c,isOwn:Ie,isLegacy:Q,inCart:H,fallbackImage:be.thumbnail,onAdd:()=>o(be,"item_detail"),onBuyNative:()=>x(be),onBuyLegacy:()=>v(w0(be))},_.tradeId??_.id)})})]})}),M>1?i.jsxs(p0,{children:[i.jsx(Xs,{"data-dir":"prev",onClick:()=>D(_=>Math.max(0,_-1)),disabled:S===0,"aria-label":f("resales.prevPage"),"data-testid":"resale-prev-page",children:i.jsx(V,{name:"chevron-down"})}),i.jsx(f0,{"data-testid":"resale-page-label",children:f("resales.page",{page:S+1,total:M})}),i.jsx(Xs,{onClick:()=>D(_=>Math.min(M-1,_+1)),disabled:S>=M-1,"aria-label":f("resales.nextPage"),"data-testid":"resale-next-page",children:i.jsx(V,{name:"chevron-down"})})]}):null]}):null,null]})]})}),h?i.jsx(ao,{item:h,onClose:()=>{x(null),B()}}):null,y&&X?i.jsx(Yc,{listing:y,rate:X,onClose:()=>v(null),onSold:()=>{v(null),B()}}):null]})}const C0="data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='76'%20height='76'%20viewBox='0%200%2076%2076'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='weui:shop-outlined'%3e%3cpath%20id='Vector'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M25.3333%2022.1667V19C25.3333%2015.6406%2026.6679%2012.4188%2029.0433%2010.0433C31.4188%207.66785%2034.6406%206.33333%2038%206.33333C41.3594%206.33333%2044.5812%207.66785%2046.9567%2010.0433C49.3321%2012.4188%2050.6667%2015.6406%2050.6667%2019V22.1667H60.1667C61.9147%2022.1667%2063.3333%2023.5885%2063.3333%2025.3555V63.3587C63.3333%2066.842%2060.4992%2069.6667%2057.019%2069.6667H18.981C17.3074%2069.6667%2015.7023%2069.0023%2014.5183%2067.8195C13.3343%2066.6367%2012.6683%2065.0322%2012.6667%2063.3587V25.3587C12.6667%2023.5917%2014.0758%2022.1667%2015.8333%2022.1667H25.3333ZM29.1333%2022.1667H46.8667V19C46.8667%2016.6484%2045.9325%2014.3931%2044.2697%2012.7303C42.6069%2011.0675%2040.3516%2010.1333%2038%2010.1333C35.6484%2010.1333%2033.3931%2011.0675%2031.7303%2012.7303C30.0675%2014.3931%2029.1333%2016.6484%2029.1333%2019V22.1667ZM25.3333%2025.9667H16.4667V63.3587C16.4667%2064.7393%2017.594%2065.8667%2018.981%2065.8667H57.019C57.6847%2065.8667%2058.3233%2065.6026%2058.7947%2065.1325C59.266%2064.6623%2059.5317%2064.0244%2059.5333%2063.3587V25.9667H50.6667V34.8333H46.8667V25.9667H29.1333V34.8333H25.3333V25.9667Z'%20fill='url(%23paint0_linear_0_226)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_0_226'%20x1='36.6705'%20y1='6.33333'%20x2='32.2014'%20y2='69.3597'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF7439'/%3e%3cstop%20offset='1'%20stop-color='%23FF2D55'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e",{colors:Oe,font:zc,radius:Po,z:S0}=u,M0=m.div`
|
|
2376
|
+
position: fixed;
|
|
2377
|
+
inset: 0;
|
|
2378
|
+
z-index: ${S0.overlay};
|
|
2379
|
+
display: flex;
|
|
2380
|
+
align-items: center;
|
|
2381
|
+
justify-content: center;
|
|
2382
|
+
overflow-y: auto;
|
|
2383
|
+
padding: 16px;
|
|
2384
|
+
background: rgba(22, 21, 24, 0.55);
|
|
2385
|
+
`,_0=m.div`
|
|
2386
|
+
width: 560px;
|
|
2387
|
+
max-width: 100%;
|
|
2388
|
+
max-height: 100%;
|
|
2389
|
+
overflow-y: auto;
|
|
2390
|
+
padding: 12px 16px 16px;
|
|
2391
|
+
border-radius: ${Po.modal};
|
|
2392
|
+
background: ${Oe.white};
|
|
2393
|
+
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
|
|
2394
|
+
display: flex;
|
|
2395
|
+
flex-direction: column;
|
|
2396
|
+
gap: 24px;
|
|
2397
|
+
font-family: ${zc.sans};
|
|
2398
|
+
|
|
2399
|
+
/* Focused on mount for screen readers; it is not tab-reachable, so it never needs a visible ring. */
|
|
2400
|
+
&:focus {
|
|
2401
|
+
outline: none;
|
|
2402
|
+
}
|
|
2403
|
+
`,j0=m.div`
|
|
2404
|
+
display: flex;
|
|
2405
|
+
align-items: center;
|
|
2406
|
+
justify-content: space-between;
|
|
2407
|
+
gap: 8px;
|
|
2408
|
+
padding-bottom: 16px;
|
|
2409
|
+
border-bottom: 1px solid ${Oe.gray4};
|
|
2410
|
+
`,I0=m.h2`
|
|
2411
|
+
margin: 0;
|
|
2412
|
+
font-weight: 600;
|
|
2413
|
+
font-size: 20px;
|
|
2414
|
+
line-height: 1.6;
|
|
2415
|
+
color: ${Oe.text};
|
|
2416
|
+
`,P0=m.button`
|
|
2417
|
+
position: relative;
|
|
2418
|
+
flex: none;
|
|
2419
|
+
display: grid;
|
|
2420
|
+
place-items: center;
|
|
2421
|
+
width: 18.535px;
|
|
2422
|
+
height: 18.535px;
|
|
2423
|
+
padding: 0;
|
|
2424
|
+
border: 0;
|
|
2425
|
+
background: none;
|
|
2426
|
+
cursor: pointer;
|
|
2427
|
+
color: ${Oe.text};
|
|
2428
|
+
|
|
2429
|
+
.ico {
|
|
2430
|
+
width: 100%;
|
|
2431
|
+
height: 100%;
|
|
2432
|
+
}
|
|
2433
|
+
/* Keeps the glyph exactly where the design puts it while giving it a tappable hit area. */
|
|
2434
|
+
&::after {
|
|
2435
|
+
content: '';
|
|
2436
|
+
position: absolute;
|
|
2437
|
+
inset: -11px;
|
|
2438
|
+
}
|
|
2439
|
+
&:focus-visible {
|
|
2440
|
+
outline: 2px solid ${Oe.accent};
|
|
2441
|
+
outline-offset: 2px;
|
|
2442
|
+
}
|
|
2443
|
+
`,E0=m.div`
|
|
2444
|
+
padding: 24px 16px;
|
|
2445
|
+
border-radius: ${Po.modal};
|
|
2446
|
+
background: ${Oe.promptLilac};
|
|
2447
|
+
display: flex;
|
|
2448
|
+
flex-direction: column;
|
|
2449
|
+
align-items: center;
|
|
2450
|
+
gap: 16px;
|
|
2451
|
+
text-align: center;
|
|
2452
|
+
`,T0=m.img`
|
|
2453
|
+
flex: none;
|
|
2454
|
+
width: 76px;
|
|
2455
|
+
height: 76px;
|
|
2456
|
+
`,$0=m.h3`
|
|
2457
|
+
margin: 0;
|
|
2458
|
+
font-weight: 700;
|
|
2459
|
+
font-size: 20px;
|
|
2460
|
+
line-height: 1.334;
|
|
2461
|
+
color: ${Oe.text2};
|
|
2462
|
+
`,Js=m.p`
|
|
2463
|
+
margin: 0;
|
|
2464
|
+
font-weight: 400;
|
|
2465
|
+
font-size: 16px;
|
|
2466
|
+
line-height: 1.334;
|
|
2467
|
+
color: ${Oe.text2};
|
|
2468
|
+
`,R0=m.div`
|
|
2469
|
+
display: flex;
|
|
2470
|
+
align-items: center;
|
|
2471
|
+
gap: 12px;
|
|
2472
|
+
`,qc=`
|
|
2473
|
+
flex: 1 1 0;
|
|
2474
|
+
min-width: 0;
|
|
2475
|
+
display: inline-flex;
|
|
2476
|
+
align-items: center;
|
|
2477
|
+
justify-content: center;
|
|
2478
|
+
gap: 12px;
|
|
2479
|
+
height: 46px;
|
|
2480
|
+
padding: 0 12px;
|
|
2481
|
+
border-radius: ${Po.card};
|
|
2482
|
+
font-family: ${zc.sans};
|
|
2483
|
+
font-weight: 600;
|
|
2484
|
+
font-size: 13px;
|
|
2485
|
+
line-height: 24px;
|
|
2486
|
+
letter-spacing: 0.46px;
|
|
2487
|
+
text-transform: uppercase;
|
|
2488
|
+
cursor: pointer;
|
|
2489
|
+
transition:
|
|
2490
|
+
background 0.15s ease,
|
|
2491
|
+
color 0.15s ease;
|
|
2492
|
+
|
|
2493
|
+
&:focus-visible {
|
|
2494
|
+
outline: 2px solid ${Oe.accent};
|
|
2495
|
+
outline-offset: 2px;
|
|
2496
|
+
}
|
|
2497
|
+
`,N0=m.button`
|
|
2498
|
+
${qc};
|
|
2499
|
+
border: 0.5px solid ${Oe.text};
|
|
2500
|
+
background: ${Oe.white};
|
|
2501
|
+
color: ${Oe.text2};
|
|
2502
|
+
|
|
2503
|
+
&:hover {
|
|
2504
|
+
background: ${Oe.panel};
|
|
2505
|
+
}
|
|
2506
|
+
`,O0=m.a`
|
|
2507
|
+
${qc};
|
|
2508
|
+
border: 0;
|
|
2509
|
+
background: ${Oe.dclRed};
|
|
2510
|
+
color: ${Oe.softWhite};
|
|
2511
|
+
text-decoration: none;
|
|
2512
|
+
|
|
2513
|
+
&:hover {
|
|
2514
|
+
filter: brightness(1.08);
|
|
2515
|
+
}
|
|
2516
|
+
`,A0=m.span`
|
|
2517
|
+
flex: none;
|
|
2518
|
+
display: grid;
|
|
2519
|
+
place-items: center;
|
|
2520
|
+
width: 24px;
|
|
2521
|
+
height: 24px;
|
|
2522
|
+
|
|
2523
|
+
.ico {
|
|
2524
|
+
width: 100%;
|
|
2525
|
+
height: 100%;
|
|
2526
|
+
}
|
|
2527
|
+
`;function L0(n,a){return`${sn.marketplaceUrl}/contracts/${n}/tokens/${a}`}function F0(n,a){return`${sn.marketplaceUrl}/contracts/${n}/items/${a}`}function Zs(n){const{contractAddress:a,onClose:t}=n,e=n.variant==="buy",r=n.variant==="buy"?n.itemId:null,o=n.variant==="buy"?null:n.tokenId,s=n.variant==="buy"?F0(a,n.itemId):L0(a,n.tokenId),l=b.useRef(null),c=b.useRef(t);return c.current=t,b.useEffect(()=>{var d;(d=l.current)==null||d.focus();function p(h){h.key==="Escape"&&c.current()}return window.addEventListener("keydown",p),()=>window.removeEventListener("keydown",p)},[]),i.jsx(M0,{role:"presentation",onClick:t,children:i.jsxs(_0,{ref:l,tabIndex:-1,role:"dialog","aria-modal":"true","aria-label":f("marketplaceRedirect.title"),"data-testid":"marketplace-redirect-modal",onClick:p=>p.stopPropagation(),children:[i.jsxs(j0,{children:[i.jsx(I0,{children:f("marketplaceRedirect.title")}),i.jsx(P0,{onClick:t,"aria-label":f("marketplaceRedirect.close"),children:i.jsx(V,{name:"close",className:"ico"})})]}),i.jsxs(E0,{children:[i.jsx(T0,{src:C0,alt:"","aria-hidden":!0}),i.jsx($0,{children:f("marketplaceRedirect.heading")}),i.jsx(Js,{children:e?f("marketplaceRedirect.buyBody"):f("marketplaceRedirect.body")}),e?i.jsx(Js,{children:f("marketplaceRedirect.buyCurrencyNote")}):null]}),i.jsxs(R0,{children:[i.jsx(N0,{onClick:t,"data-testid":"marketplace-redirect-cancel",children:f("marketplaceRedirect.cancel")}),i.jsxs(O0,{href:s,target:"_blank",rel:"noreferrer","data-testid":"marketplace-redirect-continue",onClick:()=>fe("Shop Redirected To Marketplace",{direction:e?"buy":"resell",contract_address:a,item_id:r,token_id:o}),children:[f("marketplaceRedirect.continue"),i.jsx(A0,{"aria-hidden":!0,children:i.jsx(V,{name:"view-all-arrow",className:"ico"})})]})]})]})})}function Eo(){return sn.shopServerUrl||null}function Kc(){return!!Eo()}async function Y0(n,a,t){const e=Eo();if(!e)return{subscribed:!1};const r=new URLSearchParams({contractAddress:n,itemId:a}),o=`${e}/notify-requests?${r.toString()}`,s=await Ol(o,{method:"GET",identity:t,metadata:{}});if(!s.ok)throw new Error(`getNotifyRequest ${s.status}`);return B0(s,"getNotifyRequest")}async function W0(n,a){const t=Eo();if(!t)throw new Error("createNotifyRequest: no shop-server host configured");const e=`${t}/notify-requests`,r=await Ol(e,{method:"POST",identity:a,metadata:{},headers:{"Content-Type":"application/json"},body:JSON.stringify(n)});if(!r.ok)throw new Error(`createNotifyRequest ${r.status}: ${await r.text()}`);const o=await r.text();if(o.trim()&&!H0(o))throw new Error("createNotifyRequest: response was not JSON")}async function B0(n,a){try{return await n.json()}catch{throw new Error(`${a}: response was not JSON`)}}function H0(n){try{return JSON.parse(n),!0}catch{return!1}}const{colors:Je,radius:Qc}=u,Uc=Fn`
|
|
2528
|
+
display: flex;
|
|
2529
|
+
flex-direction: column;
|
|
2530
|
+
gap: 8px;
|
|
2531
|
+
width: 100%;
|
|
2532
|
+
`,z0=m.form`
|
|
2533
|
+
${Uc};
|
|
2534
|
+
`,el=m.div`
|
|
2535
|
+
${Uc};
|
|
2536
|
+
|
|
2537
|
+
&[data-done] {
|
|
2538
|
+
flex-direction: row;
|
|
2539
|
+
align-items: center;
|
|
2540
|
+
gap: 16px;
|
|
2541
|
+
padding: 12px;
|
|
2542
|
+
border-radius: 16px;
|
|
2543
|
+
background: #c1d8c9;
|
|
2544
|
+
}
|
|
2545
|
+
`,q0=m.label`
|
|
2546
|
+
font-size: 14px;
|
|
2547
|
+
color: ${Je.softWhite};
|
|
2548
|
+
`,K0=m.div`
|
|
2549
|
+
display: flex;
|
|
2550
|
+
align-items: stretch;
|
|
2551
|
+
gap: 8px;
|
|
2552
|
+
`,Q0=m.input`
|
|
2553
|
+
flex: 1;
|
|
2554
|
+
min-width: 0;
|
|
2555
|
+
height: 42px;
|
|
2556
|
+
padding: 0 16px;
|
|
2557
|
+
border: 1px solid ${Je.fieldBorder};
|
|
2558
|
+
border-radius: ${Qc.btn};
|
|
2559
|
+
background: rgba(255, 255, 255, 0.1);
|
|
2560
|
+
font-size: 16px;
|
|
2561
|
+
color: ${Je.softWhite};
|
|
2562
|
+
|
|
2563
|
+
&::placeholder {
|
|
2564
|
+
color: ${Je.gray4};
|
|
2565
|
+
}
|
|
2566
|
+
&:focus-visible {
|
|
2567
|
+
outline: none;
|
|
2568
|
+
border-color: ${Je.white};
|
|
2569
|
+
box-shadow: 0 0 0 1px ${Je.white};
|
|
2570
|
+
}
|
|
2571
|
+
`,tl=m.button`
|
|
2572
|
+
flex-shrink: 0;
|
|
2573
|
+
height: 40px;
|
|
2574
|
+
padding: 0 12px;
|
|
2575
|
+
border: 0;
|
|
2576
|
+
border-radius: ${Qc.card};
|
|
2577
|
+
background: ${Je.softWhite};
|
|
2578
|
+
color: ${Je.text};
|
|
2579
|
+
font-weight: 600;
|
|
2580
|
+
font-size: 15px;
|
|
2581
|
+
line-height: 24px;
|
|
2582
|
+
text-transform: uppercase;
|
|
2583
|
+
letter-spacing: 0.46px;
|
|
2584
|
+
cursor: pointer;
|
|
2585
|
+
transition: background 0.15s ease;
|
|
2586
|
+
|
|
2587
|
+
&[data-full] {
|
|
2588
|
+
width: 100%;
|
|
2589
|
+
flex-shrink: 1;
|
|
2590
|
+
}
|
|
2591
|
+
&:hover:not(:disabled) {
|
|
2592
|
+
background: ${Je.white};
|
|
2593
|
+
}
|
|
2594
|
+
&:disabled {
|
|
2595
|
+
opacity: 0.5;
|
|
2596
|
+
cursor: default;
|
|
2597
|
+
}
|
|
2598
|
+
`,U0=m.span`
|
|
2599
|
+
display: inline-flex;
|
|
2600
|
+
align-items: center;
|
|
2601
|
+
justify-content: center;
|
|
2602
|
+
flex-shrink: 0;
|
|
2603
|
+
width: 20px;
|
|
2604
|
+
height: 20px;
|
|
2605
|
+
border-radius: 50%;
|
|
2606
|
+
background: #34ce76;
|
|
2607
|
+
color: ${Je.white};
|
|
2608
|
+
`,V0=m.span`
|
|
2609
|
+
font-size: 16px;
|
|
2610
|
+
line-height: 1.5;
|
|
2611
|
+
color: ${Je.text2};
|
|
2612
|
+
`;function nl(n){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n.trim())}function G0({item:n}){const a=ln(k=>k.session),t=ln(k=>k.signIn),[e,r]=b.useState(""),[o,s]=b.useState(!1),[l,c]=b.useState(!1),[p,d]=b.useState(null),h=Kc(),x=h&&!!a&&!!n.contractAddress&&!!n.itemId,{data:y}=ve({queryKey:["notify-request",n.contractAddress,n.itemId,a==null?void 0:a.address],enabled:x,queryFn:()=>Y0(n.contractAddress,n.itemId,a.identity)});b.useEffect(()=>{y!=null&&y.email&&r(k=>k||y.email)},[y==null?void 0:y.email]),b.useEffect(()=>{if(!a||!h)return;let k=!1;return iu().then(C=>{!k&&C&&r(D=>D||C)}),()=>{k=!0}},[h,a]);const v=l||!!(y!=null&&y.subscribed);async function w(k){if(k.preventDefault(),!(!a||!n.itemId||!nl(e)||o)){s(!0),d(null);try{await W0({contractAddress:n.contractAddress,itemId:n.itemId,chainId:n.chainId,email:e.trim()},a.identity),c(!0),fe("Shop Requested Notify",{item_id:n.itemId,contract_address:n.contractAddress})}catch(C){Se(C,{flow:"notify-me",contractAddress:n.contractAddress,itemId:n.itemId}),d(f("notifyMe.error"))}finally{s(!1)}}}return h?a?v?i.jsxs(el,{"data-done":!0,"data-testid":"notify-subscribed",children:[i.jsx(U0,{"aria-hidden":!0,children:i.jsx(V,{name:"check",size:12})}),i.jsx(V0,{children:f("notifyMe.subscribedBody")})]}):i.jsxs(z0,{onSubmit:k=>void w(k),"data-testid":"notify",children:[i.jsx(q0,{htmlFor:"notify-email",children:f("notifyMe.label")}),i.jsxs(K0,{children:[i.jsx(Q0,{id:"notify-email",type:"email",inputMode:"email",autoComplete:"email",placeholder:f("notifyMe.placeholder"),value:e,onChange:k=>r(k.target.value),"data-testid":"notify-email"}),i.jsx(tl,{type:"submit",disabled:!nl(e)||o,"data-testid":"notify-submit",children:o?f("notifyMe.working"):f("notifyMe.cta")})]}),i.jsx(Wt,{message:p})]}):i.jsx(el,{"data-testid":"notify",children:i.jsx(tl,{type:"button","data-full":!0,onClick:t,"data-testid":"notify-signin",children:f("notifyMe.signInCta")})}):null}const X0=new Map(Object.entries(bf).flatMap(([n,a])=>a.length===1?[[a[0],n]]:[])),Pn="/items";function J0(n){return n?`${Pn}?rarities=${encodeURIComponent(n.toLowerCase())}`:null}function Z0(n){const a=n.wearableCategory;if(a){const t=X0.get(a);return t?`${Pn}?category=wearable&subCategory=${encodeURIComponent(t)}`:`${Pn}?category=wearable`}return n.category==="emote"?`${Pn}?category=emote`:n.category==="wearable"?`${Pn}?category=wearable`:null}function ew(){return`${Pn}?smart=true`}const Vc="shop:recently-viewed",Gc=12;function tw(){try{const n=localStorage.getItem(Vc);if(!n)return[];const a=JSON.parse(n);return Array.isArray(a)?a.slice(0,Gc):[]}catch{return[]}}function nw(n){if(n!=null&&n.id)try{const a=[n,...tw().filter(t=>t.id!==n.id)].slice(0,Gc);localStorage.setItem(Vc,JSON.stringify(a))}catch{}}const rw=m(su)`
|
|
2613
|
+
display: flex;
|
|
2614
|
+
flex-direction: column;
|
|
2615
|
+
overflow: hidden;
|
|
2616
|
+
gap: 1px;
|
|
2617
|
+
background: ${u.colors.lineStrong};
|
|
2618
|
+
|
|
2619
|
+
/* Rows stack; each cell (<img>) covers its share. A single row (≤2 thumbnails, data-full) spans the
|
|
2620
|
+
full height. */
|
|
2621
|
+
& [data-collage-row] {
|
|
2622
|
+
display: flex;
|
|
2623
|
+
flex: 1 1 50%;
|
|
2624
|
+
min-height: 0;
|
|
2625
|
+
gap: 1px;
|
|
2626
|
+
}
|
|
2627
|
+
& [data-collage-row][data-full] {
|
|
2628
|
+
flex-basis: 100%;
|
|
2629
|
+
}
|
|
2630
|
+
& [data-collage-row] img {
|
|
2631
|
+
flex: 1 1 0;
|
|
2632
|
+
min-width: 0;
|
|
2633
|
+
width: 100%;
|
|
2634
|
+
height: 100%;
|
|
2635
|
+
object-fit: cover;
|
|
2636
|
+
display: block;
|
|
2637
|
+
}
|
|
2638
|
+
`;function aw({contractAddress:n,name:a,items:t,className:e}){const r=fn();if(!n||!a)return null;const o=(t??[]).map(c=>c.thumbnail).filter(c=>!!c).slice(0,4),s=o.slice(0,2),l=o.slice(2,4);return i.jsxs(lu,{as:"button","data-link":!0,className:e,"data-testid":"creator",onClick:c=>{c.stopPropagation(),r(`/collection/${n}`)},children:[o.length>0?i.jsxs(rw,{as:"span","data-avatar":!0,"data-testid":"creator-ava","aria-hidden":!0,children:[i.jsx("span",{"data-collage-row":!0,"data-full":l.length===0||void 0,children:s.map((c,p)=>i.jsx("img",{src:c,alt:""},p))}),l.length>0?i.jsx("span",{"data-collage-row":!0,children:l.map((c,p)=>i.jsx("img",{src:c,alt:""},p))}):null]}):null,i.jsx(cu,{"data-testid":"creator-name",children:ta(a)})]})}const{colors:R,radius:qt,media:Ce,font:ow,gradients:iw}=u,sw=m.div`
|
|
2639
|
+
max-width: 1721px;
|
|
2640
|
+
margin: 0 auto;
|
|
2641
|
+
|
|
2642
|
+
${Ce.maxWidth("lg")} {
|
|
2643
|
+
padding-bottom: 88px;
|
|
2644
|
+
}
|
|
2645
|
+
`,lw=m.nav`
|
|
2646
|
+
display: flex;
|
|
2647
|
+
align-items: center;
|
|
2648
|
+
gap: 8px;
|
|
2649
|
+
font-size: 13px;
|
|
2650
|
+
color: ${R.gray4};
|
|
2651
|
+
margin-bottom: 24px;
|
|
2652
|
+
${vf};
|
|
2653
|
+
`,cw=m.button`
|
|
2654
|
+
background: none;
|
|
2655
|
+
border: 0;
|
|
2656
|
+
padding: 0;
|
|
2657
|
+
font: inherit;
|
|
2658
|
+
color: ${R.gray4};
|
|
2659
|
+
|
|
2660
|
+
&:hover {
|
|
2661
|
+
color: ${R.white};
|
|
2662
|
+
}
|
|
2663
|
+
`,dw=m.span`
|
|
2664
|
+
color: ${R.muted2};
|
|
2665
|
+
`,uw=m.span`
|
|
2666
|
+
color: ${R.softWhite};
|
|
2667
|
+
font-weight: 600;
|
|
2668
|
+
`,pw=m.div`
|
|
2669
|
+
position: relative;
|
|
2670
|
+
/* Confines the glow's negative z-index, which would otherwise escape to the root stacking context. */
|
|
2671
|
+
isolation: isolate;
|
|
2672
|
+
display: grid;
|
|
2673
|
+
grid-template-columns: minmax(0, 1045fr) minmax(0, 514fr);
|
|
2674
|
+
gap: 48px;
|
|
2675
|
+
align-items: start;
|
|
2676
|
+
|
|
2677
|
+
/* Preview column width, re-derived from the tracks above so the glow's pivot cannot drift. */
|
|
2678
|
+
--preview-col-w: calc((100% - 48px) * 1045 / 1559);
|
|
2679
|
+
/* Oversized so the glow reaches past the frame while the gradient still finishes fading inside its
|
|
2680
|
+
own box: the radii cannot exceed 50% without ending outside the box and painting a hard rectangle. */
|
|
2681
|
+
--glow-box: 1.76;
|
|
2682
|
+
|
|
2683
|
+
/* Avatar glow, hung off the grid container because the preview frame clips its own overflow. Sits
|
|
2684
|
+
under the frame and, by document order, above the body symbols on the same z-index. */
|
|
2685
|
+
&::before {
|
|
2686
|
+
content: '';
|
|
2687
|
+
position: absolute;
|
|
2688
|
+
z-index: -1;
|
|
2689
|
+
pointer-events: none;
|
|
2690
|
+
top: 0;
|
|
2691
|
+
left: calc(var(--preview-col-w) / 2);
|
|
2692
|
+
width: calc(var(--preview-col-w) * var(--glow-box));
|
|
2693
|
+
aspect-ratio: 1045 / 752;
|
|
2694
|
+
transform: translate(-50%, calc(50% / var(--glow-box) - 50%));
|
|
2695
|
+
background: radial-gradient(
|
|
2696
|
+
50% 50% at 50% 52%,
|
|
2697
|
+
rgb(var(--glow-core, ${R.glowCyanRgb})) 0%,
|
|
2698
|
+
rgb(var(--glow-rgb, ${R.glowCyanRgb}) / 0.9) 20%,
|
|
2699
|
+
45%,
|
|
2700
|
+
rgb(var(--glow-rgb, ${R.glowCyanRgb}) / 0) 100%
|
|
2701
|
+
);
|
|
2702
|
+
}
|
|
2703
|
+
|
|
2704
|
+
${Ce.maxWidth("lg")} {
|
|
2705
|
+
grid-template-columns: 1fr;
|
|
2706
|
+
gap: 24px;
|
|
2707
|
+
|
|
2708
|
+
/* The track maths is desktop-only; one column puts the pivot nowhere meaningful. */
|
|
2709
|
+
&::before {
|
|
2710
|
+
display: none;
|
|
2711
|
+
}
|
|
2712
|
+
}
|
|
2713
|
+
`,fw=m.div`
|
|
2714
|
+
position: relative;
|
|
2715
|
+
aspect-ratio: 1045 / 752;
|
|
2716
|
+
border-radius: ${qt.banner};
|
|
2717
|
+
overflow: hidden;
|
|
2718
|
+
|
|
2719
|
+
/* Edge to edge once the page is a single column: the stage is the whole width there, so it cancels the
|
|
2720
|
+
shell's gutter instead of sitting inside it. No transform, which would make this the containing block
|
|
2721
|
+
for the absolutely-positioned controls below. */
|
|
2722
|
+
${Ce.maxWidth("lg")} {
|
|
2723
|
+
aspect-ratio: 1 / 1;
|
|
2724
|
+
width: 100vw;
|
|
2725
|
+
margin-left: calc(-50vw + 50%);
|
|
2726
|
+
border-radius: 0;
|
|
2727
|
+
}
|
|
2728
|
+
|
|
2729
|
+
& iframe,
|
|
2730
|
+
& > * {
|
|
2731
|
+
width: 100%;
|
|
2732
|
+
height: 100%;
|
|
2733
|
+
border: 0;
|
|
2734
|
+
display: block;
|
|
2735
|
+
}
|
|
2736
|
+
|
|
2737
|
+
/* Soft edges so legs and the cast shadow dissolve instead of being sliced by the overflow clip — on the
|
|
2738
|
+
iframe alone, so the pills and note stay crisp, and intersected linears rather than one radial, which
|
|
2739
|
+
would round the corners. The bands stay clear of the controls aang draws ~40px inside its canvas. */
|
|
2740
|
+
& iframe {
|
|
2741
|
+
-webkit-mask-image:
|
|
2742
|
+
linear-gradient(to bottom, transparent 0%, #000 3%, #000 92%, transparent 100%),
|
|
2743
|
+
linear-gradient(to right, transparent 0%, #000 3%, #000 97%, transparent 100%);
|
|
2744
|
+
-webkit-mask-composite: source-in;
|
|
2745
|
+
mask-image:
|
|
2746
|
+
linear-gradient(to bottom, transparent 0%, #000 3%, #000 92%, transparent 100%),
|
|
2747
|
+
linear-gradient(to right, transparent 0%, #000 3%, #000 97%, transparent 100%);
|
|
2748
|
+
mask-composite: intersect;
|
|
2749
|
+
}
|
|
2750
|
+
|
|
2751
|
+
/* Invisible viewport sentinel for the IntersectionObserver that pauses the preview off-screen.
|
|
2752
|
+
Absolute + pointer-events:none so it neither takes layout space (undoing the greedy child sizing
|
|
2753
|
+
above) nor blocks the preview controls. */
|
|
2754
|
+
& > [data-preview-viewport] {
|
|
2755
|
+
position: absolute;
|
|
2756
|
+
inset: 0;
|
|
2757
|
+
pointer-events: none;
|
|
2758
|
+
z-index: 0;
|
|
2759
|
+
}
|
|
2760
|
+
|
|
2761
|
+
& > [data-preview-toggle] {
|
|
2762
|
+
position: absolute;
|
|
2763
|
+
top: 16px;
|
|
2764
|
+
left: 16px;
|
|
2765
|
+
z-index: 2;
|
|
2766
|
+
width: auto;
|
|
2767
|
+
height: auto;
|
|
2768
|
+
display: inline-flex;
|
|
2769
|
+
gap: 2px;
|
|
2770
|
+
padding: 3px;
|
|
2771
|
+
background: rgba(255, 255, 255, 0.92);
|
|
2772
|
+
border: 1px solid ${R.line};
|
|
2773
|
+
border-radius: 999px;
|
|
2774
|
+
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
|
|
2775
|
+
|
|
2776
|
+
/* Bottom-right on mobile, and the two buttons meet directly: the design draws one clipped group, so the
|
|
2777
|
+
container carries no fill, gap or padding of its own there. */
|
|
2778
|
+
${Ce.maxWidth("lg")} {
|
|
2779
|
+
top: auto;
|
|
2780
|
+
left: auto;
|
|
2781
|
+
right: 16px;
|
|
2782
|
+
bottom: 16px;
|
|
2783
|
+
gap: 0;
|
|
2784
|
+
padding: 0;
|
|
2785
|
+
background: none;
|
|
2786
|
+
border: 0;
|
|
2787
|
+
box-shadow: none;
|
|
2788
|
+
overflow: hidden;
|
|
2789
|
+
}
|
|
2790
|
+
}
|
|
2791
|
+
|
|
2792
|
+
& > [data-preview-note] {
|
|
2793
|
+
position: absolute;
|
|
2794
|
+
bottom: 14px;
|
|
2795
|
+
left: 50%;
|
|
2796
|
+
transform: translateX(-50%);
|
|
2797
|
+
z-index: 2;
|
|
2798
|
+
width: auto;
|
|
2799
|
+
height: auto;
|
|
2800
|
+
max-width: 88%;
|
|
2801
|
+
margin: 0;
|
|
2802
|
+
text-align: center;
|
|
2803
|
+
background: rgba(22, 21, 24, 0.78);
|
|
2804
|
+
color: ${R.white};
|
|
2805
|
+
font-size: 12px;
|
|
2806
|
+
font-weight: 500;
|
|
2807
|
+
padding: 6px 12px;
|
|
2808
|
+
border-radius: 999px;
|
|
2809
|
+
}
|
|
2810
|
+
|
|
2811
|
+
& > [data-preview-loading] {
|
|
2812
|
+
position: absolute;
|
|
2813
|
+
inset: 0;
|
|
2814
|
+
z-index: 1;
|
|
2815
|
+
display: flex;
|
|
2816
|
+
align-items: center;
|
|
2817
|
+
justify-content: center;
|
|
2818
|
+
width: 100%;
|
|
2819
|
+
height: 100%;
|
|
2820
|
+
background: transparent;
|
|
2821
|
+
}
|
|
2822
|
+
|
|
2823
|
+
& > [data-fav-preview] {
|
|
2824
|
+
display: none;
|
|
2825
|
+
}
|
|
2826
|
+
|
|
2827
|
+
/* Bottom-LEFT: the emote controls and the preview note both own the bottom centre, and the mobile
|
|
2828
|
+
wearable/avatar toggle owns the bottom right, so this is the one free corner on every route. */
|
|
2829
|
+
& > [data-play-showcase] {
|
|
2830
|
+
position: absolute;
|
|
2831
|
+
bottom: 16px;
|
|
2832
|
+
left: 16px;
|
|
2833
|
+
z-index: 2;
|
|
2834
|
+
width: auto;
|
|
2835
|
+
height: auto;
|
|
2836
|
+
}
|
|
2837
|
+
|
|
2838
|
+
${Ce.maxWidth("lg")} {
|
|
2839
|
+
& > [data-preview-toggle] {
|
|
2840
|
+
top: auto;
|
|
2841
|
+
left: auto;
|
|
2842
|
+
bottom: 12px;
|
|
2843
|
+
right: 12px;
|
|
2844
|
+
gap: 0;
|
|
2845
|
+
padding: 0;
|
|
2846
|
+
background: transparent;
|
|
2847
|
+
border: 0;
|
|
2848
|
+
box-shadow: 0 1px 4px rgba(22, 21, 24, 0.18);
|
|
2849
|
+
overflow: hidden;
|
|
2850
|
+
}
|
|
2851
|
+
& > [data-fav-preview] {
|
|
2852
|
+
display: inline-flex;
|
|
2853
|
+
position: absolute;
|
|
2854
|
+
top: 12px;
|
|
2855
|
+
right: 12px;
|
|
2856
|
+
z-index: 3;
|
|
2857
|
+
width: auto;
|
|
2858
|
+
min-width: 40px;
|
|
2859
|
+
height: 40px;
|
|
2860
|
+
background: rgba(255, 255, 255, 0.92);
|
|
2861
|
+
box-shadow: 0 1px 4px rgba(22, 21, 24, 0.18);
|
|
2862
|
+
}
|
|
2863
|
+
& > [data-fav-preview]:hover {
|
|
2864
|
+
background: ${R.white};
|
|
2865
|
+
}
|
|
2866
|
+
}
|
|
2867
|
+
`,hw=m.div``,mw=m.span`
|
|
2868
|
+
position: absolute;
|
|
2869
|
+
inset: 0;
|
|
2870
|
+
width: 100%;
|
|
2871
|
+
height: 100%;
|
|
2872
|
+
border-radius: inherit;
|
|
2873
|
+
`,gw=m.div`
|
|
2874
|
+
display: flex;
|
|
2875
|
+
flex-direction: column;
|
|
2876
|
+
gap: 0;
|
|
2877
|
+
`,xw=m.div`
|
|
2878
|
+
display: flex;
|
|
2879
|
+
align-items: flex-start;
|
|
2880
|
+
justify-content: space-between;
|
|
2881
|
+
gap: 12px;
|
|
2882
|
+
|
|
2883
|
+
${Ce.maxWidth("lg")} {
|
|
2884
|
+
order: 0;
|
|
2885
|
+
}
|
|
2886
|
+
`,yw=m.h1`
|
|
2887
|
+
font-size: 28px;
|
|
2888
|
+
font-weight: 600;
|
|
2889
|
+
line-height: 34px;
|
|
2890
|
+
color: ${R.softWhite};
|
|
2891
|
+
|
|
2892
|
+
${Ce.maxWidth("lg")} {
|
|
2893
|
+
font-size: 20px;
|
|
2894
|
+
line-height: 24px;
|
|
2895
|
+
}
|
|
2896
|
+
`,rl=m.button`
|
|
2897
|
+
flex: none;
|
|
2898
|
+
min-width: 40px;
|
|
2899
|
+
height: 40px;
|
|
2900
|
+
padding: 0;
|
|
2901
|
+
border-radius: ${qt.pill};
|
|
2902
|
+
border: 0;
|
|
2903
|
+
background: rgba(255, 255, 255, 0.16);
|
|
2904
|
+
display: inline-flex;
|
|
2905
|
+
align-items: center;
|
|
2906
|
+
justify-content: center;
|
|
2907
|
+
gap: 6px;
|
|
2908
|
+
color: ${R.softWhite};
|
|
2909
|
+
cursor: pointer;
|
|
2910
|
+
transition:
|
|
2911
|
+
color 0.12s ease,
|
|
2912
|
+
background 0.12s ease;
|
|
2913
|
+
|
|
2914
|
+
&[data-count] {
|
|
2915
|
+
padding: 0 14px 0 12px;
|
|
2916
|
+
}
|
|
2917
|
+
&:hover {
|
|
2918
|
+
background: rgba(255, 255, 255, 0.28);
|
|
2919
|
+
}
|
|
2920
|
+
&[data-on] {
|
|
2921
|
+
color: ${R.dclRed};
|
|
2922
|
+
}
|
|
2923
|
+
|
|
2924
|
+
${Ce.maxWidth("lg")} {
|
|
2925
|
+
color: ${R.text};
|
|
2926
|
+
&[data-fav-title] {
|
|
2927
|
+
display: none;
|
|
2928
|
+
}
|
|
2929
|
+
}
|
|
2930
|
+
`,al=m.span`
|
|
2931
|
+
font-size: 13px;
|
|
2932
|
+
font-weight: 600;
|
|
2933
|
+
line-height: 1;
|
|
2934
|
+
color: ${R.softWhite};
|
|
2935
|
+
|
|
2936
|
+
${Ce.maxWidth("lg")} {
|
|
2937
|
+
color: ${R.text};
|
|
2938
|
+
}
|
|
2939
|
+
`,bw=m.button`
|
|
2940
|
+
display: inline-flex;
|
|
2941
|
+
align-items: center;
|
|
2942
|
+
gap: 8px;
|
|
2943
|
+
padding: 8px 14px;
|
|
2944
|
+
border: 1px solid ${R.line};
|
|
2945
|
+
border-radius: ${qt.pill};
|
|
2946
|
+
background: rgba(255, 255, 255, 0.94);
|
|
2947
|
+
backdrop-filter: blur(6px);
|
|
2948
|
+
box-shadow: 0 2px 10px rgba(22, 21, 24, 0.12);
|
|
2949
|
+
color: ${R.text};
|
|
2950
|
+
font-size: 13px;
|
|
2951
|
+
font-weight: 600;
|
|
2952
|
+
cursor: pointer;
|
|
2953
|
+
transition: background 0.12s ease;
|
|
2954
|
+
|
|
2955
|
+
&:hover {
|
|
2956
|
+
background: ${R.white};
|
|
2957
|
+
}
|
|
2958
|
+
&:focus-visible {
|
|
2959
|
+
outline: 2px solid ${R.accent};
|
|
2960
|
+
outline-offset: 2px;
|
|
2961
|
+
}
|
|
2962
|
+
`,Mn=m.div`
|
|
2963
|
+
display: inline-flex;
|
|
2964
|
+
align-items: center;
|
|
2965
|
+
gap: 5px;
|
|
2966
|
+
font-size: 12px;
|
|
2967
|
+
font-weight: 500;
|
|
2968
|
+
text-transform: uppercase;
|
|
2969
|
+
letter-spacing: 0;
|
|
2970
|
+
color: ${R.gray4};
|
|
2971
|
+
`,vw=m.div`
|
|
2972
|
+
display: flex;
|
|
2973
|
+
align-items: center;
|
|
2974
|
+
gap: 8px;
|
|
2975
|
+
flex-wrap: wrap;
|
|
2976
|
+
margin-top: 12px;
|
|
2977
|
+
|
|
2978
|
+
${Ce.maxWidth("lg")} {
|
|
2979
|
+
order: 1;
|
|
2980
|
+
margin-top: 10px;
|
|
2981
|
+
}
|
|
2982
|
+
`,ct=m(El)`
|
|
2983
|
+
height: 24px;
|
|
2984
|
+
padding: 0 8px;
|
|
2985
|
+
gap: 3px;
|
|
2986
|
+
font-size: 13px;
|
|
2987
|
+
font-weight: 500;
|
|
2988
|
+
border-radius: 4px;
|
|
2989
|
+
letter-spacing: 0.02em;
|
|
2990
|
+
text-transform: uppercase;
|
|
2991
|
+
background: rgba(255, 255, 255, 0.14);
|
|
2992
|
+
color: ${R.softWhite};
|
|
2993
|
+
|
|
2994
|
+
& .ico {
|
|
2995
|
+
color: ${R.softWhite};
|
|
2996
|
+
}
|
|
2997
|
+
&[data-variant='cat'] {
|
|
2998
|
+
background: rgba(255, 255, 255, 0.14);
|
|
2999
|
+
color: ${R.softWhite};
|
|
3000
|
+
}
|
|
3001
|
+
|
|
3002
|
+
/* The blocked-VRM-export badge. Warning orange, tinted at 20% for the fill — the marketplace's own
|
|
3003
|
+
#ff7439 on #ff743933, kept identical so the same restriction reads the same in both places. It is the
|
|
3004
|
+
one chip in this row that reports a limitation rather than a feature, and it should not blend in. */
|
|
3005
|
+
&[data-variant='blocked'] {
|
|
3006
|
+
background: rgba(255, 116, 57, 0.2);
|
|
3007
|
+
color: #ff7439;
|
|
3008
|
+
cursor: help;
|
|
3009
|
+
}
|
|
3010
|
+
&[data-variant='blocked']:focus-visible {
|
|
3011
|
+
outline: 2px solid #ff7439;
|
|
3012
|
+
outline-offset: 2px;
|
|
3013
|
+
}
|
|
3014
|
+
`,Er=m(ct.withComponent(Cl))`
|
|
3015
|
+
text-decoration: none;
|
|
3016
|
+
cursor: pointer;
|
|
3017
|
+
transition: background 0.15s ease;
|
|
3018
|
+
|
|
3019
|
+
&:hover,
|
|
3020
|
+
&:focus-visible {
|
|
3021
|
+
background: rgba(255, 255, 255, 0.26);
|
|
3022
|
+
}
|
|
3023
|
+
|
|
3024
|
+
/* The rarity chip carries its own colour inline, so a background hover would be overridden and the
|
|
3025
|
+
chip would look inert. It gets a ring instead, which reads on any fill. */
|
|
3026
|
+
&[data-variant='rarity']:hover,
|
|
3027
|
+
&[data-variant='rarity']:focus-visible {
|
|
3028
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.45);
|
|
3029
|
+
}
|
|
3030
|
+
`,ww=m.div`
|
|
3031
|
+
display: flex;
|
|
3032
|
+
flex-direction: column;
|
|
3033
|
+
align-items: flex-start;
|
|
3034
|
+
gap: 8px;
|
|
3035
|
+
`,uo=m(ww)`
|
|
3036
|
+
gap: 11px;
|
|
3037
|
+
`,ol=m.p`
|
|
3038
|
+
margin: 0;
|
|
3039
|
+
color: ${R.softWhite};
|
|
3040
|
+
font-size: 14px;
|
|
3041
|
+
line-height: 30px;
|
|
3042
|
+
display: -webkit-box;
|
|
3043
|
+
-webkit-box-orient: vertical;
|
|
3044
|
+
-webkit-line-clamp: 4;
|
|
3045
|
+
overflow: hidden;
|
|
3046
|
+
|
|
3047
|
+
&[data-expanded] {
|
|
3048
|
+
-webkit-line-clamp: unset;
|
|
3049
|
+
overflow: visible;
|
|
3050
|
+
}
|
|
3051
|
+
`,kw=m.button`
|
|
3052
|
+
font-size: 13px;
|
|
3053
|
+
align-self: flex-start;
|
|
3054
|
+
`,Xc=Fn`
|
|
3055
|
+
display: grid;
|
|
3056
|
+
grid-template-columns: 1fr 1fr;
|
|
3057
|
+
gap: 16px;
|
|
3058
|
+
`,Jc=m.div`
|
|
3059
|
+
${Xc};
|
|
3060
|
+
/* Clears the chips above. The pair below sits at 32px, so this is the tighter of the two steps: the
|
|
3061
|
+
description belongs to the heading block it follows, the creator/collection pair is a new subject. */
|
|
3062
|
+
margin-top: 24px;
|
|
3063
|
+
|
|
3064
|
+
${Ce.maxWidth("lg")} {
|
|
3065
|
+
order: 3;
|
|
3066
|
+
grid-template-columns: 1fr;
|
|
3067
|
+
/* Stacked, the two blocks need real separation — as one column they would read as one paragraph. */
|
|
3068
|
+
gap: 20px;
|
|
3069
|
+
margin-top: 20px;
|
|
3070
|
+
}
|
|
3071
|
+
`,po=m.div`
|
|
3072
|
+
min-width: 0;
|
|
3073
|
+
`,Zc=m.div`
|
|
3074
|
+
${Xc};
|
|
3075
|
+
margin-top: 32px;
|
|
3076
|
+
|
|
3077
|
+
${Ce.maxWidth("lg")} {
|
|
3078
|
+
order: 2;
|
|
3079
|
+
margin-top: 20px;
|
|
3080
|
+
}
|
|
3081
|
+
`,tr=m.div`
|
|
3082
|
+
display: flex;
|
|
3083
|
+
flex-direction: column;
|
|
3084
|
+
gap: 15px;
|
|
3085
|
+
min-width: 0;
|
|
3086
|
+
|
|
3087
|
+
&[data-collection] {
|
|
3088
|
+
align-items: flex-start;
|
|
3089
|
+
}
|
|
3090
|
+
`,ed=Fn`
|
|
3091
|
+
&[data-testid='creator'] {
|
|
3092
|
+
color: ${R.softWhite};
|
|
3093
|
+
font-size: 14px;
|
|
3094
|
+
gap: 12px;
|
|
3095
|
+
}
|
|
3096
|
+
[data-avatar] {
|
|
3097
|
+
width: 48px;
|
|
3098
|
+
height: 48px;
|
|
3099
|
+
}
|
|
3100
|
+
[data-letter] {
|
|
3101
|
+
font-size: 18px;
|
|
3102
|
+
}
|
|
3103
|
+
[data-testid='creator-name'] {
|
|
3104
|
+
color: ${R.softWhite};
|
|
3105
|
+
font-weight: 500;
|
|
3106
|
+
text-decoration: underline;
|
|
3107
|
+
}
|
|
3108
|
+
&[data-link]:hover [data-testid='creator-name'] {
|
|
3109
|
+
color: ${R.gray4};
|
|
3110
|
+
}
|
|
3111
|
+
`,Dw=m(du)`
|
|
3112
|
+
${ed}
|
|
3113
|
+
`,Cw=m(aw)`
|
|
3114
|
+
${ed}
|
|
3115
|
+
`,td=m.hr`
|
|
3116
|
+
border: 0;
|
|
3117
|
+
border-top: 1px solid rgba(255, 255, 255, 0.3);
|
|
3118
|
+
margin: 24px 0 0;
|
|
3119
|
+
width: 100%;
|
|
3120
|
+
|
|
3121
|
+
/* Below the price, not above it: the design hangs this off the bottom of the buy section (2090:399782),
|
|
3122
|
+
so it closes the price rather than separating it from the description. */
|
|
3123
|
+
${Ce.maxWidth("lg")} {
|
|
3124
|
+
order: 5;
|
|
3125
|
+
margin-top: 16px;
|
|
3126
|
+
}
|
|
3127
|
+
`,Sw=m.div`
|
|
3128
|
+
margin-top: 16px;
|
|
3129
|
+
|
|
3130
|
+
${Ce.maxWidth("lg")} {
|
|
3131
|
+
order: 4;
|
|
3132
|
+
margin-top: 16px;
|
|
3133
|
+
}
|
|
3134
|
+
`,Mw=m.div`
|
|
3135
|
+
display: flex;
|
|
3136
|
+
align-items: flex-start;
|
|
3137
|
+
gap: 16px;
|
|
3138
|
+
width: 100%;
|
|
3139
|
+
`,_w=m.div`
|
|
3140
|
+
flex: 1 1 auto;
|
|
3141
|
+
min-width: 0;
|
|
3142
|
+
display: flex;
|
|
3143
|
+
flex-direction: column;
|
|
3144
|
+
gap: 8px;
|
|
3145
|
+
`,il=m.div`
|
|
3146
|
+
flex: 0 0 auto;
|
|
3147
|
+
display: flex;
|
|
3148
|
+
flex-direction: column;
|
|
3149
|
+
align-items: flex-end;
|
|
3150
|
+
gap: 8px;
|
|
3151
|
+
text-align: right;
|
|
3152
|
+
`,sl=m.div`
|
|
3153
|
+
font-size: 18px;
|
|
3154
|
+
font-weight: 500;
|
|
3155
|
+
line-height: 1;
|
|
3156
|
+
color: ${R.softWhite};
|
|
3157
|
+
|
|
3158
|
+
&[data-out] {
|
|
3159
|
+
font-size: 14px;
|
|
3160
|
+
font-weight: 600;
|
|
3161
|
+
text-transform: uppercase;
|
|
3162
|
+
letter-spacing: 0.02em;
|
|
3163
|
+
color: ${R.gray4};
|
|
3164
|
+
}
|
|
3165
|
+
`,ll=m.div`
|
|
3166
|
+
font-size: 14px;
|
|
3167
|
+
font-weight: 600;
|
|
3168
|
+
text-transform: uppercase;
|
|
3169
|
+
letter-spacing: 0;
|
|
3170
|
+
color: ${R.muted2};
|
|
3171
|
+
`,_n=m.div`
|
|
3172
|
+
display: flex;
|
|
3173
|
+
align-items: center;
|
|
3174
|
+
gap: 10px;
|
|
3175
|
+
font-weight: 700;
|
|
3176
|
+
color: ${R.softWhite};
|
|
3177
|
+
|
|
3178
|
+
/* Not for sale: "Not for Sale" + an info tooltip, 14px semibold, no PRICE label. */
|
|
3179
|
+
&[data-variant='none'] {
|
|
3180
|
+
display: inline-flex;
|
|
3181
|
+
align-items: center;
|
|
3182
|
+
gap: 6px;
|
|
3183
|
+
font-size: 14px;
|
|
3184
|
+
font-weight: 600;
|
|
3185
|
+
color: ${R.softWhite};
|
|
3186
|
+
}
|
|
3187
|
+
&[data-variant='sale'] {
|
|
3188
|
+
flex-wrap: wrap;
|
|
3189
|
+
gap: 10px 14px;
|
|
3190
|
+
color: ${R.dclRed};
|
|
3191
|
+
}
|
|
3192
|
+
`;m.span`
|
|
3193
|
+
display: flex;
|
|
3194
|
+
align-items: center;
|
|
3195
|
+
gap: 10px;
|
|
3196
|
+
font-weight: 700;
|
|
3197
|
+
color: ${R.dclRed};
|
|
3198
|
+
`;const Xn=m.span`
|
|
3199
|
+
font-size: 30px;
|
|
3200
|
+
line-height: 1;
|
|
3201
|
+
`,jw=m.span`
|
|
3202
|
+
display: inline-flex;
|
|
3203
|
+
color: ${R.muted2};
|
|
3204
|
+
cursor: help;
|
|
3205
|
+
|
|
3206
|
+
&:focus-visible {
|
|
3207
|
+
outline: 2px solid ${R.accent};
|
|
3208
|
+
outline-offset: 2px;
|
|
3209
|
+
border-radius: ${qt.chip};
|
|
3210
|
+
}
|
|
3211
|
+
`,Iw=m.span`
|
|
3212
|
+
font-size: 24px;
|
|
3213
|
+
font-weight: 700;
|
|
3214
|
+
color: ${R.softWhite};
|
|
3215
|
+
margin-right: -2px;
|
|
3216
|
+
`,Pw=m.div`
|
|
3217
|
+
font-size: 13px;
|
|
3218
|
+
margin-top: 6px;
|
|
3219
|
+
color: ${R.gray4};
|
|
3220
|
+
`,Ew=m.div`
|
|
3221
|
+
flex-basis: 100%;
|
|
3222
|
+
font-size: 13px;
|
|
3223
|
+
font-weight: 600;
|
|
3224
|
+
color: ${R.dclRed};
|
|
3225
|
+
`,Tw=m.span`
|
|
3226
|
+
display: inline-flex;
|
|
3227
|
+
align-items: center;
|
|
3228
|
+
gap: 6px;
|
|
3229
|
+
color: ${R.muted};
|
|
3230
|
+
text-decoration: line-through;
|
|
3231
|
+
font-weight: 600;
|
|
3232
|
+
font-size: 20px;
|
|
3233
|
+
`,$w=m.span`
|
|
3234
|
+
display: inline-flex;
|
|
3235
|
+
align-items: center;
|
|
3236
|
+
background: ${R.dclRed};
|
|
3237
|
+
color: ${R.white};
|
|
3238
|
+
font-weight: 800;
|
|
3239
|
+
font-size: 13px;
|
|
3240
|
+
letter-spacing: 0.03em;
|
|
3241
|
+
text-transform: uppercase;
|
|
3242
|
+
border-radius: 6px;
|
|
3243
|
+
padding: 4px 10px;
|
|
3244
|
+
`,Rw=m(uu)`
|
|
3245
|
+
display: inline-flex;
|
|
3246
|
+
align-items: center;
|
|
3247
|
+
gap: 5px;
|
|
3248
|
+
background: ${R.rarityBg};
|
|
3249
|
+
color: ${R.accent};
|
|
3250
|
+
font-size: 13px;
|
|
3251
|
+
font-weight: 700;
|
|
3252
|
+
border-radius: 6px;
|
|
3253
|
+
padding: 4px 10px;
|
|
3254
|
+
white-space: nowrap;
|
|
3255
|
+
`,Nw=m.div`
|
|
3256
|
+
display: flex;
|
|
3257
|
+
flex-direction: column;
|
|
3258
|
+
gap: 12px;
|
|
3259
|
+
margin-top: 20px;
|
|
3260
|
+
|
|
3261
|
+
${Ce.maxWidth("lg")} {
|
|
3262
|
+
order: 6;
|
|
3263
|
+
|
|
3264
|
+
&[data-buttons] {
|
|
3265
|
+
position: fixed;
|
|
3266
|
+
left: 0;
|
|
3267
|
+
right: 0;
|
|
3268
|
+
bottom: 0;
|
|
3269
|
+
z-index: 40;
|
|
3270
|
+
margin-top: 0;
|
|
3271
|
+
padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
|
|
3272
|
+
background: #2b0e44;
|
|
3273
|
+
box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.35);
|
|
3274
|
+
}
|
|
3275
|
+
&[data-dual] {
|
|
3276
|
+
flex-direction: row;
|
|
3277
|
+
align-items: stretch;
|
|
3278
|
+
gap: 12px;
|
|
3279
|
+
}
|
|
3280
|
+
}
|
|
3281
|
+
`,fa=Fn`
|
|
3282
|
+
&& {
|
|
3283
|
+
width: 100%;
|
|
3284
|
+
height: 48px;
|
|
3285
|
+
border-radius: 16px;
|
|
3286
|
+
padding: 0 12px;
|
|
3287
|
+
display: flex;
|
|
3288
|
+
align-items: center;
|
|
3289
|
+
justify-content: center;
|
|
3290
|
+
gap: 8px;
|
|
3291
|
+
font-size: 15px;
|
|
3292
|
+
font-weight: 600;
|
|
3293
|
+
line-height: 24px;
|
|
3294
|
+
letter-spacing: 0.46px;
|
|
3295
|
+
text-transform: uppercase;
|
|
3296
|
+
}
|
|
3297
|
+
`,Ga=m(Ht)`
|
|
3298
|
+
${fa};
|
|
3299
|
+
/* The design system's primary fill (Figma 867:61063 carries the "BUY Button" gradient), same as the
|
|
3300
|
+
cart's CHECKOUT and the credits CTA. This read as a flat #fb5c19 for a while — that colour was
|
|
3301
|
+
sampled off the flattened render rather than the node's fill. */
|
|
3302
|
+
&& {
|
|
3303
|
+
background: ${iw.buyBtn};
|
|
3304
|
+
}
|
|
3305
|
+
&&::before {
|
|
3306
|
+
content: none;
|
|
3307
|
+
}
|
|
3308
|
+
&&:hover:not(:disabled) {
|
|
3309
|
+
background-image: linear-gradient(${R.dclRed}, ${R.dclRed});
|
|
3310
|
+
}
|
|
3311
|
+
|
|
3312
|
+
${Ce.maxWidth("lg")} {
|
|
3313
|
+
[data-dual] && {
|
|
3314
|
+
flex: 1 1 auto;
|
|
3315
|
+
width: auto;
|
|
3316
|
+
}
|
|
3317
|
+
}
|
|
3318
|
+
`,Ow=m(Ht)`
|
|
3319
|
+
${fa};
|
|
3320
|
+
&& {
|
|
3321
|
+
background: ${R.blackBtn};
|
|
3322
|
+
color: ${R.softWhite};
|
|
3323
|
+
border: 0;
|
|
3324
|
+
|
|
3325
|
+
.ico {
|
|
3326
|
+
width: 20px;
|
|
3327
|
+
height: 20px;
|
|
3328
|
+
}
|
|
3329
|
+
}
|
|
3330
|
+
&&:hover:not(:disabled) {
|
|
3331
|
+
background: ${R.blackBtn};
|
|
3332
|
+
filter: brightness(1.35);
|
|
3333
|
+
}
|
|
3334
|
+
`,cl=m.button`
|
|
3335
|
+
align-self: center;
|
|
3336
|
+
border: 0;
|
|
3337
|
+
background: none;
|
|
3338
|
+
padding: 8px 0;
|
|
3339
|
+
color: ${u.colors.accent};
|
|
3340
|
+
font-weight: 600;
|
|
3341
|
+
font-size: 13px;
|
|
3342
|
+
line-height: 24px;
|
|
3343
|
+
letter-spacing: 0.46px;
|
|
3344
|
+
text-transform: uppercase;
|
|
3345
|
+
text-decoration: underline;
|
|
3346
|
+
cursor: pointer;
|
|
3347
|
+
|
|
3348
|
+
/* Opt-in for the uses that sit directly on the purple field, where the accent purple above is all
|
|
3349
|
+
but invisible against it. Not a change to the shared colour: the other uses live inside
|
|
3350
|
+
GaslessNotice, whose light fill is what that accent was picked for. */
|
|
3351
|
+
&[data-on-purple] {
|
|
3352
|
+
color: ${u.colors.white};
|
|
3353
|
+
}
|
|
3354
|
+
|
|
3355
|
+
&:disabled {
|
|
3356
|
+
opacity: 0.5;
|
|
3357
|
+
cursor: default;
|
|
3358
|
+
}
|
|
3359
|
+
`,Aw=m(Ht)`
|
|
3360
|
+
${fa};
|
|
3361
|
+
&& {
|
|
3362
|
+
background: rgba(255, 255, 255, 0.2);
|
|
3363
|
+
color: ${R.softWhite};
|
|
3364
|
+
border: 0;
|
|
3365
|
+
|
|
3366
|
+
.ico {
|
|
3367
|
+
width: 20px;
|
|
3368
|
+
height: 20px;
|
|
3369
|
+
}
|
|
3370
|
+
}
|
|
3371
|
+
&&:hover:not(:disabled) {
|
|
3372
|
+
background: rgba(255, 255, 255, 0.3);
|
|
3373
|
+
}
|
|
3374
|
+
&&:disabled {
|
|
3375
|
+
opacity: 0.5;
|
|
3376
|
+
}
|
|
3377
|
+
`,dl=m(Ht)`
|
|
3378
|
+
${fa};
|
|
3379
|
+
&& {
|
|
3380
|
+
background: rgba(0, 0, 0, 0.4);
|
|
3381
|
+
color: ${R.white};
|
|
3382
|
+
border: 0;
|
|
3383
|
+
}
|
|
3384
|
+
&&:hover:not(:disabled) {
|
|
3385
|
+
background: rgba(0, 0, 0, 0.55);
|
|
3386
|
+
}
|
|
3387
|
+
&&:disabled {
|
|
3388
|
+
opacity: 0.5;
|
|
3389
|
+
}
|
|
3390
|
+
`,Xa=m.span`
|
|
3391
|
+
display: none;
|
|
3392
|
+
align-items: center;
|
|
3393
|
+
gap: 6px;
|
|
3394
|
+
|
|
3395
|
+
${Ce.maxWidth("lg")} {
|
|
3396
|
+
[data-dual] & {
|
|
3397
|
+
display: inline-flex;
|
|
3398
|
+
}
|
|
3399
|
+
}
|
|
3400
|
+
`,ul=m.button`
|
|
3401
|
+
width: 100%;
|
|
3402
|
+
height: 48px;
|
|
3403
|
+
display: flex;
|
|
3404
|
+
align-items: center;
|
|
3405
|
+
justify-content: center;
|
|
3406
|
+
gap: 8px;
|
|
3407
|
+
/* Dark-theme test: translucent white pill, white label (Figma 867:61064) — same secondary
|
|
3408
|
+
treatment as the card's ADD TO CART. */
|
|
3409
|
+
background: rgba(255, 255, 255, 0.2);
|
|
3410
|
+
color: ${R.softWhite};
|
|
3411
|
+
border: 0;
|
|
3412
|
+
border-radius: 16px;
|
|
3413
|
+
font-weight: 600;
|
|
3414
|
+
font-size: 15px;
|
|
3415
|
+
text-transform: uppercase;
|
|
3416
|
+
letter-spacing: 0.46px;
|
|
3417
|
+
cursor: pointer;
|
|
3418
|
+
transition: background 0.15s ease;
|
|
3419
|
+
|
|
3420
|
+
&:hover:not(:disabled) {
|
|
3421
|
+
background: ${R.softWhite};
|
|
3422
|
+
color: ${R.text2};
|
|
3423
|
+
}
|
|
3424
|
+
&:disabled {
|
|
3425
|
+
background: rgba(255, 255, 255, 0.12);
|
|
3426
|
+
color: rgba(252, 252, 252, 0.7);
|
|
3427
|
+
cursor: default;
|
|
3428
|
+
}
|
|
3429
|
+
|
|
3430
|
+
${Ce.maxWidth("lg")} {
|
|
3431
|
+
[data-dual] & {
|
|
3432
|
+
flex: 0 0 auto;
|
|
3433
|
+
width: 56px;
|
|
3434
|
+
padding: 0;
|
|
3435
|
+
}
|
|
3436
|
+
[data-dual] & .ico {
|
|
3437
|
+
margin: 0;
|
|
3438
|
+
}
|
|
3439
|
+
}
|
|
3440
|
+
`,pl=m.span`
|
|
3441
|
+
${Ce.maxWidth("lg")} {
|
|
3442
|
+
[data-dual] & {
|
|
3443
|
+
display: none;
|
|
3444
|
+
}
|
|
3445
|
+
}
|
|
3446
|
+
`,Lw=m.p`
|
|
3447
|
+
margin: 12px 0 0;
|
|
3448
|
+
font-size: 13px;
|
|
3449
|
+
color: ${R.gray4};
|
|
3450
|
+
|
|
3451
|
+
& a {
|
|
3452
|
+
color: ${R.softWhite};
|
|
3453
|
+
font-weight: 600;
|
|
3454
|
+
}
|
|
3455
|
+
`;m.p`
|
|
3456
|
+
margin: 4px 0 0;
|
|
3457
|
+
font-size: 13px;
|
|
3458
|
+
color: ${R.gray4};
|
|
3459
|
+
|
|
3460
|
+
& a {
|
|
3461
|
+
color: ${R.accent};
|
|
3462
|
+
font-weight: 600;
|
|
3463
|
+
}
|
|
3464
|
+
`;const Fw=m.div`
|
|
3465
|
+
max-width: 1721px;
|
|
3466
|
+
margin: 0 auto;
|
|
3467
|
+
min-height: 46vh;
|
|
3468
|
+
display: flex;
|
|
3469
|
+
flex-direction: column;
|
|
3470
|
+
align-items: center;
|
|
3471
|
+
justify-content: center;
|
|
3472
|
+
text-align: center;
|
|
3473
|
+
gap: 14px;
|
|
3474
|
+
color: ${R.softWhite};
|
|
3475
|
+
`,Yw=m.p`
|
|
3476
|
+
margin: 0;
|
|
3477
|
+
color: ${R.gray4};
|
|
3478
|
+
`,Ww=m(Ht)`
|
|
3479
|
+
margin-top: 6px;
|
|
3480
|
+
`,Bw=m(V)`
|
|
3481
|
+
opacity: 0.4;
|
|
3482
|
+
`,Hw=m.h1`
|
|
3483
|
+
font-size: 22px;
|
|
3484
|
+
`,zw=m.div`
|
|
3485
|
+
display: flex;
|
|
3486
|
+
flex-direction: column;
|
|
3487
|
+
`,fl=m.span`
|
|
3488
|
+
display: block;
|
|
3489
|
+
height: 15px;
|
|
3490
|
+
width: 84px;
|
|
3491
|
+
border-radius: 4px;
|
|
3492
|
+
`,qw=m.div`
|
|
3493
|
+
display: flex;
|
|
3494
|
+
flex-direction: column;
|
|
3495
|
+
align-self: stretch;
|
|
3496
|
+
gap: 16px;
|
|
3497
|
+
padding: 8px 0;
|
|
3498
|
+
`,Kw=m.span`
|
|
3499
|
+
display: inline-flex;
|
|
3500
|
+
align-items: center;
|
|
3501
|
+
height: 48px;
|
|
3502
|
+
gap: 10px;
|
|
3503
|
+
background: none !important;
|
|
3504
|
+
|
|
3505
|
+
&::before,
|
|
3506
|
+
&::after {
|
|
3507
|
+
content: '';
|
|
3508
|
+
display: block;
|
|
3509
|
+
}
|
|
3510
|
+
&::before {
|
|
3511
|
+
width: 40px;
|
|
3512
|
+
height: 40px;
|
|
3513
|
+
border-radius: 50%;
|
|
3514
|
+
background: ${R.media};
|
|
3515
|
+
}
|
|
3516
|
+
&::after {
|
|
3517
|
+
width: 96px;
|
|
3518
|
+
height: 14px;
|
|
3519
|
+
border-radius: 6px;
|
|
3520
|
+
background: ${R.media};
|
|
3521
|
+
}
|
|
3522
|
+
`,Qw=m.span`
|
|
3523
|
+
height: 34px;
|
|
3524
|
+
width: 70%;
|
|
3525
|
+
margin: 3px 0;
|
|
3526
|
+
border-radius: 8px;
|
|
3527
|
+
`,Uw=m.div`
|
|
3528
|
+
display: flex;
|
|
3529
|
+
gap: 8px;
|
|
3530
|
+
/* Same as Chips above, so the row does not move when the real chips arrive. */
|
|
3531
|
+
margin-top: 12px;
|
|
3532
|
+
`,Ja=m.span`
|
|
3533
|
+
height: 24px;
|
|
3534
|
+
width: 88px;
|
|
3535
|
+
border-radius: 6px;
|
|
3536
|
+
`,Za=m.span`
|
|
3537
|
+
height: 14px;
|
|
3538
|
+
width: 100%;
|
|
3539
|
+
border-radius: 6px;
|
|
3540
|
+
|
|
3541
|
+
&[data-short] {
|
|
3542
|
+
width: 55%;
|
|
3543
|
+
}
|
|
3544
|
+
`,Vw=m.span`
|
|
3545
|
+
display: block;
|
|
3546
|
+
height: 30px;
|
|
3547
|
+
width: 40%;
|
|
3548
|
+
margin: 16px 0 13px;
|
|
3549
|
+
border-radius: 8px;
|
|
3550
|
+
`,Gw=m.span`
|
|
3551
|
+
display: block;
|
|
3552
|
+
height: 42px;
|
|
3553
|
+
width: 100%;
|
|
3554
|
+
border-radius: 8px;
|
|
3555
|
+
margin-top: 20px;
|
|
3556
|
+
`,Jn=m(Ye)`
|
|
3557
|
+
width: 30px;
|
|
3558
|
+
height: 30px;
|
|
3559
|
+
color: ${R.softWhite};
|
|
3560
|
+
|
|
3561
|
+
&[data-was] {
|
|
3562
|
+
width: 20px;
|
|
3563
|
+
height: 20px;
|
|
3564
|
+
color: ${R.gray4};
|
|
3565
|
+
}
|
|
3566
|
+
`,eo=m(Ye)`
|
|
3567
|
+
width: 20px;
|
|
3568
|
+
height: 20px;
|
|
3569
|
+
`,Xw=m.div`
|
|
3570
|
+
display: flex;
|
|
3571
|
+
align-items: center;
|
|
3572
|
+
justify-content: space-between;
|
|
3573
|
+
gap: 8px;
|
|
3574
|
+
padding: 8px;
|
|
3575
|
+
margin: 16px 0;
|
|
3576
|
+
border-radius: ${qt.btn};
|
|
3577
|
+
background: rgba(22, 21, 24, 0.55);
|
|
3578
|
+
`,Jw=m.span`
|
|
3579
|
+
display: flex;
|
|
3580
|
+
align-items: center;
|
|
3581
|
+
gap: 8px;
|
|
3582
|
+
font-size: 14px;
|
|
3583
|
+
line-height: 14px;
|
|
3584
|
+
color: ${R.softWhite};
|
|
3585
|
+
`,Zw=m(V)`
|
|
3586
|
+
width: 20px;
|
|
3587
|
+
height: 20px;
|
|
3588
|
+
color: ${R.softWhite};
|
|
3589
|
+
`,ek=m(V)`
|
|
3590
|
+
width: 24px;
|
|
3591
|
+
height: 24px;
|
|
3592
|
+
color: ${R.white};
|
|
3593
|
+
`,tk=m.div`
|
|
3594
|
+
display: flex;
|
|
3595
|
+
align-items: center;
|
|
3596
|
+
justify-content: space-between;
|
|
3597
|
+
gap: 8px;
|
|
3598
|
+
width: 100%;
|
|
3599
|
+
margin-top: 16px;
|
|
3600
|
+
|
|
3601
|
+
&[data-centered] {
|
|
3602
|
+
justify-content: center;
|
|
3603
|
+
}
|
|
3604
|
+
`,nk=m.span`
|
|
3605
|
+
display: flex;
|
|
3606
|
+
align-items: center;
|
|
3607
|
+
gap: 2px;
|
|
3608
|
+
font-size: 14px;
|
|
3609
|
+
font-weight: 600;
|
|
3610
|
+
color: ${R.gray4};
|
|
3611
|
+
|
|
3612
|
+
& .ico {
|
|
3613
|
+
width: 20px;
|
|
3614
|
+
height: 20px;
|
|
3615
|
+
color: ${R.gray4};
|
|
3616
|
+
}
|
|
3617
|
+
`,rk=m.span`
|
|
3618
|
+
font-size: 16px;
|
|
3619
|
+
font-weight: 700;
|
|
3620
|
+
padding-left: 2px;
|
|
3621
|
+
`,fo=m.button`
|
|
3622
|
+
border: 0;
|
|
3623
|
+
background: none;
|
|
3624
|
+
padding: 0;
|
|
3625
|
+
cursor: pointer;
|
|
3626
|
+
font-family: ${ow.sans};
|
|
3627
|
+
font-size: 13px;
|
|
3628
|
+
font-weight: 600;
|
|
3629
|
+
letter-spacing: 0.46px;
|
|
3630
|
+
text-transform: uppercase;
|
|
3631
|
+
text-decoration: underline;
|
|
3632
|
+
color: ${R.softWhite};
|
|
3633
|
+
|
|
3634
|
+
&:hover {
|
|
3635
|
+
color: ${R.gray4};
|
|
3636
|
+
}
|
|
3637
|
+
&:focus-visible {
|
|
3638
|
+
outline: 2px solid ${R.white};
|
|
3639
|
+
outline-offset: 2px;
|
|
3640
|
+
border-radius: ${qt.chip};
|
|
3641
|
+
}
|
|
3642
|
+
`,ak=m(fo)`
|
|
3643
|
+
width: 100%;
|
|
3644
|
+
height: 40px;
|
|
3645
|
+
text-align: center;
|
|
3646
|
+
border-radius: ${qt.card};
|
|
3647
|
+
|
|
3648
|
+
/* Hover is a translucent fill with the label left alone (Figma 868:67246), not the colour shift
|
|
3649
|
+
ResellersLink uses. That one is an inline link sitting beside a price, where dimming the text is the
|
|
3650
|
+
only surface there is; this is a full-width button, so the button itself is what should react. */
|
|
3651
|
+
&:hover {
|
|
3652
|
+
color: ${R.softWhite};
|
|
3653
|
+
background: ${R.glass};
|
|
3654
|
+
}
|
|
3655
|
+
`,ok=m.div`
|
|
3656
|
+
display: flex;
|
|
3657
|
+
flex-direction: column;
|
|
3658
|
+
gap: 16px;
|
|
3659
|
+
width: 100%;
|
|
3660
|
+
padding: 16px 0;
|
|
3661
|
+
`,hl=m.div`
|
|
3662
|
+
display: flex;
|
|
3663
|
+
align-items: center;
|
|
3664
|
+
justify-content: space-between;
|
|
3665
|
+
gap: 8px;
|
|
3666
|
+
width: 100%;
|
|
3667
|
+
|
|
3668
|
+
&[data-variant='original'] {
|
|
3669
|
+
color: ${R.muted2};
|
|
3670
|
+
}
|
|
3671
|
+
`,ml=m.span`
|
|
3672
|
+
display: flex;
|
|
3673
|
+
align-items: center;
|
|
3674
|
+
gap: 4px;
|
|
3675
|
+
font-size: 14px;
|
|
3676
|
+
font-weight: 600;
|
|
3677
|
+
|
|
3678
|
+
[data-variant='original'] & {
|
|
3679
|
+
color: ${R.muted2};
|
|
3680
|
+
}
|
|
3681
|
+
[data-variant='resale'] & {
|
|
3682
|
+
color: ${R.text};
|
|
3683
|
+
}
|
|
3684
|
+
`,gl=m.span`
|
|
3685
|
+
display: flex;
|
|
3686
|
+
align-items: center;
|
|
3687
|
+
gap: 2px;
|
|
3688
|
+
padding: 0 2px;
|
|
3689
|
+
|
|
3690
|
+
[data-variant='original'] & .ico {
|
|
3691
|
+
width: 20px;
|
|
3692
|
+
height: 20px;
|
|
3693
|
+
color: ${R.muted2};
|
|
3694
|
+
}
|
|
3695
|
+
[data-variant='resale'] & .ico {
|
|
3696
|
+
width: 24px;
|
|
3697
|
+
height: 24px;
|
|
3698
|
+
color: ${R.rarity};
|
|
3699
|
+
}
|
|
3700
|
+
`,xl=m.span`
|
|
3701
|
+
[data-variant='original'] & {
|
|
3702
|
+
font-size: 16px;
|
|
3703
|
+
font-weight: 700;
|
|
3704
|
+
text-decoration: line-through;
|
|
3705
|
+
}
|
|
3706
|
+
[data-variant='resale'] & {
|
|
3707
|
+
font-size: 25px;
|
|
3708
|
+
font-weight: 700;
|
|
3709
|
+
color: ${R.text};
|
|
3710
|
+
}
|
|
3711
|
+
`,ik=m.span`
|
|
3712
|
+
font-size: 14px;
|
|
3713
|
+
font-weight: 600;
|
|
3714
|
+
|
|
3715
|
+
[data-variant='original'] & {
|
|
3716
|
+
color: ${R.muted2};
|
|
3717
|
+
}
|
|
3718
|
+
`,sk=m.span`
|
|
3719
|
+
font-size: 14px;
|
|
3720
|
+
font-weight: 600;
|
|
3721
|
+
color: ${R.text2};
|
|
3722
|
+
`,yl=m.span`
|
|
3723
|
+
display: inline-flex;
|
|
3724
|
+
width: 12px;
|
|
3725
|
+
height: 12px;
|
|
3726
|
+
color: ${R.muted2};
|
|
3727
|
+
`,lk=m.div`
|
|
3728
|
+
display: flex;
|
|
3729
|
+
flex-direction: column;
|
|
3730
|
+
gap: 12px;
|
|
3731
|
+
width: 100%;
|
|
3732
|
+
`,ck=m.div`
|
|
3733
|
+
display: flex;
|
|
3734
|
+
justify-content: center;
|
|
3735
|
+
`,ha=Fn`
|
|
3736
|
+
display: block;
|
|
3737
|
+
background: linear-gradient(100deg, var(--skeleton-lo) 30%, var(--skeleton-hi) 50%, var(--skeleton-lo) 70%);
|
|
3738
|
+
background-size: 200% 100%;
|
|
3739
|
+
animation: shimmer 1.4s infinite linear;
|
|
3740
|
+
|
|
3741
|
+
@media (prefers-reduced-motion: reduce) {
|
|
3742
|
+
animation: none;
|
|
3743
|
+
}
|
|
3744
|
+
`,dk=m.div`
|
|
3745
|
+
display: flex;
|
|
3746
|
+
flex-direction: column;
|
|
3747
|
+
gap: 12px;
|
|
3748
|
+
width: 100%;
|
|
3749
|
+
/* Reserve the divider→CTA rhythm so the block is the same height loading vs loaded. */
|
|
3750
|
+
padding-top: 4px;
|
|
3751
|
+
`,uk=m.span`
|
|
3752
|
+
${ha};
|
|
3753
|
+
width: 120px;
|
|
3754
|
+
height: 30px;
|
|
3755
|
+
border-radius: ${qt.btn};
|
|
3756
|
+
margin-bottom: 4px;
|
|
3757
|
+
`,bl=m.span`
|
|
3758
|
+
${ha};
|
|
3759
|
+
width: 100%;
|
|
3760
|
+
height: 48px;
|
|
3761
|
+
border-radius: 16px;
|
|
3762
|
+
`,vl=m.div`
|
|
3763
|
+
display: flex;
|
|
3764
|
+
align-items: center;
|
|
3765
|
+
gap: 12px;
|
|
3766
|
+
`,wl=m.span`
|
|
3767
|
+
${ha};
|
|
3768
|
+
flex: none;
|
|
3769
|
+
width: 48px;
|
|
3770
|
+
height: 48px;
|
|
3771
|
+
border-radius: 50%;
|
|
3772
|
+
`,kl=m.span`
|
|
3773
|
+
${ha};
|
|
3774
|
+
width: 96px;
|
|
3775
|
+
height: 16px;
|
|
3776
|
+
border-radius: 6px;
|
|
3777
|
+
`;function pk(n){return Object.values(ft.Rarity).includes(n)}function fk(n){return n==="male"?f("itemDetail.genderMale"):n==="female"?f("itemDetail.genderFemale"):n==="unisex"?f("itemDetail.genderUnisex"):null}function Tr(n){return n.wearableCategory?n.wearableCategory.replace(/_/g," "):n.category==="emote"?f("itemDetail.categoryEmote"):f("itemDetail.categoryWearable")}function qk(){const{pathname:n}=Sl();return i.jsx(hk,{},n)}function hk(){var di;const{contractAddress:n,itemId:a,tokenId:t}=Dd(),e=Ca(n),r=Bv(e),o=Ca(a),s=Ca(t),l=!!s,c=o??yh(s)??null,p=Sl(),d=p.state,h=fn(),x=!!(d!=null&&d.market),y=(d==null?void 0:d.marketPriceCredits)??null,v=hn(),w=rr(I=>I.add),k=rr(I=>I.items),C=pu(I=>I.toggle),{session:D,signIn:E}=ln(),[g,T]=b.useState(()=>{if(d!=null&&d.item){const I={...d.item,tradeId:d.tradeId??d.item.tradeId};return l?{...I,tokenId:s,itemId:I.itemId??c}:{...I,tokenId:void 0,itemId:o??I.itemId}}return{id:`${e}-${s??o}`,name:"",creator:"",contractAddress:e??"",itemId:c,category:"wearable",rarity:"common",network:"MATIC",chainId:sn.chainId,thumbnail:"",priceCredits:0,gender:null,isSmart:!1,tokenId:s??void 0,tradeId:d==null?void 0:d.tradeId}}),[O,M]=b.useState(!1),[S,P]=b.useState(!!(d!=null&&d.resumeBuy));b.useEffect(()=>{d!=null&&d.resumeBuy&&M(!0)},[d==null?void 0:d.resumeBuy]);function A(){const I=g.priceCredits>0?g.priceCredits:null;fe("Shop Started Checkout",{checkout_source:"item_page",cart_size:1,cart_value_credits:I,cart_value_usd:I===null?null:Mu(I)}),M(!0)}function z(){if(D){A();return}x||Mp({type:"item-buy",path:p.pathname}),E()}const K=b.useRef(!1);b.useEffect(()=>{if(!D||K.current)return;const I=Cp("item-buy");!I||I.path!==p.pathname||(K.current=!0,P(!0),A())},[D]);const{items:U,isCollectionOnly:X,siblings:B,siblingsFetched:N}=Wv({id:g.id,contractAddress:g.contractAddress,itemId:g.itemId??c,tokenId:g.tokenId,creator:g.creator}),{data:F,isLoading:_}=ve({queryKey:["shop-item",g.contractAddress,c],enabled:!x&&!l&&!!g.contractAddress&&!!c,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>ju(g.contractAddress,c)}),Q=l?void 0:F;b.useEffect(()=>{Q&&T(I=>I.tradeId?{...I,tradeId:Q.tradeId,priceCredits:Q.priceCredits,manaWei:Q.manaWei,available:Q.available??I.available,acquisition:Q.acquisition,wearableCategory:I.wearableCategory??Q.wearableCategory}:{...I,...Q})},[Q]);const[H,q]=b.useState(!1),{data:ee=""}=ve({queryKey:["item-desc",g.contractAddress,g.itemId],enabled:!!g.contractAddress&&!!g.itemId,staleTime:5*6e4,queryFn:()=>Iu(g.contractAddress,g.itemId)}),{data:le,isLoading:be}=ve({queryKey:["collection-meta",g.contractAddress],enabled:!!g.contractAddress,staleTime:5*6e4,queryFn:()=>Pl(g.contractAddress)});b.useEffect(()=>{const I=(Q==null?void 0:Q.creator)||(le==null?void 0:le.creator);I&&T(Ee=>Ee.creator?Ee:{...Ee,creator:I})},[Q,le]);const Ie=b.useMemo(()=>{if(!(l||g.name||Q||B.length===0))return(c?B.find(I=>I.itemId===c):void 0)??B.find(I=>I.contractAddress===g.contractAddress)},[l,g.name,g.contractAddress,Q,B,c]);b.useEffect(()=>{Ie&&T(I=>({...Ie,tradeId:I.tradeId??Ie.tradeId}))},[Ie]);const{data:xe,isLoading:me}=ve({queryKey:["detail-trade",g.id,g.tradeId,g.contractAddress,g.itemId],enabled:!!g.contractAddress,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:async()=>{if(g.tradeId)return g.tradeId;if(!l&&g.itemId){const I=await Pu(g.contractAddress,g.itemId);return(I==null?void 0:I.id)??null}return null}}),{data:J}=ve({queryKey:["item-traits",g.contractAddress,c],enabled:!!g.contractAddress&&!!c,staleTime:5*6e4,retry:1,queryFn:()=>Eu(g.contractAddress,c)}),qe=(J==null?void 0:J.isSmart)??g.isSmart,Te=(J==null?void 0:J.utility)??null,Be=b.useMemo(()=>({...g,wearableCategory:g.wearableCategory??(J==null?void 0:J.wearableCategory)??void 0,gender:g.gender??(J==null?void 0:J.gender)??null}),[g,J==null?void 0:J.wearableCategory,J==null?void 0:J.gender]),rt=(J==null?void 0:J.urn)??null,{data:Wn}=ve({queryKey:["item-vrm",rt],enabled:!!rt&&g.category==="wearable",staleTime:30*6e4,retry:!1,queryFn:()=>Tu(rt)}),[Kt,gn]=b.useState(!1),{data:Bn}=ve({queryKey:["item-video",g.contractAddress,c],enabled:qe&&!!g.contractAddress&&!!c,staleTime:30*6e4,retry:!1,queryFn:()=>Op(g.contractAddress,c)}),$t=b.useMemo(()=>g.emoteLoop!==void 0?g:(c?B.find(Ee=>Ee.itemId===c):void 0)??g,[g,B,c]),Qt=Ri(v,g.tradeId)??Ri(v,xe),ma=g.acquisition==="store"&&(g.available??0)>0,$e=!!Qt||ma,Ve=fu(),{data:Ge=[]}=ve({queryKey:["item-resales",g.contractAddress,g.itemId],enabled:Ve&&!x&&!!g.contractAddress&&!!g.itemId,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>Nl(g.contractAddress,g.itemId)}),xn=Ge.length>0?Ge[0].priceCredits:null,at=l&&g.tokenId?Ge.find(I=>I.tokenId===g.tokenId)??null:null,Xe=b.useMemo(()=>{const I=Ge[0];return I?{...I,name:I.name||g.name,thumbnail:I.thumbnail||g.thumbnail,rarity:I.rarity||g.rarity,category:I.category||g.category,wearableCategory:I.wearableCategory??g.wearableCategory,gender:I.gender??g.gender}:null},[Ge,g]),[yn,bn]=b.useState(null),[ga,vn]=b.useState(!1),[xa,Hn]=b.useState(!1),[zn,wn]=b.useState(!1),Ut=g.manaWei??null,{data:Rt}=Rl(x||!!Ut),bt=Ut&&Rt?hu(Ut,Rt):null;b.useEffect(()=>{bt!=null&&T(I=>I.priceCredits===bt?I:{...I,priceCredits:bt})},[bt,g.priceCredits]);const $=b.useMemo(()=>{if(!x||!(d!=null&&d.item))return null;const I=d.item;return I.manaWei?{tradeId:I.tradeId??I.id,listingType:"primary",contractAddress:I.contractAddress,itemId:I.itemId??"",name:I.name,thumbnail:I.thumbnail,rarity:I.rarity,category:I.category,wearableCategory:I.wearableCategory??null,creator:I.creator,manaWei:I.manaWei,available:1,network:I.network,chainId:I.chainId,createdAt:0}:null},[x,d==null?void 0:d.item]),G=x&&y!=null&&!!Rt&&!!$,Z=mu({priceCredits:g.priceCredits,compareAtCredits:g.compareAtCredits,saleEndsAt:g.saleEndsAt}),te=Z?gu(g.saleUnitsLeft):null,ie=b.useMemo(()=>({...g,tradeId:Qt,id:Qt??g.id}),[g,Qt]),De=k.some(I=>I.id===ie.id),ne=!ie.tokenId,Pe=((di=k.find(I=>I.id===ie.id))==null?void 0:di.quantity)??0,vt=ne&&typeof g.available=="number"&&Pe>=g.available,{key:wt,faved:kt}=xu(g),He=yu(g),nd=$l(I=>I.locale),ur=He===void 0?null:He.toLocaleString(nd),To=kt?f("assetCard.removeFromFavorites"):f("assetCard.addToFavorites"),$o=He===void 0?To:f("itemDetail.favoriteAria",{action:To,count:He}),Ro=b.useRef(null);b.useEffect(()=>{!g.name||me||Ro.current===g.id||(Ro.current=g.id,fe("Shop Viewed Item",{...bu(g),for_sale:$e}),nw(g))},[g.id,g.name,me,$e]);const pr=`${e}/${s??o}`,No=b.useRef(pr);b.useEffect(()=>{if(No.current!==pr){if(No.current=pr,d!=null&&d.item){const I={...d.item,tradeId:d.tradeId??d.item.tradeId};T(l?{...I,tokenId:s,itemId:I.itemId??c}:{...I,tokenId:void 0,itemId:o??I.itemId})}typeof window<"u"&&window.scrollTo({top:0,behavior:"smooth"})}},[pr]);function rd(){!$e||ya||me||!ne&&De||vt||w(ie,"item_detail")}const kn=pk(g.rarity)?g.rarity:ft.Rarity.COMMON,Oo=fk(Be.gender),fr=vu(Be),Ao=wu(Be.gender),Lo=J0(g.rarity),Fo=Z0(Be),ad=$e&&Z,od=X?f("itemDetail.moreFromCollection"):f("itemDetail.youMightAlsoLike"),ya=ku(g,D==null?void 0:D.address),[id,Yo]=b.useState(!1),[sd,Wo]=b.useState(!1),[ld,Bo]=b.useState(!1),[cd,Ho]=b.useState(!1),[qn,Kn]=b.useState(null),[dd,zo]=b.useState(!1),[qo,Ko]=b.useState(!1),Qo=Zr(D==null?void 0:D.providerType),{data:re,isLoading:hr}=ve({queryKey:["owned-token",g.contractAddress,g.tokenId,D==null?void 0:D.address],enabled:!x&&!!(D!=null&&D.address)&&!!g.contractAddress&&!!g.tokenId,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>D?gi(D.address,g.contractAddress,g.tokenId):null});b.useEffect(()=>{re&&T(I=>I.name?{...I,issuedId:I.issuedId??re.issuedId,priceCredits:re.listingPrice??0,tradeId:re.tradeId}:{id:re.id,name:re.name,creator:"",contractAddress:re.contractAddress,itemId:re.itemId,category:re.category,rarity:re.rarity??"common",network:re.network,chainId:re.chainId,thumbnail:re.image,priceCredits:re.listingPrice??0,gender:null,isSmart:!1,tokenId:re.tokenId,issuedId:re.issuedId,tradeId:re.tradeId})},[re]),b.useEffect(()=>{at&&T(I=>I.priceCredits===at.priceCredits&&I.tradeId?I:{...I,priceCredits:at.priceCredits,tradeId:I.tradeId??at.tradeId})},[at]),b.useEffect(()=>{qn!=null&&re!=null&&re.isOnSale&&re.listingPrice===qn&&Kn(null)},[re,qn]);const Uo=!x&&!!g.contractAddress&&!!g.tokenId&&!g.name&&!Q&&!hr&&!re,{data:_e,isFetched:ud}=ve({queryKey:["public-token",g.contractAddress,g.tokenId],enabled:Uo,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>$u(g.contractAddress,g.tokenId)});b.useEffect(()=>{_e&&T(I=>I.name?I.issuedId?I:{...I,issuedId:_e.issuedId}:{id:_e.id,name:_e.name,creator:"",contractAddress:_e.contractAddress,itemId:_e.itemId,category:_e.category,rarity:_e.rarity??"common",network:_e.network,chainId:_e.chainId,thumbnail:_e.image,priceCredits:_e.listingPrice??0,gender:null,isSmart:!1,tokenId:_e.tokenId,issuedId:_e.issuedId,tradeId:_e.tradeId})},[_e]);const{data:ot}=ve({queryKey:["publishable-item",g.contractAddress,g.itemId,D==null?void 0:D.address],enabled:ya&&!!D&&!!g.itemId,queryFn:async()=>D?(await Ap(D.address,D.identity)).find(Ee=>Ee.contractAddress.toLowerCase()===g.contractAddress.toLowerCase()&&Ee.blockchainItemId===g.itemId)??null:null}),it=l&&!!re,ba=!l&&ya,st=!x&&(ba||it),Vo=qn!=null?!0:it?!!(re!=null&&re.isOnSale):$e,mr=it?re==null?void 0:re.tradeId:Qt,Go=it?!!re:!!ot,Xo=ba||it&&Ve,va=qn??(it?(re==null?void 0:re.listingPrice)??0:0),{data:Jo=0}=ve({queryKey:["owned-item-count",g.contractAddress,o,D==null?void 0:D.address],enabled:!l&&!x&&!!(D!=null&&D.address)&&!!g.contractAddress&&!!o,staleTime:3e4,queryFn:()=>D?Ru(D.address,g.contractAddress,o):0});async function Vt(){await Promise.all([v.invalidateQueries({queryKey:["owned-token",g.contractAddress,g.tokenId]}),v.invalidateQueries({queryKey:["detail-trade"]}),v.invalidateQueries({queryKey:["shop-item"]}),v.invalidateQueries({queryKey:["collection-sale-state"]}),v.invalidateQueries({queryKey:["shop-items"]}),v.invalidateQueries({queryKey:["catalog-items"]}),v.invalidateQueries({queryKey:["publishable-items"]}),v.invalidateQueries({queryKey:["publishable-item",g.contractAddress,g.itemId]}),v.invalidateQueries({queryKey:["item-resales",g.contractAddress,g.itemId]})])}async function pd(I){if(!D||!mr)throw new Error("No listing to take down");const Ee=await Tl(mr);await Np({trade:Ee,signer:D.signer,mode:I.payGas?"direct":"gasless-only",watch:{isCancelled:async()=>{try{if(it){if(!g.tokenId)return!1;const lt=await gi(D.address,g.contractAddress,g.tokenId);return lt!==null&&!lt.isOnSale}return g.itemId?await _u(g.contractAddress,g.itemId)===null:!1}catch{return!1}},onWaiting:I.onWaiting}}),I.silent||sr.success(f("myAssets.removedFromSale",{name:g.name})),Kn(null),bh(v,mr),T(lt=>lt.tradeId===mr?{...lt,tradeId:void 0}:lt),Vt(),ja(v,{address:D.address,contractAddress:g.contractAddress,tokenId:g.tokenId},{kind:"removed"})}const Zo=I=>async({payGas:Ee,onWaiting:lt})=>{try{return await pd({silent:I,payGas:Ee,onWaiting:lt}),"ok"}catch(wa){if(wa instanceof Rp)return wa.definitive?"relay-reverted":"relay-pending";throw wa}},ei={currentCredits:va||g.priceCredits||void 0,canPayGas:Qo,cancelCurrent:Zo(!0)};function ti({edit:I=!1}={}){I||fe("Shop Started Listing",{listing_type:it?"secondary":"primary",item_id:g.itemId??g.tokenId??null}),Ko(I),it?Yo(!0):Wo(!0)}function ni(){Yo(!1),Wo(!1),Ko(!1),Vt()}const ri=$e?me?f("itemDetail.checking"):vt?f("itemDetail.maxInCart"):!ne&&De?f("assetCard.inCart"):f("assetCard.addToCart"):f("itemDetail.notForSale"),gr=g.available??(J==null?void 0:J.available)??null,fd=typeof gr=="number"&&gr>0&&!g.tokenId&&!x,ai=!x&&!g.tokenId&&gr===0,oi=g.network==="ETHEREUM",Dn=ai&&!st&&!!Xe,xr=!!Xe&&k.some(I=>I.id===Xe.id),hd=!st&&$e&&!x,md=x||!st&&($e||Dn&&!!Xe||Kc()),gd=!g.name&&(!!Q||!!re||!!_e||!!Ie),ii=_||!!g.contractAddress&&!N||!g.name&&hr||gd||Uo&&!ud,si=!g.name&&!ii,xd=!!g.name&&vh({isMarket:x,forSale:$e,priceKnown:g.priceCredits>0&&(!Ut||bt!=null)||st,stillResolving:ii||!!Ut&&bt==null,manage:st,soldOutWithResale:Dn,resolvingTrade:me,isTokenRoute:l,ownedAssetLoading:hr,deepLinkLoading:_}),li=!g.creator&&(_||be||hr),ci=!(le!=null&&le.name)&&be,yd=/^https?:\/\//i.test(g.thumbnail);return Du(si?{title:f("seo.item.notFoundTitle"),noindex:!0}:g.name?{title:g.name,description:ee||f("seo.item.fallbackDescription",{name:g.name,rarity:g.rarity,category:Tr(Be),creator:ho(g.creator)}),image:yd?g.thumbnail:void 0,type:"product"}:{}),si?i.jsxs(Fw,{"data-notfound":!0,children:[i.jsx(Bw,{name:"cart"}),i.jsx(Hw,{children:f("itemDetail.notAvailableTitle")}),i.jsx(Yw,{children:f("itemDetail.notAvailableBody")}),i.jsx(Ww,{variant:"white",onClick:()=>h("/items"),children:f("notFound.cta")})]}):i.jsxs(sw,{children:[i.jsxs(lw,{"aria-label":f("itemDetail.breadcrumbAria"),children:[i.jsx(cw,{onClick:()=>h("/items"),children:f("nav.collectibles")}),i.jsx(dw,{children:"/"}),i.jsx(uw,{children:g.name||f("itemDetail.itemFallback")})]}),i.jsxs(pw,{style:{"--glow-rgb":Su(kn),"--glow-core":Cu(kn)},children:[i.jsxs(fw,{"data-testid":"item-preview",children:[g.name?i.jsx(Uv,{item:g}):i.jsx(hw,{"aria-busy":"true","aria-label":f("itemPreview.loading"),children:i.jsx(mw,{className:"skeleton","aria-hidden":!0})}),wt?i.jsxs(rl,{"data-fav-preview":!0,"data-on":kt||void 0,"data-count":ur??void 0,onClick:()=>C(g,"item_detail"),"aria-pressed":kt,"aria-label":$o,children:[i.jsx(V,{name:kt?"heart-solid":"heart",size:18}),He!==void 0?i.jsx(al,{title:f("itemDetail.savedCount",{count:He}),"data-testid":"fav-count-preview",children:ur}):null]}):null,Bn?i.jsxs(bw,{"data-play-showcase":!0,onClick:()=>gn(!0),"data-testid":"play-showcase",children:[i.jsx(V,{name:"play",size:18}),f("itemDetail.playShowcase")]}):null]}),i.jsx(gw,{"data-testid":"item-info",children:g.name?i.jsxs(i.Fragment,{children:[i.jsxs(xw,{children:[i.jsxs(yw,{children:[g.name,l&&g.issuedId?` #${g.issuedId}`:""]}),wt?i.jsxs(rl,{"data-fav-title":!0,"data-on":kt||void 0,"data-count":ur??void 0,onClick:()=>C(g,"item_detail"),"aria-pressed":kt,"aria-label":$o,children:[i.jsx(V,{name:kt?"heart-solid":"heart",size:18}),He!==void 0?i.jsx(al,{title:f("itemDetail.savedCount",{count:He}),"data-testid":"fav-count",children:ur}):null]}):null]}),i.jsxs(vw,{children:[Lo?i.jsx(wr,{content:hi(g.rarity),children:i.jsx(Er,{to:Lo,"data-variant":"rarity","data-testid":"detail-rarity-link",style:{background:fi(kn)},children:g.rarity})}):i.jsx(wr,{content:hi(g.rarity),children:i.jsx(ct,{"data-variant":"rarity",style:{background:fi(kn)},children:g.rarity})}),Fo?i.jsxs(Er,{to:Fo,"data-testid":"detail-category-link",title:f("filter.browseByCategory",{category:Tr(Be)}),children:[fr?i.jsx(V,{name:fr,size:18}):null,Tr(Be)]}):i.jsxs(ct,{children:[fr?i.jsx(V,{name:fr,size:18}):null,Tr(Be)]}),Oo?i.jsxs(ct,{children:[Ao?i.jsx(V,{name:Ao,size:18}):null,Oo]}):null,!l&&g.issuedId?i.jsxs(ct,{"data-testid":"detail-issued",children:["#",g.issuedId]}):null,r?i.jsxs(Er,{to:"/event","data-testid":"detail-event",title:r,children:[i.jsx(V,{name:"star-rounded",size:18}),r]}):null,qe?i.jsxs(Er,{to:ew(),"data-testid":"detail-smart",title:f("filter.browseBySmart"),children:[i.jsx(V,{name:"smart",size:18}),f("itemDetail.smart")]}):null,$t.emoteLoop!==void 0?i.jsxs(ct,{"data-testid":"detail-play-mode",children:[i.jsx(V,{name:$t.emoteLoop?"play-loop":"play-once",size:18}),$t.emoteLoop?f("itemDetail.playLoop"):f("itemDetail.playOnce")]}):null,$t.emoteHasSound?i.jsxs(ct,{"data-testid":"detail-sound",children:[i.jsx(V,{name:"sound",size:18}),f("itemDetail.emoteSound")]}):null,$t.emoteHasProps?i.jsxs(ct,{"data-testid":"detail-props",children:[i.jsx(V,{name:"props",size:18}),f("itemDetail.emoteProps")]}):null,Wn?i.jsx(wr,{content:f("itemDetail.exportBlockedTooltip"),children:i.jsxs(ct,{"data-variant":"blocked","data-testid":"detail-export-blocked",tabIndex:0,"aria-label":f("itemDetail.exportBlockedTooltip"),children:[i.jsx(V,{name:"ban",size:16}),f("itemDetail.exportBlocked")]})}):null,Te?i.jsxs(ct,{"data-testid":"detail-utility-chip",children:[i.jsx(V,{name:"utility",size:18}),f("itemDetail.utility")]}):null]}),ee||Te?i.jsxs(Jc,{children:[ee?i.jsx(po,{children:i.jsxs(uo,{children:[i.jsx(Mn,{children:f("itemDetail.description")}),i.jsx(ol,{"data-expanded":H||void 0,children:ee}),ee.length>140?i.jsx(kw,{className:"link",onClick:()=>q(I=>!I),children:H?f("itemDetail.showLess"):f("itemDetail.readMore")}):null]})}):null,Te?i.jsx(po,{children:i.jsxs(uo,{"data-testid":"detail-utility",children:[i.jsx(Mn,{children:f("itemDetail.utility")}),i.jsx(ol,{"data-expanded":!0,children:Te})]})}):null]}):null,!oi&&(g.creator||li)||le!=null&&le.name||ci?i.jsxs(Zc,{children:[oi?null:g.creator?i.jsxs(tr,{children:[i.jsx(Mn,{children:f("itemDetail.creator")}),i.jsx(Dw,{address:g.creator,linkToProfile:!0,hidePrefix:!0})]}):li?i.jsxs(tr,{children:[i.jsx(Mn,{children:f("itemDetail.creator")}),i.jsxs(vl,{"aria-hidden":!0,"data-testid":"creator-loading",children:[i.jsx(wl,{}),i.jsx(kl,{})]})]}):null,le!=null&&le.name?i.jsxs(tr,{"data-collection":!0,children:[i.jsx(Mn,{children:f("itemDetail.collection")}),i.jsx(Cw,{contractAddress:g.contractAddress,name:le.name,items:B})]}):ci?i.jsxs(tr,{"data-collection":!0,children:[i.jsx(Mn,{children:f("itemDetail.collection")}),i.jsxs(vl,{"aria-hidden":!0,"data-testid":"collection-loading",children:[i.jsx(wl,{}),i.jsx(kl,{})]})]}):null]}):null,i.jsx(td,{}),xd?i.jsxs(dk,{"aria-hidden":!0,"data-testid":"sale-loading",children:[i.jsx(uk,{}),i.jsx(bl,{}),i.jsx(bl,{})]}):i.jsxs(i.Fragment,{children:[Ve&&!st&&!x&&$e&&!g.tokenId?i.jsxs(Xw,{"data-testid":"buy-from-creator",children:[i.jsxs(Jw,{children:[i.jsx(Zw,{name:"buy-from-creator"}),f("itemDetail.buyFromCreator")]}),i.jsx(ek,{name:"check-rounded"})]}):null,Dn?i.jsxs(ok,{"data-testid":"sold-out",children:[i.jsxs(hl,{"data-variant":"original",children:[i.jsxs(ml,{children:[f("itemDetail.originalPrice"),i.jsxs(gl,{children:[i.jsx(Ye,{className:"ico"}),i.jsx(xl,{children:i.jsx(Ae,{credits:g.priceCredits})})]}),i.jsx(yl,{"aria-hidden":!0,children:i.jsx(V,{name:"info",size:12})})]}),i.jsx(ik,{"data-testid":"out-of-stock",children:f("itemDetail.soldOut")})]}),i.jsxs(hl,{"data-variant":"resale",children:[i.jsxs(ml,{children:[f("itemDetail.resalePrice"),i.jsxs(gl,{children:[i.jsx(Ye,{className:"ico"}),i.jsx(xl,{children:i.jsx(Ae,{credits:xn})})]}),i.jsx(yl,{"aria-hidden":!0,children:i.jsx(V,{name:"info",size:12})})]}),i.jsxs(sk,{children:[f("itemDetail.stock")," ",Ge.length,"/",ft.Rarity.getMaxSupply(kn).toLocaleString()]})]})]}):i.jsx(Sw,{children:i.jsxs(Mw,{children:[i.jsxs(_w,{children:[x||$e?i.jsx(ll,{children:f("itemDetail.price")}):null,x?i.jsxs(i.Fragment,{children:[i.jsx(_n,{"data-variant":"market","data-testid":"item-price",children:y==null?i.jsx(Xn,{children:"—"}):i.jsxs(i.Fragment,{children:[i.jsx(Iw,{"aria-hidden":!0,children:"≈"}),i.jsx(Jn,{}),i.jsx(Xn,{children:i.jsx(Ae,{credits:y})})]})}),i.jsx(Pw,{children:f("assetCard.marketPrice")})]}):$e?ad?i.jsxs(_n,{"data-variant":"sale","data-testid":"item-price",children:[i.jsxs(_n,{children:[i.jsx(Jn,{}),i.jsx(Xn,{children:i.jsx(Ae,{credits:g.priceCredits})})]}),i.jsxs(Tw,{"data-testid":"detail-price-was",children:[i.jsx(Jn,{"data-was":!0}),i.jsx(Ae,{credits:g.compareAtCredits})]}),mi(g.compareAtCredits,g.priceCredits)>0?i.jsx($w,{"data-testid":"detail-sale-badge",children:f("assetCard.saleWithDiscount",{pct:mi(g.compareAtCredits,g.priceCredits)})}):null,i.jsx(Rw,{until:g.saleEndsAt}),te!=null?i.jsx(Ew,{"data-testid":"detail-units-left",children:f("assetCard.unitsLeftAtThisPrice",{count:te})}):null]}):i.jsxs(_n,{"data-testid":"item-price",children:[i.jsx(Jn,{}),i.jsx(Xn,{children:i.jsx(Ae,{credits:g.priceCredits})})]}):Vo&&va?i.jsxs(_n,{"data-testid":"item-price",children:[i.jsx(Jn,{}),i.jsx(Xn,{children:i.jsx(Ae,{credits:va})})]}):st?null:i.jsxs(_n,{"data-variant":"none","data-testid":"item-price",children:[i.jsx("span",{children:f("itemDetail.notForSale")}),i.jsx(wr,{content:f("itemDetail.notForSaleHint"),children:i.jsx(jw,{tabIndex:0,role:"img","aria-label":f("itemDetail.notForSaleHint"),children:i.jsx(V,{name:"info",size:14})})})]})]}),fd?i.jsxs(il,{children:[i.jsx(ll,{children:f("itemDetail.stock")}),i.jsxs(sl,{children:[(gr??0).toLocaleString(),"/",ft.Rarity.getMaxSupply(kn).toLocaleString()]})]}):ai?i.jsx(il,{children:i.jsx(sl,{"data-out":!0,"data-testid":"out-of-stock",children:f("itemDetail.outOfStock")})}):null]})}),i.jsx(Nw,{"data-buttons":md||void 0,"data-dual":hd||void 0,children:x?i.jsxs(Ga,{variant:"purple",onClick:z,disabled:!G,children:[i.jsx("span",{children:f("assetCard.buyNow")}),y!=null?i.jsxs(Xa,{"aria-hidden":!0,children:[i.jsx(eo,{}),i.jsx(Ae,{credits:y})]}):null]}):st?i.jsxs(lk,{"data-testid":"manage-actions",children:[Vo?i.jsxs(i.Fragment,{children:[Xo?i.jsxs(Aw,{onClick:()=>ti({edit:!0}),disabled:!Go,"data-testid":"edit-price",children:[i.jsx(V,{name:"pen",className:"ico"}),i.jsx("span",{children:f("itemDetail.manageUpdatePrice")})]}):null,i.jsx(dl,{onClick:()=>zo(!0),"data-testid":"remove-listing",children:i.jsx("span",{children:f("itemDetail.manageRemove")})})]}):i.jsxs(i.Fragment,{children:[Xo?i.jsx(Ow,{onClick:()=>ti(),disabled:!Go,children:i.jsx("span",{children:f("itemDetail.manageList")})}):null,it?i.jsxs(i.Fragment,{children:[i.jsx(dl,{onClick:()=>Bo(!0),children:i.jsx("span",{children:f("itemDetail.manageTransfer")})}),i.jsx(cl,{type:"button","data-on-purple":!0,"data-testid":"resell-item",onClick:()=>Hn(!0),children:f("itemDetail.manageResell")})]}):null]}),ba&&ot?i.jsx(cl,{type:"button","data-on-purple":!0,onClick:()=>Ho(!0),children:f("itemDetail.manageIssue")}):null,xn!=null?i.jsx(ck,{children:i.jsx(fo,{onClick:()=>vn(!0),"data-testid":"view-resellers",children:f("itemDetail.viewAllResellers")})}):null]}):$e?i.jsxs(i.Fragment,{children:[i.jsxs(Ga,{variant:"purple",onClick:z,disabled:me,children:[i.jsx("span",{children:f("assetCard.buyNow")}),i.jsxs(Xa,{"aria-hidden":!0,children:[i.jsx(eo,{}),i.jsx(Ae,{credits:g.priceCredits})]})]}),i.jsxs(ul,{onClick:rd,disabled:me||(ne?vt:De),"aria-label":ri,children:[i.jsx(V,{name:"cart"}),i.jsx(pl,{children:ri})]})]}):Dn&&Xe?i.jsxs(i.Fragment,{children:[i.jsxs(Ga,{variant:"purple",onClick:()=>D?bn(Xe):E(),children:[i.jsx("span",{children:f("assetCard.buyNow")}),i.jsxs(Xa,{"aria-hidden":!0,children:[i.jsx(eo,{}),i.jsx(Ae,{credits:Xe.priceCredits})]})]}),i.jsxs(ul,{onClick:()=>{xr||w(Xe,"item_detail")},disabled:xr,"aria-label":xr?f("assetCard.inCart"):f("assetCard.addToCart"),children:[i.jsx(V,{name:"cart"}),i.jsx(pl,{children:xr?f("assetCard.inCart"):f("assetCard.addToCart")})]})]}):i.jsxs(i.Fragment,{children:[i.jsx(G0,{item:g}),g.itemId?i.jsx(ak,{onClick:()=>{fe("Shop Clicked Buy Resale",{item_id:g.itemId,contract_address:g.contractAddress,has_shop_resale:!!Xe}),wn(!0)},"data-testid":"buy-resale","aria-haspopup":"dialog",children:f("itemDetail.buyResale")}):null]})}),!st&&!x&&xn!=null?i.jsxs(tk,{"data-testid":"lowest-price","data-centered":Dn||void 0,children:[Dn?null:i.jsxs(nk,{children:[f("itemDetail.lowestPrice"),i.jsx(Ye,{className:"ico"}),i.jsx(rk,{children:i.jsx(Ae,{credits:xn})})]}),i.jsx(fo,{onClick:()=>vn(!0),"data-testid":"view-resellers",children:f("itemDetail.viewAllResellers")})]}):null,!st&&!x&&Jo>0?i.jsxs(Lw,{"data-testid":"you-own-note",children:[f("itemDetail.youOwnN",{count:Jo})," ",i.jsx(Cl,{to:"/my-items",children:f("nav.myAssets")})]}):null]})]}):i.jsx(mk,{})})]}),i.jsx(Sp,{title:od,items:U,onViewAll:X&&g.contractAddress?()=>h(`/collection/${g.contractAddress}`):void 0}),O&&x&&$&&Rt?i.jsx(Yc,{listing:$,rate:Rt,onClose:()=>M(!1),onSold:()=>M(!1)}):O&&!x?i.jsx(ao,{item:ie,resume:S,onClose:()=>{M(!1),P(!1)}}):null,yn?i.jsx(ao,{item:yn,onClose:()=>{bn(null),Vt()}}):null,Ve&&ga&&g.itemId?i.jsx(D0,{item:g,onClose:()=>vn(!1)}):null,xa&&s?i.jsx(Zs,{contractAddress:e??"",tokenId:s,onClose:()=>Hn(!1)}):null,zn&&g.itemId&&e?i.jsx(Zs,{variant:"buy",contractAddress:e,itemId:g.itemId,onClose:()=>wn(!1)}):null,id&&re&&D?i.jsx(Xy,{asset:re,session:D,creator:g.creator,edit:qo?ei:void 0,onListed:(I,Ee)=>{Kn(I),Vt(),ja(v,{address:D.address,contractAddress:g.contractAddress,tokenId:g.tokenId},{kind:"listed",priceCredits:I,tradeId:Ee})},onClose:ni}):null,dd&&D?i.jsx(bb,{name:g.name,managed:na(D),canPayGas:Qo,cancel:Zo(!1),onClose:()=>zo(!1)}):null,ld&&D&&g.tokenId?i.jsx(gb,{item:{contractAddress:g.contractAddress,chainId:g.chainId,tokenId:g.tokenId,name:g.name,thumbnail:g.thumbnail},session:D,onClose:()=>{Bo(!1),Vt()},onTransferred:()=>{Kn(null),Vt(),ja(v,{address:D.address,contractAddress:g.contractAddress,tokenId:g.tokenId},{kind:"gone"})}}):null,sd&&ot&&D?i.jsx(Wb,{item:ot,session:D,edit:qo?ei:void 0,onListed:(I,Ee)=>{Kn(I),T(lt=>({...lt,tradeId:Ee}))},onClose:ni}):null,cd&&ot&&D?i.jsx(mv,{item:{contractAddress:ot.contractAddress,chainId:sn.chainId,itemId:ot.blockchainItemId,name:ot.name,thumbnail:ot.thumbnail,available:ot.remainingSupply},session:D,onClose:()=>{Ho(!1),Vt()}}):null,Kt&&Bn?i.jsx(kv,{src:Bn,itemName:g.name,onClose:()=>gn(!1)}):null]})}function mk(){return i.jsxs(zw,{"aria-hidden":!0,children:[i.jsx(Qw,{className:"skeleton"}),i.jsxs(Uw,{children:[i.jsx(Ja,{className:"skeleton"}),i.jsx(Ja,{className:"skeleton"}),i.jsx(Ja,{className:"skeleton"})]}),i.jsx(Jc,{children:[0,1].map(n=>i.jsx(po,{children:i.jsxs(uo,{children:[i.jsx(fl,{className:"skeleton"}),i.jsxs(qw,{children:[i.jsx(Za,{className:"skeleton"}),i.jsx(Za,{className:"skeleton"}),i.jsx(Za,{className:"skeleton","data-short":!0})]})]})},n))}),i.jsx(Zc,{children:[0,1].map(n=>i.jsxs(tr,{...n===1?{"data-collection":!0}:{},children:[i.jsx(fl,{className:"skeleton"}),i.jsx(Kw,{})]},n))}),i.jsx(td,{}),i.jsx(Vw,{className:"skeleton"}),i.jsx(Gw,{className:"skeleton"})]})}export{hk as ItemDetail,qk as ItemDetailRoute,hk as default};
|
|
3778
|
+
//# sourceMappingURL=ItemDetail-DOb19Aa9.js.map
|