@dcl/shop 0.1.0-29869835587.commit-e6e6578 → 0.1.0-29920979542.commit-4d76953
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/{AnimatedBackground-BvysF8a0.js → AnimatedBackground-CKOyKuq9.js} +1 -1
- package/assets/Assets-ByJM1y5V.js +758 -0
- package/assets/Assets.styles-DD1YIA0w.js +503 -0
- package/assets/Cart-gPQahIus.js +3 -0
- package/assets/{CircularProgress-Bf7cTa84.js → CircularProgress-CtItbytk.js} +5 -5
- package/assets/{Collection-BFUSn0Z_.js → Collection-CLdWIwei.js} +1 -1
- package/assets/{CollectionCarousel-BaK4BZqg.js → CollectionCarousel-B_IpHIiN.js} +1 -1
- package/assets/{ConstantsUtil-CJUlyS7R.js → ConstantsUtil-CPwpahR3.js} +1 -1
- package/assets/{ContentClient-B6BvDsXj.js → ContentClient-BjQkITL0.js} +1 -1
- package/assets/{Creator-CTfg9WAL.js → Creator-VHIhb2gU.js} +1 -1
- package/assets/{CssVarsProvider-DQXUaIP8.js → CssVarsProvider-jpijQ72F.js} +1 -1
- package/assets/{DeploymentBuilder-Cp9K3LCu.js → DeploymentBuilder-D-b1kMax.js} +1 -1
- package/assets/{ErrorNotice-C7soUjRV.js → ErrorNotice-DDr3KjIH.js} +1 -1
- package/assets/{ExchangeController-H99cRhIr.js → ExchangeController-Co5yzjlz.js} +1 -1
- package/assets/GetCredits-BpKdDGUc.js +1 -0
- package/assets/{HelpersUtil-CN9OoRaT.js → HelpersUtil-BcUQ676Q.js} +1 -1
- package/assets/ImportListings-B47G6K7L.js +5 -0
- package/assets/ItemDetail-BOp9RNpW.js +78 -0
- package/assets/{LoadMore-QYabEF53.js → LoadMore-kFcJ8c6R.js} +1 -1
- package/assets/MarketCheckout-CS9k9P56.js +3 -0
- package/assets/MyAssets-ag2xjktG.js +258 -0
- package/assets/{MyFavorites-CCbFgdqL.js → MyFavorites-DjUSaIK2.js} +1 -1
- package/assets/MyPurchases-CzDlMrSh.js +200 -0
- package/assets/{NetworkUtil-Xp0fNa8X.js → NetworkUtil-CM7JZPbs.js} +1 -1
- package/assets/{NotFound-ViHzr3Nr.js → NotFound-Bvrv72pX.js} +1 -1
- package/assets/PrimaryListModal-Dcjz3ZJl.js +1 -0
- package/assets/{StoreSettings-BnHjda9z.js → StoreSettings-Cin3qrlR.js} +5 -5
- package/assets/{Success-CbfD54bz.js → Success-nfqeCH24.js} +2 -2
- package/assets/{SwapController-Tfj7j5wZ.js → SwapController-CU_5jEa7.js} +1 -1
- package/assets/Tooltip-zQgqv_WS.js +48 -0
- package/assets/{TradeService-kxdTGO_i.js → TradeService-_0nAkSNj.js} +1 -1
- package/assets/{W3MFrameProviderSingleton-BWjqHbac.js → W3MFrameProviderSingleton-MS8QbMhJ.js} +3 -3
- package/assets/{WebCryptoP256-8HU24K3x.js → WebCryptoP256-CPTxXHRL.js} +1 -1
- package/assets/{basic-DX-B5_bS.js → basic-Tf3II1zc.js} +1 -1
- package/assets/biconomy-DZCRr_z3.js +1 -0
- package/assets/{browser-9oFjBwrz.js → browser-7Z6Tx7yC.js} +1 -1
- package/assets/{browser-ponyfill-DMgE6PM5.js → browser-ponyfill-C_hn4Jen.js} +1 -1
- package/assets/browser-ponyfill-iWQHRc9C.js +1 -0
- package/assets/buy-B9BIW0Jt.js +1 -0
- package/assets/buy-gasless-DbZJNUIF.js +1 -0
- package/assets/{cart-checkout-C3WNM4cy.js → cart-checkout-B7LsaJk_.js} +1 -1
- package/assets/{categories-DQ55lr2p.js → categories-BltWZ-Er.js} +33 -33
- package/assets/{ccip-CYEnvd4I.js → ccip-Cc36BWjI.js} +1 -1
- package/assets/ccip-Do2tH0oQ.js +1 -0
- package/assets/{chains-CpxWadaj.js → chains-DOpzCPsr.js} +1 -1
- package/assets/collection-D7CncqdI.js +1 -0
- package/assets/{common-l22vMua4.js → common-BO9A6Obt.js} +1 -1
- package/assets/controller-DCaEQPE3.js +2 -0
- package/assets/{core-BtRDOtev.js → core-_W1O6dAM.js} +4 -4
- package/assets/{custom-DiiPEfeO.js → custom-BjaMQzvQ.js} +1 -1
- package/assets/{data-capture-BFGedRFL.js → data-capture-Dpsgkm1n.js} +1 -1
- package/assets/decimals-8h3d0d0Q.js +1 -0
- package/assets/decimals-z4vOxece.js +1 -0
- package/assets/detectExtension-Cvy4AYwr.js +1 -0
- package/assets/{email-D8YhsjSC.js → email-BIl3hlZ2.js} +1 -1
- package/assets/{embedded-wallet-CIVu6rdk.js → embedded-wallet-CHCE_nfA.js} +1 -1
- package/assets/emotion-styled.browser.esm-DP-xjC5M.js +1 -0
- package/assets/engine-CbJiHKp8.js +1 -0
- package/assets/{errors-BLIsDEoc.js → errors-BrsnEff4.js} +1 -1
- package/assets/estimate-l1-fee-DEmTi_Xz.js +1 -0
- package/assets/eth_estimateGas-BhQqpdnq.js +1 -0
- package/assets/eth_getStorageAt-CqeWdstl.js +1 -0
- package/assets/eth_getTransactionCount-Ca9PbmYY.js +1 -0
- package/assets/eth_sendRawTransaction-DPdnXbFR.js +1 -0
- package/assets/{ethereum-CkPyqOMA.js → ethereum-C3MAoMFC.js} +1 -1
- package/assets/{ethers-BeFqf2KO.js → ethers-CeDRuWE-.js} +1 -1
- package/assets/execute-2c6JVbQ7.js +2 -0
- package/assets/extractIPFS-HvQvYdM-.js +1 -0
- package/assets/{features-CFz8G3yF.js → features-CxUBJMFm.js} +1 -1
- package/assets/fetchTokenMetadata-DS7xbFh8.js +2 -0
- package/assets/{fortmatic-DhmlcDbL.js → fortmatic-udOxQk4J.js} +1 -1
- package/assets/get-bytecode-mfFuNYuc.js +1 -0
- package/assets/get-ecosystem-wallet-info-CpGKVIMs.js +1 -0
- package/assets/getBalance-DVC-Vuqr.js +2 -0
- package/assets/getInstalledModules-BNHlcIGs.js +1 -0
- package/assets/getNFT-CSbrXFvE.js +2 -0
- package/assets/getNFT-qJLfFykV.js +1 -0
- package/assets/{getOverlayAlpha-B_CoLTSj.js → getOverlayAlpha-DOBThdqC.js} +1 -1
- package/assets/{hashTypedData-DHR5yJit.js → hashTypedData-B4_iMbvS.js} +1 -1
- package/assets/{hashTypedData-BYNsvxyc.js → hashTypedData-dhsewv5B.js} +1 -1
- package/assets/import-C5j6Wx_d.js +1 -0
- package/assets/in-app-1Ryel-eO.js +1 -0
- package/assets/in-app-wallet-calls-CffLwIeA.js +1 -0
- package/assets/{index-CaHcCfyv.js → index-4eD2NdIO.js} +1 -1
- package/assets/index-6RadCnK_.js +2 -0
- package/assets/{index-CwWLPHI8.js → index-8mbANljx.js} +1 -1
- package/assets/index-BA2L6eSl.css +1 -0
- package/assets/{index-BDfpUFpd.js → index-BOwlzThi.js} +1 -1
- package/assets/{index-Cr7q_wI-.js → index-BdfhcS1O.js} +1 -1
- package/assets/{index-DJsdR_Dh.js → index-BmVq_L-1.js} +1 -1
- package/assets/{index-DkfyzgR8.js → index-BoYovC-T.js} +1 -1
- package/assets/{index-QMzB_9kT.js → index-BpbWCyB4.js} +1 -1
- package/assets/index-BsWlzlq1.js +4 -0
- package/assets/index-BsYYLNpm.js +1 -0
- package/assets/{index-CcJuo_B4.js → index-BukPqvyW.js} +1 -1
- package/assets/{index-PGZV0u8x.js → index-Bv7ES646.js} +1 -1
- package/assets/{index-DfnBxBKK.js → index-C-5O3A8t.js} +2 -2
- package/assets/{index-CN5ZLDnc.js → index-C-P3yFpA.js} +1 -1
- package/assets/index-C-zT6j6Q.js +2 -0
- package/assets/{index-FUu8bz4c.js → index-C1RUJcK5.js} +4 -4
- package/assets/{index-BtmcJRGy.js → index-C8ZENK8t.js} +1 -1
- package/assets/{index-BmxotHif.js → index-CABKIgjm.js} +1 -1
- package/assets/{index-pbhVNuOA.js → index-CAp_8XyK.js} +1 -1
- package/assets/{index--JSSHFMQ.js → index-CFkKMhmf.js} +1 -1
- package/assets/{index-BCGZozX2.js → index-CGKFKFa5.js} +1 -1
- package/assets/{index-Cuf2In7m.js → index-CGtI8pSN.js} +1 -1
- package/assets/{index-CTwiT5J0.js → index-CHTy8tIL.js} +1 -1
- package/assets/{index-g3sxw2b2.js → index-COJ-kKXu.js} +2 -2
- package/assets/{index-DGOaB47n.js → index-CQbgtHPx.js} +1 -1
- package/assets/{index-Do7lLz-O.js → index-C_P8UXnh.js} +1 -1
- package/assets/{index-goSkKmOv.js → index-C_wB7Cn-.js} +1 -1
- package/assets/{index-Bk6ayCIs.js → index-CjTTlJEo.js} +1 -1
- package/assets/{index-CtzfdSwK.js → index-Co247DcD.js} +1 -1
- package/assets/{index-B3vzzuVP.js → index-CpetmNFi.js} +1 -1
- package/assets/{index-Dp3Py-Ws.js → index-Cq0eRfqs.js} +1 -1
- package/assets/{index-BMFRmVon.js → index-CtUSW-Bf.js} +1 -1
- package/assets/{index-CXYokVDz.js → index-CvPKxvVT.js} +1 -1
- package/assets/{index-tKIgdudq.js → index-CvUlVzEh.js} +1 -1
- package/assets/index-Cw_zTgKJ.js +289 -0
- package/assets/{index-dYP5cvK2.js → index-Cx_FuvLh.js} +1 -1
- package/assets/{index-fOZ3JG1l.js → index-D7-fYmTC.js} +1 -1
- package/assets/{index-Y6b_vUQr.js → index-DDH_k4kE.js} +1 -1
- package/assets/{index-Cuq6iGY1.js → index-DDcyCRGs.js} +1 -1
- package/assets/{index-B4p2eLga.js → index-DEDR_sJL.js} +1 -1
- package/assets/{index-BfnFZQqu.js → index-DJVoIGkn.js} +1 -1
- package/assets/{index-07n_zhYq.js → index-DJZlClFe.js} +1 -1
- package/assets/{index-Cmi7sq59.js → index-DNI-bcwo.js} +1 -1
- package/assets/{index-BSjx8-a9.js → index-DPhmZ0Is.js} +1 -1
- package/assets/{index-CdfmzGmf.js → index-DZ7nTG5K.js} +1 -1
- package/assets/index-DeN7zJP6.js +2 -0
- package/assets/{index-2yTqM9xZ.js → index-DhSzX-CI.js} +1 -1
- package/assets/{index-CWuMb79R.js → index-DhoYZdLQ.js} +3 -3
- package/assets/{index-IqrjnIQ9.js → index-Dj-dQr5B.js} +1 -1
- package/assets/{index-BQwZ_U1w.js → index-Dnt0S0mL.js} +1 -1
- package/assets/{index-Da6whmyR.js → index-DobQjFvC.js} +1 -1
- package/assets/{index-C7SiFPEi.js → index-Drt6Trho.js} +1 -1
- package/assets/{index-CI-AD5iw.js → index-DtQgf-Kz.js} +1 -1
- package/assets/{index-BufR0bxC.js → index-LAd_iywb.js} +1 -1
- package/assets/{index-BuMOiAUw.js → index-LE62Wpkl.js} +1 -1
- package/assets/{index-mfpj9mGL.js → index-QNpfh38n.js} +1 -1
- package/assets/index-SIMFr-pa.js +3 -0
- package/assets/{index-C7VPGrdO.js → index-ULH0loBs.js} +1 -1
- package/assets/{index-Cv6TsksD.js → index-VGkdjss0.js} +1 -1
- package/assets/{index-BDRB8FDm.js → index-dlW_0FAj.js} +1 -1
- package/assets/{index-htvE856q.js → index-fBrY7bRL.js} +1 -1
- package/assets/{index-B4OkjZ5Z.js → index-nWE7w6GR.js} +3 -3
- package/assets/{index-gvpjFbR1.js → index-yxsQFb8G.js} +1 -1
- package/assets/{index-C_jKIil3.js → index-zY0h-QLU.js} +1 -1
- package/assets/{index.es-BsTkmkjS.js → index.es-BqINDpai.js} +1 -1
- package/assets/{index.es-Dvmu0NoU.js → index.es-DT0e-8F6.js} +4 -4
- package/assets/index.es-aQzlORue.js +1 -0
- package/assets/linkAccount-Coo42zCf.js +1 -0
- package/assets/loader-logo-BzY9EKdC.js +1 -0
- package/assets/{localBatchGatewayRequest-Cej95COc.js → localBatchGatewayRequest-CW07fVpY.js} +1 -1
- package/assets/{mana-rate-Disk-ReT.js → mana-rate-zpYtmb1D.js} +1 -1
- package/assets/{native-BMBZUPnx.js → native-0dhyeu0o.js} +1 -1
- package/assets/{networks-Dapm2cWP.js → networks-h5NQDWsI.js} +1 -1
- package/assets/{onramp-DLQLHSLI.js → onramp-BX2NU_qB.js} +1 -1
- package/assets/openzeppelin-PtKZTHIi.js +1 -0
- package/assets/ownerOf-DZ5adWxQ.js +1 -0
- package/assets/parseNft-PrcFp1dy.js +2 -0
- package/assets/{parseSignature-BUx9b-zW.js → parseSignature-773UBBmK.js} +14 -14
- package/assets/{parseSignature-O3FZfUUc.js → parseSignature-CCoh-bOo.js} +1 -1
- package/assets/passkeys-BpPvCZon.js +1 -0
- package/assets/{pay-with-exchange-DaiVhZAg.js → pay-with-exchange-gDj4lADp.js} +1 -1
- package/assets/prepare-contract-call-C3igYCn_.js +26 -0
- package/assets/{qr-overlay-CGmkZvV0.js → qr-overlay-DtSlNNS5.js} +3 -3
- package/assets/{react-C51i12iP.js → react-BMZSDQJw.js} +1 -1
- package/assets/{receive-DVL3YCyE.js → receive-DSZFrYHX.js} +1 -1
- package/assets/resolveImplementation-CbU1L1Fc.js +1 -0
- package/assets/{rpc-q1fg-PaK.js → rpc-BDqeZL2i.js} +2 -2
- package/assets/{secp256k1-Dj-unqH_.js → secp256k1-BZe2znzk.js} +1 -1
- package/assets/secp256k1-CknJ3w21.js +1 -0
- package/assets/{secp256k1-DT5nTJQH.js → secp256k1-pNAGLswQ.js} +1 -1
- package/assets/{send-CjhoocaG.js → send-DRd_OEaR.js} +1 -1
- package/assets/send-batch-transaction-D7eoe7U7.js +1 -0
- package/assets/send-eip712-transaction-fOYbA_CA.js +2 -0
- package/assets/send-gasless-transaction-Cxhl4UgI.js +2 -0
- package/assets/send-transaction-BoSey3h6.js +2 -0
- package/assets/{sendRawTransaction-CxX-WJOv.js → sendRawTransaction-2HzfqXtJ.js} +3 -3
- package/assets/{sentry-DKBoGDXH.js → sentry-8SzFotJj.js} +1 -1
- package/assets/{serializeTransaction-KtBgxNjB.js → serializeTransaction-DehzIoon.js} +1 -1
- package/assets/session-proposal-CXtYJ600.js +1 -0
- package/assets/session-request-Bzoc3aWY.js +2 -0
- package/assets/sha256-CDuVPJMW.js +1 -0
- package/assets/signing-BuFUwBsg.js +5 -0
- package/assets/{socials-BqxUUXtR.js → socials-DzFO5cs6.js} +1 -1
- package/assets/{swaps-EDZta6zk.js → swaps-DDj52bDn.js} +1 -1
- package/assets/thirdweb-CLT7AbaR.js +27 -0
- package/assets/to-serializable-transaction-3rHBxT_2.js +2 -0
- package/assets/totalSupply-qMyfSB-2.js +1 -0
- package/assets/transaction-DiMmwD2W.js +1 -0
- package/assets/transactionReceipt-D2-apwad.js +1 -0
- package/assets/{transactions-CGvL3Aj1.js → transactions-BzNf4QDf.js} +1 -1
- package/assets/types-DC0Zmj1B.js +1 -0
- package/assets/useCreditPacks-CCExEWAo.js +1 -0
- package/assets/useInfiniteGrid-CpG_Ao97.js +1 -0
- package/assets/{useStore-CQIJvFZA.js → useStore-IaDRl00u.js} +2 -2
- package/assets/useTheme-Y_Ojpcr-.js +1 -0
- package/assets/useTheme-tg-omw8T.js +1 -0
- package/assets/{utils-CBfcEx8F.js → utils-DLyVQGg1.js} +1 -1
- package/assets/{verifyHash-2hJaw2xF.js → verifyHash-4UFZIpQG.js} +1 -1
- package/assets/{w3m-modal-DZpfNka8.js → w3m-modal-D0oIAAHh.js} +1 -1
- package/assets/{w3m-modal-CXTIrAhw.js → w3m-modal-DuWRb-89.js} +1 -1
- package/assets/wait-for-tx-receipt-4BEbGWQp.js +1 -0
- package/assets/wallet-kind-Cg4yayUr.js +1 -0
- package/assets/wallets-K1dHuOGH.js +13 -0
- package/assets/web-connector-6Dl638uy.js +9 -0
- package/assets/{writeContract-CJkUo9D7.js → writeContract-DO4OjsR8.js} +1 -1
- package/assets/{zora-sepolia-CKT05Lph.js → zora-sepolia-sSAsjV_j.js} +1 -1
- package/assets/{zoraTestnet-CRD_79WO.js → zoraTestnet-DTqS-Os0.js} +1 -1
- package/index.html +11 -11
- package/package.json +2 -2
- package/assets/Assets-DoUIRoSX.js +0 -503
- package/assets/Cart-Cyj_u0xP.js +0 -3
- package/assets/GetCredits-BqhYAHL0.js +0 -1
- package/assets/ImportListings-CCQDdZMF.js +0 -5
- package/assets/ItemDetail-C6EEFa3M.js +0 -78
- package/assets/MarketCheckout-B1QbAQBC.js +0 -50
- package/assets/MyAssets-FkZXy017.css +0 -1
- package/assets/MyAssets-gjvqMgx3.js +0 -7
- package/assets/MyPurchases-D04-_M8f.js +0 -3
- package/assets/PrimaryListModal-D6DU8-ZC.js +0 -1
- package/assets/biconomy-DIiiyQwz.js +0 -1
- package/assets/browser-ponyfill-Djb5Py6a.js +0 -1
- package/assets/buy-C5_gzZWJ.js +0 -1
- package/assets/buy-gasless-Cxx1jwuH.js +0 -1
- package/assets/ccip-BafcYzQ9.js +0 -1
- package/assets/collection-DHOETntw.js +0 -1
- package/assets/controller-B80HcZCL.js +0 -2
- package/assets/decimals-Cdn10TAV.js +0 -1
- package/assets/decimals-DCazhsdS.js +0 -1
- package/assets/detectExtension-BSAkQ0I6.js +0 -1
- package/assets/emotion-styled.browser.esm-ClqtCiJQ.js +0 -1
- package/assets/engine-DsQHyohE.js +0 -1
- package/assets/estimate-l1-fee-Cna0j8C0.js +0 -1
- package/assets/eth_estimateGas-A7dV8Dq8.js +0 -1
- package/assets/eth_getStorageAt-DVqXAuzZ.js +0 -1
- package/assets/eth_getTransactionCount-DLrwUt6V.js +0 -1
- package/assets/extractIPFS-Dq1wghef.js +0 -1
- package/assets/fetchTokenMetadata-BTRazXId.js +0 -2
- package/assets/get-ecosystem-wallet-info-B8H2bbhI.js +0 -1
- package/assets/getBalance-BewKvJ6T.js +0 -2
- package/assets/getInstalledModules-ByFUGStC.js +0 -1
- package/assets/getNFT-1nUsfQAJ.js +0 -1
- package/assets/getNFT-BuDjU8-b.js +0 -2
- package/assets/import-CWsWpkUA.js +0 -1
- package/assets/in-app-wallet-calls-Fj_OJpWi.js +0 -1
- package/assets/index-B04ndUbB.js +0 -2
- package/assets/index-BBuZMaWr.js +0 -231
- package/assets/index-CzDOjIXr.js +0 -2
- package/assets/index-DH3Yzbz3.js +0 -1
- package/assets/index-Dhu9IXc1.js +0 -3
- package/assets/index-PISx9bvm.css +0 -1
- package/assets/index-nRbKhfJe.js +0 -2
- package/assets/index.es-CiHN99GO.js +0 -1
- package/assets/loader-logo-CK-TcJ-S.js +0 -1
- package/assets/openzeppelin-B2ua0Itn.js +0 -1
- package/assets/ownerOf-DOppg2jR.js +0 -1
- package/assets/parseNft-D_8M9mfO.js +0 -2
- package/assets/passkeys-CW4jmTtA.js +0 -1
- package/assets/resolveImplementation-06H3horI.js +0 -1
- package/assets/secp256k1-D6rN1PGV.js +0 -1
- package/assets/send-batch-transaction-Bbiva6rb.js +0 -1
- package/assets/send-eip712-transaction-NxK7USDp.js +0 -2
- package/assets/send-gasless-transaction-x5mofsoE.js +0 -2
- package/assets/session-proposal-KoaDAo-a.js +0 -1
- package/assets/session-request-CSef7ndM.js +0 -2
- package/assets/sha256-DkPvB4om.js +0 -1
- package/assets/signing-B9F_g0GG.js +0 -30
- package/assets/thirdweb-D99mQjH-.js +0 -27
- package/assets/totalSupply-BhpAtMjH.js +0 -1
- package/assets/trade-encoding-CWytSFjw.js +0 -1
- package/assets/transactionReceipt-OilL7-NS.js +0 -1
- package/assets/useInfiniteGrid-CpiD11c4.js +0 -1
- package/assets/useTheme-6tr3eE7K.js +0 -1
- package/assets/useTheme-Dpdkvivv.js +0 -1
- package/assets/wait-for-tx-receipt-Dt-8wYDQ.js +0 -1
- package/assets/wallet-kind-B9P1TeIH.js +0 -1
- package/assets/wallets-v6YyPYY8.js +0 -15
- package/assets/web-connector-DBKfHuJF.js +0 -9
|
@@ -0,0 +1,503 @@
|
|
|
1
|
+
import{r as y,j as t}from"./react-BMZSDQJw.js";import{R as z,a as oe,C as ie,c as ne}from"./categories-BltWZ-Er.js";import{T as se}from"./Tooltip-zQgqv_WS.js";import{y as e,s as o,I as m,t as s,z as ae,C as j}from"./index-Cw_zTgKJ.js";import{n as d}from"./emotion-CSxEP8yM.js";const re=o.div`
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
gap: 12px;
|
|
5
|
+
width: 100%;
|
|
6
|
+
`,v=o.div`
|
|
7
|
+
height: 1px;
|
|
8
|
+
background: ${e.colors.media};
|
|
9
|
+
width: 100%;
|
|
10
|
+
`,le=o.div`
|
|
11
|
+
display: flex;
|
|
12
|
+
flex-direction: column;
|
|
13
|
+
width: 100%;
|
|
14
|
+
`,de=o("button",d("desktopStatic"))`
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
justify-content: space-between;
|
|
18
|
+
gap: 8px;
|
|
19
|
+
width: 100%;
|
|
20
|
+
height: 40px;
|
|
21
|
+
padding: 4px;
|
|
22
|
+
border: 0;
|
|
23
|
+
border-radius: 4px;
|
|
24
|
+
background: transparent;
|
|
25
|
+
color: ${e.colors.text};
|
|
26
|
+
text-align: left;
|
|
27
|
+
cursor: pointer;
|
|
28
|
+
|
|
29
|
+
${e.media.down("lg")} {
|
|
30
|
+
height: 52px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@media (hover: hover) {
|
|
34
|
+
&:hover {
|
|
35
|
+
background: #f5f4f7;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
&:focus-visible {
|
|
39
|
+
outline: 2px solid ${e.colors.accent};
|
|
40
|
+
outline-offset: 2px;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
${({desktopStatic:i})=>i?`${e.media.up("lg")} {
|
|
44
|
+
cursor: default;
|
|
45
|
+
&:hover { background: transparent; }
|
|
46
|
+
}`:""}
|
|
47
|
+
`,ce=o.span`
|
|
48
|
+
font-family: ${e.font.sans};
|
|
49
|
+
font-weight: 600;
|
|
50
|
+
font-size: 14px;
|
|
51
|
+
line-height: 1.43;
|
|
52
|
+
color: ${e.colors.text};
|
|
53
|
+
|
|
54
|
+
${e.media.down("lg")} {
|
|
55
|
+
font-size: 16px;
|
|
56
|
+
}
|
|
57
|
+
`,pe=o.span`
|
|
58
|
+
display: inline-flex;
|
|
59
|
+
${e.media.up("lg")} {
|
|
60
|
+
display: none;
|
|
61
|
+
}
|
|
62
|
+
`,xe=o("p",d("desktopHidden"))`
|
|
63
|
+
margin: 0;
|
|
64
|
+
padding: 0 4px 4px;
|
|
65
|
+
font-family: ${e.font.sans};
|
|
66
|
+
font-weight: 400;
|
|
67
|
+
font-size: 12px;
|
|
68
|
+
line-height: normal;
|
|
69
|
+
color: ${e.colors.muted};
|
|
70
|
+
text-transform: capitalize;
|
|
71
|
+
|
|
72
|
+
${({desktopHidden:i})=>i?`${e.media.up("lg")} { display: none; }`:""}
|
|
73
|
+
`,he=o("div",d("open","desktopStatic"))`
|
|
74
|
+
display: grid;
|
|
75
|
+
grid-template-rows: ${({open:i})=>i?"1fr":"0fr"};
|
|
76
|
+
transition: grid-template-rows 0.22s ease;
|
|
77
|
+
|
|
78
|
+
${({desktopStatic:i})=>i?`${e.media.up("lg")} { grid-template-rows: 1fr; }`:""}
|
|
79
|
+
|
|
80
|
+
@media (prefers-reduced-motion: reduce) {
|
|
81
|
+
transition: none;
|
|
82
|
+
}
|
|
83
|
+
`,ge=o.div`
|
|
84
|
+
overflow: hidden;
|
|
85
|
+
min-height: 0;
|
|
86
|
+
`,me=o.div`
|
|
87
|
+
display: flex;
|
|
88
|
+
align-items: flex-end;
|
|
89
|
+
justify-content: center;
|
|
90
|
+
gap: 6px;
|
|
91
|
+
padding: 8px 4px 0;
|
|
92
|
+
`,T=o.label`
|
|
93
|
+
display: flex;
|
|
94
|
+
flex: 1;
|
|
95
|
+
min-width: 0;
|
|
96
|
+
flex-direction: column;
|
|
97
|
+
gap: 4px;
|
|
98
|
+
`,N=o.span`
|
|
99
|
+
font-family: ${e.font.sans};
|
|
100
|
+
font-weight: 400;
|
|
101
|
+
font-size: 12px;
|
|
102
|
+
color: ${e.colors.muted};
|
|
103
|
+
`,P=o.span`
|
|
104
|
+
display: flex;
|
|
105
|
+
align-items: center;
|
|
106
|
+
gap: 4px;
|
|
107
|
+
height: 42px;
|
|
108
|
+
padding: 8px;
|
|
109
|
+
border: 0.5px solid ${e.colors.text};
|
|
110
|
+
border-radius: 8px;
|
|
111
|
+
background: ${e.colors.white};
|
|
112
|
+
|
|
113
|
+
&:focus-within {
|
|
114
|
+
border-color: ${e.rarities.epic};
|
|
115
|
+
}
|
|
116
|
+
`,F=o(m)`
|
|
117
|
+
width: 16px;
|
|
118
|
+
height: 16px;
|
|
119
|
+
color: ${e.colors.rarity};
|
|
120
|
+
`,I=o.input`
|
|
121
|
+
width: 100%;
|
|
122
|
+
min-width: 0;
|
|
123
|
+
border: 0;
|
|
124
|
+
background: none;
|
|
125
|
+
padding: 0;
|
|
126
|
+
font-family: ${e.font.sans};
|
|
127
|
+
font-size: 13px;
|
|
128
|
+
color: ${e.colors.text};
|
|
129
|
+
|
|
130
|
+
&:focus {
|
|
131
|
+
outline: 0;
|
|
132
|
+
}
|
|
133
|
+
&::-webkit-outer-spin-button,
|
|
134
|
+
&::-webkit-inner-spin-button {
|
|
135
|
+
-webkit-appearance: none;
|
|
136
|
+
margin: 0;
|
|
137
|
+
}
|
|
138
|
+
`,ue=o.span`
|
|
139
|
+
padding-bottom: 12px;
|
|
140
|
+
color: ${e.colors.text};
|
|
141
|
+
font-family: ${e.font.sans};
|
|
142
|
+
font-size: 13px;
|
|
143
|
+
`,fe=o.div`
|
|
144
|
+
position: relative;
|
|
145
|
+
height: 20px;
|
|
146
|
+
margin: 24px 4px 0;
|
|
147
|
+
`,be=o.div`
|
|
148
|
+
position: absolute;
|
|
149
|
+
top: 50%;
|
|
150
|
+
left: 0;
|
|
151
|
+
right: 0;
|
|
152
|
+
height: 2px;
|
|
153
|
+
transform: translateY(-50%);
|
|
154
|
+
background: ${e.colors.media};
|
|
155
|
+
border-radius: 2px;
|
|
156
|
+
`,we=o("div",d("minPct","maxPct"))`
|
|
157
|
+
position: absolute;
|
|
158
|
+
top: 50%;
|
|
159
|
+
height: 2px;
|
|
160
|
+
transform: translateY(-50%);
|
|
161
|
+
left: ${({minPct:i})=>`${i}%`};
|
|
162
|
+
right: ${({maxPct:i})=>`${100-i}%`};
|
|
163
|
+
background: ${e.colors.rarity};
|
|
164
|
+
border-radius: 2px;
|
|
165
|
+
`,A=o.input`
|
|
166
|
+
position: absolute;
|
|
167
|
+
top: 0;
|
|
168
|
+
left: 0;
|
|
169
|
+
width: 100%;
|
|
170
|
+
height: 20px;
|
|
171
|
+
margin: 0;
|
|
172
|
+
-webkit-appearance: none;
|
|
173
|
+
appearance: none;
|
|
174
|
+
background: none;
|
|
175
|
+
pointer-events: none;
|
|
176
|
+
|
|
177
|
+
&::-webkit-slider-thumb {
|
|
178
|
+
-webkit-appearance: none;
|
|
179
|
+
appearance: none;
|
|
180
|
+
pointer-events: auto;
|
|
181
|
+
width: 16px;
|
|
182
|
+
height: 16px;
|
|
183
|
+
border-radius: 50%;
|
|
184
|
+
background: ${e.colors.white};
|
|
185
|
+
border: 2px solid ${e.colors.rarity};
|
|
186
|
+
box-shadow: 0 1px 3px rgba(22, 21, 24, 0.25);
|
|
187
|
+
cursor: pointer;
|
|
188
|
+
}
|
|
189
|
+
&::-moz-range-thumb {
|
|
190
|
+
pointer-events: auto;
|
|
191
|
+
width: 16px;
|
|
192
|
+
height: 16px;
|
|
193
|
+
border-radius: 50%;
|
|
194
|
+
background: ${e.colors.white};
|
|
195
|
+
border: 2px solid ${e.colors.rarity};
|
|
196
|
+
box-shadow: 0 1px 3px rgba(22, 21, 24, 0.25);
|
|
197
|
+
cursor: pointer;
|
|
198
|
+
}
|
|
199
|
+
`,$e=o.div`
|
|
200
|
+
display: flex;
|
|
201
|
+
align-items: center;
|
|
202
|
+
justify-content: space-between;
|
|
203
|
+
padding: 12px 4px 0;
|
|
204
|
+
`,E=o.span`
|
|
205
|
+
display: inline-flex;
|
|
206
|
+
align-items: center;
|
|
207
|
+
gap: 2px;
|
|
208
|
+
font-family: ${e.font.sans};
|
|
209
|
+
font-size: 13px;
|
|
210
|
+
color: ${e.colors.text};
|
|
211
|
+
`,H=o(m)`
|
|
212
|
+
width: 16px;
|
|
213
|
+
height: 16px;
|
|
214
|
+
color: ${e.colors.text};
|
|
215
|
+
`,ye=o.div`
|
|
216
|
+
display: flex;
|
|
217
|
+
flex-wrap: wrap;
|
|
218
|
+
gap: 12px;
|
|
219
|
+
padding: 9px 4px 9px 8px;
|
|
220
|
+
|
|
221
|
+
${e.media.down("lg")} {
|
|
222
|
+
gap: 12px 16px;
|
|
223
|
+
}
|
|
224
|
+
`,je=o("button",d("selected"))`
|
|
225
|
+
display: inline-flex;
|
|
226
|
+
align-items: center;
|
|
227
|
+
gap: 4px;
|
|
228
|
+
padding: 4px 8px;
|
|
229
|
+
border-radius: 6px;
|
|
230
|
+
background: ${e.colors.softWhite};
|
|
231
|
+
border: ${({selected:i})=>i?`1px solid ${e.colors.text}`:`0.5px solid ${e.colors.gray4}`};
|
|
232
|
+
cursor: pointer;
|
|
233
|
+
|
|
234
|
+
&:hover {
|
|
235
|
+
border-color: ${e.colors.text};
|
|
236
|
+
}
|
|
237
|
+
&:focus-visible {
|
|
238
|
+
outline: 2px solid ${e.colors.accent};
|
|
239
|
+
outline-offset: 2px;
|
|
240
|
+
}
|
|
241
|
+
`,ve=o("span",d("color"))`
|
|
242
|
+
position: relative;
|
|
243
|
+
width: 16px;
|
|
244
|
+
height: 16px;
|
|
245
|
+
border-radius: 4px;
|
|
246
|
+
background: ${({color:i})=>i};
|
|
247
|
+
flex: none;
|
|
248
|
+
`,Se=o(m)`
|
|
249
|
+
position: absolute;
|
|
250
|
+
inset: 0;
|
|
251
|
+
width: 16px;
|
|
252
|
+
height: 16px;
|
|
253
|
+
color: ${e.colors.white};
|
|
254
|
+
`,ke=o("span",d("selected"))`
|
|
255
|
+
font-family: ${e.font.sans};
|
|
256
|
+
font-weight: ${({selected:i})=>i?600:400};
|
|
257
|
+
font-size: 12px;
|
|
258
|
+
line-height: 1.43;
|
|
259
|
+
color: ${({selected:i})=>i?e.colors.text2:e.colors.gray0};
|
|
260
|
+
text-transform: capitalize;
|
|
261
|
+
|
|
262
|
+
${e.media.down("lg")} {
|
|
263
|
+
font-size: 14px;
|
|
264
|
+
}
|
|
265
|
+
`,Re=o.label`
|
|
266
|
+
display: flex;
|
|
267
|
+
align-items: center;
|
|
268
|
+
gap: 8px;
|
|
269
|
+
height: 40px;
|
|
270
|
+
padding: 4px 4px 4px 24px;
|
|
271
|
+
cursor: pointer;
|
|
272
|
+
`,Ce=o.input`
|
|
273
|
+
width: 18px;
|
|
274
|
+
height: 18px;
|
|
275
|
+
margin: 0;
|
|
276
|
+
accent-color: ${e.colors.accent};
|
|
277
|
+
cursor: pointer;
|
|
278
|
+
flex: none;
|
|
279
|
+
`,ze=o.span`
|
|
280
|
+
font-family: ${e.font.sans};
|
|
281
|
+
font-weight: 400;
|
|
282
|
+
font-size: 14px;
|
|
283
|
+
line-height: 1.43;
|
|
284
|
+
color: ${e.colors.gray0};
|
|
285
|
+
`,Te=o.div`
|
|
286
|
+
display: flex;
|
|
287
|
+
align-items: center;
|
|
288
|
+
justify-content: space-between;
|
|
289
|
+
gap: 8px;
|
|
290
|
+
width: 100%;
|
|
291
|
+
height: 40px;
|
|
292
|
+
padding: 4px;
|
|
293
|
+
|
|
294
|
+
/* On mobile SMART is a peer of the collapsible section headers (Figma 1304-307965): same 52px row
|
|
295
|
+
height so it doesn't read as a smaller afterthought. */
|
|
296
|
+
${e.media.down("lg")} {
|
|
297
|
+
height: 52px;
|
|
298
|
+
}
|
|
299
|
+
`,Ne=o.div`
|
|
300
|
+
display: flex;
|
|
301
|
+
align-items: center;
|
|
302
|
+
gap: 6px;
|
|
303
|
+
`,Pe=o(m)`
|
|
304
|
+
width: 14px;
|
|
305
|
+
height: 14px;
|
|
306
|
+
color: ${e.colors.text};
|
|
307
|
+
|
|
308
|
+
${e.media.down("lg")} {
|
|
309
|
+
width: 16px;
|
|
310
|
+
height: 16px;
|
|
311
|
+
}
|
|
312
|
+
`,Fe=o.span`
|
|
313
|
+
font-family: ${e.font.sans};
|
|
314
|
+
font-weight: 600;
|
|
315
|
+
font-size: 14px;
|
|
316
|
+
line-height: 1.43;
|
|
317
|
+
color: ${e.colors.text};
|
|
318
|
+
/* Figma labels SMART in uppercase (the flash-feature label), unlike the title-case section names. */
|
|
319
|
+
text-transform: uppercase;
|
|
320
|
+
|
|
321
|
+
/* Match the section-header title size on mobile so SMART has the same hierarchy as Price/Rarity/etc. */
|
|
322
|
+
${e.media.down("lg")} {
|
|
323
|
+
font-size: 16px;
|
|
324
|
+
}
|
|
325
|
+
`,Ie=o(m)`
|
|
326
|
+
width: 12px;
|
|
327
|
+
height: 12px;
|
|
328
|
+
color: ${e.colors.muted2};
|
|
329
|
+
`,Ae=o("button",d("on"))`
|
|
330
|
+
position: relative;
|
|
331
|
+
width: 24px;
|
|
332
|
+
height: 14px;
|
|
333
|
+
padding: 0;
|
|
334
|
+
border-radius: 100px;
|
|
335
|
+
border: 1px solid ${({on:i})=>i?e.colors.accent:e.colors.gray4};
|
|
336
|
+
background: ${({on:i})=>i?e.colors.accent:e.colors.media};
|
|
337
|
+
cursor: pointer;
|
|
338
|
+
flex: none;
|
|
339
|
+
transition:
|
|
340
|
+
background 0.15s ease,
|
|
341
|
+
border-color 0.15s ease;
|
|
342
|
+
|
|
343
|
+
&:focus-visible {
|
|
344
|
+
outline: 2px solid ${e.colors.accent};
|
|
345
|
+
outline-offset: 2px;
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
/* Bigger, tappable switch on mobile (the 24×14 desktop pill reads as too small on a phone). */
|
|
349
|
+
${e.media.down("lg")} {
|
|
350
|
+
width: 40px;
|
|
351
|
+
height: 22px;
|
|
352
|
+
}
|
|
353
|
+
`,Ee=o("span",d("on"))`
|
|
354
|
+
position: absolute;
|
|
355
|
+
top: 50%;
|
|
356
|
+
left: ${({on:i})=>i?"calc(100% - 12px)":"0px"};
|
|
357
|
+
transform: translateY(-50%);
|
|
358
|
+
width: 12px;
|
|
359
|
+
height: 12px;
|
|
360
|
+
border-radius: 50%;
|
|
361
|
+
background: ${e.colors.white};
|
|
362
|
+
box-shadow: 0 1px 2px rgba(22, 21, 24, 0.3);
|
|
363
|
+
transition: left 0.15s ease;
|
|
364
|
+
|
|
365
|
+
${e.media.down("lg")} {
|
|
366
|
+
width: 18px;
|
|
367
|
+
height: 18px;
|
|
368
|
+
left: ${({on:i})=>i?"calc(100% - 18px)":"2px"};
|
|
369
|
+
}
|
|
370
|
+
`,c=1e5;function He(i){var l;for(const h of ie){const p=(l=h.subs)==null?void 0:l.find(a=>a.key===i);if(p)return s(p.labelKey)}return i}function S({title:i,open:l,onToggle:h,summary:p,desktopStatic:a,headerTestId:x,headerAria:u,children:f}){const g=t.jsx(ne,{up:l,size:24,color:"var(--text)"});return t.jsxs(le,{children:[t.jsxs(de,{type:"button",desktopStatic:a,onClick:h,"aria-expanded":l,"aria-label":u,"data-testid":x,children:[t.jsx(ce,{children:i}),a?t.jsx(pe,{children:g}):g]}),!l&&p?t.jsx(xe,{desktopHidden:a,children:p}):null,t.jsx(he,{open:l,desktopStatic:a,children:t.jsx(ge,{children:f})})]})}function Me({category:i,subCategory:l,onCategory:h,onSub:p,priceMin:a,priceMax:x,onPriceMin:u,onPriceMax:f,rarities:g,onToggleRarity:_,status:k,onStatus:D,smart:b,onSmart:L}){const[O,Y]=y.useState(!0),[M,B]=y.useState(!0),[K,W]=y.useState(!1),[G,U]=y.useState(!0),R=a&&!Number.isNaN(Number(a))?Number(a):void 0,C=x&&!Number.isNaN(Number(x))?Number(x):void 0,w=R!=null?Math.min(R,c):0,$=C!=null?Math.min(C,c):c,V=w/c*100,X=$/c*100;function q(n){const r=Math.min(n,$);u(r<=0?"":String(r))}function J(n){const r=Math.max(n,w);f(r>=c?"":String(r))}const Q=l?He(l):i!=="wearable"?s(`categories.${i==="emote"?"emotes":i==="all"?"shopAll":i}`):"",Z=R!=null||C!=null?`${a||"0"}-${x||"∞"}`:"",ee=z.filter(n=>g.includes(n)).map(ae).join(", "),te=k==="on_sale"?s("filter.onSale"):k==="not_for_sale"?s("filter.notForSale"):"";return t.jsxs(re,{children:[t.jsx(S,{title:s("assets.category"),open:O,onToggle:()=>Y(n=>!n),summary:Q,desktopStatic:!0,children:t.jsx(oe,{category:i,subCategory:l,onCategory:h,onSub:p})}),t.jsx(v,{}),t.jsxs(S,{title:s("filter.price"),open:M,onToggle:()=>B(n=>!n),summary:Z,desktopStatic:!0,children:[t.jsxs(me,{children:[t.jsxs(T,{children:[t.jsx(N,{children:s("assets.min")}),t.jsxs(P,{children:[t.jsx(F,{name:j.iconName,"aria-hidden":!0}),t.jsx(I,{type:"number",min:"0","aria-label":s("assets.minPriceAria"),placeholder:"0",value:a,onChange:n=>u(n.target.value)})]})]}),t.jsx(ue,{children:s("assets.priceTo")}),t.jsxs(T,{children:[t.jsx(N,{children:s("assets.max")}),t.jsxs(P,{children:[t.jsx(F,{name:j.iconName,"aria-hidden":!0}),t.jsx(I,{type:"number",min:"0","aria-label":s("assets.maxPriceAria"),placeholder:"0",value:x,onChange:n=>f(n.target.value)})]})]})]}),t.jsxs(fe,{children:[t.jsx(be,{"aria-hidden":!0}),t.jsx(we,{minPct:V,maxPct:X,"aria-hidden":!0}),t.jsx(A,{type:"range",min:0,max:c,value:w,"aria-label":s("assets.minPriceSliderAria"),onChange:n=>q(Number(n.target.value))}),t.jsx(A,{type:"range",min:0,max:c,value:$,"aria-label":s("assets.maxPriceSliderAria"),onChange:n=>J(Number(n.target.value))})]}),t.jsxs($e,{children:[t.jsxs(E,{children:[t.jsx(H,{name:j.iconName,"aria-hidden":!0}),w.toLocaleString()]}),t.jsxs(E,{children:[t.jsx(H,{name:j.iconName,"aria-hidden":!0}),$.toLocaleString()]})]})]}),t.jsx(v,{}),t.jsx(S,{title:s("assets.rarity"),open:K,onToggle:()=>W(n=>!n),summary:ee,headerTestId:"sidebar-section-toggle",children:t.jsx(ye,{"data-testid":"rarity-filter",children:z.map(n=>{const r=g.includes(n);return t.jsxs(je,{type:"button",selected:r,"aria-pressed":r,onClick:()=>_(n),"data-testid":"rarity-filter-check",children:[t.jsx(ve,{color:e.rarities[n],children:r?t.jsx(Se,{name:"check","aria-hidden":!0}):null}),t.jsx(ke,{selected:r,children:n})]},n)})})}),t.jsx(v,{}),t.jsx(S,{title:s("filter.status"),open:G,onToggle:()=>U(n=>!n),summary:te,children:[["all",s("filter.statusAll")],["on_sale",s("filter.onSale")],["not_for_sale",s("filter.notForSale")]].map(([n,r])=>t.jsxs(Re,{children:[t.jsx(Ce,{type:"radio",name:"shop-status",checked:k===n,onChange:()=>D(n)}),t.jsx(ze,{children:r})]},n))}),t.jsx(v,{}),t.jsxs(Te,{children:[t.jsxs(Ne,{children:[t.jsx(Pe,{name:"smart","aria-hidden":!0}),t.jsx(Fe,{children:s("filter.smart")}),t.jsx(se,{content:s("filter.smartHint"),placement:"bottom",children:t.jsx(Ie,{name:"info",role:"img","aria-label":s("filter.smartHint"),tabIndex:0})})]}),t.jsx(Ae,{type:"button",role:"switch",on:b,"aria-checked":b,"aria-label":s("filter.smart"),onClick:()=>L(!b),children:t.jsx(Ee,{on:b})})]})]})}const Be=o.div`
|
|
371
|
+
position: relative;
|
|
372
|
+
display: flex;
|
|
373
|
+
gap: 32px;
|
|
374
|
+
align-items: flex-start;
|
|
375
|
+
|
|
376
|
+
${e.media.down("lg")} {
|
|
377
|
+
display: block;
|
|
378
|
+
}
|
|
379
|
+
`,Ke=o.div`
|
|
380
|
+
flex: 1;
|
|
381
|
+
min-width: 0;
|
|
382
|
+
|
|
383
|
+
${e.media.down("lg")} {
|
|
384
|
+
width: 100%;
|
|
385
|
+
}
|
|
386
|
+
`,We=o.aside`
|
|
387
|
+
flex: none;
|
|
388
|
+
width: 265px;
|
|
389
|
+
|
|
390
|
+
${e.media.down("lg")} {
|
|
391
|
+
position: fixed;
|
|
392
|
+
left: 0;
|
|
393
|
+
right: 0;
|
|
394
|
+
bottom: 0;
|
|
395
|
+
top: auto;
|
|
396
|
+
z-index: 9999;
|
|
397
|
+
width: 100%;
|
|
398
|
+
max-height: 88vh;
|
|
399
|
+
display: flex;
|
|
400
|
+
flex-direction: column;
|
|
401
|
+
border-radius: 16px 16px 0 0;
|
|
402
|
+
background: ${e.colors.white};
|
|
403
|
+
padding: 0 16px;
|
|
404
|
+
box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.18);
|
|
405
|
+
transform: translateY(100%);
|
|
406
|
+
transition: transform 0.26s ease;
|
|
407
|
+
visibility: hidden;
|
|
408
|
+
|
|
409
|
+
&.is-open {
|
|
410
|
+
transform: translateY(0);
|
|
411
|
+
visibility: visible;
|
|
412
|
+
}
|
|
413
|
+
}
|
|
414
|
+
`,Ge=o.div`
|
|
415
|
+
${e.media.down("lg")} {
|
|
416
|
+
flex: 1;
|
|
417
|
+
min-height: 0;
|
|
418
|
+
overflow-y: auto;
|
|
419
|
+
/* Room so the last filter row clears the sticky "Show items" bar (Figma bottom bar). */
|
|
420
|
+
padding-bottom: 24px;
|
|
421
|
+
}
|
|
422
|
+
`,Ue=o.div`
|
|
423
|
+
position: fixed;
|
|
424
|
+
inset: 0;
|
|
425
|
+
z-index: 9998;
|
|
426
|
+
background: rgba(0, 0, 0, 0.4);
|
|
427
|
+
`,Ve=o.div`
|
|
428
|
+
display: none;
|
|
429
|
+
|
|
430
|
+
${e.media.down("lg")} {
|
|
431
|
+
position: sticky;
|
|
432
|
+
top: 0;
|
|
433
|
+
z-index: 2;
|
|
434
|
+
display: flex;
|
|
435
|
+
align-items: center;
|
|
436
|
+
justify-content: space-between;
|
|
437
|
+
background: ${e.colors.white};
|
|
438
|
+
margin: 0 -16px 8px;
|
|
439
|
+
padding: 16px 16px 12px;
|
|
440
|
+
border-radius: 16px 16px 0 0;
|
|
441
|
+
}
|
|
442
|
+
`,Xe=o.span`
|
|
443
|
+
font-family: ${e.font.sans};
|
|
444
|
+
font-weight: 700;
|
|
445
|
+
font-size: 15px;
|
|
446
|
+
letter-spacing: 0.46px;
|
|
447
|
+
text-transform: uppercase;
|
|
448
|
+
color: ${e.colors.text};
|
|
449
|
+
`,qe=o.button`
|
|
450
|
+
display: grid;
|
|
451
|
+
place-items: center;
|
|
452
|
+
width: 32px;
|
|
453
|
+
height: 32px;
|
|
454
|
+
border-radius: 50%;
|
|
455
|
+
background: ${e.colors.chip};
|
|
456
|
+
border: 0;
|
|
457
|
+
font-size: 15px;
|
|
458
|
+
line-height: 1;
|
|
459
|
+
cursor: pointer;
|
|
460
|
+
color: ${e.colors.text};
|
|
461
|
+
|
|
462
|
+
&:focus-visible {
|
|
463
|
+
outline: 2px solid ${e.colors.accent};
|
|
464
|
+
outline-offset: 2px;
|
|
465
|
+
}
|
|
466
|
+
`,Je=o.div`
|
|
467
|
+
display: none;
|
|
468
|
+
|
|
469
|
+
${e.media.down("lg")} {
|
|
470
|
+
display: flex;
|
|
471
|
+
align-items: center;
|
|
472
|
+
gap: 12px;
|
|
473
|
+
position: sticky;
|
|
474
|
+
bottom: 0;
|
|
475
|
+
margin: 8px -16px 0;
|
|
476
|
+
padding: 16px 16px calc(16px + env(safe-area-inset-bottom));
|
|
477
|
+
background: ${e.colors.white};
|
|
478
|
+
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.25);
|
|
479
|
+
z-index: 1;
|
|
480
|
+
}
|
|
481
|
+
`,Qe=o.button`
|
|
482
|
+
flex: 1;
|
|
483
|
+
height: 40px;
|
|
484
|
+
border: 0;
|
|
485
|
+
border-radius: 8px;
|
|
486
|
+
background: ${e.colors.accent};
|
|
487
|
+
color: ${e.colors.softWhite};
|
|
488
|
+
font-family: ${e.font.sans};
|
|
489
|
+
font-weight: 600;
|
|
490
|
+
font-size: 13px;
|
|
491
|
+
letter-spacing: 0.46px;
|
|
492
|
+
line-height: 24px;
|
|
493
|
+
text-transform: uppercase;
|
|
494
|
+
cursor: pointer;
|
|
495
|
+
|
|
496
|
+
&:hover {
|
|
497
|
+
filter: brightness(1.08);
|
|
498
|
+
}
|
|
499
|
+
&:focus-visible {
|
|
500
|
+
outline: 2px solid ${e.colors.accent};
|
|
501
|
+
outline-offset: 2px;
|
|
502
|
+
}
|
|
503
|
+
`;export{qe as C,v as D,S as F,Ke as M,ye as R,Re as S,je as a,ve as b,Se as c,ke as d,Ce as e,ze as f,Be as g,Ue as h,We as i,Ve as j,Xe as k,Ge as l,Je as m,Qe as n,Me as o};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{j as e,r as j,u as Se,b as qe,L as Z}from"./react-BMZSDQJw.js";import{t as a,l as I,al as W,u as Le,aj as C,a as ie,g as Ie,e as Te,h as Pe,j as Ee,I as E,am as Be,q as J,an as de,ao as Fe,x as R,s as Ae,B as Re,c as We,C as Ue,o as ze,k as ue,ap as $e,v as he,r as Qe,aq as Ke}from"./index-Cw_zTgKJ.js";import{s as Oe}from"./wallet-kind-Cg4yayUr.js";import{a as me}from"./buy-B9BIW0Jt.js";import{g as Ge,a as Je,w as De,S as He,G as Ve}from"./buy-gasless-DbZJNUIF.js";import{R as D,r as Ye}from"./cart-checkout-B7LsaJk_.js";import{u as Xe,c as Ze}from"./useCreditPacks-CCExEWAo.js";import{l as es}from"./loader-logo-BzY9EKdC.js";import{i as ss,a as as}from"./errors-BrsnEff4.js";import{E as ts}from"./ErrorNotice-DDr3KjIH.js";import{C as cs}from"./CollectionCarousel-B_IpHIiN.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-8SzFotJj.js";import"./ethers-CeDRuWE-.js";import"./intl-CBcMB1D2.js";import"./index-HN6Rk25C.js";const rs="https://cdn.decentraland.org/@dcl/shop/0.1.0-29920979542.commit-4d76953/assets/buy-error-22UunaPC.png";function ns(t){const{phase:r,balanceCredits:u,onClose:l}=t,_=r==="processing",w=r!=="complete",M=r==="error"?a("cartCheckout.errorTitle"):r==="nofunds"?a("cartCheckout.titleNoFunds"):a("cartCheckout.titleBuy"),g=r==="processing";return e.jsxs("div",{className:"buy-modal",role:"dialog","aria-modal":"true","aria-label":a("cartCheckout.dialogAria"),children:[e.jsx("div",{className:"buy-modal__scrim",onClick:_?void 0:l,"aria-hidden":!0}),e.jsxs("div",{className:`buy-modal__card${g?" buy-modal__card--tall":""}`,children:[w&&e.jsxs("div",{className:"buy-modal__head",children:[e.jsxs("div",{className:"buy-modal__head-row",children:[e.jsx("h2",{className:"buy-modal__title",children:M}),!_&&e.jsx("button",{className:"buy-modal__x",onClick:l,"aria-label":a("buyModal.close"),children:e.jsx("svg",{viewBox:"0 0 18 18",width:"18",height:"18","aria-hidden":!0,children:e.jsx("path",{d:"M4 4l10 10M14 4L4 14",stroke:"#161518",strokeWidth:"1.8",strokeLinecap:"round"})})})]}),e.jsxs("div",{className:"buy-modal__balance",children:[e.jsx("span",{className:"buy-modal__balance-label",children:r==="nofunds"?a("buyModal.dclBalance"):a("buyModal.myCreditsBalance")}),e.jsx(I,{className:"buy-modal__balance-ico"}),e.jsx("span",{className:"buy-modal__balance-value",children:W(u)})]})]}),r==="processing"&&e.jsx(os,{stage:t.stage??"reserving",step:t.step??1,total:t.total??1,isSelfCustody:!!t.isSelfCustody}),r==="nofunds"&&e.jsx(ls,{lines:t.lines??[],shortfallCredits:t.shortfallCredits??0,packs:t.packs??[],selectedPack:t.selectedPack??"",onSelectPack:t.onSelectPack??(()=>{}),onBuyPacks:t.onBuyPacks??(()=>{}),onCancel:l}),r==="complete"&&e.jsx(is,{purchased:t.purchased??[],onMyAssets:t.onMyAssets??l,onTryInWorld:t.onTryInWorld??l}),r==="error"&&e.jsxs("div",{className:"buy-modal__body",children:[e.jsxs("div",{className:"buy-error",children:[e.jsx("img",{className:"buy-error__art",src:rs,alt:"",width:64,height:80}),e.jsxs("p",{className:"buy-error__text",children:[e.jsx("b",{children:a("cartCheckout.errorHeadline")})," ",a("cartCheckout.errorBody")]})]}),e.jsxs("div",{className:"buy-modal__ctas",children:[e.jsx("button",{className:"buy-modal__btn buy-modal__btn--outline",onClick:l,children:a("buyModal.cancel")}),e.jsx("button",{className:"buy-modal__btn buy-modal__btn--purple",onClick:t.onRetry??l,children:a("cartCheckout.tryAgain")})]})]})]})]})}function os({stage:t,step:r,total:u,isSelfCustody:l}){const _=t==="reserving",w=u>0?Math.min(100,Math.round(r/u*100)):0,M=t==="awaiting-signature"?l?a("buyModal.confirmToContinue"):a("buyModal.completingTransaction"):t==="settling"?a("buyModal.completingTransaction"):a("cartCheckout.preparing");return e.jsxs("div",{className:"buy-modal__body buy-modal__processing",children:[e.jsx("img",{className:"buy-modal__logo",src:es,alt:"",width:61,height:61}),e.jsx("div",{className:"buy-modal__processing-text",children:M}),_?e.jsxs("div",{className:"cart-checkout__progress-row",children:[e.jsx("div",{className:"buy-modal__progress","aria-hidden":!0,children:e.jsx("span",{className:"buy-modal__progress-fill buy-modal__progress-fill--step",style:{width:`${w}%`}})}),u>1?e.jsxs("span",{className:"cart-checkout__step",children:[r,"/",u]}):null]}):e.jsx("div",{className:"buy-modal__progress","aria-hidden":!0,children:e.jsx("span",{className:"buy-modal__progress-fill"})})]})}function ls({lines:t,shortfallCredits:r,packs:u,selectedPack:l,onSelectPack:_,onBuyPacks:w,onCancel:M}){const g=u.find(c=>c.id===l),H=t.reduce((c,y)=>c+(y.quantity??1),0);return e.jsxs("div",{className:"buy-modal__body",children:[e.jsxs("div",{className:"buy-modal__warning",children:[e.jsxs("svg",{viewBox:"0 0 24 24",width:"24",height:"24","aria-hidden":!0,className:"buy-modal__warning-ico",children:[e.jsx("path",{d:"M12 3L2 20h20L12 3z",fill:"none",stroke:"#691fa9",strokeWidth:"1.8",strokeLinejoin:"round"}),e.jsx("path",{d:"M12 9v5",stroke:"#691fa9",strokeWidth:"1.8",strokeLinecap:"round"}),e.jsx("circle",{cx:"12",cy:"17",r:"1.1",fill:"#691fa9"})]}),e.jsxs("p",{className:"buy-modal__warning-text",children:[e.jsx("b",{children:a("buyModal.insufficientFunds")})," ",a("buyModal.warningNeedToBuy")," ",e.jsx("b",{children:a("buyModal.warningCreditsAmount",{count:Math.max(0,r)})})," ",a("buyModal.warningToPurchase",{count:H})]})]}),e.jsx("div",{className:"cart-checkout__scroll",children:t.map(c=>{const y=c.quantity??1;return e.jsxs("div",{className:"buy-modal__asset",children:[e.jsx("div",{className:"buy-modal__asset-thumb",children:c.item.thumbnail?e.jsx("img",{src:c.item.thumbnail,alt:""}):null}),e.jsxs("div",{className:"buy-modal__asset-info",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"buy-modal__asset-name",title:c.item.name,children:[c.item.name||a("buyModal.itemFallback"),y>1?e.jsx("span",{className:"cart-checkout__qty-tag",children:a("cartCheckout.qty",{count:y})}):null]}),c.item.creator?e.jsx("div",{className:"buy-modal__asset-creator",children:a("search.byCreator",{name:c.item.creator})}):null]}),e.jsxs("div",{className:"buy-modal__asset-price",children:[e.jsx(I,{className:"buy-modal__asset-price-ico"}),e.jsx("span",{children:W(c.priceCredits*y)})]})]})]},c.item.id)})}),e.jsx("div",{className:"buy-modal__packs",children:u.map(c=>{const y=c.id===l;return e.jsxs("button",{className:`buy-modal__pack${y?" buy-modal__pack--on":""}`,onClick:()=>_(c.id),children:[e.jsx(I,{className:"buy-modal__pack-ico"}),e.jsx("span",{className:"buy-modal__pack-amount",children:W(c.credits)}),e.jsxs("span",{className:"buy-modal__pack-usd",children:["($",c.usd.toFixed(2),")"]})]},c.id)})}),e.jsxs("div",{className:"buy-modal__total",children:[e.jsxs("div",{className:"buy-modal__total-credits",children:[e.jsx(I,{className:"buy-modal__total-ico"}),e.jsx("span",{children:W((g==null?void 0:g.credits)??0)})]}),e.jsxs("span",{className:"buy-modal__total-usd",children:["$",((g==null?void 0:g.usd)??0).toFixed(2)]})]}),e.jsxs("div",{className:"buy-modal__ctas",children:[e.jsx("button",{className:"buy-modal__btn buy-modal__btn--outline",onClick:M,children:a("buyModal.cancel")}),e.jsx("button",{className:"buy-modal__btn buy-modal__btn--gradient",onClick:w,children:a("buyModal.buy")})]})]})}function is({purchased:t,onMyAssets:r,onTryInWorld:u}){return e.jsxs("div",{className:"buy-modal__body cart-checkout__done-body",children:[e.jsxs("div",{className:"buy-modal__success",children:[e.jsxs("svg",{viewBox:"0 0 64 64",width:"60",height:"60","aria-hidden":!0,children:[e.jsx("circle",{cx:"32",cy:"32",r:"32",fill:"#34ce77"}),e.jsx("path",{d:"M20 33l8 8 16-18",fill:"none",stroke:"#fff",strokeWidth:"5",strokeLinecap:"round",strokeLinejoin:"round"})]}),e.jsxs("p",{className:"buy-modal__success-text",children:[e.jsx("b",{children:a("getCredits.successTitle")})," ",a("buyModal.successBody")]})]}),e.jsx("div",{className:"cart-checkout__done",children:e.jsx("div",{className:"cart-checkout__done-scroll",children:t.map(l=>{const _=l.quantity??1;return e.jsxs("div",{className:"cart-checkout__done-row",children:[e.jsxs("div",{className:"cart-checkout__done-thumb",children:[l.thumbnail?e.jsx("img",{src:l.thumbnail,alt:""}):null,e.jsx("span",{className:"cart-checkout__done-check","aria-hidden":!0,children:e.jsx("svg",{viewBox:"0 0 18 18",width:"12",height:"12",children:e.jsx("path",{d:"M4 9l3.5 3.5L14 5",fill:"none",stroke:"#fff",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),e.jsxs("div",{className:"cart-checkout__done-info",children:[e.jsxs("div",{className:"cart-checkout__done-name",title:l.name,children:[l.name||a("buyModal.itemFallback"),_>1?e.jsx("span",{className:"cart-checkout__qty-tag",children:a("cartCheckout.qty",{count:_})}):null]}),l.creator?e.jsx("div",{className:"cart-checkout__done-creator",children:a("search.byCreator",{name:l.creator})}):null]}),e.jsxs("div",{className:"cart-checkout__done-price",children:[e.jsx(I,{className:"cart-checkout__done-price-ico"}),e.jsx("span",{children:W(l.priceCredits*_)})]})]},l.id)})})}),e.jsxs("div",{className:"buy-modal__ctas",children:[e.jsx("button",{className:"buy-modal__btn buy-modal__btn--outline",onClick:r,children:a("buyModal.myAssets")}),e.jsxs("button",{className:"buy-modal__btn buy-modal__btn--ruby",onClick:u,children:[a("buyModal.tryInWorld"),e.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20","aria-hidden":!0,children:e.jsx("path",{d:"M5 12h12M13 7l5 5-5 5",fill:"none",stroke:"#fcfcfc",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})]})}const ds=Ae(Re)`
|
|
2
|
+
margin-top: 12px;
|
|
3
|
+
`;function _e(t){if(ss(t))return a("errors.rejected");const r=(t.message??"").toLowerCase();return r.includes("insufficient")?a("cart.error.insufficient",{currency:Ue.name}):r.includes("no active listing")||r.includes("your own listing")?a("cart.error.listingChanged"):a("marketCheckout.error.generic")}const us=12e4,hs=We.chainId===80002?"https://decentraland.zone/jump":"https://decentraland.org/jump";function ms(t){const r=[];return t.unavailable.length&&r.push(a("cart.drop.unavailable",{count:t.unavailable.length})),t.own.length&&r.push(a("cart.drop.own",{count:t.own.length})),a("cart.drop.removed",{items:r.join(` ${a("cart.drop.and")} `)})}const ye=t=>t.reduce((r,u)=>r+u.priceCredits*u.quantity,0),_s=t=>t.flatMap(r=>Array.from({length:r.quantity},()=>({...r,quantity:1})));function Is(){Le({title:a("nav.cart"),noindex:!0});const t=C(s=>s.items),r=C(s=>s.remove),u=C(s=>s.increment),l=C(s=>s.decrement),_=C(s=>s.clear),w=C(s=>s.restore),M=C(s=>s.setFittingOpen),g=ie(s=>s.items),H=ie(s=>s.toggle),{session:c}=Ie(),y=Xe().packs.slice(0,3);j.useEffect(()=>(document.body.classList.add("shop-cart-bg"),()=>document.body.classList.remove("shop-cart-bg")),[]);const pe=t.some(s=>s.category!=="emote"),{data:V}=Te({queryKey:["upsell-listings"],queryFn:()=>Ke({first:40}),staleTime:6e4}),{data:B}=Pe(c),U=Ee(),z=Se(),{state:T}=qe(),[ee,F]=j.useState(null),[be,S]=j.useState(null),[se,$]=j.useState(null),[xe,P]=j.useState(!1),[k,A]=j.useState(null),ae=j.useRef(0),[i,v]=j.useState(null),[Y,te]=j.useState(""),je=t.reduce((s,n)=>s+n.priceCredits*n.quantity,0),ce=t.reduce((s,n)=>s+n.quantity,0),ge=k?k.liveTotalCredits:je,ke=new Set(t.map(s=>s.id)),re=((V==null?void 0:V.items)??[]).filter(s=>!ke.has(s.id)).slice(0,12),fe=new Map(k==null?void 0:k.buyable.map(s=>[s.item.id,s])),Q=(B==null?void 0:B.credits)??0,ve=Fe;function K(s){s(),A(null),$(null),S(null)}function Ne(){v(null),P(!1)}function ne(s){const n=ye(s),o=Math.max(0,n-Q),b=y.find(h=>h.credits>=o)??y[y.length-1];te(b.id),J("Shop Buy Credits Prompted",{from:"cart_checkout",credits_needed:n,credits_balance:Q,shortfall:o}),v({phase:"nofunds",lines:s.map(h=>({item:h.item,priceCredits:h.priceCredits,quantity:h.quantity})),shortfall:o}),P(!1)}async function Ce(s){if(!c||s.length===0)return;const n=_s(s),o=n.map(d=>({...d.item,priceCredits:d.priceCredits})),b=s.map(d=>({...d.item,priceCredits:d.priceCredits,quantity:d.quantity})),h=[];let N="authorize",G=!1;v({phase:"processing",stage:"reserving",step:1,total:n.length});try{const d=[];for(let m=0;m<n.length;m++){const L=n[m];v({phase:"processing",stage:"reserving",step:m+1,total:n.length});try{const{credit:p,maxCreditedValue:X}=await ze(c.identity,L.usdCents,L.trade.id);h.push(p.id),d.push({trade:L.trade,credits:[p],maxCreditedValue:X})}catch(p){if(as(p)){if(h.length){try{await ue(c.identity,h)}catch(X){R(X,{flow:"cart_checkout",step:"release"})}U.invalidateQueries({queryKey:["usd-balance"]})}ne(s);return}throw p}}N="submit";const x=()=>v({phase:"processing",stage:"settling",step:n.length,total:n.length});v({phase:"processing",stage:"awaiting-signature",step:n.length,total:n.length});let f=[];if(Ge())try{f=await Je({purchases:d,buyer:c.address,signer:c.signer,onSigned:x});const L=(await Promise.allSettled(f.map(p=>De(p)))).flatMap(p=>p.status==="rejected"?[p.reason]:[]);if(L.length&&!L.some(p=>p instanceof He))throw L[0];G=!0}catch(m){if(!(m instanceof Ve))throw m;f=await me({purchases:d,buyer:c.address,signer:c.signer,onSigned:x})}else f=await me({purchases:d,buyer:c.address,signer:c.signer});s.forEach(m=>r(m.item.id)),A(null),J("Shop Completed Purchase",{...$e(o),payment_type:"credits",no_crypto_step:G,transaction_hash:f[0]??null}),U.invalidateQueries({queryKey:["usd-balance"]}),v({phase:"complete",purchased:b})}catch(d){if(he(d)||R(d,{flow:"cart_checkout",step:N,cart_size:s.length}),J(he(d)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:N,error_code:Qe(d),value_usd:de(o.reduce((x,f)=>x+f.priceCredits,0)),cart_size:n.length}),h.length){try{await ue(c.identity,h)}catch(x){R(x,{flow:"cart_checkout",step:"release"})}U.invalidateQueries({queryKey:["usd-balance"]})}v({phase:"error",message:_e(d)})}}function oe(s){const n=ye(s);if(B!=null&&B.credits<n){ne(s);return}Ce(s)}async function O(){if(!c){S(a("buyModal.signInToCheckout"));return}const s=C.getState().items;if(s.length===0)return;S(null),$(null),P(!0);const n=s.reduce((o,b)=>o+b.priceCredits*b.quantity,0);J("Shop Started Checkout",{cart_size:s.length,cart_value_credits:n,cart_value_usd:de(n),has_sufficient_credits:Q>=n});try{F(a("cart.status.reviewing"));const o=await Ye(s,c.address,ve),b=[...o.unavailable,...o.own];if(b.length&&(b.forEach(h=>r(h.id)),$(ms(o))),o.buyable.length===0){S(a("cart.error.noneAvailable")),A(null),F(null);return}if(o.orderChanged){A(o),ae.current=Date.now(),F(null);return}F(null),oe(o.buyable)}catch(o){R(o,{flow:"cart_checkout",step:"review",cart_size:s.length}),S(_e(o)),F(null)}finally{P(!1)}}async function we(){if(k){if(!c){S(a("buyModal.signInToCheckout"));return}if(Date.now()-ae.current>us){A(null),$(null),await O();return}S(null),oe(k.buyable)}}async function Me(){if(Y){try{sessionStorage.setItem(D,JSON.stringify(C.getState().items))}catch{}P(!0);try{const s=await Ze(Y,c?{address:c.address,identity:c.identity}:void 0);if(s.url){window.location.href=s.url;return}z("/credits")}catch(s){try{sessionStorage.removeItem(D)}catch{}R(s,{flow:"cart_buy_credits"}),v({phase:"error",message:a("buyModal.error.creditsCheckout")})}finally{P(!1)}}}const le=j.useRef(!1);j.useEffect(()=>{if(!(T!=null&&T.resumeCheckout)||le.current)return;le.current=!0;try{const n=sessionStorage.getItem(D);if(n){sessionStorage.removeItem(D);const o=JSON.parse(n);Array.isArray(o)&&o.length&&w(o)}}catch{}U.invalidateQueries({queryKey:["usd-balance"]});const s=setTimeout(()=>void O(),0);return()=>clearTimeout(s)},[T==null?void 0:T.resumeCheckout]);const q=xe||(i==null?void 0:i.phase)==="processing";return t.length===0&&!i?e.jsxs("div",{className:"cart cart--empty",children:[e.jsx(E,{name:"cart",size:44,color:"var(--muted-2)"}),e.jsx("p",{className:"cart-empty__title",children:a("cart.empty.title")}),e.jsx("p",{className:"muted",children:a("cart.empty.body")}),e.jsx(ds,{as:Z,to:"/assets",variant:"purple",children:a("cart.empty.cta")})]}):e.jsxs("div",{className:"checkout",children:[e.jsxs("div",{className:"checkout__top",children:[e.jsxs("button",{className:"checkout__back",onClick:()=>z(-1),type:"button",children:[e.jsx(E,{name:"arrow-left"}),a("nav.cart")]}),e.jsxs("div",{className:"checkout__body",children:[e.jsxs("div",{className:"checkout__left",children:[e.jsxs("div",{className:"checkout__head-card",children:[e.jsx("button",{className:"checkout__panel-back",onClick:()=>z(-1),type:"button","aria-label":a("cart.goBack"),children:e.jsx(E,{name:"arrow-left"})}),e.jsx("h1",{className:"checkout__panel-title",children:a("cart.panelTitle",{count:ce})}),pe?e.jsxs("button",{className:"checkout__fitting",onClick:()=>M(!0),disabled:q,children:[e.jsx(E,{name:"fitting-room"}),a("cart.fittingRoom")]}):null]}),e.jsxs("section",{className:"checkout__panel",children:[e.jsx("div",{className:"checkout__list",children:t.map(s=>{const n=fe.get(s.id),o=n?n.priceCredits:s.priceCredits,b=!!n&&n.priceCredits!==s.priceCredits,h=!s.tokenId,N=s.quantity,G=typeof s.available=="number"&&N>=s.available,d=o*N,x=!!g[s.id],f=s.tokenId??s.itemId,m=s.contractAddress&&f?`/item/${s.contractAddress}/${f}`:null;return e.jsxs("div",{className:"checkout__card",children:[e.jsxs("div",{className:"checkout__thumb",children:[m?e.jsx(Z,{className:"checkout__thumb-link",to:m,state:{item:s,tradeId:s.tradeId},"aria-label":s.name,children:s.thumbnail?e.jsx("img",{src:s.thumbnail,alt:s.name}):null}):s.thumbnail?e.jsx("img",{src:s.thumbnail,alt:s.name}):null,e.jsx("span",{className:"checkout__thumb-check","aria-hidden":!0,children:e.jsx("svg",{viewBox:"0 0 20 20",width:"12",height:"12",children:e.jsx("path",{d:"M5 10.5l3 3 7-7.5",fill:"none",stroke:"#fff",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),e.jsxs("div",{className:"checkout__info",children:[e.jsxs("div",{className:"checkout__desc",children:[m?e.jsx(Z,{className:"checkout__name",to:m,state:{item:s,tradeId:s.tradeId},title:s.name,children:s.name}):e.jsx("div",{className:"checkout__name",title:s.name,children:s.name}),s.creator?e.jsx(Be,{address:s.creator,className:"checkout__creator",linkToProfile:!0}):null]}),e.jsxs("div",{className:"checkout__foot",children:[h?e.jsxs("div",{className:"checkout__stepper",children:[e.jsx("button",{className:"checkout__step",onClick:()=>K(()=>l(s.id)),disabled:q||N<=1,"aria-label":a("cart.decreaseQuantity",{name:s.name}),children:e.jsx("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,focusable:"false",children:e.jsx("path",{d:"M3.5 8h9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})}),e.jsx("span",{className:"checkout__qty",children:N}),e.jsx("button",{className:"checkout__step",onClick:()=>K(()=>u(s.id)),disabled:q||G,"aria-label":a("cart.increaseQuantity"),children:e.jsx("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,focusable:"false",children:e.jsx("path",{d:"M8 3.5v9M3.5 8h9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]}):null,e.jsxs("div",{className:"checkout__price",children:[e.jsx(I,{className:"checkout__price-ico"})," ",d,b?e.jsx("span",{className:"checkout__price-was",children:s.priceCredits*N}):null]})]})]}),e.jsxs("div",{className:"checkout__actions",children:[e.jsx("button",{className:`checkout__fav${x?" is-on":""}`,onClick:()=>H(s),"aria-label":x?a("cart.removeFromFavorites",{name:s.name}):a("cart.addToFavorites",{name:s.name}),title:x?a("assetCard.removeFromFavorites"):a("assetCard.addToFavorites"),children:e.jsx(E,{name:x?"heart-solid":"heart"})}),e.jsx("button",{className:"checkout__remove",onClick:()=>K(()=>r(s.id)),disabled:q,"aria-label":a("cart.remove",{name:s.name}),title:a("cart.removeTitle"),children:e.jsx(E,{name:"trash",size:24})})]})]},s.id)})}),e.jsx("div",{className:"checkout__utils",children:e.jsx("button",{className:"link",onClick:()=>K(_),disabled:q,children:a("cart.clearCart")})})]})]}),e.jsxs("aside",{className:"checkout__summary",children:[e.jsx("h2",{className:"checkout__summary-title",children:a("cart.purchaseSummary")}),e.jsxs("div",{className:"checkout__summary-body",children:[e.jsxs("div",{className:"checkout__total-line",children:[e.jsx("span",{className:"checkout__total-label",children:a("cart.totalItems",{count:ce})}),e.jsxs("span",{className:"checkout__total-value",children:[e.jsx(I,{className:"checkout__total-ico"})," ",ge]})]}),e.jsx("button",{className:"checkout__cta",onClick:()=>void(k?we():O()),disabled:q,children:q?a("cart.working"):k?a("marketCheckout.confirmPurchase"):a("assetCard.buyNow")}),k?e.jsx("p",{className:"muted checkout__msg",children:a("cart.priceChanged")}):null,se?e.jsx("p",{className:"muted checkout__msg",children:se}):null,ee?e.jsx("p",{className:"muted checkout__msg",children:ee}):null,e.jsx(ts,{message:be,className:"checkout__msg"})]})]})]})]}),re.length>0?e.jsx("div",{className:"cart-upsell",children:e.jsx(cs,{title:a("cart.youMightAlsoLike"),items:re})}):null,i?e.jsx(ns,{phase:i.phase,balanceCredits:Q,onClose:Ne,stage:i.phase==="processing"?i.stage:void 0,step:i.phase==="processing"?i.step:void 0,total:i.phase==="processing"?i.total:void 0,isSelfCustody:Oe(c==null?void 0:c.providerType),lines:i.phase==="nofunds"?i.lines:void 0,shortfallCredits:i.phase==="nofunds"?i.shortfall:void 0,packs:y,selectedPack:Y,onSelectPack:te,onBuyPacks:()=>void Me(),purchased:i.phase==="complete"?i.purchased:void 0,onMyAssets:()=>z("/assets?tab=mine"),onTryInWorld:()=>window.open(hs,"_blank","noopener"),message:i.phase==="error"?i.message:void 0,onRetry:()=>void O()}):null]})}export{Is as Cart};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{H as N,J as U,K as w,L as z,M as o,N as E,O as c,P as I,Q as g,R as D,S as M}from"./index-Cw_zTgKJ.js";import{r as K,j as v}from"./react-BMZSDQJw.js";function F(r){return N("MuiCircularProgress",r)}U("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);const L=["className","color","disableShrink","size","style","thickness","value","variant"];let l=r=>r,P,S,b,$;const t=44,W=M(P||(P=l`
|
|
2
2
|
0% {
|
|
3
3
|
transform: rotate(0deg);
|
|
4
4
|
}
|
|
@@ -6,7 +6,7 @@ import{x as N,y as z,z as E,D as U,E as o,F as w,G as c,H as F,J as g,K as $,L a
|
|
|
6
6
|
100% {
|
|
7
7
|
transform: rotate(360deg);
|
|
8
8
|
}
|
|
9
|
-
`)),
|
|
9
|
+
`)),B=M(S||(S=l`
|
|
10
10
|
0% {
|
|
11
11
|
stroke-dasharray: 1px, 200px;
|
|
12
12
|
stroke-dashoffset: 0;
|
|
@@ -21,8 +21,8 @@ import{x as N,y as z,z as E,D as U,E as o,F as w,G as c,H as F,J as g,K as $,L a
|
|
|
21
21
|
stroke-dasharray: 100px, 200px;
|
|
22
22
|
stroke-dashoffset: -125px;
|
|
23
23
|
}
|
|
24
|
-
`)),
|
|
24
|
+
`)),G=r=>{const{classes:e,variant:s,color:a,disableShrink:d}=r,u={root:["root",s,`color${c(a)}`],svg:["svg"],circle:["circle",`circle${c(s)}`,d&&"circleDisableShrink"]};return I(u,F,e)},H=g("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.root,e[s.variant],e[`color${c(s.color)}`]]}})(({ownerState:r,theme:e})=>o({display:"inline-block"},r.variant==="determinate"&&{transition:e.transitions.create("transform")},r.color!=="inherit"&&{color:(e.vars||e).palette[r.color].main}),({ownerState:r})=>r.variant==="indeterminate"&&D(b||(b=l`
|
|
25
25
|
animation: ${0} 1.4s linear infinite;
|
|
26
|
-
`),
|
|
26
|
+
`),W)),J=g("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(r,e)=>e.svg})({display:"block"}),O=g("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.circle,e[`circle${c(s.variant)}`],s.disableShrink&&e.circleDisableShrink]}})(({ownerState:r,theme:e})=>o({stroke:"currentColor"},r.variant==="determinate"&&{transition:e.transitions.create("stroke-dashoffset")},r.variant==="indeterminate"&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:r})=>r.variant==="indeterminate"&&!r.disableShrink&&D($||($=l`
|
|
27
27
|
animation: ${0} 1.4s ease-in-out infinite;
|
|
28
|
-
`),
|
|
28
|
+
`),B)),Z=K.forwardRef(function(e,s){const a=w({props:e,name:"MuiCircularProgress"}),{className:d,color:u="primary",disableShrink:R=!1,size:m=40,style:_,thickness:i=3.6,value:p=0,variant:k="indeterminate"}=a,j=z(a,L),n=o({},a,{color:u,disableShrink:R,size:m,thickness:i,value:p,variant:k}),f=G(n),h={},x={},y={};if(k==="determinate"){const C=2*Math.PI*((t-i)/2);h.strokeDasharray=C.toFixed(3),y["aria-valuenow"]=Math.round(p),h.strokeDashoffset=`${((100-p)/100*C).toFixed(3)}px`,x.transform="rotate(-90deg)"}return v.jsx(H,o({className:E(f.root,d),style:o({width:m,height:m},x,_),ownerState:n,ref:s,role:"progressbar"},y,j,{children:v.jsx(J,{className:f.svg,ownerState:n,viewBox:`${t/2} ${t/2} ${t} ${t}`,children:v.jsx(O,{className:f.circle,style:h,ownerState:n,cx:t,cy:t,r:(t-i)/2,fill:"none",strokeWidth:i})})}))});export{Z as C};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e,r as p,d as Q,u as Y}from"./react-
|
|
1
|
+
import{j as e,r as p,d as Q,u as Y}from"./react-BMZSDQJw.js";import{y as N,s as v,ab as Z,I as J,t,c as V,x as W,e as X,u as ee,A as ae,at as te,C as re,au as se}from"./index-Cw_zTgKJ.js";import{E as oe}from"./ErrorNotice-DDr3KjIH.js";import{d as ie,g as ce,a as ne,A as le}from"./collection-D7CncqdI.js";import{u as de}from"./useStore-IaDRl00u.js";import{s as E}from"./address-DrURAr9O.js";import{d as F,a as me,F as pe,e as ue,S as R,b as ge}from"./categories-BltWZ-Er.js";import{L as xe}from"./LoadMore-kFcJ8c6R.js";import{u as he}from"./useInfiniteGrid-CpG_Ao97.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-8SzFotJj.js";import"./ethers-CeDRuWE-.js";import"./intl-CBcMB1D2.js";import"./emotion-CSxEP8yM.js";const be=v.section`
|
|
2
2
|
position: relative;
|
|
3
3
|
border-radius: ${N.radius.card};
|
|
4
4
|
overflow: hidden;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,j as t}from"./react-
|
|
1
|
+
import{r as o,j as t}from"./react-BMZSDQJw.js";import{t as s,I as k,G as f,A as N}from"./index-Cw_zTgKJ.js";function L({title:v,items:a,onViewAll:i}){const r=o.useRef(null),[u,x]=o.useState(1),[d,g]=o.useState(0),[j,C]=o.useState(!0),[b,p]=o.useState(!1),c=o.useCallback(()=>{const l=r.current;if(!l)return;const{scrollLeft:e,scrollWidth:m,clientWidth:n}=l,_=Math.max(1,Math.ceil(m/n));x(_),g(Math.min(_-1,Math.round(e/n))),C(e<=1),p(e+n>=m-1)},[]);if(o.useEffect(()=>{c();const l=r.current;if(l)return l.addEventListener("scroll",c,{passive:!0}),window.addEventListener("resize",c),()=>{l.removeEventListener("scroll",c),window.removeEventListener("resize",c)}},[c,a.length]),a.length===0)return null;function h(l){const e=r.current;e&&e.scrollBy({left:l*e.clientWidth,behavior:"smooth"})}function w(l){const e=r.current;e&&e.scrollTo({left:l*e.clientWidth,behavior:"smooth"})}return t.jsxs("section",{className:"collection-carousel",children:[t.jsxs("div",{className:"collection-carousel__head",children:[t.jsx("h2",{className:"collection-carousel__title",children:v}),i?t.jsxs("button",{className:"collection-carousel__viewall",onClick:i,children:[s("collectionCarousel.viewAll"),t.jsx(k,{name:"chevron-down",size:16,className:"collection-carousel__viewall-ico"})]}):null]}),t.jsxs("div",{className:"collection-carousel__viewport",children:[t.jsx("button",{className:"collection-carousel__arrow collection-carousel__arrow--left",onClick:()=>h(-1),"aria-label":s("collectionCarousel.scrollLeft"),disabled:j,children:t.jsx("img",{src:f,alt:"","aria-hidden":!0})}),t.jsx("div",{className:"collection-carousel__track",ref:r,children:a.map(l=>t.jsx(N,{item:l},l.id))}),t.jsx("button",{className:"collection-carousel__arrow collection-carousel__arrow--right",onClick:()=>h(1),"aria-label":s("collectionCarousel.scrollRight"),disabled:b,children:t.jsx("img",{src:f,alt:"","aria-hidden":!0})})]}),u>1?t.jsx("div",{className:"collection-carousel__dots","aria-label":s("collectionCarousel.pages"),children:Array.from({length:u}).map((l,e)=>t.jsx("button",{className:`collection-carousel__dot${e===d?" is-active":""}`,"aria-label":s("collectionCarousel.goToPage",{page:e+1}),"aria-current":e===d?"true":void 0,onClick:()=>w(e)},e))}):null]})}export{L as C};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t}from"./sentry-
|
|
1
|
+
import{p as t}from"./sentry-8SzFotJj.js";var e={};const o={ACCOUNT_TABS:[{label:"Tokens"},{label:"Activity"}],SECURE_SITE_ORIGIN:(typeof t<"u"&&typeof e<"u"?e.NEXT_PUBLIC_SECURE_SITE_ORIGIN:void 0)||"https://secure.walletconnect.org",VIEW_DIRECTION:{Next:"next",Prev:"prev"},ANIMATION_DURATIONS:{HeaderText:120},VIEWS_WITH_LEGAL_FOOTER:["Connect","ConnectWallets","OnRampTokenSelect","OnRampFiatSelect","OnRampProviders"],VIEWS_WITH_DEFAULT_FOOTER:["Networks"]};export{o as C};
|