@dcl/shop 0.1.0-29994094833.commit-84e34c2 → 0.1.0-29994098968.commit-46a6a0c
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-DW1UTWMl.js → AnimatedBackground-BtxoZ_fw.js} +1 -1
- package/assets/{Assets-D0Gpv-gx.js → Assets-ClMZMx1a.js} +1 -1
- package/assets/{Assets.styles-Dz0IZ5_I.js → Assets.styles-JVRlU2lC.js} +1 -1
- package/assets/{Authorizations-hlWKflXp.js → Authorizations-wPj_fvn3.js} +3 -3
- package/assets/{Cart-BNmwscGt.js → Cart-BShdrrZS.js} +1 -1
- package/assets/{CircularProgress-CzgFv03I.js → CircularProgress-CLSvO83K.js} +3 -3
- package/assets/{Collection-CdFCCFbq.js → Collection-BYyH6eXu.js} +1 -1
- package/assets/{CollectionCarousel-D6IuiIc2.js → CollectionCarousel-Dyw-XZFx.js} +1 -1
- package/assets/{Creator-CaxOzhEa.js → Creator-DqVjR99e.js} +1 -1
- package/assets/{CssVarsProvider-F9lbInZM.js → CssVarsProvider-Dze6xxok.js} +3 -3
- package/assets/{ExchangeController-DgDdAAKd.js → ExchangeController-CEtbskqk.js} +1 -1
- package/assets/{GetCredits-B-aIxpHv.js → GetCredits-CATIgZsR.js} +1 -1
- package/assets/{HelpersUtil-CYLAmB96.js → HelpersUtil-BxqSV8ZH.js} +1 -1
- package/assets/{ImportListings-wLBEk5Jj.js → ImportListings-CbvJ0vxX.js} +1 -1
- package/assets/{ItemDetail-DYEljYNo.js → ItemDetail-CcoMXI-P.js} +3 -3
- package/assets/{LoadMore-DAM-bEob.js → LoadMore-BFtkV8IC.js} +1 -1
- package/assets/{MarketCheckout-BemjD_ML.js → MarketCheckout-Dlac-3dT.js} +1 -1
- package/assets/MyAssets-Cl5a0ipv.js +258 -0
- package/assets/{MyFavorites-D4nPx2R8.js → MyFavorites-B1ctQKxs.js} +1 -1
- package/assets/{MyPurchases-cVdBxnoE.js → MyPurchases-xeoqVcYT.js} +4 -4
- package/assets/{NotFound-8rhBEKBk.js → NotFound-BuZmXlNo.js} +1 -1
- package/assets/{PrimaryListModal-DRCA3QS9.js → PrimaryListModal-ByimAoht.js} +1 -1
- package/assets/{StoreSettings-ggmmaFdw.js → StoreSettings-cBFiQNG0.js} +2 -2
- package/assets/{Success-BTcAti-s.js → Success-KErTN6A-.js} +1 -1
- package/assets/{SwapController-DAWHQ4ok.js → SwapController-BqhWyeug.js} +1 -1
- package/assets/{Tooltip-CAVGsqiJ.js → Tooltip-CWYX2BtV.js} +1 -1
- package/assets/{TradeService-Bq-E9rL5.js → TradeService-vOc7cmM-.js} +1 -1
- package/assets/{W3MFrameProviderSingleton-CO4_1ccR.js → W3MFrameProviderSingleton-bzfGoYP9.js} +3 -3
- package/assets/{WebCryptoP256-DHiXQ6Dv.js → WebCryptoP256-0n5GC_Ut.js} +1 -1
- package/assets/{authorizations-mnih5q8o.js → authorizations-4HFkBc9K.js} +1 -1
- package/assets/{basic-DIfzBgGC.js → basic-BTIll8Fi.js} +1 -1
- package/assets/{biconomy-Btr8t9M_.js → biconomy-BW4ch8hb.js} +1 -1
- package/assets/{buy-CHyPhIFc.js → buy-Djb-kNlV.js} +1 -1
- package/assets/{buy-gasless-DRDa-VRS.js → buy-gasless-Bpg3rjq9.js} +1 -1
- package/assets/{cart-checkout-4SY4EejM.js → cart-checkout-C350oS3_.js} +1 -1
- package/assets/{categories-7ZUMUxRc.js → categories-DY58IjaQ.js} +1 -1
- package/assets/{ccip-DQPPdysF.js → ccip-B_QBYF5J.js} +1 -1
- package/assets/{ccip-CKzYrGsq.js → ccip-CeLfuW_O.js} +1 -1
- package/assets/collection-CC5CSnLx.js +1 -0
- package/assets/{controller-oqfUGC7Q.js → controller-DSyyj9lD.js} +2 -2
- package/assets/{core-BnR4IbQF.js → core-BV9Uqx3a.js} +4 -4
- package/assets/{custom-LYbOpT74.js → custom-CftAA_1-.js} +1 -1
- package/assets/{data-capture-DvxW9LWJ.js → data-capture-BDFC_AAZ.js} +1 -1
- package/assets/{email-DblmG_9w.js → email-NQmHVcSX.js} +1 -1
- package/assets/{embedded-wallet-BIBD3NXe.js → embedded-wallet-BaACcSds.js} +1 -1
- package/assets/emotion-styled.browser.esm-CBmI5nIt.js +1 -0
- package/assets/{engine-Q3dlwVZc.js → engine-CJaBRUsg.js} +1 -1
- package/assets/{errors-B3Jy0VAJ.js → errors-Cs9fnU9I.js} +1 -1
- package/assets/{estimate-l1-fee-DPrAoRm1.js → estimate-l1-fee-Cy1M04Vs.js} +1 -1
- package/assets/{execute-GsOG5tOz.js → execute-BuQfuqwm.js} +2 -2
- package/assets/{features-BHjaYixx.js → features-DUkOU29X.js} +1 -1
- package/assets/{fetchTokenMetadata-CIsTf8qh.js → fetchTokenMetadata-DgDl3_sf.js} +2 -2
- package/assets/{get-ecosystem-wallet-info-B8oiqf_g.js → get-ecosystem-wallet-info-CVTh7CfJ.js} +1 -1
- package/assets/{getBalance-Q-FuT0Qm.js → getBalance-BIyXRLDy.js} +1 -1
- package/assets/{getNFT-DBtyLr3S.js → getNFT-cGRZcqJv.js} +1 -1
- package/assets/{getNFT-BonpS0wI.js → getNFT-rv6yBkGa.js} +1 -1
- package/assets/{getOverlayAlpha-5GYRyW4x.js → getOverlayAlpha-BFopV-KN.js} +1 -1
- package/assets/{hashTypedData-l7BbP1BP.js → hashTypedData-BdsAWz2G.js} +1 -1
- package/assets/{hashTypedData-BhuoQuOn.js → hashTypedData-BfzJ0TS-.js} +1 -1
- package/assets/{import-a0kWnC35.js → import-DzTakhaX.js} +1 -1
- package/assets/{in-app-ESN8W__G.js → in-app-B8isPC0y.js} +1 -1
- package/assets/{in-app-wallet-calls-BYj88Ef-.js → in-app-wallet-calls-ClTovWdh.js} +1 -1
- package/assets/{index-DiBhVrGy.js → index-1DxtfhSJ.js} +1 -1
- package/assets/{index-CNzygfnu.js → index-3d7PO8q_.js} +1 -1
- package/assets/{index-BnPeVq62.js → index-4bTa1qff.js} +1 -1
- package/assets/{index-BeJqoBti.js → index-6hSJkqDq.js} +1 -1
- package/assets/{index-BTUsGa6S.js → index-B1DqMYiX.js} +1 -1
- package/assets/{index-L6AnZu2-.js → index-B3cwJw_u.js} +1 -1
- package/assets/{index-_zid9pow.js → index-B5Kj0FW_.js} +1 -1
- package/assets/{index-DqNB5gIy.js → index-BEIRvEFT.js} +1 -1
- package/assets/{index-CDM_k6C9.js → index-BFk849bZ.js} +1 -1
- package/assets/{index-BsaSZdou.js → index-BGdPOxCz.js} +1 -1
- package/assets/{index-DlCwuyBG.js → index-BOhj5LdJ.js} +1 -1
- package/assets/{index-D4JXiKx_.js → index-BOngn0q7.js} +1 -1
- package/assets/{index-Np3Taixr.js → index-BP4skMl2.js} +1 -1
- package/assets/{index-BDLTpYuD.js → index-BQ4rZ0Kg.js} +1 -1
- package/assets/{index-DD7JYX6I.js → index-BZ_-xKre.js} +2 -2
- package/assets/{index-DmGRJRWs.js → index-BeFcjOKO.js} +1 -1
- package/assets/{index-nccYW6P3.js → index-Bkpu5jNe.js} +1 -1
- package/assets/{index-BQMla4xK.js → index-Bvrid8NA.js} +1 -1
- package/assets/{index-D_vAUTlU.js → index-BwS7sI1B.js} +1 -1
- package/assets/{index-DjtMF_FP.js → index-C4L5vZQw.js} +1 -1
- package/assets/{index-DNgvtVPS.js → index-C50En1tW.js} +1 -1
- package/assets/{index-Dz17wnbD.js → index-CCFR9hc6.js} +2 -2
- package/assets/{index-Cup4Stx2.js → index-CDgxS1kA.js} +1 -1
- package/assets/{index-BeGn7EwY.js → index-CFIjjpBo.js} +1 -1
- package/assets/{index-CnnU_mLv.js → index-CJlRo57i.js} +1 -1
- package/assets/{index-Ctb1grEl.js → index-CPgX0p-K.js} +1 -1
- package/assets/{index-u26i2x4Z.js → index-CQ0Ros7W.js} +1 -1
- package/assets/{index-B_w7D_1t.js → index-CSgDOfxq.js} +1 -1
- package/assets/{index-BZLlD7vv.js → index-CW8mL8-A.js} +1 -1
- package/assets/{index-B5qcYwN0.js → index-Cd5420Rq.js} +1 -1
- package/assets/{index-BI7O7l1f.js → index-CfltZkIg.js} +3 -3
- package/assets/{index-BZcSxyRp.js → index-Ckg159RR.js} +2 -2
- package/assets/{index-BJj2KSp_.js → index-D-fHYuz6.js} +1 -1
- package/assets/{index-GAPC_47T.js → index-D1kzW8fy.js} +1 -1
- package/assets/{index-CcLECkyd.js → index-D5HjNYdn.js} +1 -1
- package/assets/{index-CJZmNG9i.js → index-DDIhscgO.js} +1 -1
- package/assets/{index-NuJxOSl-.js → index-DDdtoGEi.js} +1 -1
- package/assets/{index-DDV0fT7b.js → index-DEMmrYiw.js} +1 -1
- package/assets/{index-BYcynwJw.js → index-DFmvL2Cv.js} +1 -1
- package/assets/{index-zU9Uj5fP.js → index-DK9SMaUV.js} +3 -3
- package/assets/{index-BTNH3ieH.js → index-DLTp8-1W.js} +1 -1
- package/assets/{index-B7MM-EDJ.js → index-D_5sPEkx.js} +3 -3
- package/assets/{index-BCPi-ClS.js → index-De5ttsh0.js} +2 -2
- package/assets/{index-hxYvqItN.js → index-DgI6b_1k.js} +1 -1
- package/assets/{index-B-6uQuND.js → index-DqtVIf4M.js} +1 -1
- package/assets/{index-DfEfFqPo.js → index-HZG2j8cz.js} +1 -1
- package/assets/{index-BU99LwmJ.js → index-Mkx_BzFP.js} +1 -1
- package/assets/{index-D2u3qo5-.js → index-P7Sau0I5.js} +15 -15
- package/assets/{index-DNIRbQMj.js → index-X_kzACYR.js} +1 -1
- package/assets/{index-Cyn8gRvH.js → index-i-9qXVIl.js} +1 -1
- package/assets/{index-YTUbuYV5.js → index-kcM3wjmL.js} +2 -2
- package/assets/{index-T7BPymVH.js → index-zbbepWkd.js} +1 -1
- package/assets/{index.es-CZyih3uZ.js → index.es-BAM5UZfH.js} +4 -4
- package/assets/{index.es-BVmvZPLl.js → index.es-BuXQjTmU.js} +1 -1
- package/assets/{index.es-DVSJ83NI.js → index.es-CtE5jBFg.js} +1 -1
- package/assets/{localBatchGatewayRequest-CjdETprd.js → localBatchGatewayRequest-BmJtIlOK.js} +1 -1
- package/assets/{mana-rate-DcCwt7oF.js → mana-rate-DXdP8JQC.js} +1 -1
- package/assets/{networks-Gp8grhfL.js → networks-CUafijuQ.js} +1 -1
- package/assets/{onramp-DzUZOn5v.js → onramp--Iu6rhXk.js} +1 -1
- package/assets/{openzeppelin-Re-ToQ3G.js → openzeppelin-GNxIJhIO.js} +1 -1
- package/assets/{parseNft-DvKM3tDX.js → parseNft-BxE7m6kg.js} +2 -2
- package/assets/{parseSignature-CTjdilwC.js → parseSignature-BWe0ZDDZ.js} +1 -1
- package/assets/{parseSignature-ChGXlmjA.js → parseSignature-DykTAPWJ.js} +3 -3
- package/assets/{passkeys-O7R8Skr8.js → passkeys-DHqYP34I.js} +1 -1
- package/assets/{pay-with-exchange-CGXWXub_.js → pay-with-exchange-D66UeJj2.js} +1 -1
- package/assets/{qr-overlay-DQBJWl2U.js → qr-overlay-C7ZyUZLi.js} +1 -1
- package/assets/{receive-amOjcYAx.js → receive-Tu6Iesz3.js} +1 -1
- package/assets/{resolveImplementation-CstEI2ba.js → resolveImplementation-CWJsUrAo.js} +1 -1
- package/assets/{rpc-ZYSy-eJG.js → rpc-BZZfKitN.js} +1 -1
- package/assets/{secp256k1-DADPdC2O.js → secp256k1-C76o0bDB.js} +1 -1
- package/assets/{secp256k1-CdMvj0c6.js → secp256k1-CQNFBqGb.js} +1 -1
- package/assets/{secp256k1-DfE_4Njp.js → secp256k1-DEWXJb0G.js} +1 -1
- package/assets/{send-B9WVOIIy.js → send-OHcFalUD.js} +1 -1
- package/assets/{send-batch-transaction-BpIXP8aL.js → send-batch-transaction-BjHqNEHy.js} +1 -1
- package/assets/{send-eip712-transaction-C-UOcWS2.js → send-eip712-transaction-Bdiu-MHL.js} +2 -2
- package/assets/{send-gasless-transaction-D2HEIqEd.js → send-gasless-transaction-C0KhDzDb.js} +2 -2
- package/assets/{send-transaction-rA10MuVm.js → send-transaction-D66Dvp6I.js} +2 -2
- package/assets/{sendRawTransaction-FATzwmfZ.js → sendRawTransaction-Cx8JQgbZ.js} +3 -3
- package/assets/{serializeTransaction-DixmbC2c.js → serializeTransaction-PO2i8zfn.js} +1 -1
- package/assets/{session-proposal-BOIm4XSE.js → session-proposal-U6d-r0h1.js} +1 -1
- package/assets/{session-request-c_OnJFO0.js → session-request-BWDFEy4d.js} +2 -2
- package/assets/{signing-41DxLyFg.js → signing-647xzxe_.js} +3 -3
- package/assets/{socials-BWQzaLAW.js → socials-CSe9kiyp.js} +1 -1
- package/assets/{swaps-CivCXKBU.js → swaps-0ZQ3ykaN.js} +1 -1
- package/assets/{thirdweb-C8KpcE8I.js → thirdweb-8PhoY169.js} +3 -3
- package/assets/{to-serializable-transaction-BWjd1RMk.js → to-serializable-transaction-BosnrISG.js} +2 -2
- package/assets/{trade-encoding-CtfVB9K4.js → trade-encoding-DLx_mjRt.js} +1 -1
- package/assets/{transactionReceipt-Coqh5oX3.js → transactionReceipt-XOTwrGYa.js} +1 -1
- package/assets/{transactions-C7og5tua.js → transactions-D7zvnmjK.js} +1 -1
- package/assets/{useCreditPacks-Djg10PxH.js → useCreditPacks-D-Oae9wZ.js} +1 -1
- package/assets/{useInfiniteGrid-Cg-FBhvv.js → useInfiniteGrid-DpzTC5bY.js} +1 -1
- package/assets/{useStore-Bvj7HKvJ.js → useStore-DDADUZbP.js} +1 -1
- package/assets/useTheme-CJjDEqR6.js +1 -0
- package/assets/useTheme-Da_Gtdq6.js +1 -0
- package/assets/{verifyHash--D25lC81.js → verifyHash-DWxhTdFY.js} +1 -1
- package/assets/{w3m-modal-B0pocWlf.js → w3m-modal-Bm1VCEs7.js} +1 -1
- package/assets/{w3m-modal-BG_0bUMI.js → w3m-modal-Duh5YevD.js} +1 -1
- package/assets/{wait-for-tx-receipt-DxxlAWDR.js → wait-for-tx-receipt-BH0Nmt__.js} +1 -1
- package/assets/{wallets-DsPPoviJ.js → wallets-C9WwqLIm.js} +5 -5
- package/assets/{web-connector-Brej9YrP.js → web-connector-Djci4K78.js} +3 -3
- package/assets/{writeContract-CgNduh80.js → writeContract-hVW1D3JA.js} +1 -1
- package/assets/{zoraTestnet-Bc68rMQr.js → zoraTestnet-BdlBNZA4.js} +1 -1
- package/index.html +11 -11
- package/package.json +2 -2
- package/assets/MyAssets-uGWTenCp.js +0 -258
- package/assets/collection-LjzTm4kD.js +0 -1
- package/assets/emotion-styled.browser.esm-CtG7z_nw.js +0 -1
- package/assets/useTheme-BDMGaPba.js +0 -1
- package/assets/useTheme-DpYzrDIG.js +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-
|
|
2
|
-
import{a as oe,r as d,j as e,d as pa,u as ya,L as fa}from"./react-BrLDncxD.js";import{d as X,n as xa,o as ve,t,ah as ba,i as ga,b as ja,w as va,q as ne,x as D,y as ge,z as fe,ai as Na,E as Z,g as E,j as de,B as z,C as xe,p as wa,J as Je,_ as be,ak as ka,ax as Ia,ay as Ca,az as Sa,aA as Aa,c as Ne,aB as Ma,L as Ye,m as B,aC as Pa,I as T,F as K,s as W,aD as Ea,aE as Fa,aF as La,G as Ta,ae as ze,a as Ke,aG as Da,aH as Ra,aI as qa,aJ as Ba,aK as $a,af as Oa,u as za,aL as Ka,aM as Wa,aN as Va,h as Qa,aO as We,aP as Ua,f as Ga,ao as Ha,aQ as Ja,aR as Ya,ap as Xa,aS as Za,aT as et}from"./index-D2u3qo5-.js";import{d as G}from"./dcl-schemas-BICTSpB5.js";import{b as Ve,c as at}from"./buy-CHyPhIFc.js";import{P as tt,f as st}from"./PrimaryListModal-DRCA3QS9.js";import{b as it,w as rt,S as nt,G as lt}from"./buy-gasless-DRDa-VRS.js";import{a as dt}from"./authorizations-mnih5q8o.js";import{u as ot,M as ct,c as mt}from"./useCreditPacks-Djg10PxH.js";import{W as ut,C as ht,a as _t}from"./CollectionCarousel-D6IuiIc2.js";import{R as Qe}from"./resume-buy-Bf0zIH7y.js";import{a as pt,f as je,i as yt}from"./errors-B3Jy0VAJ.js";import{E as ce}from"./ErrorNotice-BDH9xoG4.js";import{l as ft}from"./loader-logo-BzY9EKdC.js";import{C as xt}from"./CircularProgress-CzgFv03I.js";import{a as bt,b as gt}from"./trade-encoding-CtfVB9K4.js";import{u as jt,M as vt}from"./MarketCheckout-BemjD_ML.js";import{s as Nt}from"./address-DrURAr9O.js";import{T as Xe}from"./Tooltip-CAVGsqiJ.js";import"./sentry-DYZXk5O5.js";import"./ethers-BIvjmL85.js";import"./intl-CBcMB1D2.js";import"./sendMetaTransaction-iOoE_Tw3.js";import"./mana-rate-DcCwt7oF.js";import"./emotion-CSxEP8yM.js";function wt({item:s,onClose:n,resume:i=!1}){var ae,te;const{session:o}=X(),{data:m}=xa(o),h=ve(),w=oe(),x=ot().packs.slice(0,ct),[c,l]=d.useState("loading"),[a,j]=d.useState(null),[y,N]=d.useState(""),[F,b]=d.useState(s.priceCredits),[f,g]=d.useState(null),I=d.useRef(null),M=(f==null?void 0:f.credits)??F,ee=(m==null?void 0:m.credits)??0;d.useEffect(()=>{let u=!1;if(!o){l("error"),j(t("buyModal.signInToCheckout"));return}const C=_=>{const S=_-((m==null?void 0:m.credits)??0),v=x.find(R=>R.credits>=S)??x[x.length-1];N(v.id),D("Shop Buy Credits Prompted",{from:"item_checkout",credits_needed:_,credits_balance:(m==null?void 0:m.credits)??0,shortfall:Math.max(0,S)}),l("nofunds")};return(async()=>{var _,S;try{const v=await ba(s);if(!v)throw new Error("not for sale");if(ga(v,o.address))throw new Error("You can't buy your own listing.");const R=ja((S=(_=v.received)==null?void 0:_[0])==null?void 0:S.amount);if(!Number.isFinite(R)||R<=0)throw new Error("price unavailable");const V=Math.ceil(R/10);if(u)return;if(b(V),m!=null&&m.credits<V){C(V);return}try{const{credit:A,maxCreditedValue:J,usdCents:O}=await va(o.identity,R,v.id);if(u){ne(o.identity,[A.id]).catch(()=>{});return}I.current=A.id;const se=Math.ceil(O/10);b(se);const Q={trade:v,credit:A,maxCreditedValue:J,usdCents:O,credits:se};g(Q),i?H(Q):l("ready")}catch(A){if(u)return;if(pt(A)){C(V);return}throw A}}catch(v){if(u)return;D(fe(v)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"authorize",error_code:ge(v)}),l("error"),j(je(v,t("buyModal.error.generic"),{sale:!0}))}})(),()=>{u=!0,I.current&&o&&(ne(o.identity,[I.current]).catch(()=>{}),I.current=null)}},[]);async function H(u=f){if(!o||!u)return;l("processing"),j(null);let C=!1;try{const _={trade:u.trade,buyer:o.address,signer:o.signer,credits:[u.credit],maxCreditedValue:u.maxCreditedValue};let S;if(dt())try{S=await it(_),await rt(S),C=!0}catch(v){if(v instanceof nt)C=!0;else if(v instanceof lt)S=await Ve(_);else throw v}else S=await Ve(_);I.current=null,D("Shop Completed Purchase",{...Na([s]),payment_type:"credits",no_crypto_step:C,transaction_hash:S??null}),h.invalidateQueries({queryKey:["usd-balance"]}),l("complete")}catch(_){fe(_)||Z(_,{flow:"buy",step:"submit",gasless:C}),ne(o.identity,[u.credit.id]).catch(()=>{}),I.current=null,D(fe(_)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:ge(_)}),h.invalidateQueries({queryKey:["usd-balance"]}),j(je(_,t("buyModal.error.generic"),{sale:!0})),l("error")}}async function me(){if(!(!y||!o)){try{sessionStorage.setItem(Qe,JSON.stringify(s))}catch{}f&&ne(o.identity,[f.credit.id]).catch(()=>{}),I.current=null,l("loading");try{const u=await mt(y,{address:o.address,identity:o.identity});if(u.url){window.location.href=u.url;return}w("/credits")}catch(u){Z(u,{flow:"buy_credits_and_item"});try{sessionStorage.removeItem(Qe)}catch{}j(t("buyModal.error.creditsCheckout")),l("error")}}}const $=c==="processing",L=c==="complete"?t("buyModal.titleComplete"):c==="nofunds"?t("buyModal.titleNoFunds"):t("buyModal.titleBuy");return e.jsxs("div",{className:"buy-modal",role:"dialog","aria-modal":"true","aria-label":t("buyModal.dialogAria",{name:s.name}),children:[e.jsx("div",{className:"buy-modal__scrim",onClick:$?void 0:n,"aria-hidden":!0}),e.jsxs("div",{className:`buy-modal__card${c==="processing"||c==="loading"?" buy-modal__card--tall":""}`,children:[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:L}),!$&&e.jsx("button",{className:"buy-modal__x",onClick:n,"aria-label":t("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:c==="nofunds"?t("buyModal.dclBalance"):t("buyModal.myCreditsBalance")}),e.jsx(E,{className:"buy-modal__balance-ico"}),e.jsx("span",{className:"buy-modal__balance-value",children:de(ee)})]})]}),c==="loading"&&e.jsx("div",{className:"buy-modal__body buy-modal__processing",children:e.jsx(xt,{size:44})}),c==="error"&&e.jsxs("div",{className:"buy-modal__body",children:[e.jsx(ce,{message:a}),e.jsx("div",{className:"buy-modal__ctas",children:e.jsx("button",{className:"buy-modal__btn buy-modal__btn--gradient",onClick:n,children:t("buyModal.close")})})]}),c==="nofunds"&&e.jsxs("div",{className:"buy-modal__body",children:[e.jsxs("div",{className:"buy-modal__warning",children:[e.jsx(ut,{className:"buy-modal__warning-ico"}),e.jsxs("p",{className:"buy-modal__warning-text",children:[e.jsx("b",{children:t("buyModal.insufficientFunds")})," ",t("buyModal.warningNeedToBuy")," ",e.jsx("b",{children:t("buyModal.warningCreditsAmount",{count:Math.max(0,M-ee)})})," ",t("buyModal.warningToPurchase",{count:1})]})]}),e.jsx(Ue,{item:s,priceCredits:M}),e.jsx("div",{className:"buy-modal__packs",children:x.map(u=>{const C=u.credits,_=u.id===y;return e.jsxs("button",{className:`buy-modal__pack${_?" buy-modal__pack--on":""}`,onClick:()=>N(u.id),children:[e.jsx(E,{className:"buy-modal__pack-ico"}),e.jsx("span",{className:"buy-modal__pack-amount",children:de(C)}),e.jsxs("span",{className:"buy-modal__pack-usd",children:["($",u.usd.toFixed(2),")"]})]},u.id)})}),e.jsxs("div",{className:"buy-modal__total",children:[e.jsxs("div",{className:"buy-modal__total-credits",children:[e.jsx(E,{className:"buy-modal__total-ico"}),e.jsx("span",{children:de(((ae=x.find(u=>u.id===y))==null?void 0:ae.credits)??0)})]}),e.jsxs("span",{className:"buy-modal__total-usd",children:["$",(((te=x.find(u=>u.id===y))==null?void 0:te.usd)??0).toFixed(2)]})]}),e.jsxs("div",{className:"buy-modal__ctas",children:[e.jsx("button",{className:"buy-modal__btn buy-modal__btn--outline",onClick:n,children:t("buyModal.cancel")}),e.jsx("button",{className:"buy-modal__btn buy-modal__btn--gradient",onClick:()=>void me(),children:t("buyModal.buy")})]})]}),c==="ready"&&e.jsxs("div",{className:"buy-modal__body",children:[e.jsx(Ue,{item:s,priceCredits:M}),e.jsx("div",{className:"buy-modal__ctas",children:e.jsx("button",{className:"buy-modal__btn buy-modal__btn--gradient buy-modal__btn--full",onClick:()=>void H(),children:t("buyModal.buy")})})]}),c==="processing"&&e.jsxs("div",{className:"buy-modal__body buy-modal__processing",children:[e.jsx("img",{className:"buy-modal__logo",src:ft,alt:"",width:61,height:61}),e.jsx("div",{className:"buy-modal__processing-text",children:i?t("buyModal.completingPurchase"):t("buyModal.completingTransaction")}),e.jsx("div",{className:"buy-modal__progress","aria-hidden":!0,children:e.jsx("span",{className:"buy-modal__progress-fill"})})]}),c==="complete"&&e.jsxs("div",{className:"buy-modal__body",children:[e.jsxs("div",{className:"buy-modal__success",children:[e.jsxs("svg",{viewBox:"0 0 64 64",width:"64",height:"64","aria-hidden":!0,children:[e.jsx("circle",{cx:"32",cy:"32",r:"32",fill:"#34ce74"}),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:t("getCredits.successTitle")})," ",t("buyModal.successBody")]})]}),e.jsxs("div",{className:"buy-modal__ctas",children:[e.jsx("button",{className:"buy-modal__btn buy-modal__btn--outline",onClick:()=>w("/assets?tab=mine"),children:t("buyModal.myAssets")}),e.jsxs("button",{className:"buy-modal__btn buy-modal__btn--ruby",onClick:n,children:[t("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"})})]})]})]})]})]})}function Ue({item:s,priceCredits:n}){return e.jsxs("div",{className:"buy-modal__asset",children:[e.jsx("div",{className:"buy-modal__asset-thumb",children:s.thumbnail?e.jsx("img",{src:s.thumbnail,alt:""}):null}),e.jsxs("div",{className:"buy-modal__asset-info",children:[e.jsxs("div",{children:[e.jsx("div",{className:"buy-modal__asset-name",title:s.name,children:s.name||t("buyModal.itemFallback")}),s.creator?e.jsx(ht,{address:s.creator,className:"buy-modal__asset-creator"}):null]}),e.jsxs("div",{className:"buy-modal__asset-price",children:[e.jsx(E,{className:"buy-modal__asset-price-ico"}),e.jsx("span",{children:de(n)})]})]})]})}const kt=1e3*60*60*24*182;function It({asset:s,session:n,onClose:i}){const o=ve(),m=oe(),[h,w]=d.useState("10"),[x,c]=d.useState(null),[l,a]=d.useState(null),[j,y]=d.useState(!1),[N,F]=d.useState(null);async function b(){a(null);const g=Number(h);if(!Number.isInteger(g)||g<=0){a(t("sellModal.errorWholeNumber"));return}y(!0);try{c(t("sellModal.statusPreparing")),await bt({signer:n.signer,contractAddress:s.contractAddress,chainId:s.chainId}),c(t("sellModal.statusListing"));const I=await gt({signer:n.signer,nft:{contractAddress:s.contractAddress,tokenId:s.tokenId,network:s.network,chainId:s.chainId},usdPrice:g/10,expiresAtMs:Date.now()+kt});c(t("sellModal.statusPublishing")),await wa(I,n.identity),c(null),F(g),D("Shop Listed Item",{item_id:s.itemId??s.tokenId??null,contract_address:s.contractAddress,price_credits:g,price_usd:g/10,listing_type:"secondary",is_primary:!1}),Je.success(t("sellModal.toastOnSale",{name:s.name})),o.invalidateQueries({queryKey:["my-assets",n.address]})}catch(I){Z(I,{flow:"list_secondary"}),D("Shop Listing Failed",{listing_type:"secondary",error_code:ge(I)}),a(je(I,t("sellModal.errorGeneric"))),c(null)}finally{y(!1)}}function f(){i(),m(`/item/${s.contractAddress}/${s.tokenId}`)}return N!==null?e.jsx("div",{className:"modal-backdrop",onClick:i,role:"presentation",children:e.jsxs("div",{className:"modal modal--success",onClick:g=>g.stopPropagation(),role:"dialog","aria-modal":"true",children:[e.jsx("div",{className:"modal-success__check","aria-hidden":!0,children:"✓"}),e.jsx("h2",{className:"modal__title",children:t("sellModal.successTitle")}),s.image?e.jsx("img",{className:"modal__img",src:s.image,alt:s.name}):null,e.jsx("p",{className:"modal-success__name",children:s.name}),e.jsxs("p",{className:"muted small",children:[t("sellModal.listedFor")," ",e.jsxs("strong",{children:[e.jsx(E,{className:"ccy-mark"})," ",N]})]}),e.jsxs("div",{className:"modal__actions",children:[e.jsx(z,{variant:"ghost",onClick:i,children:t("getCredits.done")}),e.jsx(z,{variant:"purple",onClick:f,children:t("sellModal.viewInShop")})]})]})}):e.jsx("div",{className:"modal-backdrop",onClick:i,role:"presentation",children:e.jsxs("div",{className:"modal","data-testid":"modal",onClick:g=>g.stopPropagation(),role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:"modal__title",children:t("sellModal.listTitle",{name:s.name})}),s.image?e.jsx("img",{className:"modal__img",src:s.image,alt:s.name}):null,e.jsxs("label",{className:"field",children:[e.jsx("span",{children:t("sellModal.priceLabel",{currency:xe.name})}),e.jsx("input",{type:"number",min:"1",step:"1",value:h,onChange:g=>w(g.target.value),disabled:j})]}),e.jsx("p",{className:"muted small",children:t("sellModal.pricedInWhole",{currency:xe.name,currencySingular:xe.nameSingular})}),x?e.jsx("p",{className:"muted",children:x}):null,e.jsx(ce,{message:l}),e.jsxs("div",{className:"modal__actions",children:[e.jsx(z,{variant:"ghost",onClick:i,disabled:j,children:t("sellModal.cancel")}),e.jsx(z,{onClick:()=>void b(),disabled:j,children:j?t("sellModal.listing"):t("sellModal.putOnSale")})]})]})})}const Ct=d.lazy(async()=>{const[{EmoteControls:s},{Experimental_CssVarsProvider:n},{light:i}]=await Promise.all([be(()=>import("./index-Dz17wnbD.js").then(o=>o.i),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10])),be(()=>import("./index-BCPi-ClS.js"),__vite__mapDeps([11,3,1,2,4,5,6,7,12,9,13,14])),be(()=>import("./index-D4JXiKx_.js"),__vite__mapDeps([15,3,1,2,4,5,6,7,16,14,13,9]))]);return{default:o=>e.jsx(n,{theme:i,children:e.jsx(s,{...o})})}});function St(s){return e.jsx(d.Suspense,{fallback:null,children:e.jsx(Ct,{...s})})}function At({item:s}){const n=X(f=>{var g;return(g=f.session)==null?void 0:g.address}),{data:i,isLoading:o}=ka(n),m=n&&i?n:"default",h=s.category==="emote",[w,x]=d.useState("item"),c=!h&&w==="item",l=c||!o,[a,j]=d.useState(!0);d.useEffect(()=>{j(!0)},[s.id,c]);const y=!!n&&!!i,N=y&&Ia(s,Ca(i)),F=Sa(s)[0],b=y&&!N&&!h;return e.jsxs(e.Fragment,{children:[l?e.jsx(Aa,{id:"shop-item-preview",contractAddress:s.contractAddress,tokenId:s.tokenId??void 0,itemId:s.tokenId?void 0:s.itemId??void 0,profile:c?void 0:N?m:"default",bodyShape:c||N?void 0:F,type:h?void 0:c?G.PreviewType.WEARABLE:G.PreviewType.AVATAR,emote:h||c?void 0:G.PreviewEmote.FASHION,disableBackground:!0,wheelZoom:h?1.5:void 0,wheelStart:h?100:void 0,dev:Ne.chainId===80002,onLoad:()=>j(!1)}):null,!l||a?e.jsx("div",{className:"item-preview__loading","aria-busy":"true","aria-label":t("itemPreview.loading"),children:e.jsx("span",{className:"item-preview__spinner","aria-hidden":!0})}):null,b&&!c?e.jsx("p",{className:"item-preview__note",children:t("itemPreview.shownOnBody",{shape:Ma(F)})}):null,h?e.jsx("div",{className:"item-preview__emote-controls","data-testid":"emote-controls",children:e.jsx(St,{wearablePreviewId:"shop-item-preview",hideFrameInput:!0})}):e.jsxs("div",{className:"item-preview__toggle",role:"group","aria-label":t("itemPreview.previewMode"),children:[e.jsxs("button",{type:"button",className:w==="avatar"?"is-active":"","aria-pressed":w==="avatar","aria-label":t("itemPreview.onAvatar"),onClick:()=>x("avatar"),children:[e.jsxs("svg",{className:"item-preview__toggle-ico",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:[e.jsx("circle",{cx:"12",cy:"7.5",r:"4"}),e.jsx("path",{d:"M4 20c0-4.2 3.6-6.5 8-6.5s8 2.3 8 6.5v.5H4z"})]}),e.jsx("span",{className:"item-preview__toggle-label",children:t("itemPreview.onAvatar")})]}),e.jsxs("button",{type:"button",className:w==="item"?"is-active":"","aria-pressed":w==="item","aria-label":t("itemPreview.item"),onClick:()=>x("item"),children:[e.jsx("svg",{className:"item-preview__toggle-ico",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:e.jsx("path",{d:"M8.5 3 3 6l1.8 3.8 2.2-1V21h10V8.8l2.2 1L22 6l-5.5-3a2.6 2.6 0 0 1-4.5 1.4A2.6 2.6 0 0 1 8.5 3z"})}),e.jsx("span",{className:"item-preview__toggle-label",children:t("itemPreview.item")})]})]})]})}function Ze(){return Ne.shopServerUrl||(typeof window<"u"?window.location.origin:"")}async function Mt(s,n,i){const o=new URLSearchParams({contractAddress:s,itemId:n}),m=`${Ze()}/notify-requests?${o.toString()}`,h=await Ye(m,{method:"GET",identity:i,metadata:{}});if(!h.ok)throw new Error(`getNotifyRequest ${h.status}`);return h.json()}async function Pt(s,n){const i=`${Ze()}/notify-requests`,o=await Ye(i,{method:"POST",identity:n,metadata:{},headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});if(!o.ok)throw new Error(`createNotifyRequest ${o.status}: ${await o.text()}`);await o.json().catch(()=>{})}function Ge(s){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s.trim())}function Et({item:s}){const n=X(b=>b.session),i=X(b=>b.signIn),[o,m]=d.useState(""),[h,w]=d.useState(!1),[x,c]=d.useState(!1),[l,a]=d.useState(null),j=!!n&&!!s.contractAddress&&!!s.itemId,{data:y}=B({queryKey:["notify-request",s.contractAddress,s.itemId,n==null?void 0:n.address],enabled:j,queryFn:()=>Mt(s.contractAddress,s.itemId,n.identity)});d.useEffect(()=>{y!=null&&y.email&&m(b=>b||y.email)},[y==null?void 0:y.email]),d.useEffect(()=>{if(!n)return;let b=!1;return Pa().then(f=>{!b&&f&&m(g=>g||f)}),()=>{b=!0}},[n]);const N=x||!!(y!=null&&y.subscribed);async function F(b){if(b.preventDefault(),!(!n||!s.itemId||!Ge(o)||h)){w(!0),a(null);try{await Pt({contractAddress:s.contractAddress,itemId:s.itemId,chainId:s.chainId,email:o.trim()},n.identity),c(!0)}catch(f){Z(f,{flow:"notify-me",contractAddress:s.contractAddress,itemId:s.itemId}),a(t("notifyMe.error"))}finally{w(!1)}}}return n?N?e.jsxs("div",{className:"notify notify__done","data-testid":"notify-subscribed",children:[e.jsx("span",{className:"notify__done-check","aria-hidden":!0,children:e.jsx(T,{name:"check",size:12})}),e.jsx("span",{className:"notify__done-text",children:t("notifyMe.subscribedBody")})]}):e.jsxs("form",{className:"notify",onSubmit:F,"data-testid":"notify",children:[e.jsx("label",{className:"notify__label",htmlFor:"notify-email",children:t("notifyMe.label")}),e.jsxs("div",{className:"notify__row",children:[e.jsx("input",{id:"notify-email",className:"notify__input",type:"email",inputMode:"email",autoComplete:"email",placeholder:t("notifyMe.placeholder"),value:o,onChange:b=>m(b.target.value),"data-testid":"notify-email"}),e.jsx("button",{type:"submit",className:"notify__btn",disabled:!Ge(o)||h,"data-testid":"notify-submit",children:h?t("notifyMe.working"):t("notifyMe.cta")})]}),e.jsx(ce,{message:l})]}):e.jsx("div",{className:"notify","data-testid":"notify",children:e.jsx("button",{type:"button",className:"notify__signin",onClick:i,"data-testid":"notify-signin",children:t("notifyMe.signInCta")})})}const Ft=W.button`
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-CCFR9hc6.js","assets/react-BrLDncxD.js","assets/dcl-schemas-BICTSpB5.js","assets/index-P7Sau0I5.js","assets/sentry-DYZXk5O5.js","assets/ethers-BIvjmL85.js","assets/intl-CBcMB1D2.js","assets/index-Bw9Y53F1.css","assets/emotion-styled.browser.esm-CBmI5nIt.js","assets/useTheme-Da_Gtdq6.js","assets/CircularProgress-CLSvO83K.js","assets/index-De5ttsh0.js","assets/useTheme-CJjDEqR6.js","assets/CssVarsProvider-Dze6xxok.js","assets/getOverlayAlpha-BFopV-KN.js","assets/index-BOngn0q7.js","assets/colors-LINLm1ux.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{a as oe,r as d,j as e,d as pa,u as ya,L as fa}from"./react-BrLDncxD.js";import{d as X,n as xa,o as ve,t,ai as ba,i as ga,b as ja,w as va,q as ne,x as D,y as ge,z as fe,aj as Na,E as Z,g as E,j as de,B as z,C as xe,p as wa,J as Je,_ as be,al as ka,ay as Ia,az as Ca,aA as Sa,aB as Aa,c as Ne,aC as Ma,M as Ye,m as B,aD as Pa,I as T,F as K,s as W,aE as Ea,aF as Fa,aG as La,G as Ta,af as ze,a as Ke,aH as Da,aI as Ra,aJ as qa,aK as Ba,aL as $a,ag as Oa,u as za,aM as Ka,aN as Wa,aO as Va,h as Ua,aP as We,aQ as Qa,f as Ga,ap as Ha,aR as Ja,aS as Ya,aq as Xa,aT as Za,aU as et}from"./index-P7Sau0I5.js";import{d as G}from"./dcl-schemas-BICTSpB5.js";import{b as Ve,c as at}from"./buy-Djb-kNlV.js";import{P as tt,f as st}from"./PrimaryListModal-ByimAoht.js";import{b as it,w as rt,S as nt,G as lt}from"./buy-gasless-Bpg3rjq9.js";import{a as dt}from"./authorizations-4HFkBc9K.js";import{u as ot,M as ct,c as mt}from"./useCreditPacks-D-Oae9wZ.js";import{W as ut,C as ht,a as _t}from"./CollectionCarousel-Dyw-XZFx.js";import{R as Ue}from"./resume-buy-Bf0zIH7y.js";import{a as pt,f as je,i as yt}from"./errors-Cs9fnU9I.js";import{E as ce}from"./ErrorNotice-BDH9xoG4.js";import{l as ft}from"./loader-logo-BzY9EKdC.js";import{C as xt}from"./CircularProgress-CLSvO83K.js";import{a as bt,b as gt}from"./trade-encoding-DLx_mjRt.js";import{u as jt,M as vt}from"./MarketCheckout-Dlac-3dT.js";import{s as Nt}from"./address-DrURAr9O.js";import{T as Xe}from"./Tooltip-CWYX2BtV.js";import"./sentry-DYZXk5O5.js";import"./ethers-BIvjmL85.js";import"./intl-CBcMB1D2.js";import"./sendMetaTransaction-iOoE_Tw3.js";import"./mana-rate-DXdP8JQC.js";import"./emotion-CSxEP8yM.js";function wt({item:s,onClose:n,resume:i=!1}){var ae,te;const{session:o}=X(),{data:m}=xa(o),h=ve(),w=oe(),x=ot().packs.slice(0,ct),[c,l]=d.useState("loading"),[a,j]=d.useState(null),[y,N]=d.useState(""),[F,b]=d.useState(s.priceCredits),[f,g]=d.useState(null),I=d.useRef(null),M=(f==null?void 0:f.credits)??F,ee=(m==null?void 0:m.credits)??0;d.useEffect(()=>{let u=!1;if(!o){l("error"),j(t("buyModal.signInToCheckout"));return}const C=_=>{const S=_-((m==null?void 0:m.credits)??0),v=x.find(R=>R.credits>=S)??x[x.length-1];N(v.id),D("Shop Buy Credits Prompted",{from:"item_checkout",credits_needed:_,credits_balance:(m==null?void 0:m.credits)??0,shortfall:Math.max(0,S)}),l("nofunds")};return(async()=>{var _,S;try{const v=await ba(s);if(!v)throw new Error("not for sale");if(ga(v,o.address))throw new Error("You can't buy your own listing.");const R=ja((S=(_=v.received)==null?void 0:_[0])==null?void 0:S.amount);if(!Number.isFinite(R)||R<=0)throw new Error("price unavailable");const V=Math.ceil(R/10);if(u)return;if(b(V),m!=null&&m.credits<V){C(V);return}try{const{credit:A,maxCreditedValue:J,usdCents:O}=await va(o.identity,R,v.id);if(u){ne(o.identity,[A.id]).catch(()=>{});return}I.current=A.id;const se=Math.ceil(O/10);b(se);const U={trade:v,credit:A,maxCreditedValue:J,usdCents:O,credits:se};g(U),i?H(U):l("ready")}catch(A){if(u)return;if(pt(A)){C(V);return}throw A}}catch(v){if(u)return;D(fe(v)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"authorize",error_code:ge(v)}),l("error"),j(je(v,t("buyModal.error.generic"),{sale:!0}))}})(),()=>{u=!0,I.current&&o&&(ne(o.identity,[I.current]).catch(()=>{}),I.current=null)}},[]);async function H(u=f){if(!o||!u)return;l("processing"),j(null);let C=!1;try{const _={trade:u.trade,buyer:o.address,signer:o.signer,credits:[u.credit],maxCreditedValue:u.maxCreditedValue};let S;if(dt())try{S=await it(_),await rt(S),C=!0}catch(v){if(v instanceof nt)C=!0;else if(v instanceof lt)S=await Ve(_);else throw v}else S=await Ve(_);I.current=null,D("Shop Completed Purchase",{...Na([s]),payment_type:"credits",no_crypto_step:C,transaction_hash:S??null}),h.invalidateQueries({queryKey:["usd-balance"]}),l("complete")}catch(_){fe(_)||Z(_,{flow:"buy",step:"submit",gasless:C}),ne(o.identity,[u.credit.id]).catch(()=>{}),I.current=null,D(fe(_)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:ge(_)}),h.invalidateQueries({queryKey:["usd-balance"]}),j(je(_,t("buyModal.error.generic"),{sale:!0})),l("error")}}async function me(){if(!(!y||!o)){try{sessionStorage.setItem(Ue,JSON.stringify(s))}catch{}f&&ne(o.identity,[f.credit.id]).catch(()=>{}),I.current=null,l("loading");try{const u=await mt(y,{address:o.address,identity:o.identity});if(u.url){window.location.href=u.url;return}w("/credits")}catch(u){Z(u,{flow:"buy_credits_and_item"});try{sessionStorage.removeItem(Ue)}catch{}j(t("buyModal.error.creditsCheckout")),l("error")}}}const $=c==="processing",L=c==="complete"?t("buyModal.titleComplete"):c==="nofunds"?t("buyModal.titleNoFunds"):t("buyModal.titleBuy");return e.jsxs("div",{className:"buy-modal",role:"dialog","aria-modal":"true","aria-label":t("buyModal.dialogAria",{name:s.name}),children:[e.jsx("div",{className:"buy-modal__scrim",onClick:$?void 0:n,"aria-hidden":!0}),e.jsxs("div",{className:`buy-modal__card${c==="processing"||c==="loading"?" buy-modal__card--tall":""}`,children:[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:L}),!$&&e.jsx("button",{className:"buy-modal__x",onClick:n,"aria-label":t("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:c==="nofunds"?t("buyModal.dclBalance"):t("buyModal.myCreditsBalance")}),e.jsx(E,{className:"buy-modal__balance-ico"}),e.jsx("span",{className:"buy-modal__balance-value",children:de(ee)})]})]}),c==="loading"&&e.jsx("div",{className:"buy-modal__body buy-modal__processing",children:e.jsx(xt,{size:44})}),c==="error"&&e.jsxs("div",{className:"buy-modal__body",children:[e.jsx(ce,{message:a}),e.jsx("div",{className:"buy-modal__ctas",children:e.jsx("button",{className:"buy-modal__btn buy-modal__btn--gradient",onClick:n,children:t("buyModal.close")})})]}),c==="nofunds"&&e.jsxs("div",{className:"buy-modal__body",children:[e.jsxs("div",{className:"buy-modal__warning",children:[e.jsx(ut,{className:"buy-modal__warning-ico"}),e.jsxs("p",{className:"buy-modal__warning-text",children:[e.jsx("b",{children:t("buyModal.insufficientFunds")})," ",t("buyModal.warningNeedToBuy")," ",e.jsx("b",{children:t("buyModal.warningCreditsAmount",{count:Math.max(0,M-ee)})})," ",t("buyModal.warningToPurchase",{count:1})]})]}),e.jsx(Qe,{item:s,priceCredits:M}),e.jsx("div",{className:"buy-modal__packs",children:x.map(u=>{const C=u.credits,_=u.id===y;return e.jsxs("button",{className:`buy-modal__pack${_?" buy-modal__pack--on":""}`,onClick:()=>N(u.id),children:[e.jsx(E,{className:"buy-modal__pack-ico"}),e.jsx("span",{className:"buy-modal__pack-amount",children:de(C)}),e.jsxs("span",{className:"buy-modal__pack-usd",children:["($",u.usd.toFixed(2),")"]})]},u.id)})}),e.jsxs("div",{className:"buy-modal__total",children:[e.jsxs("div",{className:"buy-modal__total-credits",children:[e.jsx(E,{className:"buy-modal__total-ico"}),e.jsx("span",{children:de(((ae=x.find(u=>u.id===y))==null?void 0:ae.credits)??0)})]}),e.jsxs("span",{className:"buy-modal__total-usd",children:["$",(((te=x.find(u=>u.id===y))==null?void 0:te.usd)??0).toFixed(2)]})]}),e.jsxs("div",{className:"buy-modal__ctas",children:[e.jsx("button",{className:"buy-modal__btn buy-modal__btn--outline",onClick:n,children:t("buyModal.cancel")}),e.jsx("button",{className:"buy-modal__btn buy-modal__btn--gradient",onClick:()=>void me(),children:t("buyModal.buy")})]})]}),c==="ready"&&e.jsxs("div",{className:"buy-modal__body",children:[e.jsx(Qe,{item:s,priceCredits:M}),e.jsx("div",{className:"buy-modal__ctas",children:e.jsx("button",{className:"buy-modal__btn buy-modal__btn--gradient buy-modal__btn--full",onClick:()=>void H(),children:t("buyModal.buy")})})]}),c==="processing"&&e.jsxs("div",{className:"buy-modal__body buy-modal__processing",children:[e.jsx("img",{className:"buy-modal__logo",src:ft,alt:"",width:61,height:61}),e.jsx("div",{className:"buy-modal__processing-text",children:i?t("buyModal.completingPurchase"):t("buyModal.completingTransaction")}),e.jsx("div",{className:"buy-modal__progress","aria-hidden":!0,children:e.jsx("span",{className:"buy-modal__progress-fill"})})]}),c==="complete"&&e.jsxs("div",{className:"buy-modal__body",children:[e.jsxs("div",{className:"buy-modal__success",children:[e.jsxs("svg",{viewBox:"0 0 64 64",width:"64",height:"64","aria-hidden":!0,children:[e.jsx("circle",{cx:"32",cy:"32",r:"32",fill:"#34ce74"}),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:t("getCredits.successTitle")})," ",t("buyModal.successBody")]})]}),e.jsxs("div",{className:"buy-modal__ctas",children:[e.jsx("button",{className:"buy-modal__btn buy-modal__btn--outline",onClick:()=>w("/assets?tab=mine"),children:t("buyModal.myAssets")}),e.jsxs("button",{className:"buy-modal__btn buy-modal__btn--ruby",onClick:n,children:[t("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"})})]})]})]})]})]})}function Qe({item:s,priceCredits:n}){return e.jsxs("div",{className:"buy-modal__asset",children:[e.jsx("div",{className:"buy-modal__asset-thumb",children:s.thumbnail?e.jsx("img",{src:s.thumbnail,alt:""}):null}),e.jsxs("div",{className:"buy-modal__asset-info",children:[e.jsxs("div",{children:[e.jsx("div",{className:"buy-modal__asset-name",title:s.name,children:s.name||t("buyModal.itemFallback")}),s.creator?e.jsx(ht,{address:s.creator,className:"buy-modal__asset-creator"}):null]}),e.jsxs("div",{className:"buy-modal__asset-price",children:[e.jsx(E,{className:"buy-modal__asset-price-ico"}),e.jsx("span",{children:de(n)})]})]})]})}const kt=1e3*60*60*24*182;function It({asset:s,session:n,onClose:i}){const o=ve(),m=oe(),[h,w]=d.useState("10"),[x,c]=d.useState(null),[l,a]=d.useState(null),[j,y]=d.useState(!1),[N,F]=d.useState(null);async function b(){a(null);const g=Number(h);if(!Number.isInteger(g)||g<=0){a(t("sellModal.errorWholeNumber"));return}y(!0);try{c(t("sellModal.statusPreparing")),await bt({signer:n.signer,contractAddress:s.contractAddress,chainId:s.chainId}),c(t("sellModal.statusListing"));const I=await gt({signer:n.signer,nft:{contractAddress:s.contractAddress,tokenId:s.tokenId,network:s.network,chainId:s.chainId},usdPrice:g/10,expiresAtMs:Date.now()+kt});c(t("sellModal.statusPublishing")),await wa(I,n.identity),c(null),F(g),D("Shop Listed Item",{item_id:s.itemId??s.tokenId??null,contract_address:s.contractAddress,price_credits:g,price_usd:g/10,listing_type:"secondary",is_primary:!1}),Je.success(t("sellModal.toastOnSale",{name:s.name})),o.invalidateQueries({queryKey:["my-assets",n.address]})}catch(I){Z(I,{flow:"list_secondary"}),D("Shop Listing Failed",{listing_type:"secondary",error_code:ge(I)}),a(je(I,t("sellModal.errorGeneric"))),c(null)}finally{y(!1)}}function f(){i(),m(`/item/${s.contractAddress}/${s.tokenId}`)}return N!==null?e.jsx("div",{className:"modal-backdrop",onClick:i,role:"presentation",children:e.jsxs("div",{className:"modal modal--success",onClick:g=>g.stopPropagation(),role:"dialog","aria-modal":"true",children:[e.jsx("div",{className:"modal-success__check","aria-hidden":!0,children:"✓"}),e.jsx("h2",{className:"modal__title",children:t("sellModal.successTitle")}),s.image?e.jsx("img",{className:"modal__img",src:s.image,alt:s.name}):null,e.jsx("p",{className:"modal-success__name",children:s.name}),e.jsxs("p",{className:"muted small",children:[t("sellModal.listedFor")," ",e.jsxs("strong",{children:[e.jsx(E,{className:"ccy-mark"})," ",N]})]}),e.jsxs("div",{className:"modal__actions",children:[e.jsx(z,{variant:"ghost",onClick:i,children:t("getCredits.done")}),e.jsx(z,{variant:"purple",onClick:f,children:t("sellModal.viewInShop")})]})]})}):e.jsx("div",{className:"modal-backdrop",onClick:i,role:"presentation",children:e.jsxs("div",{className:"modal","data-testid":"modal",onClick:g=>g.stopPropagation(),role:"dialog","aria-modal":"true",children:[e.jsx("h2",{className:"modal__title",children:t("sellModal.listTitle",{name:s.name})}),s.image?e.jsx("img",{className:"modal__img",src:s.image,alt:s.name}):null,e.jsxs("label",{className:"field",children:[e.jsx("span",{children:t("sellModal.priceLabel",{currency:xe.name})}),e.jsx("input",{type:"number",min:"1",step:"1",value:h,onChange:g=>w(g.target.value),disabled:j})]}),e.jsx("p",{className:"muted small",children:t("sellModal.pricedInWhole",{currency:xe.name,currencySingular:xe.nameSingular})}),x?e.jsx("p",{className:"muted",children:x}):null,e.jsx(ce,{message:l}),e.jsxs("div",{className:"modal__actions",children:[e.jsx(z,{variant:"ghost",onClick:i,disabled:j,children:t("sellModal.cancel")}),e.jsx(z,{onClick:()=>void b(),disabled:j,children:j?t("sellModal.listing"):t("sellModal.putOnSale")})]})]})})}const Ct=d.lazy(async()=>{const[{EmoteControls:s},{Experimental_CssVarsProvider:n},{light:i}]=await Promise.all([be(()=>import("./index-CCFR9hc6.js").then(o=>o.i),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10])),be(()=>import("./index-De5ttsh0.js"),__vite__mapDeps([11,3,1,2,4,5,6,7,12,9,13,14])),be(()=>import("./index-BOngn0q7.js"),__vite__mapDeps([15,3,1,2,4,5,6,7,16,14,13,9]))]);return{default:o=>e.jsx(n,{theme:i,children:e.jsx(s,{...o})})}});function St(s){return e.jsx(d.Suspense,{fallback:null,children:e.jsx(Ct,{...s})})}function At({item:s}){const n=X(f=>{var g;return(g=f.session)==null?void 0:g.address}),{data:i,isLoading:o}=ka(n),m=n&&i?n:"default",h=s.category==="emote",[w,x]=d.useState("item"),c=!h&&w==="item",l=c||!o,[a,j]=d.useState(!0);d.useEffect(()=>{j(!0)},[s.id,c]);const y=!!n&&!!i,N=y&&Ia(s,Ca(i)),F=Sa(s)[0],b=y&&!N&&!h;return e.jsxs(e.Fragment,{children:[l?e.jsx(Aa,{id:"shop-item-preview",contractAddress:s.contractAddress,tokenId:s.tokenId??void 0,itemId:s.tokenId?void 0:s.itemId??void 0,profile:c?void 0:N?m:"default",bodyShape:c||N?void 0:F,type:h?void 0:c?G.PreviewType.WEARABLE:G.PreviewType.AVATAR,emote:h||c?void 0:G.PreviewEmote.FASHION,disableBackground:!0,wheelZoom:h?1.5:void 0,wheelStart:h?100:void 0,dev:Ne.chainId===80002,onLoad:()=>j(!1)}):null,!l||a?e.jsx("div",{className:"item-preview__loading","aria-busy":"true","aria-label":t("itemPreview.loading"),children:e.jsx("span",{className:"item-preview__spinner","aria-hidden":!0})}):null,b&&!c?e.jsx("p",{className:"item-preview__note",children:t("itemPreview.shownOnBody",{shape:Ma(F)})}):null,h?e.jsx("div",{className:"item-preview__emote-controls","data-testid":"emote-controls",children:e.jsx(St,{wearablePreviewId:"shop-item-preview",hideFrameInput:!0})}):e.jsxs("div",{className:"item-preview__toggle",role:"group","aria-label":t("itemPreview.previewMode"),children:[e.jsxs("button",{type:"button",className:w==="avatar"?"is-active":"","aria-pressed":w==="avatar","aria-label":t("itemPreview.onAvatar"),onClick:()=>x("avatar"),children:[e.jsxs("svg",{className:"item-preview__toggle-ico",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:[e.jsx("circle",{cx:"12",cy:"7.5",r:"4"}),e.jsx("path",{d:"M4 20c0-4.2 3.6-6.5 8-6.5s8 2.3 8 6.5v.5H4z"})]}),e.jsx("span",{className:"item-preview__toggle-label",children:t("itemPreview.onAvatar")})]}),e.jsxs("button",{type:"button",className:w==="item"?"is-active":"","aria-pressed":w==="item","aria-label":t("itemPreview.item"),onClick:()=>x("item"),children:[e.jsx("svg",{className:"item-preview__toggle-ico",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:e.jsx("path",{d:"M8.5 3 3 6l1.8 3.8 2.2-1V21h10V8.8l2.2 1L22 6l-5.5-3a2.6 2.6 0 0 1-4.5 1.4A2.6 2.6 0 0 1 8.5 3z"})}),e.jsx("span",{className:"item-preview__toggle-label",children:t("itemPreview.item")})]})]})]})}function Ze(){return Ne.shopServerUrl||(typeof window<"u"?window.location.origin:"")}async function Mt(s,n,i){const o=new URLSearchParams({contractAddress:s,itemId:n}),m=`${Ze()}/notify-requests?${o.toString()}`,h=await Ye(m,{method:"GET",identity:i,metadata:{}});if(!h.ok)throw new Error(`getNotifyRequest ${h.status}`);return h.json()}async function Pt(s,n){const i=`${Ze()}/notify-requests`,o=await Ye(i,{method:"POST",identity:n,metadata:{},headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});if(!o.ok)throw new Error(`createNotifyRequest ${o.status}: ${await o.text()}`);await o.json().catch(()=>{})}function Ge(s){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s.trim())}function Et({item:s}){const n=X(b=>b.session),i=X(b=>b.signIn),[o,m]=d.useState(""),[h,w]=d.useState(!1),[x,c]=d.useState(!1),[l,a]=d.useState(null),j=!!n&&!!s.contractAddress&&!!s.itemId,{data:y}=B({queryKey:["notify-request",s.contractAddress,s.itemId,n==null?void 0:n.address],enabled:j,queryFn:()=>Mt(s.contractAddress,s.itemId,n.identity)});d.useEffect(()=>{y!=null&&y.email&&m(b=>b||y.email)},[y==null?void 0:y.email]),d.useEffect(()=>{if(!n)return;let b=!1;return Pa().then(f=>{!b&&f&&m(g=>g||f)}),()=>{b=!0}},[n]);const N=x||!!(y!=null&&y.subscribed);async function F(b){if(b.preventDefault(),!(!n||!s.itemId||!Ge(o)||h)){w(!0),a(null);try{await Pt({contractAddress:s.contractAddress,itemId:s.itemId,chainId:s.chainId,email:o.trim()},n.identity),c(!0)}catch(f){Z(f,{flow:"notify-me",contractAddress:s.contractAddress,itemId:s.itemId}),a(t("notifyMe.error"))}finally{w(!1)}}}return n?N?e.jsxs("div",{className:"notify notify__done","data-testid":"notify-subscribed",children:[e.jsx("span",{className:"notify__done-check","aria-hidden":!0,children:e.jsx(T,{name:"check",size:12})}),e.jsx("span",{className:"notify__done-text",children:t("notifyMe.subscribedBody")})]}):e.jsxs("form",{className:"notify",onSubmit:F,"data-testid":"notify",children:[e.jsx("label",{className:"notify__label",htmlFor:"notify-email",children:t("notifyMe.label")}),e.jsxs("div",{className:"notify__row",children:[e.jsx("input",{id:"notify-email",className:"notify__input",type:"email",inputMode:"email",autoComplete:"email",placeholder:t("notifyMe.placeholder"),value:o,onChange:b=>m(b.target.value),"data-testid":"notify-email"}),e.jsx("button",{type:"submit",className:"notify__btn",disabled:!Ge(o)||h,"data-testid":"notify-submit",children:h?t("notifyMe.working"):t("notifyMe.cta")})]}),e.jsx(ce,{message:l})]}):e.jsx("div",{className:"notify","data-testid":"notify",children:e.jsx("button",{type:"button",className:"notify__signin",onClick:i,"data-testid":"notify-signin",children:t("notifyMe.signInCta")})})}const Ft=W.button`
|
|
3
3
|
display: flex;
|
|
4
4
|
align-items: center;
|
|
5
5
|
justify-content: center;
|
|
@@ -75,4 +75,4 @@ import{a as oe,r as d,j as e,d as pa,u as ya,L as fa}from"./react-BrLDncxD.js";i
|
|
|
75
75
|
color: ${K.colors.accent};
|
|
76
76
|
font-weight: 600;
|
|
77
77
|
}
|
|
78
|
-
`;function Ot(s){return Object.values(G.Rarity).includes(s)}function zt(s){return s==="male"?t("itemDetail.genderMale"):s==="female"?t("itemDetail.genderFemale"):s==="unisex"?t("itemDetail.genderUnisex"):null}function He(s){return s.wearableCategory?s.wearableCategory.replace(/_/g," "):s.category==="emote"?t("itemDetail.categoryEmote"):t("itemDetail.categoryWearable")}function ps(){var $e;const{contractAddress:s,tokenId:n}=pa(),{state:i}=ya(),o=oe(),m=!!(i!=null&&i.market),h=(i==null?void 0:i.marketPriceCredits)??null,w=ze(r=>r.add),x=ze(r=>r.items),c=Ke(r=>r.toggle),{session:l}=X(),[a,j]=d.useState(()=>i!=null&&i.item?{...i.item,tradeId:i.tradeId??i.item.tradeId}:{id:`${s}-${n}`,name:"",creator:"",contractAddress:s??"",itemId:null,category:"wearable",rarity:"common",network:"MATIC",chainId:Ne.chainId,thumbnail:"",priceCredits:0,gender:null,isSmart:!1,tokenId:n??void 0,tradeId:i==null?void 0:i.tradeId}),[y,N]=d.useState(!1),[F,b]=d.useState(!!(i!=null&&i.resumeBuy));d.useEffect(()=>{i!=null&&i.resumeBuy&&N(!0)},[i==null?void 0:i.resumeBuy]);const{data:f=[],isFetched:g}=B({queryKey:["collection-items",a.contractAddress],enabled:!!a.contractAddress,queryFn:()=>Ha(a.contractAddress,{first:20}).then(r=>r.items)}),I=a.available==null&&!a.tokenId,{data:M,isLoading:ee}=B({queryKey:["shop-item",a.contractAddress,n],enabled:!m&&!!a.contractAddress&&!!n&&(!(i!=null&&i.item)||I),queryFn:()=>Ja(a.contractAddress,n)});d.useEffect(()=>{M&&j(r=>r.tradeId?r.available!=null&&r.wearableCategory?r:{...r,available:r.available??M.available,wearableCategory:r.wearableCategory??M.wearableCategory}:{...M})},[M]);const[H,me]=d.useState(!1),{data:$=""}=B({queryKey:["item-desc",a.contractAddress,a.itemId],enabled:!!a.contractAddress&&!!a.itemId,staleTime:5*6e4,queryFn:()=>Ya(a.contractAddress,a.itemId)}),{data:L}=B({queryKey:["collection-meta",a.contractAddress],enabled:!!a.contractAddress,staleTime:5*6e4,queryFn:()=>Xa(a.contractAddress)});d.useEffect(()=>{if(a.name||M||f.length===0)return;const r=n&&f.find(k=>k.tokenId===n||k.itemId===n)||f.find(k=>k.contractAddress===a.contractAddress);r&&j(k=>({...r,tradeId:k.tradeId??r.tradeId}))},[f,M]);const ae=d.useMemo(()=>{const r=new Set,k=[];for(const P of f){if(P.id===a.id||a.itemId&&P.itemId===a.itemId||a.tokenId&&P.tokenId===a.tokenId)continue;const Oe=`${P.contractAddress}-${P.itemId??P.tokenId??P.id}`;r.has(Oe)||(r.add(Oe),k.push(P))}return k},[f,a.id,a.itemId,a.tokenId]),{data:te,isLoading:u}=B({queryKey:["detail-trade",a.id,a.tradeId,a.contractAddress,a.itemId],enabled:!!a.contractAddress,queryFn:async()=>{if(a.tradeId)return a.tradeId;if(a.itemId){const r=await Za(a.contractAddress,a.itemId);return(r==null?void 0:r.id)??null}return null}}),C=a.tradeId??te??void 0,_=!!C,{data:S}=jt(m),v=d.useMemo(()=>{if(!m||!(i!=null&&i.item))return null;const r=i.item;return r.manaWei?{tradeId:r.tradeId??r.id,listingType:"primary",contractAddress:r.contractAddress,itemId:r.itemId??"",name:r.name,thumbnail:r.thumbnail,rarity:r.rarity,category:r.category,wearableCategory:r.wearableCategory??null,creator:r.creator,manaWei:r.manaWei,available:1,network:r.network,chainId:r.chainId,createdAt:0}:null},[m,i==null?void 0:i.item]),R=m&&h!=null&&!!S&&!!v,V=Da({priceCredits:a.priceCredits,compareAtCredits:a.compareAtCredits,saleEndsAt:a.saleEndsAt}),A=d.useMemo(()=>({...a,tradeId:C,id:C??a.id}),[a,C]),J=x.some(r=>r.id===A.id),O=!A.tokenId,se=(($e=x.find(r=>r.id===A.id))==null?void 0:$e.quantity)??0,Q=O&&typeof a.available=="number"&&se>=a.available,q=Ke(r=>!!r.items[a.id]),we=d.useRef(null);d.useEffect(()=>{!a.name||u||we.current===a.id||(we.current=a.id,D("Shop Viewed Item",{...Ra(a),for_sale:_}),qa(a))},[a.id,a.name,u,_]);const ie=`${s}/${n}`,ke=d.useRef(ie);d.useEffect(()=>{ke.current!==ie&&(ke.current=ie,i!=null&&i.item&&j({...i.item,tradeId:i.tradeId??i.item.tradeId}),typeof window<"u"&&window.scrollTo({top:0,behavior:"smooth"}))},[ie]);function ea(){!_||he||u||!O&&J||Q||w(A,"item_detail")}const ue=Ot(a.rarity)?a.rarity:G.Rarity.COMMON,Ie=zt(a.gender),Ce=Ba(a),Se=$a(a.gender),aa=_&&V,ta=t("itemDetail.moreFromCollection"),he=Oa(a,l==null?void 0:l.address),re=ve(),[sa,Ae]=d.useState(!1),[ia,Me]=d.useState(!1),[Y,Pe]=d.useState(!1),[ra,Ee]=d.useState(null),{data:p,isLoading:na}=B({queryKey:["owned-token",a.contractAddress,a.tokenId,l==null?void 0:l.address],enabled:!m&&!!(l!=null&&l.address)&&!!a.contractAddress&&!!a.tokenId,queryFn:()=>l?et(l.address,a.contractAddress,a.tokenId):null});d.useEffect(()=>{p&&j(r=>r.name?r.issuedId?r:{...r,issuedId:p.issuedId}:{id:p.id,name:p.name,creator:"",contractAddress:p.contractAddress,itemId:p.itemId,category:p.category,rarity:p.rarity??"common",network:p.network,chainId:p.chainId,thumbnail:p.image,priceCredits:p.listingPrice??0,gender:null,isSmart:!1,tokenId:p.tokenId,issuedId:p.issuedId,tradeId:p.tradeId})},[p]);const{data:_e}=B({queryKey:["publishable-item",a.contractAddress,a.itemId,l==null?void 0:l.address],enabled:he&&!!l&&!!a.itemId,queryFn:async()=>l?(await st(l.address,l.identity)).find(k=>k.contractAddress.toLowerCase()===a.contractAddress.toLowerCase()&&k.blockchainItemId===a.itemId)??null:null}),U=!!p,pe=!m&&(he||U),la=U?!!(p!=null&&p.isOnSale):_,ye=U?p==null?void 0:p.tradeId:C,Fe=U?!!p:!!_e;async function Le(){await Promise.all([re.invalidateQueries({queryKey:["owned-token",a.contractAddress,a.tokenId]}),re.invalidateQueries({queryKey:["detail-trade"]}),re.invalidateQueries({queryKey:["shop-item"]}),re.invalidateQueries({queryKey:["collection-sale-state"]})])}async function Te(r={}){if(!l||!ye)return!1;Ee(null),Pe(!0);try{const k=await Ga(ye);return await at({trade:k,signer:l.signer}),r.silent||Je.success(t("myAssets.removedFromSale",{name:a.name})),await Le(),!0}catch(k){const P=yt(k);return P||Z(k,{flow:"remove-listing",tradeId:ye}),Ee(P?t("getCredits.errorCanceled"):t("myAssets.removeListingError")),!1}finally{Pe(!1)}}function De(){U?Ae(!0):Me(!0)}async function da(){await Te({silent:!0})&&De()}function Re(){Ae(!1),Me(!1),Le()}const qe=_?u?t("itemDetail.checking"):Q?t("itemDetail.maxInCart"):!O&&J?t("assetCard.inCart"):t("assetCard.addToCart"):t("itemDetail.notForSale"),oa=typeof a.available=="number"&&a.available>0&&!a.tokenId&&!m,ca=!m&&!a.tokenId&&a.available===0,ma=!pe&&_&&!m,ua=m||!pe,ha=ee||!!a.contractAddress&&!g||!a.name&&na,Be=!a.name&&!ha,_a=/^https?:\/\//i.test(a.thumbnail);return za(Be?{title:t("seo.item.notFoundTitle"),noindex:!0}:a.name?{title:a.name,description:$||t("seo.item.fallbackDescription",{name:a.name,rarity:a.rarity,category:He(a),creator:Nt(a.creator)}),image:_a?a.thumbnail:void 0,type:"product"}:{}),Be?e.jsxs("div",{className:"item-detail item-detail--notfound",children:[e.jsx(T,{name:"cart",className:"item-detail__notfound-ico"}),e.jsx("h1",{className:"item-detail__notfound-title",children:t("itemDetail.notAvailableTitle")}),e.jsx("p",{className:"muted",children:t("itemDetail.notAvailableBody")}),e.jsx(Rt,{variant:"purple",onClick:()=>o("/assets"),children:t("notFound.cta")})]}):e.jsxs("div",{className:"item-detail",children:[e.jsxs("nav",{className:"item-detail__crumbs","aria-label":t("itemDetail.breadcrumbAria"),children:[e.jsx("button",{className:"item-detail__crumb-link",onClick:()=>o("/assets"),children:t("nav.collectibles")}),e.jsx("span",{className:"item-detail__crumb-sep",children:"/"}),e.jsx("span",{className:"item-detail__crumb-current",children:a.name||t("itemDetail.itemFallback")})]}),e.jsxs("div",{className:"item-detail__main",children:[e.jsxs("div",{className:"item-detail__preview","data-testid":"item-preview",children:[a.name?e.jsx(At,{item:a}):e.jsx("div",{className:"item-preview__loading","aria-busy":"true","aria-label":t("itemPreview.loading"),children:e.jsx("span",{className:"skeleton item-preview__skeleton","aria-hidden":!0})}),e.jsx("button",{className:`item-detail__fav item-detail__fav--preview${q?" is-on":""}`,onClick:()=>c(a),"aria-pressed":q,"aria-label":q?t("assetCard.removeFromFavorites"):t("assetCard.addToFavorites"),children:e.jsx(T,{name:q?"heart-solid":"heart",size:18})})]}),e.jsx("div",{className:"item-detail__info",children:a.name?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"item-detail__info-head",children:[e.jsx("h1",{className:"item-detail__title",children:a.name}),e.jsx("button",{className:`item-detail__fav${q?" is-on":""}`,onClick:()=>c(a),"aria-pressed":q,"aria-label":q?t("assetCard.removeFromFavorites"):t("assetCard.addToFavorites"),children:e.jsx(T,{name:q?"heart-solid":"heart",size:18})})]}),e.jsxs("div",{className:"item-detail__chips",children:[e.jsx("span",{className:"chip chip--rarity",style:{background:Va(ue),color:Wa(ue)},title:Ka(a.rarity),children:a.rarity}),e.jsxs("span",{className:"chip item-detail__chip",children:[Ce?e.jsx(T,{name:Ce,size:18,color:"var(--text-2)"}):null,He(a)]}),Ie?e.jsxs("span",{className:"chip item-detail__chip",children:[Se?e.jsx(T,{name:Se,size:18,color:"var(--text-2)"}):null,Ie]}):null,a.issuedId?e.jsxs("span",{className:"chip item-detail__chip","data-testid":"detail-issued",children:["#",a.issuedId]}):null]}),$?e.jsxs("div",{className:"item-detail__section item-detail__description",children:[e.jsx("div",{className:"item-detail__label",children:t("itemDetail.description")}),e.jsx("p",{className:`item-detail__desc-text${H?" is-expanded":""}`,children:$}),$.length>140?e.jsx("button",{className:"link item-detail__desc-toggle",onClick:()=>me(r=>!r),children:H?t("itemDetail.showLess"):t("itemDetail.readMore")}):null]}):null,a.creator||L!=null&&L.name?e.jsxs("div",{className:"item-detail__meta",children:[a.creator?e.jsxs("div",{className:"item-detail__meta-col",children:[e.jsx("div",{className:"item-detail__label",children:t("itemDetail.creator")}),e.jsx(Qa,{address:a.creator,className:"item-detail__creator",linkToProfile:!0,hidePrefix:!0})]}):null,L!=null&&L.name?e.jsxs("div",{className:"item-detail__meta-col item-detail__meta-col--collection",children:[e.jsx("div",{className:"item-detail__label",children:t("itemDetail.collection")}),e.jsx(Dt,{contractAddress:a.contractAddress,name:L.name,items:f,className:"item-detail__creator"})]}):null]}):null,e.jsx("hr",{className:"item-detail__divider"}),e.jsx("div",{className:"item-detail__price-block",children:e.jsxs("div",{className:"item-detail__price-row",children:[e.jsxs("div",{className:"item-detail__price-col",children:[m||_?e.jsx("div",{className:"item-detail__price-label",children:t("itemDetail.price")}):null,m?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"item-detail__price item-detail__price--market",children:h==null?e.jsx("span",{className:"item-detail__price-value",children:"—"}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"item-detail__approx","aria-hidden":!0,children:"≈"}),e.jsx(E,{className:"item-detail__diamond"}),e.jsx("span",{className:"item-detail__price-value",children:h})]})}),e.jsx("div",{className:"item-detail__market-note muted",children:t("assetCard.marketPrice")})]}):_?aa?e.jsxs("div",{className:"item-detail__price item-detail__price--sale",children:[e.jsxs("span",{className:"item-detail__price",children:[e.jsx(E,{className:"item-detail__diamond"}),e.jsx("span",{className:"item-detail__price-value",children:a.priceCredits})]}),e.jsxs("span",{className:"item-detail__price-was",children:[e.jsx(E,{className:"item-detail__diamond item-detail__diamond--was"}),a.compareAtCredits]}),We(a.compareAtCredits,a.priceCredits)>0?e.jsx("span",{className:"item-detail__sale-badge",children:t("assetCard.saleWithDiscount",{pct:We(a.compareAtCredits,a.priceCredits)})}):null,e.jsx(Ua,{endsAt:a.saleEndsAt,className:"item-detail__countdown"})]}):e.jsxs("div",{className:"item-detail__price",children:[e.jsx(E,{className:"item-detail__diamond"}),e.jsx("span",{className:"item-detail__price-value",children:a.priceCredits})]}):e.jsxs("div",{className:"item-detail__price item-detail__price--none",children:[e.jsx("span",{children:t("itemDetail.notForSale")}),e.jsx(Xe,{content:t("itemDetail.notForSaleHint"),children:e.jsx("span",{className:"item-detail__price-info",tabIndex:0,role:"img","aria-label":t("itemDetail.notForSaleHint"),children:e.jsx(T,{name:"info",size:14})})})]})]}),oa?e.jsxs("div",{className:"item-detail__stock-col",children:[e.jsx("div",{className:"item-detail__price-label",children:t("itemDetail.stock")}),e.jsxs("div",{className:"item-detail__stock-value",children:[(a.available??0).toLocaleString(),"/",G.Rarity.getMaxSupply(ue).toLocaleString()]})]}):ca?e.jsx("div",{className:"item-detail__stock-col",children:e.jsx("div",{className:"item-detail__stock-value item-detail__stock-value--out","data-testid":"out-of-stock",children:t("itemDetail.outOfStock")})}):null]})}),e.jsx("div",{className:`item-detail__ctas${ua?" item-detail__ctas--buttons":""}${ma?" item-detail__ctas--dual":""}`,children:m?e.jsxs(le,{variant:"purple",onClick:()=>N(!0),disabled:!R,children:[e.jsx("span",{className:"item-detail__cta-label",children:t("assetCard.buyNow")}),h!=null?e.jsxs("span",{className:"item-detail__cta-price","aria-hidden":!0,children:[e.jsx(E,{className:"item-detail__cta-diamond"}),h]}):null]}):pe?e.jsxs(qt,{"data-testid":"manage-actions",children:[e.jsx(ce,{message:ra}),la?e.jsxs(e.Fragment,{children:[e.jsx(le,{variant:"purple",onClick:()=>void da(),disabled:Y||!Fe,children:e.jsx("span",{className:"item-detail__cta-label",children:Y?t("itemDetail.manageWorking"):t("itemDetail.manageUpdatePrice")})}),e.jsx(Bt,{variant:"ghost",onClick:()=>void Te(),disabled:Y,children:Y?t("myAssets.removing"):t("itemDetail.manageRemove")})]}):e.jsx(le,{variant:"purple",onClick:()=>{U&&D("Shop Started Listing",{listing_type:"secondary",item_id:a.itemId??a.tokenId??null}),De()},disabled:Y||!Fe,children:e.jsx("span",{className:"item-detail__cta-label",children:t("itemDetail.manageList")})}),e.jsxs($t,{children:[t("itemDetail.ownItemPrefix")," ",e.jsx(fa,{to:"/my-assets",children:t("nav.myAssets")}),t("itemDetail.ownItemSuffix")]})]}):_?e.jsxs(e.Fragment,{children:[e.jsxs(le,{variant:"purple",onClick:()=>N(!0),disabled:u,children:[e.jsx("span",{className:"item-detail__cta-label",children:t("assetCard.buyNow")}),e.jsxs("span",{className:"item-detail__cta-price","aria-hidden":!0,children:[e.jsx(E,{className:"item-detail__cta-diamond"}),a.priceCredits]})]}),e.jsxs("button",{className:"item-detail__addcart",onClick:ea,disabled:u||(O?Q:J),"aria-label":qe,children:[e.jsx(T,{name:"cart-solid"}),e.jsx("span",{className:"item-detail__addcart-label",children:qe})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(Et,{item:a}),e.jsx(Lt,{item:a})]})})]}):e.jsx(Kt,{})})]}),e.jsx(_t,{title:ta,items:ae,onViewAll:a.contractAddress?()=>o(`/collection/${a.contractAddress}`):void 0}),y&&m&&v&&S?e.jsx(vt,{listing:v,rate:S,onClose:()=>N(!1),onSold:()=>N(!1)}):y&&!m?e.jsx(wt,{item:A,resume:F,onClose:()=>{N(!1),b(!1)}}):null,sa&&p&&l?e.jsx(It,{asset:p,session:l,onClose:Re}):null,ia&&_e&&l?e.jsx(tt,{item:_e,session:l,onClose:Re}):null]})}function Kt(){return e.jsxs("div",{className:"item-detail__info-skel","aria-hidden":!0,children:[e.jsx("span",{className:"skeleton id-skel__title"}),e.jsxs("div",{className:"id-skel__chips",children:[e.jsx("span",{className:"skeleton id-skel__chip"}),e.jsx("span",{className:"skeleton id-skel__chip"})]}),e.jsx("span",{className:"skeleton id-skel__line"}),e.jsx("span",{className:"skeleton id-skel__line id-skel__line--short"}),e.jsx("hr",{className:"item-detail__divider"}),e.jsx("span",{className:"skeleton id-skel__price"}),e.jsx("span",{className:"skeleton id-skel__btn"})]})}export{ps as ItemDetail,ps as default};
|
|
78
|
+
`;function Ot(s){return Object.values(G.Rarity).includes(s)}function zt(s){return s==="male"?t("itemDetail.genderMale"):s==="female"?t("itemDetail.genderFemale"):s==="unisex"?t("itemDetail.genderUnisex"):null}function He(s){return s.wearableCategory?s.wearableCategory.replace(/_/g," "):s.category==="emote"?t("itemDetail.categoryEmote"):t("itemDetail.categoryWearable")}function ps(){var $e;const{contractAddress:s,tokenId:n}=pa(),{state:i}=ya(),o=oe(),m=!!(i!=null&&i.market),h=(i==null?void 0:i.marketPriceCredits)??null,w=ze(r=>r.add),x=ze(r=>r.items),c=Ke(r=>r.toggle),{session:l}=X(),[a,j]=d.useState(()=>i!=null&&i.item?{...i.item,tradeId:i.tradeId??i.item.tradeId}:{id:`${s}-${n}`,name:"",creator:"",contractAddress:s??"",itemId:null,category:"wearable",rarity:"common",network:"MATIC",chainId:Ne.chainId,thumbnail:"",priceCredits:0,gender:null,isSmart:!1,tokenId:n??void 0,tradeId:i==null?void 0:i.tradeId}),[y,N]=d.useState(!1),[F,b]=d.useState(!!(i!=null&&i.resumeBuy));d.useEffect(()=>{i!=null&&i.resumeBuy&&N(!0)},[i==null?void 0:i.resumeBuy]);const{data:f=[],isFetched:g}=B({queryKey:["collection-items",a.contractAddress],enabled:!!a.contractAddress,queryFn:()=>Ha(a.contractAddress,{first:20}).then(r=>r.items)}),I=a.available==null&&!a.tokenId,{data:M,isLoading:ee}=B({queryKey:["shop-item",a.contractAddress,n],enabled:!m&&!!a.contractAddress&&!!n&&(!(i!=null&&i.item)||I),queryFn:()=>Ja(a.contractAddress,n)});d.useEffect(()=>{M&&j(r=>r.tradeId?r.available!=null&&r.wearableCategory?r:{...r,available:r.available??M.available,wearableCategory:r.wearableCategory??M.wearableCategory}:{...M})},[M]);const[H,me]=d.useState(!1),{data:$=""}=B({queryKey:["item-desc",a.contractAddress,a.itemId],enabled:!!a.contractAddress&&!!a.itemId,staleTime:5*6e4,queryFn:()=>Ya(a.contractAddress,a.itemId)}),{data:L}=B({queryKey:["collection-meta",a.contractAddress],enabled:!!a.contractAddress,staleTime:5*6e4,queryFn:()=>Xa(a.contractAddress)});d.useEffect(()=>{if(a.name||M||f.length===0)return;const r=n&&f.find(k=>k.tokenId===n||k.itemId===n)||f.find(k=>k.contractAddress===a.contractAddress);r&&j(k=>({...r,tradeId:k.tradeId??r.tradeId}))},[f,M]);const ae=d.useMemo(()=>{const r=new Set,k=[];for(const P of f){if(P.id===a.id||a.itemId&&P.itemId===a.itemId||a.tokenId&&P.tokenId===a.tokenId)continue;const Oe=`${P.contractAddress}-${P.itemId??P.tokenId??P.id}`;r.has(Oe)||(r.add(Oe),k.push(P))}return k},[f,a.id,a.itemId,a.tokenId]),{data:te,isLoading:u}=B({queryKey:["detail-trade",a.id,a.tradeId,a.contractAddress,a.itemId],enabled:!!a.contractAddress,queryFn:async()=>{if(a.tradeId)return a.tradeId;if(a.itemId){const r=await Za(a.contractAddress,a.itemId);return(r==null?void 0:r.id)??null}return null}}),C=a.tradeId??te??void 0,_=!!C,{data:S}=jt(m),v=d.useMemo(()=>{if(!m||!(i!=null&&i.item))return null;const r=i.item;return r.manaWei?{tradeId:r.tradeId??r.id,listingType:"primary",contractAddress:r.contractAddress,itemId:r.itemId??"",name:r.name,thumbnail:r.thumbnail,rarity:r.rarity,category:r.category,wearableCategory:r.wearableCategory??null,creator:r.creator,manaWei:r.manaWei,available:1,network:r.network,chainId:r.chainId,createdAt:0}:null},[m,i==null?void 0:i.item]),R=m&&h!=null&&!!S&&!!v,V=Da({priceCredits:a.priceCredits,compareAtCredits:a.compareAtCredits,saleEndsAt:a.saleEndsAt}),A=d.useMemo(()=>({...a,tradeId:C,id:C??a.id}),[a,C]),J=x.some(r=>r.id===A.id),O=!A.tokenId,se=(($e=x.find(r=>r.id===A.id))==null?void 0:$e.quantity)??0,U=O&&typeof a.available=="number"&&se>=a.available,q=Ke(r=>!!r.items[a.id]),we=d.useRef(null);d.useEffect(()=>{!a.name||u||we.current===a.id||(we.current=a.id,D("Shop Viewed Item",{...Ra(a),for_sale:_}),qa(a))},[a.id,a.name,u,_]);const ie=`${s}/${n}`,ke=d.useRef(ie);d.useEffect(()=>{ke.current!==ie&&(ke.current=ie,i!=null&&i.item&&j({...i.item,tradeId:i.tradeId??i.item.tradeId}),typeof window<"u"&&window.scrollTo({top:0,behavior:"smooth"}))},[ie]);function ea(){!_||he||u||!O&&J||U||w(A,"item_detail")}const ue=Ot(a.rarity)?a.rarity:G.Rarity.COMMON,Ie=zt(a.gender),Ce=Ba(a),Se=$a(a.gender),aa=_&&V,ta=t("itemDetail.moreFromCollection"),he=Oa(a,l==null?void 0:l.address),re=ve(),[sa,Ae]=d.useState(!1),[ia,Me]=d.useState(!1),[Y,Pe]=d.useState(!1),[ra,Ee]=d.useState(null),{data:p,isLoading:na}=B({queryKey:["owned-token",a.contractAddress,a.tokenId,l==null?void 0:l.address],enabled:!m&&!!(l!=null&&l.address)&&!!a.contractAddress&&!!a.tokenId,queryFn:()=>l?et(l.address,a.contractAddress,a.tokenId):null});d.useEffect(()=>{p&&j(r=>r.name?r.issuedId?r:{...r,issuedId:p.issuedId}:{id:p.id,name:p.name,creator:"",contractAddress:p.contractAddress,itemId:p.itemId,category:p.category,rarity:p.rarity??"common",network:p.network,chainId:p.chainId,thumbnail:p.image,priceCredits:p.listingPrice??0,gender:null,isSmart:!1,tokenId:p.tokenId,issuedId:p.issuedId,tradeId:p.tradeId})},[p]);const{data:_e}=B({queryKey:["publishable-item",a.contractAddress,a.itemId,l==null?void 0:l.address],enabled:he&&!!l&&!!a.itemId,queryFn:async()=>l?(await st(l.address,l.identity)).find(k=>k.contractAddress.toLowerCase()===a.contractAddress.toLowerCase()&&k.blockchainItemId===a.itemId)??null:null}),Q=!!p,pe=!m&&(he||Q),la=Q?!!(p!=null&&p.isOnSale):_,ye=Q?p==null?void 0:p.tradeId:C,Fe=Q?!!p:!!_e;async function Le(){await Promise.all([re.invalidateQueries({queryKey:["owned-token",a.contractAddress,a.tokenId]}),re.invalidateQueries({queryKey:["detail-trade"]}),re.invalidateQueries({queryKey:["shop-item"]}),re.invalidateQueries({queryKey:["collection-sale-state"]})])}async function Te(r={}){if(!l||!ye)return!1;Ee(null),Pe(!0);try{const k=await Ga(ye);return await at({trade:k,signer:l.signer}),r.silent||Je.success(t("myAssets.removedFromSale",{name:a.name})),await Le(),!0}catch(k){const P=yt(k);return P||Z(k,{flow:"remove-listing",tradeId:ye}),Ee(P?t("getCredits.errorCanceled"):t("myAssets.removeListingError")),!1}finally{Pe(!1)}}function De(){Q?Ae(!0):Me(!0)}async function da(){await Te({silent:!0})&&De()}function Re(){Ae(!1),Me(!1),Le()}const qe=_?u?t("itemDetail.checking"):U?t("itemDetail.maxInCart"):!O&&J?t("assetCard.inCart"):t("assetCard.addToCart"):t("itemDetail.notForSale"),oa=typeof a.available=="number"&&a.available>0&&!a.tokenId&&!m,ca=!m&&!a.tokenId&&a.available===0,ma=!pe&&_&&!m,ua=m||!pe,ha=ee||!!a.contractAddress&&!g||!a.name&&na,Be=!a.name&&!ha,_a=/^https?:\/\//i.test(a.thumbnail);return za(Be?{title:t("seo.item.notFoundTitle"),noindex:!0}:a.name?{title:a.name,description:$||t("seo.item.fallbackDescription",{name:a.name,rarity:a.rarity,category:He(a),creator:Nt(a.creator)}),image:_a?a.thumbnail:void 0,type:"product"}:{}),Be?e.jsxs("div",{className:"item-detail item-detail--notfound",children:[e.jsx(T,{name:"cart",className:"item-detail__notfound-ico"}),e.jsx("h1",{className:"item-detail__notfound-title",children:t("itemDetail.notAvailableTitle")}),e.jsx("p",{className:"muted",children:t("itemDetail.notAvailableBody")}),e.jsx(Rt,{variant:"purple",onClick:()=>o("/assets"),children:t("notFound.cta")})]}):e.jsxs("div",{className:"item-detail",children:[e.jsxs("nav",{className:"item-detail__crumbs","aria-label":t("itemDetail.breadcrumbAria"),children:[e.jsx("button",{className:"item-detail__crumb-link",onClick:()=>o("/assets"),children:t("nav.collectibles")}),e.jsx("span",{className:"item-detail__crumb-sep",children:"/"}),e.jsx("span",{className:"item-detail__crumb-current",children:a.name||t("itemDetail.itemFallback")})]}),e.jsxs("div",{className:"item-detail__main",children:[e.jsxs("div",{className:"item-detail__preview","data-testid":"item-preview",children:[a.name?e.jsx(At,{item:a}):e.jsx("div",{className:"item-preview__loading","aria-busy":"true","aria-label":t("itemPreview.loading"),children:e.jsx("span",{className:"skeleton item-preview__skeleton","aria-hidden":!0})}),e.jsx("button",{className:`item-detail__fav item-detail__fav--preview${q?" is-on":""}`,onClick:()=>c(a),"aria-pressed":q,"aria-label":q?t("assetCard.removeFromFavorites"):t("assetCard.addToFavorites"),children:e.jsx(T,{name:q?"heart-solid":"heart",size:18})})]}),e.jsx("div",{className:"item-detail__info",children:a.name?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"item-detail__info-head",children:[e.jsx("h1",{className:"item-detail__title",children:a.name}),e.jsx("button",{className:`item-detail__fav${q?" is-on":""}`,onClick:()=>c(a),"aria-pressed":q,"aria-label":q?t("assetCard.removeFromFavorites"):t("assetCard.addToFavorites"),children:e.jsx(T,{name:q?"heart-solid":"heart",size:18})})]}),e.jsxs("div",{className:"item-detail__chips",children:[e.jsx("span",{className:"chip chip--rarity",style:{background:Va(ue),color:Wa(ue)},title:Ka(a.rarity),children:a.rarity}),e.jsxs("span",{className:"chip item-detail__chip",children:[Ce?e.jsx(T,{name:Ce,size:18,color:"var(--text-2)"}):null,He(a)]}),Ie?e.jsxs("span",{className:"chip item-detail__chip",children:[Se?e.jsx(T,{name:Se,size:18,color:"var(--text-2)"}):null,Ie]}):null,a.issuedId?e.jsxs("span",{className:"chip item-detail__chip","data-testid":"detail-issued",children:["#",a.issuedId]}):null]}),$?e.jsxs("div",{className:"item-detail__section item-detail__description",children:[e.jsx("div",{className:"item-detail__label",children:t("itemDetail.description")}),e.jsx("p",{className:`item-detail__desc-text${H?" is-expanded":""}`,children:$}),$.length>140?e.jsx("button",{className:"link item-detail__desc-toggle",onClick:()=>me(r=>!r),children:H?t("itemDetail.showLess"):t("itemDetail.readMore")}):null]}):null,a.creator||L!=null&&L.name?e.jsxs("div",{className:"item-detail__meta",children:[a.creator?e.jsxs("div",{className:"item-detail__meta-col",children:[e.jsx("div",{className:"item-detail__label",children:t("itemDetail.creator")}),e.jsx(Ua,{address:a.creator,className:"item-detail__creator",linkToProfile:!0,hidePrefix:!0})]}):null,L!=null&&L.name?e.jsxs("div",{className:"item-detail__meta-col item-detail__meta-col--collection",children:[e.jsx("div",{className:"item-detail__label",children:t("itemDetail.collection")}),e.jsx(Dt,{contractAddress:a.contractAddress,name:L.name,items:f,className:"item-detail__creator"})]}):null]}):null,e.jsx("hr",{className:"item-detail__divider"}),e.jsx("div",{className:"item-detail__price-block",children:e.jsxs("div",{className:"item-detail__price-row",children:[e.jsxs("div",{className:"item-detail__price-col",children:[m||_?e.jsx("div",{className:"item-detail__price-label",children:t("itemDetail.price")}):null,m?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"item-detail__price item-detail__price--market",children:h==null?e.jsx("span",{className:"item-detail__price-value",children:"—"}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"item-detail__approx","aria-hidden":!0,children:"≈"}),e.jsx(E,{className:"item-detail__diamond"}),e.jsx("span",{className:"item-detail__price-value",children:h})]})}),e.jsx("div",{className:"item-detail__market-note muted",children:t("assetCard.marketPrice")})]}):_?aa?e.jsxs("div",{className:"item-detail__price item-detail__price--sale",children:[e.jsxs("span",{className:"item-detail__price",children:[e.jsx(E,{className:"item-detail__diamond"}),e.jsx("span",{className:"item-detail__price-value",children:a.priceCredits})]}),e.jsxs("span",{className:"item-detail__price-was",children:[e.jsx(E,{className:"item-detail__diamond item-detail__diamond--was"}),a.compareAtCredits]}),We(a.compareAtCredits,a.priceCredits)>0?e.jsx("span",{className:"item-detail__sale-badge",children:t("assetCard.saleWithDiscount",{pct:We(a.compareAtCredits,a.priceCredits)})}):null,e.jsx(Qa,{endsAt:a.saleEndsAt,className:"item-detail__countdown"})]}):e.jsxs("div",{className:"item-detail__price",children:[e.jsx(E,{className:"item-detail__diamond"}),e.jsx("span",{className:"item-detail__price-value",children:a.priceCredits})]}):e.jsxs("div",{className:"item-detail__price item-detail__price--none",children:[e.jsx("span",{children:t("itemDetail.notForSale")}),e.jsx(Xe,{content:t("itemDetail.notForSaleHint"),children:e.jsx("span",{className:"item-detail__price-info",tabIndex:0,role:"img","aria-label":t("itemDetail.notForSaleHint"),children:e.jsx(T,{name:"info",size:14})})})]})]}),oa?e.jsxs("div",{className:"item-detail__stock-col",children:[e.jsx("div",{className:"item-detail__price-label",children:t("itemDetail.stock")}),e.jsxs("div",{className:"item-detail__stock-value",children:[(a.available??0).toLocaleString(),"/",G.Rarity.getMaxSupply(ue).toLocaleString()]})]}):ca?e.jsx("div",{className:"item-detail__stock-col",children:e.jsx("div",{className:"item-detail__stock-value item-detail__stock-value--out","data-testid":"out-of-stock",children:t("itemDetail.outOfStock")})}):null]})}),e.jsx("div",{className:`item-detail__ctas${ua?" item-detail__ctas--buttons":""}${ma?" item-detail__ctas--dual":""}`,children:m?e.jsxs(le,{variant:"purple",onClick:()=>N(!0),disabled:!R,children:[e.jsx("span",{className:"item-detail__cta-label",children:t("assetCard.buyNow")}),h!=null?e.jsxs("span",{className:"item-detail__cta-price","aria-hidden":!0,children:[e.jsx(E,{className:"item-detail__cta-diamond"}),h]}):null]}):pe?e.jsxs(qt,{"data-testid":"manage-actions",children:[e.jsx(ce,{message:ra}),la?e.jsxs(e.Fragment,{children:[e.jsx(le,{variant:"purple",onClick:()=>void da(),disabled:Y||!Fe,children:e.jsx("span",{className:"item-detail__cta-label",children:Y?t("itemDetail.manageWorking"):t("itemDetail.manageUpdatePrice")})}),e.jsx(Bt,{variant:"ghost",onClick:()=>void Te(),disabled:Y,children:Y?t("myAssets.removing"):t("itemDetail.manageRemove")})]}):e.jsx(le,{variant:"purple",onClick:()=>{Q&&D("Shop Started Listing",{listing_type:"secondary",item_id:a.itemId??a.tokenId??null}),De()},disabled:Y||!Fe,children:e.jsx("span",{className:"item-detail__cta-label",children:t("itemDetail.manageList")})}),e.jsxs($t,{children:[t("itemDetail.ownItemPrefix")," ",e.jsx(fa,{to:"/my-assets",children:t("nav.myAssets")}),t("itemDetail.ownItemSuffix")]})]}):_?e.jsxs(e.Fragment,{children:[e.jsxs(le,{variant:"purple",onClick:()=>N(!0),disabled:u,children:[e.jsx("span",{className:"item-detail__cta-label",children:t("assetCard.buyNow")}),e.jsxs("span",{className:"item-detail__cta-price","aria-hidden":!0,children:[e.jsx(E,{className:"item-detail__cta-diamond"}),a.priceCredits]})]}),e.jsxs("button",{className:"item-detail__addcart",onClick:ea,disabled:u||(O?U:J),"aria-label":qe,children:[e.jsx(T,{name:"cart-solid"}),e.jsx("span",{className:"item-detail__addcart-label",children:qe})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(Et,{item:a}),e.jsx(Lt,{item:a})]})})]}):e.jsx(Kt,{})})]}),e.jsx(_t,{title:ta,items:ae,onViewAll:a.contractAddress?()=>o(`/collection/${a.contractAddress}`):void 0}),y&&m&&v&&S?e.jsx(vt,{listing:v,rate:S,onClose:()=>N(!1),onSold:()=>N(!1)}):y&&!m?e.jsx(wt,{item:A,resume:F,onClose:()=>{N(!1),b(!1)}}):null,sa&&p&&l?e.jsx(It,{asset:p,session:l,onClose:Re}):null,ia&&_e&&l?e.jsx(tt,{item:_e,session:l,onClose:Re}):null]})}function Kt(){return e.jsxs("div",{className:"item-detail__info-skel","aria-hidden":!0,children:[e.jsx("span",{className:"skeleton id-skel__title"}),e.jsxs("div",{className:"id-skel__chips",children:[e.jsx("span",{className:"skeleton id-skel__chip"}),e.jsx("span",{className:"skeleton id-skel__chip"})]}),e.jsx("span",{className:"skeleton id-skel__line"}),e.jsx("span",{className:"skeleton id-skel__line id-skel__line--short"}),e.jsx("hr",{className:"item-detail__divider"}),e.jsx("span",{className:"skeleton id-skel__price"}),e.jsx("span",{className:"skeleton id-skel__btn"})]})}export{ps as ItemDetail,ps as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as l,j as c}from"./react-BrLDncxD.js";import{s as u,B as p,t as d}from"./index-
|
|
1
|
+
import{r as l,j as c}from"./react-BrLDncxD.js";import{s as u,B as p,t as d}from"./index-P7Sau0I5.js";const a=u.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
justify-content: center;
|
|
4
4
|
padding: 28px 0 8px;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{m as O,c as S,d as V,n as Y,o as H,t,q as k,g as x,r as M,v as $,C as j,f as D,i as J,w as X,x as p,y as F,z as R,s as Z,B as ee}from"./index-
|
|
1
|
+
import{m as O,c as S,d as V,n as Y,o as H,t,q as k,g as x,r as M,v as $,C as j,f as D,i as J,w as X,x as p,y as F,z as R,s as Z,B as ee}from"./index-P7Sau0I5.js";import{r as re,a as b}from"./mana-rate-DXdP8JQC.js";import{a as ae,r as m,j as r}from"./react-BrLDncxD.js";import{b as A}from"./buy-Djb-kNlV.js";import{b as te,w as se,S as ie,G as ce}from"./buy-gasless-Bpg3rjq9.js";import{a as ne}from"./authorizations-4HFkBc9K.js";import{i as de}from"./errors-Cs9fnU9I.js";import{E as oe}from"./ErrorNotice-BDH9xoG4.js";function Ce(e=!0){return O({queryKey:["mana-rate",S.chainId],queryFn:()=>re(S.chainId),enabled:e,staleTime:6e4,refetchInterval:6e4,retry:1})}const B=Z(ee)`
|
|
2
2
|
flex: 1;
|
|
3
3
|
`;function U(e){if(de(e))return t("errors.rejected");const n=(e.message??"").toLowerCase();return n.includes("insufficient")?t("marketCheckout.error.insufficient",{currency:j.name}):n.includes("not found")||n.includes("no active listing")||n.includes("404")?t("marketCheckout.error.soldOrRemoved"):n.includes("your own listing")?t("errors.cantBuyOwn"):t("marketCheckout.error.generic")}function le(e){return{id:e.tradeId,tradeId:e.tradeId,name:e.name,creator:e.creator,contractAddress:e.contractAddress,itemId:e.itemId,category:e.category,wearableCategory:e.wearableCategory??void 0,rarity:e.rarity,network:e.network,chainId:e.chainId,thumbnail:e.thumbnail,priceCredits:0,gender:null,isSmart:!1}}function ve({listing:e,rate:n,onClose:q,onSold:W}){const{session:i}=V(),{data:d,isError:T}=Y(i),w=H(),g=ae(),[N,f]=m.useState("confirm"),[C,I]=m.useState(t("marketCheckout.lockingPrice")),[z,_]=m.useState(null),[a,G]=m.useState(null),o=m.useRef(null),L=Math.ceil(b(e.manaWei,n)/10);m.useEffect(()=>{let l=!1;if(!i){f("error"),_(t("buyModal.signInToCheckout"));return}return(async()=>{try{const s=await D(e.tradeId);if(!s)throw new Error("not found");if(J(s,i.address))throw new Error("You can't buy your own listing.");const h=b(e.manaWei,n);if(!Number.isFinite(h)||h<=0)throw new Error("price unavailable");const{credit:u,maxCreditedValue:K,usdCents:P}=await X(i.identity,h,e.tradeId);if(l){k(i.identity,[u.id]).catch(()=>{});return}o.current=u.id,G({trade:s,credit:u,maxCreditedValue:K,usdCents:P,credits:Math.ceil(P/10)}),I("")}catch(s){if(l)return;console.error("[market] authorize failed",s),p(R(s)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"authorize",error_code:F(s),value_usd:Math.round(b(e.manaWei,n))/100}),f("error"),_(U(s))}})(),()=>{l=!0,o.current&&i&&(k(i.identity,[o.current]).catch(()=>{}),o.current=null)}},[]);const v=!!a&&d!=null&&d.credits<a.credits;async function Q(){if(!i||!a)return;if(v){p("Shop Buy Credits Prompted",{from:"item_checkout",credits_needed:a.credits,credits_balance:(d==null?void 0:d.credits)??0,shortfall:Math.max(0,a.credits-((d==null?void 0:d.credits)??0))}),k(i.identity,[a.credit.id]).catch(()=>{}),o.current=null,g("/credits");return}f("working"),_(null);let l=!1;try{I(t("marketCheckout.confirming"));const c={trade:a.trade,buyer:i.address,signer:i.signer,credits:[a.credit],maxCreditedValue:a.maxCreditedValue};let s;if(ne())try{s=await te(c),await se(s),l=!0}catch(u){if(u instanceof ie)l=!0;else if(u instanceof ce)s=await A(c);else throw u}else s=await A(c);o.current=null,p("Shop Completed Purchase",{items:[{item_id:e.itemId??null,contract_address:e.contractAddress,token_id:null,price_usd:a.usdCents/100}],value_credits:a.credits,value_usd:a.usdCents/100,purchase_type:"item",is_primary:!0,payment_type:"credits",no_crypto_step:l,transaction_hash:s??null}),w.invalidateQueries({queryKey:["usd-balance"]});const h={items:[le(e)],txHash:s};g("/success",{state:h})}catch(c){console.error("[market] buy now failed",c),k(i.identity,[a.credit.id]).catch(()=>{}),o.current=null,p(R(c)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:F(c),value_usd:a.usdCents/100}),w.invalidateQueries({queryKey:["usd-balance"]}),_(U(c)),f("error");const s=(c.message??"").toLowerCase();(s.includes("not found")||s.includes("no active listing")||s.includes("404"))&&W()}}function E(){i&&a&&k(i.identity,[a.credit.id]).catch(()=>{}),o.current=null,q()}const y=N==="working";return r.jsxs("div",{className:"mkt-modal",role:"dialog","aria-modal":"true","aria-label":t("buyModal.dialogAria",{name:e.name}),children:[r.jsx("div",{className:"mkt-modal__scrim",onClick:y?void 0:E,"aria-hidden":!0}),r.jsxs("div",{className:"mkt-modal__card",children:[r.jsxs("div",{className:"mkt-modal__head",children:[r.jsx("div",{className:"mkt-modal__thumb",children:e.thumbnail?r.jsx("img",{src:e.thumbnail,alt:""}):null}),r.jsxs("div",{children:[r.jsx("div",{className:"mkt-modal__name",title:e.name,children:e.name||t("buyModal.itemFallback")}),r.jsx("span",{className:"chip chip--rarity",children:e.rarity})]})]}),r.jsx("div",{className:"mkt-modal__price",children:a?r.jsxs(r.Fragment,{children:[r.jsx("div",{className:"mkt-modal__price-label",children:t("marketCheckout.finalPrice")}),r.jsxs("div",{className:"mkt-modal__price-value",children:[r.jsx(x,{className:"mkt-modal__diamond"}),M(a.credits)]}),r.jsxs("div",{className:"mkt-modal__price-sub muted",children:[t("marketCheckout.lockedForPurchase")," · $",(a.usdCents/100).toFixed(2)]})]}):r.jsxs(r.Fragment,{children:[r.jsx("div",{className:"mkt-modal__price-label",children:t("marketCheckout.todaysPrice")}),r.jsxs("div",{className:"mkt-modal__price-value mkt-modal__price-value--approx",children:[r.jsx("span",{className:"mkt-modal__approx","aria-hidden":!0,children:"≈"}),r.jsx(x,{className:"mkt-modal__diamond"}),M(L)]}),r.jsx("div",{className:"mkt-modal__price-sub muted",children:C||t("marketCheckout.lockingPrice")})]})}),i?r.jsxs("div",{className:"mkt-modal__balance muted",children:[t("marketCheckout.yourBalance")," ",r.jsx(x,{className:"ccy-mark"})," ",$(d,T)]}):null,v?r.jsx("p",{className:"muted mkt-modal__note",children:t("marketCheckout.needMore",{currency:j.name})}):null,C&&N==="working"?r.jsx("p",{className:"muted mkt-modal__note",children:C}):null,r.jsx(oe,{message:z,className:"mkt-modal__note"}),r.jsxs("div",{className:"mkt-modal__actions",children:[r.jsx(B,{variant:"ghost",onClick:E,disabled:y,children:t("buyModal.cancel")}),r.jsx(B,{variant:"purple",onClick:()=>void Q(),disabled:y||!a,children:y?t("marketCheckout.buying"):v?t("nav.getCredits",{currency:j.name}):t("marketCheckout.confirmPurchase")})]})]})]})}export{ve as M,Ce as u};
|
|
@@ -0,0 +1,258 @@
|
|
|
1
|
+
import{L as Ce,b as Xe,r as d,j as t}from"./react-BrLDncxD.js";import{s as i,F as s,I as C,u as et,t as r,d as tt,o as st,G as me,m as O,B as ot,A as D,x as nt,H as rt,f as at,J as it,E as lt,c as Ie,K as ct,L as dt}from"./index-P7Sau0I5.js";import{f as mt}from"./import-DzTakhaX.js";import{P as pt,f as ut}from"./PrimaryListModal-ByimAoht.js";import{c as ft}from"./buy-Djb-kNlV.js";import{R as Q,C as xt,a as ht,F as yt,S as U,b as pe}from"./categories-DY58IjaQ.js";import{L as gt}from"./LoadMore-BFtkV8IC.js";import{D as ue,F as fe,R as bt,a as wt,b as St,c as jt,d as $t,S as Ct,e as It,f as kt,g as vt,h as At,i as Et,j as Tt,k as Ft,C as Rt,l as _t,m as Ot,n as Lt,M as Pt}from"./Assets.styles-JVRlU2lC.js";import{u as zt}from"./useInfiniteGrid-DpzTC5bY.js";import{E as H}from"./ErrorNotice-BDH9xoG4.js";import{n as ke}from"./emotion-CSxEP8yM.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-DYZXk5O5.js";import"./ethers-BIvjmL85.js";import"./intl-CBcMB1D2.js";import"./mana-rate-DXdP8JQC.js";import"./sendMetaTransaction-iOoE_Tw3.js";import"./trade-encoding-DLx_mjRt.js";import"./authorizations-4HFkBc9K.js";import"./errors-Cs9fnU9I.js";import"./Tooltip-CWYX2BtV.js";i.div`
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
gap: 4px;
|
|
5
|
+
width: 100%;
|
|
6
|
+
`;i.h2`
|
|
7
|
+
margin: 0;
|
|
8
|
+
padding: 4px 4px 2px;
|
|
9
|
+
font-family: ${s.font.sans};
|
|
10
|
+
font-weight: 700;
|
|
11
|
+
font-size: 12px;
|
|
12
|
+
letter-spacing: 0.46px;
|
|
13
|
+
text-transform: uppercase;
|
|
14
|
+
color: ${s.colors.muted};
|
|
15
|
+
`;i("button",ke("selected"))`
|
|
16
|
+
display: flex;
|
|
17
|
+
align-items: center;
|
|
18
|
+
gap: 10px;
|
|
19
|
+
width: 100%;
|
|
20
|
+
height: 40px;
|
|
21
|
+
padding: 4px 12px;
|
|
22
|
+
border: 0;
|
|
23
|
+
border-radius: 8px;
|
|
24
|
+
background: ${({selected:o})=>o?s.colors.media:"transparent"};
|
|
25
|
+
color: ${s.colors.text};
|
|
26
|
+
font-family: ${s.font.sans};
|
|
27
|
+
font-weight: ${({selected:o})=>o?600:400};
|
|
28
|
+
font-size: 14px;
|
|
29
|
+
text-align: left;
|
|
30
|
+
cursor: pointer;
|
|
31
|
+
|
|
32
|
+
@media (hover: hover) {
|
|
33
|
+
&:hover {
|
|
34
|
+
background: ${s.colors.media};
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
&:focus-visible {
|
|
38
|
+
outline: 2px solid ${s.colors.accent};
|
|
39
|
+
outline-offset: 2px;
|
|
40
|
+
}
|
|
41
|
+
`;i(C)`
|
|
42
|
+
width: 18px;
|
|
43
|
+
height: 18px;
|
|
44
|
+
flex: none;
|
|
45
|
+
color: ${s.colors.muted};
|
|
46
|
+
`;i.div`
|
|
47
|
+
display: flex;
|
|
48
|
+
flex-direction: column;
|
|
49
|
+
gap: 8px;
|
|
50
|
+
width: 100%;
|
|
51
|
+
`;i.span`
|
|
52
|
+
font-family: ${s.font.sans};
|
|
53
|
+
font-weight: 600;
|
|
54
|
+
font-size: 14px;
|
|
55
|
+
line-height: 1.43;
|
|
56
|
+
color: ${s.colors.text};
|
|
57
|
+
padding: 0 4px;
|
|
58
|
+
`;i.div`
|
|
59
|
+
display: flex;
|
|
60
|
+
flex-wrap: wrap;
|
|
61
|
+
gap: 8px;
|
|
62
|
+
padding: 4px;
|
|
63
|
+
`;i("button",ke("selected"))`
|
|
64
|
+
display: inline-flex;
|
|
65
|
+
align-items: center;
|
|
66
|
+
gap: 4px;
|
|
67
|
+
padding: 4px 10px;
|
|
68
|
+
border-radius: 6px;
|
|
69
|
+
background: ${({selected:o})=>o?s.colors.text:s.colors.softWhite};
|
|
70
|
+
border: ${({selected:o})=>o?`1px solid ${s.colors.text}`:`0.5px solid ${s.colors.gray4}`};
|
|
71
|
+
color: ${({selected:o})=>o?s.colors.white:s.colors.gray0};
|
|
72
|
+
font-family: ${s.font.sans};
|
|
73
|
+
font-weight: ${({selected:o})=>o?600:400};
|
|
74
|
+
font-size: 12px;
|
|
75
|
+
cursor: pointer;
|
|
76
|
+
|
|
77
|
+
&:hover {
|
|
78
|
+
border-color: ${s.colors.text};
|
|
79
|
+
}
|
|
80
|
+
&:focus-visible {
|
|
81
|
+
outline: 2px solid ${s.colors.accent};
|
|
82
|
+
outline-offset: 2px;
|
|
83
|
+
}
|
|
84
|
+
`;const Kt=i.div`
|
|
85
|
+
display: flex;
|
|
86
|
+
align-items: center;
|
|
87
|
+
gap: 8px;
|
|
88
|
+
height: 44px;
|
|
89
|
+
padding: 0 12px;
|
|
90
|
+
margin-bottom: 16px;
|
|
91
|
+
border: 1px solid ${s.colors.lineStrong};
|
|
92
|
+
border-radius: ${s.radius.btn};
|
|
93
|
+
background: ${s.colors.white};
|
|
94
|
+
|
|
95
|
+
&:focus-within {
|
|
96
|
+
border-color: ${s.colors.accent};
|
|
97
|
+
}
|
|
98
|
+
`,qt=i(C)`
|
|
99
|
+
width: 18px;
|
|
100
|
+
height: 18px;
|
|
101
|
+
flex: none;
|
|
102
|
+
color: ${s.colors.muted};
|
|
103
|
+
`,Bt=i.input`
|
|
104
|
+
flex: 1;
|
|
105
|
+
min-width: 0;
|
|
106
|
+
border: 0;
|
|
107
|
+
background: none;
|
|
108
|
+
padding: 0;
|
|
109
|
+
font-family: ${s.font.sans};
|
|
110
|
+
font-size: 14px;
|
|
111
|
+
color: ${s.colors.text};
|
|
112
|
+
|
|
113
|
+
&::placeholder {
|
|
114
|
+
color: ${s.colors.muted2};
|
|
115
|
+
}
|
|
116
|
+
&:focus {
|
|
117
|
+
outline: 0;
|
|
118
|
+
}
|
|
119
|
+
`,Mt=i.button`
|
|
120
|
+
display: grid;
|
|
121
|
+
place-items: center;
|
|
122
|
+
width: 24px;
|
|
123
|
+
height: 24px;
|
|
124
|
+
border: 0;
|
|
125
|
+
border-radius: 50%;
|
|
126
|
+
background: ${s.colors.chip};
|
|
127
|
+
color: ${s.colors.text};
|
|
128
|
+
cursor: pointer;
|
|
129
|
+
flex: none;
|
|
130
|
+
|
|
131
|
+
&:focus-visible {
|
|
132
|
+
outline: 2px solid ${s.colors.accent};
|
|
133
|
+
outline-offset: 2px;
|
|
134
|
+
}
|
|
135
|
+
`,Nt=i(C)`
|
|
136
|
+
width: 12px;
|
|
137
|
+
height: 12px;
|
|
138
|
+
`,xe=i.div`
|
|
139
|
+
display: grid;
|
|
140
|
+
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
|
|
141
|
+
gap: 20px;
|
|
142
|
+
|
|
143
|
+
${s.media.down("sm")} {
|
|
144
|
+
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
|
|
145
|
+
gap: 12px;
|
|
146
|
+
}
|
|
147
|
+
`;i.p`
|
|
148
|
+
margin: 24px 0;
|
|
149
|
+
font-family: ${s.font.sans};
|
|
150
|
+
font-size: 14px;
|
|
151
|
+
color: ${s.colors.muted};
|
|
152
|
+
`;const he=i.div`
|
|
153
|
+
display: flex;
|
|
154
|
+
flex-direction: column;
|
|
155
|
+
align-items: center;
|
|
156
|
+
justify-content: center;
|
|
157
|
+
gap: 6px;
|
|
158
|
+
padding: 72px 24px;
|
|
159
|
+
text-align: center;
|
|
160
|
+
`,ye=i.div`
|
|
161
|
+
display: flex;
|
|
162
|
+
align-items: center;
|
|
163
|
+
justify-content: center;
|
|
164
|
+
width: 72px;
|
|
165
|
+
height: 72px;
|
|
166
|
+
margin-bottom: 10px;
|
|
167
|
+
border-radius: 50%;
|
|
168
|
+
background: ${s.colors.navViolet};
|
|
169
|
+
color: ${s.colors.accent};
|
|
170
|
+
`,ge=i.p`
|
|
171
|
+
margin: 0;
|
|
172
|
+
font-family: ${s.font.sans};
|
|
173
|
+
font-size: 18px;
|
|
174
|
+
font-weight: 600;
|
|
175
|
+
color: ${s.colors.text};
|
|
176
|
+
`,be=i.p`
|
|
177
|
+
margin: 0;
|
|
178
|
+
max-width: 360px;
|
|
179
|
+
font-family: ${s.font.sans};
|
|
180
|
+
font-size: 14px;
|
|
181
|
+
line-height: 1.5;
|
|
182
|
+
color: ${s.colors.muted};
|
|
183
|
+
`,Gt=i(Ce)`
|
|
184
|
+
margin-top: 12px;
|
|
185
|
+
display: inline-flex;
|
|
186
|
+
align-items: center;
|
|
187
|
+
height: 40px;
|
|
188
|
+
padding: 0 20px;
|
|
189
|
+
border-radius: 8px;
|
|
190
|
+
background: ${s.colors.accent};
|
|
191
|
+
color: #fff;
|
|
192
|
+
font-family: ${s.font.sans};
|
|
193
|
+
font-size: 14px;
|
|
194
|
+
font-weight: 600;
|
|
195
|
+
text-decoration: none;
|
|
196
|
+
cursor: pointer;
|
|
197
|
+
|
|
198
|
+
&:hover {
|
|
199
|
+
background: ${s.colors.accentHover};
|
|
200
|
+
}
|
|
201
|
+
`,Dt=i.section`
|
|
202
|
+
max-width: 520px;
|
|
203
|
+
margin: 48px auto;
|
|
204
|
+
text-align: center;
|
|
205
|
+
display: flex;
|
|
206
|
+
flex-direction: column;
|
|
207
|
+
gap: 16px;
|
|
208
|
+
align-items: center;
|
|
209
|
+
`,Qt=i.h1`
|
|
210
|
+
margin: 0;
|
|
211
|
+
font-family: ${s.font.sans};
|
|
212
|
+
font-weight: 700;
|
|
213
|
+
font-size: 24px;
|
|
214
|
+
color: ${s.colors.text};
|
|
215
|
+
`,Ut=i.p`
|
|
216
|
+
margin: 0;
|
|
217
|
+
font-family: ${s.font.sans};
|
|
218
|
+
font-size: 15px;
|
|
219
|
+
color: ${s.colors.muted};
|
|
220
|
+
`,Ht=i(Ce)`
|
|
221
|
+
display: flex;
|
|
222
|
+
align-items: center;
|
|
223
|
+
gap: 12px;
|
|
224
|
+
margin-bottom: 16px;
|
|
225
|
+
padding: 12px 16px;
|
|
226
|
+
border-radius: ${s.radius.btn};
|
|
227
|
+
background: ${s.colors.rarityBg};
|
|
228
|
+
color: ${s.colors.text};
|
|
229
|
+
text-decoration: none;
|
|
230
|
+
|
|
231
|
+
&:hover {
|
|
232
|
+
filter: brightness(0.98);
|
|
233
|
+
}
|
|
234
|
+
&:focus-visible {
|
|
235
|
+
outline: 2px solid ${s.colors.accent};
|
|
236
|
+
outline-offset: 2px;
|
|
237
|
+
}
|
|
238
|
+
`,Wt=i.span`
|
|
239
|
+
display: flex;
|
|
240
|
+
flex-direction: column;
|
|
241
|
+
flex: 1;
|
|
242
|
+
min-width: 0;
|
|
243
|
+
font-family: ${s.font.sans};
|
|
244
|
+
`,Yt=i.strong`
|
|
245
|
+
font-weight: 600;
|
|
246
|
+
font-size: 14px;
|
|
247
|
+
color: ${s.colors.text};
|
|
248
|
+
`,Jt=i.span`
|
|
249
|
+
font-size: 12px;
|
|
250
|
+
color: ${s.colors.muted};
|
|
251
|
+
`,Vt=i.span`
|
|
252
|
+
flex: none;
|
|
253
|
+
font-weight: 600;
|
|
254
|
+
font-size: 13px;
|
|
255
|
+
color: ${s.colors.accent};
|
|
256
|
+
text-transform: uppercase;
|
|
257
|
+
letter-spacing: 0.046em;
|
|
258
|
+
`,Zt=48,we=[{key:"wearables",labelKey:"myAssets.sectionWearables",category:"wearable"},{key:"emotes",labelKey:"myAssets.sectionEmotes",category:"emote"},{key:"names",labelKey:"myAssets.sectionNames",category:"ens"},{key:"creations",labelKey:"myAssets.sectionCreations"}],W=[{key:"newest",label:"filterBar.sortNewest",server:"newest"},{key:"name",label:"filterBar.sortName",server:"name"},{key:"cheapest",label:"filterBar.sortCheapest",server:"cheapest"}];function Se(o){return o==="wearables"||o==="emotes"}const je={wearables:"wearable",emotes:"emote",names:"names",creations:""},Xt={wearable:"wearables",emote:"emotes",names:"names"};function es(o){return`${Ie.builderUrl}/names/${encodeURIComponent(o)}`}function $e(o,p){return{id:o.id,name:o.name,creator:"",contractAddress:o.contractAddress,itemId:o.itemId,category:o.category,rarity:o.rarity??"common",network:o.network,chainId:o.chainId,thumbnail:o.image,priceCredits:(p==null?void 0:p.priceCredits)??o.listingPrice??0,gender:null,isSmart:!1,tokenId:o.tokenId,issuedId:o.issuedId,tradeId:(p==null?void 0:p.tradeId)??o.tradeId}}function ts(o,p=0){return{id:`${o.contractAddress}-${o.blockchainItemId}`,name:o.name,creator:"",contractAddress:o.contractAddress,itemId:o.blockchainItemId,category:o.category,rarity:o.rarity,network:"MATIC",chainId:Ie.chainId,thumbnail:o.thumbnail,priceCredits:p,gender:null,isSmart:!1}}function $s(){var le,ce;et({title:r("nav.myAssets"),noindex:!0});const{session:o,error:p,signIn:ve,restore:Y}=tt(),I=st(),[Ae,Ee]=Xe(),J=Ae.get("section"),l=we.some(e=>e.key===J)?J:"wearables",[m,L]=d.useState("all"),[y,P]=d.useState([]),[u,k]=d.useState(null),[S,Te]=d.useState("newest"),[v,V]=d.useState(""),[g,Fe]=d.useState(""),[A,b]=d.useState(!1),[Re,_e]=d.useState(!0),[Oe,Le]=d.useState(!1),[Z,X]=d.useState(null),[Pe,ee]=d.useState(null),[ze,te]=d.useState(null);d.useEffect(()=>{Y()},[Y]),d.useEffect(()=>{const e=setTimeout(()=>Fe(v.trim()),300);return()=>clearTimeout(e)},[v]),d.useEffect(()=>{if(!A)return;const e=a=>{a.key==="Escape"&&b(!1)};document.addEventListener("keydown",e);const n=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",e),document.body.style.overflow=n}},[A]);const f=o==null?void 0:o.address,Ke=we.find(e=>e.key===l),E=Se(l),se=(W.find(e=>e.key===S)??W[0]).server,qe=m==="on_sale"?r("filter.onSale"):m==="not_for_sale"?r("filter.notForSale"):"",Be=Q.filter(e=>y.includes(e)).map(me).join(", ");function oe(e){Ee(n=>{const a=new URLSearchParams(n);return a.set("section",e),a},{replace:!0}),k(null),Se(e)||P([]),b(!1)}function ne(e){P(n=>n.includes(e)?n.filter(a=>a!==e):[...n,e])}function Me(e){const n=Xt[e];n&&oe(n)}const{items:j,total:Ne,isLoading:z,isPlaceholderData:K,error:Ge,hasNextPage:De,isFetchingNextPage:re,fetchNextPage:Qe}=zt(["my-assets",f,l,m,y,u,g,se],e=>rt(f,{category:Ke.category,first:Zt,skip:e,search:g||void 0,rarities:E&&y.length?y:void 0,wearableCategories:l==="wearables"&&u?pe[u]:void 0,emoteCategories:l==="emotes"&&u?pe[u]:void 0,onlyOnSale:m==="on_sale"||void 0,sortBy:se}).then(n=>({items:n.assets,total:n.total})),{enabled:!!f&&l!=="creations"}),q=d.useMemo(()=>l==="wearables"||l==="emotes"?[...new Set(j.map(e=>e.contractAddress))]:[],[j,l]),{data:T}=O({queryKey:["secondary-sale-state",q],enabled:q.length>0,queryFn:async()=>{const e=await Promise.all(q.map(async a=>[a,await ct(a)])),n={};for(const[a,c]of e)for(const[x,h]of Object.entries(c))n[`${a}-${x}`]=h;return n}}),ae=e=>T==null?void 0:T[`${e.contractAddress}-${e.tokenId}`],Ue=e=>!!ae(e)||e.isOnSale,B=d.useMemo(()=>m==="not_for_sale"?j.filter(e=>!Ue(e)):j,[j,m,T]),{data:F,isLoading:M,isError:He}=O({queryKey:["publishable-items",f],queryFn:()=>ut(f,o.identity),enabled:!!o&&l==="creations",retry:!1}),N=d.useMemo(()=>[...new Set((F??[]).map(e=>e.contractAddress))],[F]),{data:R}=O({queryKey:["collection-sale-state",f,N],enabled:N.length>0,queryFn:async()=>{const e=await Promise.all(N.map(async a=>[a,await dt(a)])),n={};for(const[a,c]of e)for(const[x,h]of Object.entries(c))n[`${a}-${x}`]=h;return n}}),$=e=>R==null?void 0:R[`${e.contractAddress}-${e.blockchainItemId}`],G=d.useMemo(()=>{let e=F??[];if(m==="on_sale"?e=e.filter(a=>{var c;return(c=$(a))==null?void 0:c.isOnSale}):m==="not_for_sale"&&(e=e.filter(a=>{var c;return!((c=$(a))!=null&&c.isOnSale)})),g){const a=g.toLowerCase();e=e.filter(c=>c.name.toLowerCase().includes(a))}const n=[...e];return S==="name"?n.sort((a,c)=>a.name.localeCompare(c.name)):S==="cheapest"&&n.sort((a,c)=>{var x,h;return(((x=$(a))==null?void 0:x.priceCredits)??0)-(((h=$(c))==null?void 0:h.priceCredits)??0)}),n},[F,R,m,g,S]),{data:w}=O({queryKey:["importable",f],queryFn:()=>mt(f),enabled:!!f}),ie=((w==null?void 0:w.creations.length)??0)+((w==null?void 0:w.owned.length)??0);async function We(e,n,a){if(o){te(null),ee(a);try{const c=await at(e);await ft({trade:c,signer:o.signer}),it.success(r("myAssets.removedFromSale",{name:n})),await I.invalidateQueries({queryKey:["my-assets",o.address]}),await I.invalidateQueries({queryKey:["collection-sale-state"]}),await I.invalidateQueries({queryKey:["secondary-sale-state"]}),await I.invalidateQueries({queryKey:["publishable-items"]})}catch(c){const x=c,h=(x.message??"").toLowerCase(),de=x.code===4001||h.includes("reject")||h.includes("denied");de||lt(c,{flow:"remove-listing",tradeId:e}),te(de?r("getCredits.errorCanceled"):r("myAssets.removeListingError"))}finally{ee(null)}}}if(!o)return t.jsxs(Dt,{children:[t.jsx(Qt,{children:r("nav.myAssets")}),t.jsx(Ut,{children:r("myAssets.signInPrompt")}),t.jsx(ot,{variant:"purple",onClick:()=>ve(),children:r("storeSettings.signIn")}),t.jsx(H,{message:p})]});const Ye=l==="creations"?M:z||K,Je=l==="creations"?G.length:m==="not_for_sale"?B.length:Ne,_=[];if(m!=="all"&&_.push({key:"status",label:m==="on_sale"?r("filter.onSale"):r("filter.notForSale"),onRemove:()=>L("all")}),E)for(const e of Q)y.includes(e)&&_.push({key:`rarity-${e}`,label:me(e),onRemove:()=>ne(e)});if(E&&u){const e=(ce=(le=xt.find(n=>n.key===je[l]))==null?void 0:le.subs)==null?void 0:ce.find(n=>n.key===u);_.push({key:"sub",label:e?r(e.labelKey):u,onRemove:()=>k(null)})}function Ve(){L("all"),P([]),k(null)}const Ze=t.jsxs(t.Fragment,{children:[t.jsx(ht,{title:r("myAssets.assetsHeading"),category:je[l],subCategory:u,onCategory:Me,onSub:k,onCollections:()=>oe("creations"),collections:l==="creations",extraLabelKey:"myAssets.sectionCreations",hideAll:!0}),E?t.jsxs(t.Fragment,{children:[t.jsx(ue,{}),t.jsx(fe,{title:r("assets.rarity"),open:Oe,onToggle:()=>Le(e=>!e),summary:Be,headerTestId:"sidebar-section-toggle",children:t.jsx(bt,{"data-testid":"rarity-filter",children:Q.map(e=>{const n=y.includes(e);return t.jsxs(wt,{type:"button",selected:n,"aria-pressed":n,onClick:()=>ne(e),"data-testid":"rarity-filter-check",children:[t.jsx(St,{color:s.rarities[e],children:n?t.jsx(jt,{name:"check","aria-hidden":!0}):null}),t.jsx($t,{selected:n,children:e})]},e)})})})]}):null,t.jsx(ue,{}),t.jsx(fe,{title:r("filter.status"),open:Re,onToggle:()=>_e(e=>!e),summary:qe,children:[["all",r("filter.statusAll")],["on_sale",r("filter.onSale")],["not_for_sale",r("filter.notForSale")]].map(([e,n])=>t.jsxs(Ct,{children:[t.jsx(It,{type:"radio",name:"myassets-status",checked:m===e,onChange:()=>L(e)}),t.jsx(kt,{children:n})]},e))})]});return t.jsxs(vt,{"data-testid":"my-assets",children:[A?t.jsx(At,{onClick:()=>b(!1),"aria-hidden":!0}):null,t.jsxs(Et,{className:A?"is-open":"","data-testid":"my-assets-sidebar",children:[t.jsxs(Tt,{children:[t.jsx(Ft,{children:r("assets.filters")}),t.jsx(Rt,{onClick:()=>b(!1),"aria-label":r("assets.closeFilters"),children:"✕"})]}),t.jsx(_t,{children:Ze}),t.jsx(Ot,{children:t.jsx(Lt,{type:"button",onClick:()=>b(!1),children:r("assets.showItems")})})]}),t.jsxs(Pt,{children:[t.jsxs(Kt,{children:[t.jsx(qt,{name:"search","aria-hidden":!0}),t.jsx(Bt,{type:"search",value:v,placeholder:r("myAssets.searchPlaceholder"),"aria-label":r("myAssets.searchPlaceholder"),onChange:e=>V(e.target.value)}),v?t.jsx(Mt,{type:"button","aria-label":r("myAssets.clearSearch"),onClick:()=>V(""),children:t.jsx(Nt,{name:"close","aria-hidden":!0})}):null]}),ie>0?t.jsxs(Ht,{to:"/import",children:[t.jsx("span",{"aria-hidden":!0,children:"📦"}),t.jsxs(Wt,{children:[t.jsx(Yt,{children:r("myAssets.importTitle")}),t.jsx(Jt,{children:r("myAssets.importSub",{count:ie})})]}),t.jsx(Vt,{children:r("myAssets.import")})]}):null,t.jsx(yt,{sort:S,onSort:Te,sortOptions:W,total:Je,loading:Ye,query:g,onOpenFilters:()=>b(!0),chips:_,onClearChips:Ve}),(l==="creations"?He:Ge)?t.jsx(H,{message:r("myAssets.ownedError"),testId:"my-assets-error"}):null,t.jsx(H,{message:ze}),l==="creations"?t.jsxs(t.Fragment,{children:[t.jsx(xe,{"data-testid":"grid",children:M?t.jsx(U,{count:12}):G.map(e=>{const n=$(e),a=!!(n!=null&&n.isOnSale);return t.jsx(D,{item:ts(e,(n==null?void 0:n.priceCredits)??0),mode:"manage",listed:a,busy:Pe===e.id,onList:()=>{nt("Shop Started Listing",{listing_type:"primary",item_id:e.blockchainItemId}),X(e)},onUnlist:()=>{n!=null&&n.tradeId&&We(n.tradeId,e.name,e.id)}},`${e.contractAddress}-${e.blockchainItemId}`)})}),!M&&G.length===0?t.jsxs(he,{children:[t.jsx(ye,{children:t.jsx(C,{name:"pen",size:30,"aria-hidden":!0})}),t.jsx(ge,{children:r("myAssets.emptyCreationsTitle")}),t.jsx(be,{children:r("myAssets.nothingToPublish")})]}):null]}):t.jsxs(t.Fragment,{children:[t.jsxs(xe,{"data-testid":"grid",children:[z||K?t.jsx(U,{count:12}):B.map(e=>l==="names"?t.jsx(D,{item:{...$e(e),category:"ens"},mode:"manage-link",manageHref:es(e.name)},e.id):t.jsx(D,{item:$e(e,ae(e)),mode:"manage-link"},e.id)),re?t.jsx(U,{count:6}):null]}),m!=="not_for_sale"?t.jsx(gt,{hasNextPage:De,isFetching:re,onLoadMore:()=>void Qe()}):null,!z&&!K&&B.length===0?t.jsxs(he,{children:[t.jsx(ye,{children:t.jsx(C,{name:l==="names"?"website":l==="emotes"?"emote-dance":"cat-upper",size:30,"aria-hidden":!0})}),t.jsx(ge,{children:l==="names"?r("myAssets.emptyNamesTitle"):r("myAssets.emptyOwnedTitle")}),t.jsx(be,{children:l==="names"?r("myAssets.namesEmpty"):r("myAssets.ownedEmpty")}),l!=="names"?t.jsx(Gt,{to:"/assets",children:r("myAssets.emptyBrowse")}):null]}):null]})]}),Z?t.jsx(pt,{item:Z,session:o,onClose:()=>X(null)}):null]})}export{$s as MyAssets};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{r as n,j as s,L as m}from"./react-BrLDncxD.js";import{u as c,t,a as l,I as d,A as p,s as v,B as x}from"./index-
|
|
1
|
+
import{r as n,j as s,L as m}from"./react-BrLDncxD.js";import{u as c,t,a as l,I as d,A as p,s as v,B as x}from"./index-P7Sau0I5.js";import{L as u}from"./LoadMore-BFtkV8IC.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-DYZXk5O5.js";import"./ethers-BIvjmL85.js";import"./intl-CBcMB1D2.js";const h=v(x)`
|
|
2
2
|
margin-top: 12px;
|
|
3
3
|
`,r=24;function E(){c({title:t("nav.myFavorites"),noindex:!0});const a=l(e=>Object.values(e.items)),[i,o]=n.useState(r);return a.length===0?s.jsxs("div",{className:"favorites-empty",children:[s.jsx(d,{name:"heart",size:40,color:"var(--muted-2)"}),s.jsx("p",{className:"favorites-empty__title",children:t("myFavorites.emptyTitle")}),s.jsx("p",{className:"muted",children:t("myFavorites.emptyBody")}),s.jsx(h,{as:m,to:"/assets",variant:"purple",children:t("notFound.cta")})]}):s.jsxs("section",{className:"favorites",children:[s.jsxs("div",{className:"favorites__head",children:[s.jsx("h1",{children:t("nav.myFavorites")}),s.jsx("span",{className:"favorites__count",children:t("myFavorites.itemCount",{count:a.length})})]}),s.jsx("div",{className:"grid",children:a.slice(0,i).map(e=>s.jsx(p,{item:e},e.id))}),s.jsx(u,{hasNextPage:i<a.length,isFetching:!1,onLoadMore:()=>o(e=>e+r)})]})}export{E as MyFavorites};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e,L as y}from"./react-BrLDncxD.js";import{s as i,B as w,F as r,
|
|
1
|
+
import{j as e,L as y}from"./react-BrLDncxD.js";import{s as i,B as w,F as r,N as k,u as $,t as d,d as v,I as x,a7 as I,g as j,m as P,a8 as L}from"./index-P7Sau0I5.js";import{L as N}from"./LoadMore-BFtkV8IC.js";import{u as E}from"./useInfiniteGrid-DpzTC5bY.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-DYZXk5O5.js";import"./ethers-BIvjmL85.js";import"./intl-CBcMB1D2.js";const T=15e3;function C(t,n){return t.txHash&&n.txHash?t.txHash===n.txHash:t.txHash||n.txHash?!1:t.status===n.status&&Math.abs(t.createdAt-n.createdAt)<=T}function D(t){const n=[...t].sort((s,o)=>o.createdAt-s.createdAt),a=[];for(const s of n){const o=a[a.length-1];o&&C(o[o.length-1],s)?o.push(s):a.push([s])}return a.map(s=>{var o;return{id:((o=s.find(c=>c.txHash))==null?void 0:o.txHash)??s[s.length-1].id,createdAt:Math.max(...s.map(c=>c.createdAt)),status:s.some(c=>c.status==="PENDING")?"PENDING":"SETTLED",totalCredits:s.reduce((c,u)=>c+u.credits,0),lines:s}})}function H(t){const n=[],a=new Map;for(const s of t)if(s.tradeId){const o=a.get(s.tradeId);if(o){o.quantity+=1,o.credits+=s.credits;continue}const c={key:s.tradeId,tradeId:s.tradeId,quantity:1,credits:s.credits};a.set(s.tradeId,c),n.push(c)}else n.push({key:s.id,tradeId:null,quantity:1,credits:s.credits});return n}const m=k`
|
|
2
2
|
0% { background-position: 200% 0; }
|
|
3
3
|
100% { background-position: -200% 0; }
|
|
4
4
|
`,z=i.section`
|
|
@@ -15,12 +15,12 @@ import{j as e,L as y}from"./react-BrLDncxD.js";import{s as i,B as w,F as r,M as
|
|
|
15
15
|
`,q=i.span`
|
|
16
16
|
color: ${r.colors.muted};
|
|
17
17
|
font-size: 14px;
|
|
18
|
-
`,
|
|
18
|
+
`,F=i.div`
|
|
19
19
|
display: flex;
|
|
20
20
|
flex-direction: column;
|
|
21
21
|
gap: 16px;
|
|
22
22
|
max-width: 760px;
|
|
23
|
-
`,
|
|
23
|
+
`,M=i.div`
|
|
24
24
|
background: ${r.colors.white};
|
|
25
25
|
border: 1px solid ${r.colors.line};
|
|
26
26
|
border-radius: 16px;
|
|
@@ -197,4 +197,4 @@ import{j as e,L as y}from"./react-BrLDncxD.js";import{s as i,B as w,F as r,M as
|
|
|
197
197
|
margin: 6px 0 0;
|
|
198
198
|
`,te=i(w)`
|
|
199
199
|
margin-top: 12px;
|
|
200
|
-
`,ne=b.withComponent(y),se=24;function re(t){try{return new Date(t).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}catch{return""}}function ie({item:t}){const{data:n,isLoading:a}=P({queryKey:["trade-display",t.tradeId],queryFn:()=>L(t.tradeId),enabled:!!t.tradeId,staleTime:3e5}),s=!!t.tradeId&&a,o=(n==null?void 0:n.name)??d("myPurchases.itemFallback"),c=(n==null?void 0:n.thumbnail)??"",u=(n==null?void 0:n.tokenId)??(n==null?void 0:n.itemId)??"",l=n!=null&&n.contractAddress&&u?`/item/${n.contractAddress}/${u}`:void 0,p=e.jsxs(e.Fragment,{children:[s?e.jsx(X,{}):e.jsx(Q,{children:c?e.jsx("img",{src:c,alt:o}):e.jsx(x,{name:"cart",size:20})}),e.jsxs(Z,{children:[s?e.jsx(V,{}):e.jsx(J,{title:o,children:o}),t.quantity>1?e.jsx(Y,{children:d("myPurchases.quantity",{count:t.quantity})}):null]}),e.jsxs(ee,{children:[e.jsx(j,{className:"ccy-mark"})," ",t.credits]})]});return l?e.jsx(ne,{to:l,"data-link":"true",children:p}):e.jsx(b,{children:p})}function oe({order:t}){const n=H(t.lines),a=n.reduce((s,o)=>s+o.quantity,0);return e.jsxs(
|
|
200
|
+
`,ne=b.withComponent(y),se=24;function re(t){try{return new Date(t).toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}catch{return""}}function ie({item:t}){const{data:n,isLoading:a}=P({queryKey:["trade-display",t.tradeId],queryFn:()=>L(t.tradeId),enabled:!!t.tradeId,staleTime:3e5}),s=!!t.tradeId&&a,o=(n==null?void 0:n.name)??d("myPurchases.itemFallback"),c=(n==null?void 0:n.thumbnail)??"",u=(n==null?void 0:n.tokenId)??(n==null?void 0:n.itemId)??"",l=n!=null&&n.contractAddress&&u?`/item/${n.contractAddress}/${u}`:void 0,p=e.jsxs(e.Fragment,{children:[s?e.jsx(X,{}):e.jsx(Q,{children:c?e.jsx("img",{src:c,alt:o}):e.jsx(x,{name:"cart",size:20})}),e.jsxs(Z,{children:[s?e.jsx(V,{}):e.jsx(J,{title:o,children:o}),t.quantity>1?e.jsx(Y,{children:d("myPurchases.quantity",{count:t.quantity})}):null]}),e.jsxs(ee,{children:[e.jsx(j,{className:"ccy-mark"})," ",t.credits]})]});return l?e.jsx(ne,{to:l,"data-link":"true",children:p}):e.jsx(b,{children:p})}function oe({order:t}){const n=H(t.lines),a=n.reduce((s,o)=>s+o.quantity,0);return e.jsxs(M,{"data-testid":"purchase-order",children:[e.jsxs(G,{children:[e.jsxs(O,{children:[e.jsx(B,{children:re(t.createdAt)}),e.jsx(R,{children:d("myPurchases.itemCount",{count:a})})]}),e.jsxs(W,{children:[e.jsx(_,{"data-status":t.status,children:t.status==="PENDING"?d("myPurchases.processing"):d("myPurchases.completed")}),e.jsxs(U,{children:[e.jsx(j,{className:"ccy-mark"})," ",t.totalCredits]})]})]}),e.jsx(K,{children:n.map(s=>e.jsx(ie,{item:s},s.key))})]})}function he(){$({title:d("nav.myPurchases"),noindex:!0});const{session:t}=v(),{items:n,isLoading:a,hasNextPage:s,isFetchingNextPage:o,fetchNextPage:c}=E(["purchases",t==null?void 0:t.address],l=>I(t.address,t.identity,{first:se,skip:l}),{enabled:!!t});if(!t)return e.jsxs(g,{children:[e.jsx(x,{name:"cart",size:40,color:"var(--muted-2)"}),e.jsx(f,{children:d("myPurchases.signInTitle")}),e.jsx("p",{className:"muted",children:d("myPurchases.signInBody")})]});const u=D(n.filter(l=>l.status!=="EXPIRED"));return!a&&u.length===0?e.jsxs(g,{children:[e.jsx(x,{name:"cart",size:40,color:"var(--muted-2)"}),e.jsx(f,{children:d("myPurchases.emptyTitle")}),e.jsx("p",{className:"muted",children:d("myPurchases.emptyBody")}),e.jsx(te,{as:y,to:"/assets",variant:"purple",children:d("notFound.cta")})]}):e.jsxs(z,{children:[e.jsxs(A,{children:[e.jsx(S,{children:d("nav.myPurchases")}),a?null:e.jsx(q,{children:d("myPurchases.orderCount",{count:u.length})})]}),e.jsx(F,{children:a?Array.from({length:3}).map((l,p)=>e.jsx(h,{},p)):e.jsxs(e.Fragment,{children:[u.map(l=>e.jsx(oe,{order:l},l.id)),o?e.jsx(h,{}):null]})}),e.jsx(N,{hasNextPage:s,isFetching:o,onLoadMore:()=>void c()})]})}export{he as MyPurchases};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as t,L as n}from"./react-BrLDncxD.js";import{u as s,t as o,I as e,B as a}from"./index-
|
|
1
|
+
import{j as t,L as n}from"./react-BrLDncxD.js";import{u as s,t as o,I as e,B as a}from"./index-P7Sau0I5.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-DYZXk5O5.js";import"./ethers-BIvjmL85.js";import"./intl-CBcMB1D2.js";function c(){return s({title:o("seo.notFound.title"),noindex:!0}),t.jsxs("div",{className:"notfound","data-testid":"notfound",children:[t.jsx(e,{name:"cart",className:"notfound__ico"}),t.jsx("h1",{className:"notfound__title",children:o("notFound.title")}),t.jsx("p",{className:"muted",children:o("notFound.body")}),t.jsx(a,{as:n,to:"/assets",variant:"purple",children:o("notFound.cta")})]})}export{c as NotFound,c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as A,
|
|
1
|
+
import{c as A,M as O,o as U,e as B,t as a,g as F,B as _,C as v,p as Q,x as k,J as q,E as W,y as D}from"./index-P7Sau0I5.js";import{d as w}from"./dcl-schemas-BICTSpB5.js";import{a as G,r as m,j as s}from"./react-BrLDncxD.js";import{i as J,e as K,c as H}from"./trade-encoding-DLx_mjRt.js";import{f as V}from"./errors-Cs9fnU9I.js";import{E as X}from"./ErrorNotice-BDH9xoG4.js";const N=()=>`${A.builderServerUrl}/v1`;function P(e){return Array.isArray(e)?e:"results"in e&&Array.isArray(e.results)?e.results:"data"in e&&Array.isArray(e.data)?e.data:[]}async function E(e,r){const t=await O(e,{method:"GET",identity:r,metadata:{}});if(!t.ok)throw new Error(`builder-server ${t.status}: ${await t.text()}`);const n=await t.json();return n.data??n}function Y(e,r){const t=r-e;return t>0?t:0}function z(e){var r,t,n,i,l;return((t=(r=e.data)==null?void 0:r.wearable)==null?void 0:t.category)??((i=(n=e.data)==null?void 0:n.emote)==null?void 0:i.category)??((l=e.data)==null?void 0:l.category)??e.type??"wearable"}function I(e){return`${N()}/storage/contents/${e}`}function f(e,r){if(!e)return"";if(/^https?:\/\//.test(e))return e;const t=r==null?void 0:r[e];return t?I(t):/^(ba|Qm)/.test(e)?I(e):""}async function Z(e,r){try{const t=await fetch(`${N()}/items/${e}/${r}/contents`);if(!t.ok)return{};const n=await t.json();return n.data??n}catch{return{}}}async function ee(e,r,t){const n=f(e.thumbnail,e.contents)||f("thumbnail.png",e.contents);if(n)return n;if(r&&t){const i=await Z(r,t);return f(e.thumbnail,i)||f("thumbnail.png",i)||f("image.png",i)}return""}async function te(e,r){const t=`${N()}/${e.toLowerCase()}/collections?is_published=true`,n=await E(t,r);return P(n).filter(i=>i.is_published&&!!i.contract_address).map(i=>({id:i.id,name:i.name,contractAddress:i.contract_address.toLowerCase(),isPublished:i.is_published,isApproved:i.is_approved,minters:(i.minters??[]).map(l=>l.toLowerCase())}))}async function se(e,r){const t=`${N()}/collections/${e.id}/items`,n=await E(t,r);return(await Promise.all(P(n).map(async l=>{const g=l.rarity??"common",h=Number(l.total_supply??0)||0;let o;try{o=w.Rarity.getMaxSupply(g)}catch{o=0}const b=(l.contract_address??e.contractAddress).toLowerCase(),p=l.blockchain_item_id??"";return{id:l.id,collectionId:e.id,collectionName:e.name,contractAddress:b,blockchainItemId:p,name:l.name,category:z(l),rarity:g,thumbnail:await ee(l,b,p),type:l.type??"wearable",isPublished:l.is_published??e.isPublished,isApproved:l.is_approved??e.isApproved,totalSupply:h,maxSupply:o,remainingSupply:Y(h,o),minters:e.minters}}))).filter(re)}function re(e){return e.isPublished&&e.isApproved&&e.blockchainItemId!==""&&e.blockchainItemId!=null&&e.remainingSupply>0}async function ue(e,r){const t=await te(e,r);return(await Promise.all(t.map(async i=>{try{return await se(i,r)}catch{return[]}}))).flat()}const ae=1e3*60*60*24*182;function me({item:e,session:r,onClose:t}){const n=U(),i=G(),[l,g]=m.useState("10"),[h,o]=m.useState(null),[b,p]=m.useState(null),[d,L]=m.useState(!1),[y,j]=m.useState(null),[C,$]=m.useState(null),x=A.chainId,S=B(r.providerType);m.useEffect(()=>{let c=!1;return(async()=>{try{const u=await J({contractAddress:e.contractAddress,chainId:x});c||j(u)}catch{c||j(!1)}})(),()=>{c=!0}},[e.contractAddress,x]);async function M(){p(null);const c=Number(l);if(!Number.isInteger(c)||c<=0){p(a("primaryList.errorWholeNumber"));return}L(!0);try{y||(o(a("primaryList.statusEnabling")),await K({signer:r.signer,contractAddress:e.contractAddress,chainId:x}),j(!0)),o(a("primaryList.statusPublishing"));const u=await H({signer:r.signer,item:{contractAddress:e.contractAddress,itemId:e.blockchainItemId,network:w.Network.MATIC,chainId:x},usdPrice:c/10,uses:e.remainingSupply,expiresAtMs:Date.now()+ae});o(a("primaryList.statusFinishing")),await Q(u,r.identity),o(null),$(c),k("Shop Listed Item",{item_id:e.blockchainItemId,contract_address:e.contractAddress,price_credits:c,price_usd:c/10,listing_type:"primary",is_primary:!0}),q.success(a("primaryList.toastOnSale",{name:e.name})),n.invalidateQueries({queryKey:["publishable-items"]}),n.invalidateQueries({queryKey:["collection-sale-state"]})}catch(u){W(u,{flow:"list_primary"}),k("Shop Listing Failed",{listing_type:"primary",error_code:D(u)}),p(V(u,a("primaryList.errorGeneric"))),o(null)}finally{L(!1)}}function T(){t(),i(`/item/${e.contractAddress}/${e.blockchainItemId}`)}const R=d?a("primaryList.listing"):y===!1?a("primaryList.enableAndPutOnSale"):a("primaryList.putOnSale");return C!==null?s.jsx("div",{className:"modal-backdrop",onClick:t,role:"presentation",children:s.jsxs("div",{className:"modal modal--success",onClick:c=>c.stopPropagation(),role:"dialog","aria-modal":"true",children:[s.jsx("div",{className:"modal-success__check","aria-hidden":!0,children:"✓"}),s.jsx("h2",{className:"modal__title",children:a("primaryList.successTitle")}),e.thumbnail?s.jsx("img",{className:"modal__img",src:e.thumbnail,alt:e.name}):null,s.jsx("p",{className:"modal-success__name",children:e.name}),s.jsxs("p",{className:"muted small",children:[a("primaryList.listedFor")," ",s.jsxs("strong",{children:[s.jsx(F,{className:"ccy-mark"})," ",C]})," ",a("primaryList.dotAvailable",{count:e.remainingSupply})]}),s.jsxs("div",{className:"modal__actions",children:[s.jsx(_,{variant:"ghost",onClick:t,children:a("getCredits.done")}),s.jsx(_,{variant:"purple",onClick:T,children:a("primaryList.viewInShop")})]})]})}):s.jsx("div",{className:"modal-backdrop",onClick:t,role:"presentation",children:s.jsxs("div",{className:"modal","data-testid":"modal",onClick:c=>c.stopPropagation(),role:"dialog","aria-modal":"true",children:[s.jsx("h2",{className:"modal__title",children:a("primaryList.publishTitle",{name:e.name})}),e.thumbnail?s.jsx("img",{className:"modal__img",src:e.thumbnail,alt:e.name}):null,s.jsx("p",{className:"muted small",children:a("primaryList.fromCollection",{collectionName:e.collectionName,count:e.remainingSupply})}),s.jsxs("label",{className:"field",children:[s.jsx("span",{children:a("primaryList.priceLabel",{currency:v.name})}),s.jsx("input",{type:"number",min:"1",step:"1",value:l,onChange:c=>g(c.target.value),disabled:d})]}),s.jsx("p",{className:"muted small",children:a("primaryList.pricedInWhole",{currency:v.name,currencySingular:v.nameSingular})}),y===!1&&!d?S?s.jsx("p",{className:"muted small primary-note",children:a("primaryList.firstTimeConfirm",{collectionName:e.collectionName})}):s.jsx("p",{className:"muted small primary-note",children:a("primaryList.firstTimeManaged",{collectionName:e.collectionName})}):y===!0&&!d?S?s.jsx("p",{className:"muted small primary-note",children:a("primaryList.readyConfirm")}):s.jsx("p",{className:"muted small primary-note",children:a("primaryList.readyManaged")}):null,h?s.jsx("p",{className:"muted",children:h}):null,s.jsx(X,{message:b}),s.jsxs("div",{className:"modal__actions",children:[s.jsx(_,{variant:"ghost",onClick:t,disabled:d,children:a("primaryList.cancel")}),s.jsx(_,{onClick:()=>void M(),disabled:d||y===null,children:y===null?a("primaryList.checking"):R})]})]})})}export{me as P,ue as f};
|