@dcl/shop 1.2.1-31142410827.commit-447715b → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_assets/{Activity-CxjV6VXk.js → Activity-ew3XpoT3.js} +4 -4
- package/_assets/{AnimatedBackground-BiXIwT8i.js → AnimatedBackground-D_nEuM-e.js} +1 -1
- package/_assets/{Assets-DVK807CG.js → Assets-cBlMqNjz.js} +18 -18
- package/_assets/{Assets.styles-A3yRI2MU.js → Assets.styles-CLwfDCDf.js} +1 -1
- package/_assets/{Authorizations-D1FoQR5j.js → Authorizations-Cs0nL4Oz.js} +3 -3
- package/_assets/Cart-BO4t_lkf.js +696 -0
- package/_assets/{CircularProgress-D5sNhvlC.js → CircularProgress-GqV7M35A.js} +4 -4
- package/_assets/{Collection-Bqw8AoVr.js → Collection-dJYcennk.js} +7 -7
- package/_assets/CollectionCarousel-uJ5UjL8j.js +872 -0
- package/_assets/{Confetti-CDwPqeLK.js → Confetti-CFn9Pw72.js} +1 -1
- package/_assets/{Creator-6eREKFWS.js → Creator-CuGxdrmY.js} +23 -23
- package/_assets/{ErrorNotice-BQwK_TDE.js → ErrorNotice-CJ7LbSaM.js} +1 -1
- package/_assets/{ExchangeController-BX6K_R7F.js → ExchangeController-CwGAtelJ.js} +1 -1
- package/_assets/{Faq-D_JBmT_h.js → Faq-CDhDmUOq.js} +1 -1
- package/_assets/{GetCredits-Q0Mgpypn.js → GetCredits-1I-xEtGF.js} +18 -18
- package/_assets/{Grow-DXIhfb0h.js → Grow-CVnVH5HV.js} +1 -1
- package/_assets/{HelpersUtil-BTJgul2J.js → HelpersUtil-DeEtn4Uv.js} +1 -1
- package/_assets/ItemDetail-R2KchS-D.js +3577 -0
- package/_assets/LazyEmoteControls-C8q58ZLn.js +2 -0
- package/_assets/{LoadMore-D20OD6Vd.js → LoadMore-CRwBs35r.js} +1 -1
- package/_assets/{ManaPricingBanner.styles-DGbgCot9.js → ManaPricingBanner.styles-BlUs3NYz.js} +1 -1
- package/_assets/{MyAssets-D-pR6nEY.js → MyAssets-Crv1OZqH.js} +5 -5
- package/_assets/{MyFavorites-BZJTE-15.js → MyFavorites-BsDoGy_0.js} +1 -1
- package/_assets/{NotFound-CY50b1nf.js → NotFound-CTrYO3ch.js} +1 -1
- package/_assets/{NotificationsBell-B4g5IIot.js → NotificationsBell-DRGgz2iS.js} +1 -1
- package/_assets/{OutfitDetail-BVF3gVX4.js → OutfitDetail-PIgUTZD2.js} +13 -13
- package/_assets/{OutfitPreview-BH8Vtdqe.js → OutfitPreview-B7Y1-68b.js} +2 -2
- package/_assets/{OutfitStudio-CkkYfM7v.js → OutfitStudio-Bsv8_JeA.js} +11 -11
- package/_assets/{StoreSettings-ByjR6E4Q.js → StoreSettings-BH1LqeM8.js} +5 -5
- package/_assets/{Success-ChdN3XnW.js → Success-C0JqrNNn.js} +4 -4
- package/_assets/{SwapController-BSn7c8IX.js → SwapController-B403gwlM.js} +1 -1
- package/_assets/{Tooltip-C20chtvP.js → Tooltip-Bb6q6TxX.js} +1 -1
- package/_assets/TradeService-BsjSuIVy.js +1 -0
- package/_assets/{W3MFrameProviderSingleton-DM1LkzC3.js → W3MFrameProviderSingleton-B6S06Y_H.js} +3 -3
- package/_assets/{WebCryptoP256-DtXjN3TD.js → WebCryptoP256-CI6-qWGK.js} +1 -1
- package/_assets/authorizations-CRcoV7f0.js +1 -0
- package/_assets/{basic-CKrSeG36.js → basic-DEn_IlUm.js} +1 -1
- package/_assets/{biconomy-CraeH257.js → biconomy-DvPM-XBT.js} +1 -1
- package/_assets/{builder-C8bXNaZ5.js → builder-Npez-0pQ.js} +1 -1
- package/_assets/buy-CRR9-X2w.js +1 -0
- package/_assets/buy-gasless-Cj1VGZpP.js +1 -0
- package/_assets/{categories-C5jojgbc.js → categories-CMYRFP-3.js} +4 -4
- package/_assets/{ccip-BTuFCSPg.js → ccip-Bvp_nKL6.js} +1 -1
- package/_assets/{ccip-Bb0XTJKs.js → ccip-DFr4gxX6.js} +1 -1
- package/_assets/{collectionPage.styles-BQBK8RFg.js → collectionPage.styles-B4iEFMy_.js} +1 -1
- package/_assets/{controller-BslzK_oR.js → controller-CgyRh-Bw.js} +2 -2
- package/_assets/{core-A4i7e9_h.js → core-B7wRtbuZ.js} +4 -4
- package/_assets/{createSvgIcon-DtyE83ul.js → createSvgIcon-Bo9WJgq_.js} +4 -4
- package/_assets/{custom-IpjkpKYP.js → custom-CH6sSlIL.js} +1 -1
- package/_assets/{data-capture-BylIfDOD.js → data-capture-DreW3nks.js} +1 -1
- package/_assets/{email-C_gUvpJ8.js → email-pIKOIyQR.js} +1 -1
- package/_assets/{embedded-wallet-BZVHH3C_.js → embedded-wallet-CLmF0Kdd.js} +1 -1
- package/_assets/{emotion-styled.browser.esm-BvfQxvDt.js → emotion-styled.browser.esm-BqTQ5SYv.js} +1 -1
- package/_assets/{engine-B73Qkzgt.js → engine-D64OXa1r.js} +1 -1
- package/_assets/{errors-CX9EJ2UZ.js → errors-BbwwHm_0.js} +1 -1
- package/_assets/{estimate-l1-fee-Bjxio48q.js → estimate-l1-fee-BU85AjOG.js} +1 -1
- package/_assets/{execute-BR9GMA2A.js → execute-BozDg2yb.js} +2 -2
- package/_assets/{features-CoryLSMJ.js → features-BDTF_ohu.js} +1 -1
- package/_assets/{fetchTokenMetadata-BcVWHlEL.js → fetchTokenMetadata-BT4wvs8u.js} +2 -2
- package/_assets/{field.styles-BX2ce_24.js → field.styles-C3qh-tZ2.js} +1 -1
- package/_assets/{get-ecosystem-wallet-info-BFR9-DCg.js → get-ecosystem-wallet-info-BlqgcGd0.js} +1 -1
- package/_assets/{getBalance-OP0XWTi2.js → getBalance-B89LWv-k.js} +1 -1
- package/_assets/{getNFT-BsALO_-5.js → getNFT-CMlAXi2W.js} +1 -1
- package/_assets/{getNFT--XquMmAd.js → getNFT-Cy5QJvSJ.js} +1 -1
- package/_assets/{grid.styles-D3oxiL_A.js → grid.styles-B2Eu32l1.js} +1 -1
- package/_assets/{hashTypedData-BZTDP8kP.js → hashTypedData-5hKkNljV.js} +1 -1
- package/_assets/{hashTypedData-CJy6tOpf.js → hashTypedData-CVMcc6Hz.js} +1 -1
- package/_assets/{in-app-bTj5LvvL.js → in-app-BiD_q7tQ.js} +1 -1
- package/_assets/{in-app-wallet-calls-V54KdLrU.js → in-app-wallet-calls-BxK-hX9G.js} +1 -1
- package/_assets/{index-D-JDvnI6.js → index-2KdRKXEu.js} +1 -1
- package/_assets/{index-B6qDcfLC.js → index-69aWe7LF.js} +1 -1
- package/_assets/{index-YzDw7lnB.js → index-BCSwRUu3.js} +1 -1
- package/_assets/{index-PfvTvnFS.js → index-BLQrxn9F.js} +1 -1
- package/_assets/{index-UKtYEQEQ.js → index-BNtwDdqR.js} +1 -1
- package/_assets/{index-DV6xJ5R3.js → index-BS9mRV4X.js} +1 -1
- package/_assets/{index-C8Kc50nN.js → index-BU93X1R1.js} +1 -1
- package/_assets/{index-zp7bpiif.js → index-Baqe51s4.js} +1 -1
- package/_assets/{index-Bs-rgt8S.js → index-BawFzGfz.js} +1 -1
- package/_assets/{index-Ceqm243m.js → index-BbAhN-VL.js} +1 -1
- package/_assets/{index-gDU5HG0M.js → index-BfrZo6vI.js} +1 -1
- package/_assets/{index-C8xBYuq6.js → index-Bj_Y4oBT.js} +1 -1
- package/_assets/{index-BfDKCK-b.js → index-Brr2CMye.js} +1 -1
- package/_assets/{index-CEAo9zba.js → index-BvQGZppV.js} +1 -1
- package/_assets/{index-CfuAIPVB.js → index-BwVlQTGw.js} +1 -1
- package/_assets/{index-CWbpUhbz.js → index-ByMxSKoO.js} +1 -1
- package/_assets/{index-DSeFRPGN.js → index-C0Tjm6c2.js} +2 -2
- package/_assets/{index-D8uCQOfi.js → index-C54j1-wd.js} +1 -1
- package/_assets/{index-BzlJrLzv.js → index-CD88wagS.js} +1 -1
- package/_assets/{index-CLKNbQ2Y.js → index-CGyHa-8V.js} +1 -1
- package/_assets/{index-0lnGEb9H.js → index-CKJapgfm.js} +1 -1
- package/_assets/{index-B2t9sa1E.js → index-CKK-zMqi.js} +72 -72
- package/_assets/{index-Bam-2vzo.js → index-CL_zZiR1.js} +1 -1
- package/_assets/{index-md2wV3Vc.js → index-COl_MS2X.js} +1 -1
- package/_assets/{index-DReHody5.js → index-CRNF_QU5.js} +1 -1
- package/_assets/{index-Tv4r9Lwx.js → index-CU54HyHs.js} +1 -1
- package/_assets/{index-w6ENWwBi.js → index-CdmghwAv.js} +1 -1
- package/_assets/{index-rkAdeG6n.js → index-CgPj91Wh.js} +1 -1
- package/_assets/{index-Bi2VdHZq.js → index-CoC4ZTSB.js} +3 -3
- package/_assets/{index-Cf_haBRI.js → index-D2gLfWlc.js} +1 -1
- package/_assets/{index-CNeTXjRv.js → index-D4mfZpjO.js} +2 -2
- package/_assets/{index-BFqY25SM.js → index-D6N8FICT.js} +2 -2
- package/_assets/{index-CJKoD8At.js → index-D7-5iUKs.js} +1 -1
- package/_assets/{index-BhMQwy2J.js → index-DKDGLsyf.js} +1 -1
- package/_assets/{index-Bu1qaX74.js → index-DQT21rdJ.js} +1 -1
- package/_assets/{index-DVvKTSOr.js → index-DRZIPiLU.js} +11 -11
- package/_assets/{index-2eCGZaTL.js → index-DRwratoB.js} +1 -1
- package/_assets/{index-D9DKKnsH.js → index-DmJfaFSK.js} +1 -1
- package/_assets/{index-Brb4suFu.js → index-DnZSYmpU.js} +1 -1
- package/_assets/{index-Bc5nlTSa.js → index-DnhjRPd0.js} +1 -1
- package/_assets/{index-iQ7iCCBF.js → index-DnlLS_ys.js} +1 -1
- package/_assets/{index-lkLKW4IC.js → index-DsKwbNYL.js} +1 -1
- package/_assets/{index-Coc88CNs.js → index-DxKuqcFg.js} +1 -1
- package/_assets/{index-BQGrMQAe.js → index-Dy-uR3t4.js} +1 -1
- package/_assets/{index-BTO7S5s4.js → index-E4Z_g959.js} +3 -3
- package/_assets/{index-BsvoYnWP.js → index-Eas9yoRi.js} +1 -1
- package/_assets/{index-BAAdKhhE.js → index-GomvWLkv.js} +1 -1
- package/_assets/{index-CNfRDyX8.js → index-UWPTFHML.js} +1 -1
- package/_assets/{index-CoZGIPvy.js → index-Xe0zG67j.js} +2 -2
- package/_assets/{index-Dz2XpmN8.js → index-bVwIZVq2.js} +1 -1
- package/_assets/{index-CD7rVCS9.js → index-hnGTtZoN.js} +3 -3
- package/_assets/{index-CVzFwkR2.js → index-tt5vpwow.js} +1 -1
- package/_assets/{index.es-Cf1qw100.js → index.es-BYW_XSuo.js} +4 -4
- package/_assets/{index.es-D8QRPbHG.js → index.es-D0J6Rjn_.js} +1 -1
- package/_assets/{index.es-D-iJF_vP.js → index.es-wL4nLZcl.js} +1 -1
- package/_assets/{localBatchGatewayRequest-mmyGx97_.js → localBatchGatewayRequest-CBnpaR4-.js} +1 -1
- package/_assets/{networks-auA2rGBi.js → networks-D41xdN6D.js} +1 -1
- package/_assets/{onramp-DnEfmJx7.js → onramp-DR5Lm3nA.js} +1 -1
- package/_assets/{openzeppelin-IGdhY6bS.js → openzeppelin-B19X12pO.js} +1 -1
- package/_assets/{parseNft-BiFdLjSe.js → parseNft-BHr3f8D7.js} +2 -2
- package/_assets/{parseSignature-J8MdklGZ.js → parseSignature-CRruTE7l.js} +1 -1
- package/_assets/{parseSignature-QJftY_rY.js → parseSignature-Cz1WFGnm.js} +3 -3
- package/_assets/{passkeys-D2Xshh23.js → passkeys-BAR54cJC.js} +1 -1
- package/_assets/{pay-with-exchange-Cu035sqT.js → pay-with-exchange-zDCz8UbG.js} +1 -1
- package/_assets/{qr-overlay-DYgMyv1Q.js → qr-overlay-DXWbTjg8.js} +1 -1
- package/_assets/{receive-CsNpdfnW.js → receive-B3ivhPV_.js} +1 -1
- package/_assets/{resolveImplementation-DTQI53AV.js → resolveImplementation-ASrjiSw-.js} +1 -1
- package/_assets/{rpc-KnP3VACd.js → rpc-r3GlqTct.js} +1 -1
- package/_assets/{secp256k1-CNuJw6t5.js → secp256k1-B5NNIaFX.js} +1 -1
- package/_assets/{secp256k1-D9mIimtB.js → secp256k1-Ch2QO1Jw.js} +1 -1
- package/_assets/{secp256k1-HByYfqH7.js → secp256k1-ChcROQU5.js} +1 -1
- package/_assets/{send-CMCnYIdY.js → send-6dgb2b7F.js} +1 -1
- package/_assets/{send-batch-transaction-C1sbN2my.js → send-batch-transaction-D_JGI6Rn.js} +1 -1
- package/_assets/{send-eip712-transaction-BAJeY5fb.js → send-eip712-transaction-BAt6mbHJ.js} +2 -2
- package/_assets/{send-gasless-transaction-B44KlVWh.js → send-gasless-transaction-B6-du22J.js} +2 -2
- package/_assets/{send-transaction-DT0LgivN.js → send-transaction-CWeSxAY3.js} +2 -2
- package/_assets/{sendMetaTransaction-etVFqqtW.js → sendMetaTransaction-Ds4_qSVu.js} +1 -1
- package/_assets/{sendRawTransaction-CP59S8fY.js → sendRawTransaction-lB8XtpQV.js} +3 -3
- package/_assets/{serializeTransaction-D82eIJpu.js → serializeTransaction-sBiqyBXY.js} +1 -1
- package/_assets/{session-proposal-CTk25Dr-.js → session-proposal-CtX3xmD3.js} +1 -1
- package/_assets/{session-request-C1qUxOZG.js → session-request-TgRSx-rm.js} +2 -2
- package/_assets/{signing-D2OJn6T_.js → signing-BLltMKaw.js} +3 -3
- package/_assets/{skeleton.styles-CEQXSxcg.js → skeleton.styles-CHtcYOO2.js} +1 -1
- package/_assets/{socials-Clt3JNMD.js → socials-C-PWl5ol.js} +1 -1
- package/_assets/{styled-DRUYplNz.js → styled-ByfFVW_J.js} +1 -1
- package/_assets/{swaps-hOclSX6h.js → swaps-cy6g7st6.js} +1 -1
- package/_assets/{thirdweb-DH3-POmB.js → thirdweb-Dw1AnBJt.js} +3 -3
- package/_assets/{to-serializable-transaction-CTdC8nHQ.js → to-serializable-transaction-BYNNGJgk.js} +2 -2
- package/_assets/{transactionReceipt-u3fxiMLd.js → transactionReceipt-D3t9P89G.js} +1 -1
- package/_assets/{transactions-CrPkr7No.js → transactions-Ci41fiMj.js} +1 -1
- package/_assets/useCreditPacks-DnkAdSB8.js +1 -0
- package/_assets/useImportable-DTHq6mob.js +1 -0
- package/_assets/{useInfiniteGrid-BJjThIIr.js → useInfiniteGrid-C5_gVX8O.js} +1 -1
- package/_assets/useTheme-pA484HjF.js +1 -0
- package/_assets/{verifyHash-GC24awPW.js → verifyHash-Bwromxoc.js} +1 -1
- package/_assets/{w3m-modal-D8ODxmhx.js → w3m-modal-JLRA_T5o.js} +1 -1
- package/_assets/{w3m-modal-C_4LJHJd.js → w3m-modal-yFiS_Jze.js} +1 -1
- package/_assets/{wait-for-tx-receipt-DxjVHpLa.js → wait-for-tx-receipt-BXBtEFR-.js} +1 -1
- package/_assets/{wallets-CLONLSgR.js → wallets-DB4fTO2e.js} +5 -5
- package/_assets/{web-connector-Bg3R-MOR.js → web-connector-CwHeziUM.js} +3 -3
- package/_assets/{writeContract-B0hqGC9P.js → writeContract-lzu9ejzj.js} +1 -1
- package/_assets/{zoraTestnet-BrHNrHjI.js → zoraTestnet-Bhmm9a22.js} +1 -1
- package/index.html +11 -11
- package/package.json +2 -2
- package/_assets/Cart-CMAKp-wK.js +0 -696
- package/_assets/CollectionCarousel-DMTJO3vn.js +0 -872
- package/_assets/ItemDetail--g9bExAk.js +0 -3577
- package/_assets/LazyEmoteControls-DLE3wPcI.js +0 -2
- package/_assets/TradeService-C1HwlfJG.js +0 -1
- package/_assets/authorizations-BIUtCNZm.js +0 -1
- package/_assets/buy-Dvc_dX-A.js +0 -1
- package/_assets/buy-gasless-C2CSfMz_.js +0 -1
- package/_assets/useCreditPacks-BKNj_K3V.js +0 -1
- package/_assets/useImportable-Dxzd_Mzq.js +0 -1
- package/_assets/useTheme-Rk_Pnmot.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{L as k,d as ie,j as e,r as h}from"./react-BYHuwl8r.js";import{t as ae,s as t,I as w,
|
|
1
|
+
import{L as k,d as ie,j as e,r as h}from"./react-BYHuwl8r.js";import{t as ae,s as t,I as w,N as se,O as ne,B as $,P as oe,n as M,Q as re,q as le,w as de,b as s,R as _,S as F,U as ce,V as he,W as pe,X as me,Y as ue,Z as xe,$ as ge,a0 as fe,a1 as be,a2 as ye,a3 as ve,a4 as je,a5 as we,a6 as $e,a7 as ke,a8 as Ce,y as z,a9 as Ie,aa as Ee,ab as ze,ac as Le,ad as We,ae as Oe}from"./index-CKK-zMqi.js";import{E as q}from"./ErrorNotice-CJ7LbSaM.js";import{E as Se}from"./LazyEmoteControls-C8q58ZLn.js";import{O as Ae}from"./OutfitPreview-B7Y1-68b.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./disposePreview-5vjiqVZ0.js";const{colors:n,radius:f,media:r,gradients:Fe}=ae,H=t.div`
|
|
2
2
|
max-width: 1721px;
|
|
3
3
|
margin: 0 auto;
|
|
4
4
|
/* The page's bottom padding is 56px, but the phone CTA bar is sticky and has its own bottom padding for the safe area.
|
|
@@ -17,13 +17,13 @@ import{L as k,d as ie,j as e,r as h}from"./react-BYHuwl8r.js";import{t as ae,s a
|
|
|
17
17
|
&:hover {
|
|
18
18
|
color: ${n.white};
|
|
19
19
|
}
|
|
20
|
-
`,
|
|
20
|
+
`,Ne=t.span`
|
|
21
21
|
color: ${n.softWhite};
|
|
22
22
|
font-weight: 600;
|
|
23
23
|
overflow: hidden;
|
|
24
24
|
white-space: nowrap;
|
|
25
25
|
text-overflow: ellipsis;
|
|
26
|
-
`,
|
|
26
|
+
`,K=t.div`
|
|
27
27
|
display: grid;
|
|
28
28
|
grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
|
|
29
29
|
gap: 40px;
|
|
@@ -63,7 +63,7 @@ import{L as k,d as ie,j as e,r as h}from"./react-BYHuwl8r.js";import{t as ae,s a
|
|
|
63
63
|
inset: 0;
|
|
64
64
|
pointer-events: none;
|
|
65
65
|
}
|
|
66
|
-
`,
|
|
66
|
+
`,Pe=t.div`
|
|
67
67
|
position: absolute;
|
|
68
68
|
inset: 0;
|
|
69
69
|
pointer-events: none;
|
|
@@ -71,7 +71,7 @@ import{L as k,d as ie,j as e,r as h}from"./react-BYHuwl8r.js";import{t as ae,s a
|
|
|
71
71
|
& [class*='MuiBox'] {
|
|
72
72
|
pointer-events: auto;
|
|
73
73
|
}
|
|
74
|
-
`,
|
|
74
|
+
`,Re=t.img`
|
|
75
75
|
position: absolute;
|
|
76
76
|
inset: 0;
|
|
77
77
|
width: 100%;
|
|
@@ -82,7 +82,7 @@ import{L as k,d as ie,j as e,r as h}from"./react-BYHuwl8r.js";import{t as ae,s a
|
|
|
82
82
|
flex-direction: column;
|
|
83
83
|
gap: 15px;
|
|
84
84
|
min-height: 0;
|
|
85
|
-
`,
|
|
85
|
+
`,Be=t.h1`
|
|
86
86
|
font-size: 28px;
|
|
87
87
|
font-weight: 600;
|
|
88
88
|
color: ${n.softWhite};
|
|
@@ -114,14 +114,14 @@ import{L as k,d as ie,j as e,r as h}from"./react-BYHuwl8r.js";import{t as ae,s a
|
|
|
114
114
|
padding: 0;
|
|
115
115
|
margin: 0;
|
|
116
116
|
}
|
|
117
|
-
`,
|
|
117
|
+
`,qe=t.ul`
|
|
118
118
|
list-style: none;
|
|
119
119
|
margin: 0;
|
|
120
120
|
padding: 0;
|
|
121
121
|
display: flex;
|
|
122
122
|
flex-direction: column;
|
|
123
123
|
gap: 10px;
|
|
124
|
-
`,
|
|
124
|
+
`,He=t.li`
|
|
125
125
|
position: relative;
|
|
126
126
|
display: flex;
|
|
127
127
|
align-items: stretch;
|
|
@@ -177,7 +177,7 @@ import{L as k,d as ie,j as e,r as h}from"./react-BYHuwl8r.js";import{t as ae,s a
|
|
|
177
177
|
&[data-state='missing'] {
|
|
178
178
|
opacity: 0.55;
|
|
179
179
|
}
|
|
180
|
-
`,
|
|
180
|
+
`,Ke=t(k)`
|
|
181
181
|
position: absolute;
|
|
182
182
|
inset: 0;
|
|
183
183
|
z-index: 1;
|
|
@@ -204,7 +204,7 @@ import{L as k,d as ie,j as e,r as h}from"./react-BYHuwl8r.js";import{t as ae,s a
|
|
|
204
204
|
width: 88px;
|
|
205
205
|
height: 88px;
|
|
206
206
|
}
|
|
207
|
-
`,
|
|
207
|
+
`,N=t.div`
|
|
208
208
|
flex: 1;
|
|
209
209
|
min-width: 0;
|
|
210
210
|
display: flex;
|
|
@@ -229,7 +229,7 @@ import{L as k,d as ie,j as e,r as h}from"./react-BYHuwl8r.js";import{t as ae,s a
|
|
|
229
229
|
color: ${n.softWhite};
|
|
230
230
|
text-decoration: underline;
|
|
231
231
|
}
|
|
232
|
-
`,
|
|
232
|
+
`,P=t.span`
|
|
233
233
|
display: flex;
|
|
234
234
|
align-items: center;
|
|
235
235
|
gap: 6px;
|
|
@@ -358,7 +358,7 @@ import{L as k,d as ie,j as e,r as h}from"./react-BYHuwl8r.js";import{t as ae,s a
|
|
|
358
358
|
gap: 5px;
|
|
359
359
|
font-size: 16px;
|
|
360
360
|
}
|
|
361
|
-
`,
|
|
361
|
+
`,R=t.div`
|
|
362
362
|
min-height: 52vh;
|
|
363
363
|
display: flex;
|
|
364
364
|
flex-direction: column;
|
|
@@ -374,4 +374,4 @@ import{L as k,d as ie,j as e,r as h}from"./react-BYHuwl8r.js";import{t as ae,s a
|
|
|
374
374
|
`,ot=t.p`
|
|
375
375
|
margin: 0;
|
|
376
376
|
color: ${n.gray4};
|
|
377
|
-
`,
|
|
377
|
+
`,B="outfit-detail-preview";function yt(){const{id:i}=ie(),o=M(y=>y.session),c=re(),b=c==="creator",{data:l,isError:C,refetch:m}=le({queryKey:["outfit",i,b],enabled:F()&&!!i,staleTime:6e4,queryFn:()=>Oe(i,b&&o?o.identity:void 0)}),d=!F()||!i||l===null&&c!=="pending";return de(d?{title:s("seo.outfit.notFoundTitle"),noindex:!0}:l?{title:l.name,image:_(l.thumbnailHash)??void 0}:{}),d?e.jsxs(R,{"data-testid":"outfit-notfound",children:[e.jsx(st,{name:"cart",size:44}),e.jsx(nt,{children:s("outfits.detail.notFoundTitle")}),e.jsx(ot,{children:s("outfits.detail.notFoundBody")}),e.jsx($,{as:k,to:"/items",variant:"purple",children:s("notFound.cta")})]}):C?e.jsxs(R,{"data-testid":"outfit-detail-error",children:[e.jsx(q,{message:s("outfits.errors.generic")}),e.jsx($,{variant:"purple",onClick:()=>void m(),children:s("outfits.detail.retry")})]}):l?e.jsx(lt,{outfit:l}):e.jsx(H,{"aria-busy":"true","data-testid":"outfit-detail-loading",children:e.jsxs(K,{children:[e.jsx(D,{children:e.jsx("span",{className:"skeleton",style:{position:"absolute",inset:0},"aria-hidden":!0})}),e.jsxs(U,{children:[e.jsx("span",{className:"skeleton",style:{width:"60%",height:32},"aria-hidden":!0}),e.jsx("span",{className:"skeleton",style:{width:"40%",height:16},"aria-hidden":!0}),e.jsx("span",{className:"skeleton",style:{width:"100%",height:48},"aria-hidden":!0})]})]})})}function rt({item:i}){const o=Ie(i),c=Ee(i.gender);return e.jsxs(Ge,{children:[i.rarity?e.jsx(j,{"data-variant":"rarity",style:{background:We(i.rarity)},title:Le(i.rarity),children:ze(i.rarity)}):null,i.isSmart?e.jsxs(j,{"data-variant":"smart",children:[e.jsx(w,{name:"smart",size:13}),s("assetCard.smart")]}):null,o?e.jsx(j,{"data-variant":"icon",children:e.jsx(w,{name:o})}):null,c?e.jsx(j,{"data-variant":"icon",children:e.jsx(w,{name:c})}):null]})}function lt({outfit:i}){const o=ce(i),{split:c,availableCount:b,totalCredits:l,addOutfit:C,isAdding:m}=he(i,o),d=M(a=>{var g;return(g=a.session)==null?void 0:g.address}),y=pe(a=>a.items),W=h.useMemo(()=>new Set(y.map(me)),[y]),O=_(i.thumbnailHash),S=h.useRef(null);h.useEffect(()=>{S.current!==i.id&&(S.current=i.id,ue("Shop Outfit Viewed",{outfit_id:i.id,item_count:i.items.length}))},[i.id,i.items.length]);const I=h.useMemo(()=>i.items.map(a=>{const g=xe(a),E=o.byKey.get(g)??null;return{key:g,item:E,state:E?ge(E,{address:d,cartKeys:W}):"missing"}}),[i,o.byKey,d,W]),{data:V,isFetched:Q}=fe(d),G=!d||Q,X=!!d&&!!V,Y=i.bodyShape==="female"?be:i.bodyShape==="male"?ye:void 0,u=h.useMemo(()=>I.map(a=>a.item).filter(a=>!!a),[I]),A=h.useMemo(()=>ve(u),[u]),Z=h.useMemo(()=>!!je(u),[u]),J=h.useMemo(()=>u.map(a=>we(a)??"").filter(Boolean),[u]),p=$e({address:d,tryOnUrns:A,tryOnCategories:J}),ee=i.items.length,te=!o.isLoading&&!o.isError,x=c.purchasable.length;return e.jsxs(H,{"data-testid":"outfit-detail",children:[e.jsxs(Te,{"aria-label":s("outfits.detail.breadcrumbAria"),children:[e.jsx(T,{to:"/overview",children:s("nav.overview")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(T,{to:"/overview",children:s("outfits.detail.breadcrumbLooks")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(Ne,{children:i.name})]}),e.jsxs(K,{children:[e.jsx(D,{"data-testid":"outfit-detail-preview",style:{background:ke(i)},children:O&&!o.isLoading&&A.length===0?e.jsx(Re,{src:O,alt:i.name}):e.jsx(Ae,{id:B,profile:p.profile,bodyShape:p.bodyShape??(X?void 0:Y),urns:p.urns,skin:p.skin,hair:p.hair,eyes:p.eyes,enabled:G&&!p.isLoading&&!o.isLoading,controls:Z?e.jsx(Pe,{"data-testid":"outfit-emote-controls",children:e.jsx(Se,{wearablePreviewId:B,hideFrameInput:!0})}):null})}),e.jsxs(U,{children:[e.jsx(Be,{children:i.name}),e.jsx(Me,{"data-testid":"outfit-detail-meta",children:s("outfits.detail.itemsCount",{count:ee})}),o.isError?e.jsxs(Ye,{children:[e.jsx(q,{message:s("outfits.detail.resolveError"),testId:"outfit-detail-resolve-error"}),e.jsx($,{variant:"outline","data-testid":"outfit-detail-retry",onClick:o.retry,children:s("outfits.detail.retry")})]}):e.jsxs(e.Fragment,{children:[e.jsx(_e,{children:e.jsx(qe,{children:I.map(a=>e.jsx(He,{"data-testid":"outfit-detail-item","data-state":a.state,children:a.item?e.jsxs(e.Fragment,{children:[e.jsx(Ke,{to:`/item/${a.item.contractAddress}/${a.item.itemId}`,state:{item:a.item},"aria-label":a.item.name}),e.jsx(De,{src:a.item.thumbnail,alt:"",loading:"lazy"}),e.jsxs(N,{children:[e.jsx(L,{children:a.item.name}),a.item.creator?e.jsx(Ve,{to:`/items/creator/${a.item.creator}`,children:e.jsx(Ce,{address:a.item.creator})}):null,e.jsxs(P,{children:[a.state!=="unavailable"?e.jsxs(Qe,{children:[e.jsx(z,{size:15}),a.item.priceCredits.toLocaleString()]}):null,a.state==="unavailable"?e.jsx(v,{children:s("outfits.card.unavailable")}):a.state==="own_listing"?e.jsx(v,{children:s("outfits.detail.yourListing")}):a.state==="in_cart"?e.jsx(v,{children:s("outfits.detail.inCart")}):null,e.jsx(rt,{item:a.item})]})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(Ue,{className:o.isLoading?"skeleton":void 0,"aria-hidden":!0}),e.jsx(N,{children:o.isLoading?e.jsx(L,{children:e.jsx("span",{className:"skeleton",style:{display:"block",width:"70%",height:14}})}):e.jsxs(e.Fragment,{children:[e.jsx(L,{children:s("outfits.card.unavailable")}),e.jsx(P,{children:e.jsx(v,{children:s("outfits.card.unavailable")})})]})})]})},a.key))})}),e.jsxs(Ze,{"data-testid":"outfit-detail-ctabar",children:[te&&c.ownListing.length>0?e.jsx(Xe,{children:s("outfits.detail.yourListingHint")}):null,x>0&&e.jsxs(Je,{children:[e.jsx(et,{children:s("outfits.detail.totalPrice")}),o.isLoading?e.jsx("span",{className:"skeleton",style:{width:64,height:26},"aria-hidden":!0}):e.jsxs(tt,{children:[e.jsx(z,{size:22}),l.toLocaleString()]})]}),o.isLoading?e.jsx("span",{className:"skeleton",style:{width:"100%",height:52,borderRadius:26},"aria-hidden":!0}):e.jsxs(it,{variant:"purple","data-testid":"outfit-detail-cta",onClick:C,disabled:m||x===0,"aria-busy":m||void 0,children:[m?s("outfits.card.adding"):x>0?s("outfits.detail.addCount",{count:x}):b>0?s("outfits.detail.nothingToAdd"):s("outfits.card.unavailable"),!m&&x>0?e.jsxs(at,{children:[e.jsx(z,{size:16}),l.toLocaleString()]}):null]})]})]})]})]})]})}export{yt as OutfitDetail,yt as default};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{r,j as n}from"./react-BYHuwl8r.js";import{d as g}from"./dcl-schemas-CmtP3U6y.js";import{s as P,
|
|
1
|
+
import{r,j as n}from"./react-BYHuwl8r.js";import{d as g}from"./dcl-schemas-CmtP3U6y.js";import{s as P,W as R,af as F,c as O,ag as S,b as W}from"./index-CKK-zMqi.js";import{d as B}from"./disposePreview-5vjiqVZ0.js";const H=P.div`
|
|
2
2
|
position: absolute;
|
|
3
3
|
inset: 0;
|
|
4
4
|
display: grid;
|
|
5
5
|
place-items: center;
|
|
6
|
-
`;function q({id:a,profile:i,bodyShape:v,urns:s,enabled:c=!0,skin:l,hair:f,eyes:d,controls:w}){const E=R(t=>t.fittingOpen),{ref:
|
|
6
|
+
`;function q({id:a,profile:i,bodyShape:v,urns:s,enabled:c=!0,skin:l,hair:f,eyes:d,controls:w}){const E=R(t=>t.fittingOpen),{ref:x,active:h}=F(),e=c&&s.length>0&&h&&!E,y=s.length>0?s[0].includes(":amoy:"):O.chainId===80002,[j,o]=r.useState(!1),A=s.join(",");r.useEffect(()=>{o(!1)},[A,i,l,f,d]),r.useEffect(()=>{e&&o(!1)},[e]);const[b,m]=r.useState(!1);r.useEffect(()=>{if(!e){m(!1);return}let t=0,I=0;const p=()=>{document.getElementById(a)?m(!0):I++<300&&(t=requestAnimationFrame(p))};return p(),()=>cancelAnimationFrame(t)},[e,a]);const u=r.useRef(null);return r.useEffect(()=>{if(e)return()=>{B(u.current),u.current=null}},[e]),n.jsxs(n.Fragment,{children:[n.jsx("div",{ref:x,"data-preview-viewport":!0,"aria-hidden":!0}),e?n.jsx(S,{id:a,profile:i,bodyShape:v,urns:s,skin:l,hair:f,eyes:d,type:g.PreviewType.AVATAR,emote:g.PreviewEmote.FASHION,disableBackground:!0,disableFadeEffect:!0,dev:y,onLoad:()=>{var t;o(!0),u.current=((t=document.getElementById(a))==null?void 0:t.contentWindow)??null}},i):null,b?w:null,c&&s.length===0?null:!e||!j?n.jsx(H,{"aria-busy":"true","aria-label":W("spinner.loading"),children:n.jsx("span",{className:"spinner","aria-hidden":!0})}):null]})}export{q as O};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as d,j as t,L as F,d as
|
|
1
|
+
import{r as d,j as t,L as F,d as Jt,a as Vt,b as Xt}from"./react-BYHuwl8r.js";import{s,t as lt,I as K,aY as Zt,b as e,y as ot,B as x,J as Ct,n as V,Q as te,w as ee,z as It,q as Et,U as ie,Z as z,aZ as Y,a_ as se,a$ as oe,b0 as J,a3 as re,a4 as ae,a1 as ne,a2 as de,R as Lt,a7 as le,b1 as rt,b2 as ue,b3 as ce,b4 as pe,D as N,b5 as Rt,b6 as zt,b7 as A,E as at,b8 as nt,b9 as he,ba as fe,bb as xe,Y as me,bc as ge,bd as be,ae as ye}from"./index-CKK-zMqi.js";import{E as D}from"./ErrorNotice-CJ7LbSaM.js";import{L as je}from"./LoadMore-CRwBs35r.js";import{u as ve}from"./useInfiniteGrid-C5_gVX8O.js";import{O as we}from"./OutfitPreview-B7Y1-68b.js";import{T as $e}from"./skeleton.styles-CHtcYOO2.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./disposePreview-5vjiqVZ0.js";const{colors:m,radius:X,media:ke}=lt,Se=s.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
gap: 12px;
|
|
@@ -53,7 +53,7 @@ import{r as d,j as t,L as F,d as Yt,a as Jt,b as Xt}from"./react-BYHuwl8r.js";im
|
|
|
53
53
|
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
|
|
54
54
|
gap: 10px;
|
|
55
55
|
|
|
56
|
-
${
|
|
56
|
+
${ke.maxWidth("mobile")} {
|
|
57
57
|
grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
|
|
58
58
|
}
|
|
59
59
|
`,Ee=s.span`
|
|
@@ -111,7 +111,7 @@ import{r as d,j as t,L as F,d as Yt,a as Jt,b as Xt}from"./react-BYHuwl8r.js";im
|
|
|
111
111
|
color: ${m.accent};
|
|
112
112
|
background: ${m.white};
|
|
113
113
|
border-radius: 50%;
|
|
114
|
-
`,Oe=[{key:"wearable",labelKey:"categories.wearables"},{key:"emote",labelKey:"categories.emotes"}];function Ae({selectedKeys:n,onPick:f,canPick:h}){const[c,y]=d.useState("wearable"),[j,b]=d.useState(""),[o,R]=d.useState("");d.useEffect(()=>{const l=setTimeout(()=>R(j.trim()),300);return()=>clearTimeout(l)},[j]);const{items:C,isLoading:I,isPlaceholderData:u,isError:
|
|
114
|
+
`,Oe=[{key:"wearable",labelKey:"categories.wearables"},{key:"emote",labelKey:"categories.emotes"}];function Ae({selectedKeys:n,onPick:f,canPick:h}){const[c,y]=d.useState("wearable"),[j,b]=d.useState(""),[o,R]=d.useState("");d.useEffect(()=>{const l=setTimeout(()=>R(j.trim()),300);return()=>clearTimeout(l)},[j]);const{items:C,isLoading:I,isPlaceholderData:u,isError:S,hasNextPage:E,isFetchingNextPage:Z,fetchNextPage:k}=ve(["outfit-picker",c,o],l=>Zt({search:o||void 0,category:c,onSale:!0,listingType:"primary",first:24,skip:l,sortBy:"cheapest"})),g=e(c==="emote"?"outfits.studio.searchEmotes":"outfits.studio.searchWearables"),_=new Set,H=C.filter(l=>{if(!l.itemId)return!1;const v=`${l.contractAddress.toLowerCase()}-${l.itemId}`;return _.has(v)?!1:(_.add(v),!0)});return t.jsxs(Se,{"data-testid":"outfit-picker",children:[t.jsx(Ce,{role:"group","aria-label":e("outfits.studio.pickerCategory"),"data-testid":"outfit-picker-category",children:Oe.map(({key:l,labelKey:v})=>t.jsx(Ie,{type:"button","data-category":l,"data-selected":c===l||void 0,"aria-pressed":c===l,onClick:()=>{y(l),b("")},children:e(v)},l))}),t.jsxs(Te,{children:[t.jsx(K,{name:"search",color:lt.colors.muted}),t.jsx("input",{value:j,placeholder:g,"aria-label":g,onChange:l=>b(l.target.value),"data-testid":"outfit-picker-search"})]}),S?t.jsx(vt,{children:e("outfits.errors.generic")}):I||u?t.jsx(wt,{"aria-busy":"true",children:Array.from({length:8},(l,v)=>t.jsx(Ee,{className:"skeleton","aria-hidden":!0},v))}):H.length===0?t.jsx(vt,{children:e("outfits.studio.noResults")}):t.jsx(wt,{children:H.map(l=>{const v=`${l.contractAddress.toLowerCase()}-${l.itemId}`,M=n.has(v);return t.jsxs(Le,{type:"button","data-testid":"outfit-picker-item","data-selected":M||void 0,disabled:!M&&!h(l),onClick:()=>f(l),title:l.name,children:[t.jsx(Re,{src:l.thumbnail,alt:"",loading:"lazy"}),t.jsx(ze,{children:l.name}),t.jsxs(Pe,{children:[t.jsx(ot,{size:12}),l.priceCredits.toLocaleString()]}),M?t.jsx(We,{name:"check-rounded",size:18}):null]},v)})}),!S&&!I&&!u?t.jsx(je,{auto:!1,hasNextPage:!!E,isFetching:Z,onLoadMore:()=>void k()}):null]})}const{colors:a,radius:$,media:B,z:Fe}=lt,Pt=s.div`
|
|
115
115
|
max-width: 1200px;
|
|
116
116
|
margin: 0 auto;
|
|
117
117
|
display: flex;
|
|
@@ -167,7 +167,7 @@ import{r as d,j as t,L as F,d as Yt,a as Jt,b as Xt}from"./react-BYHuwl8r.js";im
|
|
|
167
167
|
background: rgba(30, 166, 114, 0.35);
|
|
168
168
|
color: ${a.white};
|
|
169
169
|
}
|
|
170
|
-
`,
|
|
170
|
+
`,kt=s.div`
|
|
171
171
|
display: flex;
|
|
172
172
|
flex-direction: column;
|
|
173
173
|
gap: 10px;
|
|
@@ -259,11 +259,11 @@ import{r as d,j as t,L as F,d as Yt,a as Jt,b as Xt}from"./react-BYHuwl8r.js";im
|
|
|
259
259
|
display: grid;
|
|
260
260
|
place-items: center;
|
|
261
261
|
padding: 16px;
|
|
262
|
-
`,
|
|
262
|
+
`,Ye=s.div`
|
|
263
263
|
position: absolute;
|
|
264
264
|
inset: 0;
|
|
265
265
|
background: rgba(22, 21, 24, 0.5);
|
|
266
|
-
`,
|
|
266
|
+
`,Je=s.div`
|
|
267
267
|
position: relative;
|
|
268
268
|
background: ${a.bg};
|
|
269
269
|
border-radius: ${$.card};
|
|
@@ -273,7 +273,7 @@ import{r as d,j as t,L as F,d as Yt,a as Jt,b as Xt}from"./react-BYHuwl8r.js";im
|
|
|
273
273
|
display: flex;
|
|
274
274
|
flex-direction: column;
|
|
275
275
|
gap: 12px;
|
|
276
|
-
`,
|
|
276
|
+
`,Ve=s.h2`
|
|
277
277
|
font-size: 18px;
|
|
278
278
|
font-weight: 800;
|
|
279
279
|
`,Xe=s.div`
|
|
@@ -437,7 +437,7 @@ import{r as d,j as t,L as F,d as Yt,a as Jt,b as Xt}from"./react-BYHuwl8r.js";im
|
|
|
437
437
|
flex: 1;
|
|
438
438
|
min-width: 0;
|
|
439
439
|
}
|
|
440
|
-
`,
|
|
440
|
+
`,St=s.input`
|
|
441
441
|
height: 44px;
|
|
442
442
|
padding: 0 14px;
|
|
443
443
|
border: 1px solid ${a.lineStrong};
|
|
@@ -527,7 +527,7 @@ import{r as d,j as t,L as F,d as Yt,a as Jt,b as Xt}from"./react-BYHuwl8r.js";im
|
|
|
527
527
|
gap: 4px;
|
|
528
528
|
font-size: 15px;
|
|
529
529
|
font-weight: 700;
|
|
530
|
-
`,
|
|
530
|
+
`,ki=s.button`
|
|
531
531
|
display: inline-flex;
|
|
532
532
|
align-items: center;
|
|
533
533
|
justify-content: center;
|
|
@@ -543,7 +543,7 @@ import{r as d,j as t,L as F,d as Yt,a as Jt,b as Xt}from"./react-BYHuwl8r.js";im
|
|
|
543
543
|
color: ${a.dclRed};
|
|
544
544
|
background: rgba(255, 255, 255, 0.14);
|
|
545
545
|
}
|
|
546
|
-
`,
|
|
546
|
+
`,Si=s.div`
|
|
547
547
|
display: flex;
|
|
548
548
|
flex-direction: column;
|
|
549
549
|
gap: 8px;
|
|
@@ -553,4 +553,4 @@ import{r as d,j as t,L as F,d as Yt,a as Jt,b as Xt}from"./react-BYHuwl8r.js";im
|
|
|
553
553
|
display: flex;
|
|
554
554
|
flex-wrap: wrap;
|
|
555
555
|
gap: 10px;
|
|
556
|
-
`;function Ki(){const{id:n}=Yt(),{pathname:f}=Jt(),h=J(b=>b.session),c=J(b=>b.signIn),y=te();ee({title:e("outfits.studio.title"),noindex:!0});const j=f.endsWith("/new")?"new":n?"edit":"list";return y==="pending"?t.jsx(O,{"aria-busy":"true","data-testid":"outfit-studio-loading",children:t.jsx("span",{className:"spinner","aria-hidden":!0})}):h?y!=="creator"?t.jsxs(O,{"data-testid":"outfit-studio-unavailable",children:[t.jsx($t,{children:e("outfits.studio.title")}),t.jsx(w,{children:e("outfits.studio.notAvailable")}),t.jsx(x,{as:F,to:"/overview",variant:"white",children:e("outfits.studio.backToShop")})]}):j==="list"?t.jsx(Ii,{}):t.jsx(Ri,{outfitId:j==="edit"?n:null},n??"new"):t.jsxs(O,{"data-testid":"outfit-studio-signin",children:[t.jsx($t,{children:e("outfits.studio.title")}),t.jsx(w,{children:e("outfits.studio.signInPrompt")}),t.jsx(x,{variant:"white",onClick:()=>c(),children:e("outfits.studio.signIn")})]})}function Ci({outfit:n}){const f=Lt(n.thumbnailHash);return f?t.jsx(Me,{style:{background:ce(n)},children:t.jsx("img",{src:f,alt:"",loading:"lazy"})}):t.jsx(Ue,{"aria-hidden":!0})}function Ii(){const n=J(u=>u.session),f=It(),[h,c]=d.useState(null),[y,j]=d.useState(null),{data:b=[],isLoading:o,isError:R,refetch:C}=Et({queryKey:["outfits-all"],enabled:!!n,staleTime:3e4,queryFn:()=>be(n.identity)});async function I(u,k){if(n){j(u.id);try{k==="delete"?(await pe(u.id,n.identity),N.success(e("outfits.studio.deleted"))):(await Rt({...dt(u),published:!1},n.identity,"update"),N.success(e("outfits.studio.unpublished"))),zt(f)}catch(E){E instanceof A||at(E,{flow:`outfit-${k}`}),N.error(e(E instanceof A?nt(E.code):"outfits.errors.generic"))}finally{j(null),c(null)}}}return t.jsxs(Pt,{"data-testid":"outfit-studio-list",children:[t.jsxs(Wt,{children:[t.jsx(Ot,{children:e("outfits.studio.myOutfits")}),t.jsx(x,{as:F,to:"/outfits/new",variant:"white","data-testid":"outfit-studio-new",children:e("outfits.studio.new")})]}),o?t.jsx(St,{"aria-busy":"true",children:Array.from({length:3},(u,k)=>t.jsx(Be,{className:"skeleton","aria-hidden":!0},k))}):R?t.jsxs(O,{children:[t.jsx(D,{message:e("outfits.errors.generic")}),t.jsx(x,{variant:"white",onClick:()=>void C(),children:e("outfits.detail.retry")})]}):b.length===0?t.jsx(w,{children:e("outfits.studio.empty")}):t.jsx(St,{children:b.map(u=>t.jsxs(He,{"data-testid":"outfit-studio-row","data-published":u.published||void 0,children:[t.jsx(Ci,{outfit:u}),t.jsxs(De,{children:[t.jsx(Ke,{children:u.name||e("outfits.studio.untitled")}),t.jsxs(_e,{children:[t.jsx(At,{"data-state":u.published?"published":"draft",children:u.published?e("outfits.studio.publishedState"):e("outfits.studio.draft")}),e("outfits.card.items",{count:u.items.length})]})]}),t.jsxs(Ge,{children:[u.published?t.jsx(x,{as:F,to:`/items/outfits/${u.id}`,variant:"ghost",size:"sm",children:e("outfits.studio.view")}):null,t.jsx(x,{as:F,to:`/outfits/${u.id}/edit`,variant:"outline",size:"sm","data-testid":"outfit-studio-edit",children:e("outfits.studio.edit")}),t.jsx(qe,{type:"button","data-testid":"outfit-studio-delete","aria-label":e("outfits.studio.confirmDelete"),disabled:y===u.id,onClick:()=>c(u),children:t.jsx(K,{name:"trash",size:18})})]})]},u.id))}),h?t.jsxs(Qe,{role:"dialog","aria-modal":"true","aria-label":e("outfits.studio.deleteTitle"),"data-testid":"outfit-studio-confirm",children:[t.jsx(Ve,{onClick:()=>c(null)}),t.jsxs(Ye,{children:[t.jsx(Je,{children:e("outfits.studio.deleteTitle")}),t.jsx("p",{className:"muted",children:e("outfits.studio.deleteBody")}),t.jsxs(Xe,{children:[h.published?t.jsx(x,{variant:"purple","data-testid":"outfit-studio-confirm-unpublish",disabled:y===h.id,onClick:()=>void I(h,"unpublish"),children:e("outfits.studio.unpublish")}):null,t.jsx(x,{variant:h.published?"outline":"purple","data-testid":"outfit-studio-confirm-delete",disabled:y===h.id,onClick:()=>void I(h,"delete"),children:e("outfits.studio.confirmDelete")}),t.jsx(x,{variant:"ghost",onClick:()=>c(null),children:e("outfits.studio.cancel")})]})]})]}):null]})}const Tt=["image/png","image/jpeg","image/webp"];function Ei(){return{id:crypto.randomUUID(),name:"",thumbnailHash:"",items:[],bodyShape:"unisex",gradientFrom:rt.from,gradientTo:rt.to,published:!1}}function dt(n){return{id:n.id,name:n.name,thumbnailHash:n.thumbnailHash,items:n.items,bodyShape:n.bodyShape,gradientFrom:n.gradientFrom,gradientTo:n.gradientTo,published:n.published}}function Li(n){try{const f=sessionStorage.getItem(n);return f?JSON.parse(f):null}catch{return null}}function Ri({outfitId:n}){const f=n===null,h=`outfit-draft:${n??"new"}`,c=J(i=>i.session),y=It(),j=Xt(),[b]=d.useState(()=>Li(h)),[o,R]=d.useState(()=>b??(f?Ei():null)),[C,I]=d.useState(!!b),{data:u,isLoading:k,isError:E,refetch:Z}=Et({queryKey:["outfit",n,!0],enabled:!f&&!!c,staleTime:0,queryFn:()=>ye(n,c.identity)});d.useEffect(()=>{u&&R(i=>i??dt(u))},[u]);function S(i){R(r=>r&&{...r,...i}),I(!0)}d.useEffect(()=>{if(!(!o||!C))try{sessionStorage.setItem(h,JSON.stringify(o))}catch{}},[o,C,h]),d.useEffect(()=>{if(!C)return;const i=r=>r.preventDefault();return window.addEventListener("beforeunload",i),()=>window.removeEventListener("beforeunload",i)},[C]),d.useEffect(()=>()=>sessionStorage.removeItem(h),[h]);const g=ie(o??void 0),_=d.useMemo(()=>new Set(((o==null?void 0:o.items)??[]).map(z)),[o]),H=i=>ge((o==null?void 0:o.items)??[],i,g.byKey),l=i=>!!i.itemId&&H(i).length<=Y;function v(i){!o||!l(i)||S({items:H(i)})}const[M,ut]=d.useState(null),L=d.useRef(null),tt=d.useRef(!0);d.useEffect(()=>(tt.current=!0,()=>{tt.current=!1}),[]);const[G,ct]=d.useState(!1),[Bt,q]=d.useState(null),[et,pt]=d.useState(""),[Ht,ht]=d.useState(null),[T,Mt]=d.useState();d.useEffect(()=>()=>{L.current&&URL.revokeObjectURL(L.current)},[]);function ft(){const i=xe(et);if(!i){ht(e("outfits.studio.importError"));return}ht(null),pt(""),Mt(i.colors),S({items:i.items,...i.bodyShape?{bodyShape:i.bodyShape}:{}}),N.success(e("outfits.studio.importSuccess",{count:i.items.length}))}async function Ut(i){if(!i||!c)return;if(q(null),!Tt.includes(i.type)){q(e("outfits.errors.unsupportedType"));return}if(i.size>he){q(e("outfits.errors.tooLarge"));return}L.current&&URL.revokeObjectURL(L.current);const r=URL.createObjectURL(i);L.current=r,ut(r),ct(!0);try{const p=await fe(i,c.identity);S({thumbnailHash:p})}catch(p){p instanceof A||at(p,{flow:"outfit-thumbnail"}),q(e(p instanceof A?nt(p.code):"outfits.errors.generic")),L.current&&(URL.revokeObjectURL(L.current),L.current=null),ut(null)}finally{ct(!1)}}const[U,xt]=d.useState(!1),[Dt,mt]=d.useState(null),it=!!o&&o.name.trim().length>0&&o.name.length<=60,Kt=!!o&&V(o.gradientFrom)&&V(o.gradientTo),gt=!!o&&o.items.some(i=>{const r=g.byKey.get(z(i));return!r||se(r)}),bt=!!o&&it&&!!o.thumbnailHash&&Kt&>&&o.items.length>=oe&&o.items.length<=Y;async function st(i){if(!(!c||!o||U)){xt(!0),mt(null);try{const r=await Rt({...o,published:i},c.identity,f?"create":"update");if(!tt.current)return;sessionStorage.removeItem(h),R(dt(r)),I(!1),zt(y),i&&!o.published?(me("Shop Outfit Published",{outfit_id:r.id,item_count:r.items.length}),N.success(e("outfits.studio.publishedToast"))):N.success(e("outfits.studio.saved")),f&&(y.setQueryData(["outfit",r.id,!0],r),j(`/outfits/${r.id}/edit`,{replace:!0}))}catch(r){r instanceof A||at(r,{flow:"outfit-save"}),mt(e(r instanceof A?nt(r.code):"outfits.errors.generic"))}finally{xt(!1)}}}const Q=d.useMemo(()=>((o==null?void 0:o.items)??[]).map(i=>g.byKey.get(z(i))).filter(i=>!!i),[o,g.byKey]),yt=d.useMemo(()=>re(Q),[Q]),_t=d.useMemo(()=>{const i=ae(Q);return i!=null&&i.itemId?z({contractAddress:i.contractAddress,itemId:i.itemId}):null},[Q]),Gt=(o==null?void 0:o.bodyShape)==="female"?ne:(o==null?void 0:o.bodyShape)==="male"?de:void 0;if(!c)return null;if(!o)return E?t.jsxs(O,{children:[t.jsx(D,{message:e("outfits.errors.generic")}),t.jsx(x,{variant:"white",onClick:()=>void Z(),children:e("outfits.detail.retry")})]}):!k&&u===null?t.jsxs(O,{"data-testid":"outfit-studio-missing",children:[t.jsx(w,{children:e("outfits.errors.notFound")}),t.jsx(x,{as:F,to:"/outfits/manage",variant:"white",children:e("outfits.studio.myOutfits")})]}):t.jsx(O,{"aria-busy":"true",children:t.jsx("span",{className:"spinner","aria-hidden":!0})});const jt=M??Lt(o.thumbnailHash),qt={...o,authorAddress:(c==null?void 0:c.address)??"",createdAt:0,updatedAt:0},Qt=o.items.reduce((i,r)=>{var p;return i+(((p=g.byKey.get(z(r)))==null?void 0:p.priceCredits)??0)},0);return t.jsxs(Pt,{"data-testid":"outfit-studio-editor",children:[t.jsxs(Wt,{children:[t.jsx(Ne,{to:"/outfits/manage","aria-label":e("outfits.studio.myOutfits"),"data-testid":"outfit-studio-back",children:t.jsx(K,{name:"arrow-left",size:18})}),t.jsx(Ot,{children:f?e("outfits.studio.new"):e("outfits.studio.editTitle")}),t.jsx(At,{"data-state":o.published?"published":"draft",children:o.published?e("outfits.studio.publishedState"):e("outfits.studio.draft")})]}),t.jsxs(Ze,{children:[t.jsxs(ti,{children:[t.jsxs(ii,{"data-testid":"outfit-studio-preview",style:{background:le(o)},children:[t.jsx(we,{id:"outfit-studio-preview-frame",profile:"default",bodyShape:Gt,urns:yt,skin:T==null?void 0:T.skin,hair:T==null?void 0:T.hair,eyes:T==null?void 0:T.eyes,enabled:!g.isLoading}),yt.length===0&&!g.isLoading?t.jsx(si,{children:e("outfits.studio.previewEmpty")}):null]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.bodyShape")}),t.jsx(oi,{role:"group","aria-label":e("outfits.studio.bodyShape"),children:["unisex","male","female"].map(i=>t.jsx(ri,{type:"button","data-selected":o.bodyShape===i||void 0,onClick:()=>S({bodyShape:i}),children:e(`outfits.studio.shape.${i}`)},i))})]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.gradient")}),t.jsx(ni,{children:["gradientFrom","gradientTo"].map(i=>t.jsxs(di,{children:[t.jsx(li,{type:"color",value:V(o[i])?o[i]:rt.from,"aria-label":e(i==="gradientFrom"?"outfits.studio.gradientTop":"outfits.studio.gradientBottom"),"data-testid":i==="gradientFrom"?"outfit-studio-gradient-from":"outfit-studio-gradient-to",onChange:r=>S({[i]:r.target.value.toLowerCase()})}),t.jsxs(ui,{children:[t.jsx("span",{children:e(i==="gradientFrom"?"outfits.studio.gradientTop":"outfits.studio.gradientBottom")}),t.jsx(ci,{value:o[i],maxLength:7,spellCheck:!1,placeholder:"#000000","aria-label":e(i==="gradientFrom"?"outfits.studio.gradientTopHex":"outfits.studio.gradientBottomHex"),"data-invalid":!V(o[i])||void 0,onChange:r=>{const p=r.target.value.trim().toLowerCase();S({[i]:p.startsWith("#")||p===""?p:`#${p}`})}})]})]},i))}),t.jsx(w,{children:e("outfits.studio.gradientHint")})]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.thumbnail")}),jt?t.jsx(ai,{"data-busy":G||void 0,children:t.jsx("img",{src:jt,alt:""})}):null,t.jsxs(hi,{as:"label",variant:"outline",size:"sm","data-busy":G||void 0,children:[G?e("outfits.studio.uploading"):e("outfits.studio.upload"),t.jsx("input",{type:"file",accept:Tt.join(","),hidden:!0,disabled:G,onChange:i=>{var r;return void Ut((r=i.target.files)==null?void 0:r[0])},"data-testid":"outfit-studio-thumb-input"})]}),t.jsx(w,{children:e("outfits.studio.thumbnailHint")}),t.jsx(D,{message:Bt,testId:"outfit-studio-thumb-error"})]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.cardPreview")}),t.jsx(pi,{"data-testid":"outfit-studio-card-preview",onClickCapture:i=>{i.preventDefault(),i.stopPropagation()},children:t.jsx(ue,{outfit:qt,resolution:g})})]})]}),t.jsxs(ei,{children:[t.jsxs(P,{children:[t.jsx(W,{htmlFor:"outfit-import",children:e("outfits.studio.import")}),t.jsxs(fi,{children:[t.jsx(kt,{id:"outfit-import",value:et,spellCheck:!1,placeholder:e("outfits.studio.importPlaceholder"),onChange:i=>pt(i.target.value),onKeyDown:i=>{i.key==="Enter"&&ft()},"data-testid":"outfit-studio-import"}),t.jsx(x,{variant:"outline",size:"sm",onClick:ft,disabled:et.trim()==="","data-testid":"outfit-studio-import-apply",children:e("outfits.studio.importApply")})]}),t.jsx(w,{children:e("outfits.studio.importHint")}),t.jsx(D,{message:Ht,testId:"outfit-studio-import-error"})]}),t.jsxs(P,{children:[t.jsx(W,{htmlFor:"outfit-name",children:e("outfits.studio.name")}),t.jsx(kt,{id:"outfit-name",value:o.name,maxLength:60,placeholder:e("outfits.studio.namePlaceholder"),onChange:i=>S({name:i.target.value}),"data-testid":"outfit-studio-name"})]}),t.jsxs(P,{children:[t.jsxs(W,{as:"span",children:[e("outfits.studio.items")," (",o.items.length,"/",Y,")"]}),o.items.length===0?t.jsx(w,{children:e("outfits.studio.noItems")}):t.jsx(xi,{children:o.items.map(i=>{const r=z(i),p=g.byKey.get(r);return t.jsxs(mi,{"data-testid":"outfit-studio-selected","data-missing":!p||void 0,children:[p?t.jsx(gi,{src:p.thumbnail,alt:""}):t.jsx(bi,{className:g.isLoading?"skeleton":void 0,"aria-hidden":!0}),t.jsx(yi,{className:p?void 0:"muted",children:p?p.name:g.isLoading?t.jsx($e,{className:"skeleton",width:96,"aria-hidden":!0}):e("outfits.card.unavailable")}),r===_t?t.jsx(ji,{"data-testid":"outfit-studio-plays-in-preview",children:e("outfits.studio.playsInPreview")}):null,p?t.jsxs(vi,{children:[t.jsx(ot,{size:12}),p.priceCredits.toLocaleString()]}):null,t.jsx(Si,{type:"button","aria-label":e("outfits.studio.remove"),title:e("outfits.studio.remove"),onClick:()=>S({items:o.items.filter(Vt=>z(Vt)!==r)}),children:t.jsx(K,{name:"trash",size:16})})]},r)})}),o.items.length>0?t.jsxs(wi,{"data-testid":"outfit-studio-total",children:[t.jsx("span",{children:e("outfits.detail.totalPrice")}),t.jsxs($i,{children:[t.jsx(ot,{size:14}),Qt.toLocaleString()]})]}):null,o.items.length>=Y?t.jsx(w,{children:e("outfits.studio.maxItems")}):null]}),t.jsx(Ae,{selectedKeys:_,onPick:v,canPick:l})]})]}),t.jsxs(ki,{"data-testid":"outfit-studio-savebar",children:[t.jsx(D,{message:Dt,testId:"outfit-studio-save-error"}),it?!bt&&!o.published?t.jsx(w,{"data-testid":"outfit-studio-publish-hint",children:!gt&&o.items.length>0?e("outfits.studio.needsWearable"):e("outfits.errors.notPublishable")}):null:t.jsx(w,{children:e("outfits.studio.needName")}),t.jsxs(Ti,{children:[t.jsx(x,{variant:"outline","data-testid":"outfit-studio-save",disabled:U||!it,onClick:()=>void st(o.published),children:U?e("outfits.studio.saving"):e("outfits.studio.saveDraft")}),o.published?t.jsx(x,{variant:"white","data-testid":"outfit-studio-unpublish",disabled:U,onClick:()=>void st(!1),children:e("outfits.studio.unpublish")}):t.jsx(x,{variant:"white","data-testid":"outfit-studio-publish",disabled:U||!bt,onClick:()=>void st(!0),children:e("outfits.studio.publish")})]})]})]})}export{Ki as OutfitStudio,Ki as default};
|
|
556
|
+
`;function Ki(){const{id:n}=Jt(),{pathname:f}=Vt(),h=V(b=>b.session),c=V(b=>b.signIn),y=te();ee({title:e("outfits.studio.title"),noindex:!0});const j=f.endsWith("/new")?"new":n?"edit":"list";return y==="pending"?t.jsx(O,{"aria-busy":"true","data-testid":"outfit-studio-loading",children:t.jsx("span",{className:"spinner","aria-hidden":!0})}):h?y!=="creator"?t.jsxs(O,{"data-testid":"outfit-studio-unavailable",children:[t.jsx($t,{children:e("outfits.studio.title")}),t.jsx(w,{children:e("outfits.studio.notAvailable")}),t.jsx(x,{as:F,to:"/overview",variant:"white",children:e("outfits.studio.backToShop")})]}):j==="list"?t.jsx(Ii,{}):t.jsx(Ri,{outfitId:j==="edit"?n:null},n??"new"):t.jsxs(O,{"data-testid":"outfit-studio-signin",children:[t.jsx($t,{children:e("outfits.studio.title")}),t.jsx(w,{children:e("outfits.studio.signInPrompt")}),t.jsx(x,{variant:"white",onClick:()=>c(),children:e("outfits.studio.signIn")})]})}function Ci({outfit:n}){const f=Lt(n.thumbnailHash);return f?t.jsx(Me,{style:{background:ce(n)},children:t.jsx("img",{src:f,alt:"",loading:"lazy"})}):t.jsx(Ue,{"aria-hidden":!0})}function Ii(){const n=V(u=>u.session),f=It(),[h,c]=d.useState(null),[y,j]=d.useState(null),{data:b=[],isLoading:o,isError:R,refetch:C}=Et({queryKey:["outfits-all"],enabled:!!n,staleTime:3e4,queryFn:()=>be(n.identity)});async function I(u,S){if(n){j(u.id);try{S==="delete"?(await pe(u.id,n.identity),N.success(e("outfits.studio.deleted"))):(await Rt({...dt(u),published:!1},n.identity,"update"),N.success(e("outfits.studio.unpublished"))),zt(f)}catch(E){E instanceof A||at(E,{flow:`outfit-${S}`}),N.error(e(E instanceof A?nt(E.code):"outfits.errors.generic"))}finally{j(null),c(null)}}}return t.jsxs(Pt,{"data-testid":"outfit-studio-list",children:[t.jsxs(Wt,{children:[t.jsx(Ot,{children:e("outfits.studio.myOutfits")}),t.jsx(x,{as:F,to:"/outfits/new",variant:"white","data-testid":"outfit-studio-new",children:e("outfits.studio.new")})]}),o?t.jsx(kt,{"aria-busy":"true",children:Array.from({length:3},(u,S)=>t.jsx(Be,{className:"skeleton","aria-hidden":!0},S))}):R?t.jsxs(O,{children:[t.jsx(D,{message:e("outfits.errors.generic")}),t.jsx(x,{variant:"white",onClick:()=>void C(),children:e("outfits.detail.retry")})]}):b.length===0?t.jsx(w,{children:e("outfits.studio.empty")}):t.jsx(kt,{children:b.map(u=>t.jsxs(He,{"data-testid":"outfit-studio-row","data-published":u.published||void 0,children:[t.jsx(Ci,{outfit:u}),t.jsxs(De,{children:[t.jsx(Ke,{children:u.name||e("outfits.studio.untitled")}),t.jsxs(_e,{children:[t.jsx(At,{"data-state":u.published?"published":"draft",children:u.published?e("outfits.studio.publishedState"):e("outfits.studio.draft")}),e("outfits.card.items",{count:u.items.length})]})]}),t.jsxs(Ge,{children:[u.published?t.jsx(x,{as:F,to:`/items/outfits/${u.id}`,variant:"ghost",size:"sm",children:e("outfits.studio.view")}):null,t.jsx(x,{as:F,to:`/outfits/${u.id}/edit`,variant:"outline",size:"sm","data-testid":"outfit-studio-edit",children:e("outfits.studio.edit")}),t.jsx(qe,{type:"button","data-testid":"outfit-studio-delete","aria-label":e("outfits.studio.confirmDelete"),disabled:y===u.id,onClick:()=>c(u),children:t.jsx(K,{name:"trash",size:18})})]})]},u.id))}),h?t.jsxs(Qe,{role:"dialog","aria-modal":"true","aria-label":e("outfits.studio.deleteTitle"),"data-testid":"outfit-studio-confirm",children:[t.jsx(Ye,{onClick:()=>c(null)}),t.jsxs(Je,{children:[t.jsx(Ve,{children:e("outfits.studio.deleteTitle")}),t.jsx("p",{className:"muted",children:e("outfits.studio.deleteBody")}),t.jsxs(Xe,{children:[h.published?t.jsx(x,{variant:"purple","data-testid":"outfit-studio-confirm-unpublish",disabled:y===h.id,onClick:()=>void I(h,"unpublish"),children:e("outfits.studio.unpublish")}):null,t.jsx(x,{variant:h.published?"outline":"purple","data-testid":"outfit-studio-confirm-delete",disabled:y===h.id,onClick:()=>void I(h,"delete"),children:e("outfits.studio.confirmDelete")}),t.jsx(x,{variant:"ghost",onClick:()=>c(null),children:e("outfits.studio.cancel")})]})]})]}):null]})}const Tt=["image/png","image/jpeg","image/webp"];function Ei(){return{id:crypto.randomUUID(),name:"",thumbnailHash:"",items:[],bodyShape:"unisex",gradientFrom:rt.from,gradientTo:rt.to,published:!1}}function dt(n){return{id:n.id,name:n.name,thumbnailHash:n.thumbnailHash,items:n.items,bodyShape:n.bodyShape,gradientFrom:n.gradientFrom,gradientTo:n.gradientTo,published:n.published}}function Li(n){try{const f=sessionStorage.getItem(n);return f?JSON.parse(f):null}catch{return null}}function Ri({outfitId:n}){const f=n===null,h=`outfit-draft:${n??"new"}`,c=V(i=>i.session),y=It(),j=Xt(),[b]=d.useState(()=>Li(h)),[o,R]=d.useState(()=>b??(f?Ei():null)),[C,I]=d.useState(!!b),{data:u,isLoading:S,isError:E,refetch:Z}=Et({queryKey:["outfit",n,!0],enabled:!f&&!!c,staleTime:0,queryFn:()=>ye(n,c.identity)});d.useEffect(()=>{u&&R(i=>i??dt(u))},[u]);function k(i){R(r=>r&&{...r,...i}),I(!0)}d.useEffect(()=>{if(!(!o||!C))try{sessionStorage.setItem(h,JSON.stringify(o))}catch{}},[o,C,h]),d.useEffect(()=>{if(!C)return;const i=r=>r.preventDefault();return window.addEventListener("beforeunload",i),()=>window.removeEventListener("beforeunload",i)},[C]),d.useEffect(()=>()=>sessionStorage.removeItem(h),[h]);const g=ie(o??void 0),_=d.useMemo(()=>new Set(((o==null?void 0:o.items)??[]).map(z)),[o]),H=i=>ge((o==null?void 0:o.items)??[],i,g.byKey),l=i=>!!i.itemId&&H(i).length<=J;function v(i){!o||!l(i)||k({items:H(i)})}const[M,ut]=d.useState(null),L=d.useRef(null),tt=d.useRef(!0);d.useEffect(()=>(tt.current=!0,()=>{tt.current=!1}),[]);const[G,ct]=d.useState(!1),[Bt,q]=d.useState(null),[et,pt]=d.useState(""),[Ht,ht]=d.useState(null),[T,Mt]=d.useState();d.useEffect(()=>()=>{L.current&&URL.revokeObjectURL(L.current)},[]);function ft(){const i=xe(et);if(!i){ht(e("outfits.studio.importError"));return}ht(null),pt(""),Mt(i.colors),k({items:i.items,...i.bodyShape?{bodyShape:i.bodyShape}:{}}),N.success(e("outfits.studio.importSuccess",{count:i.items.length}))}async function Ut(i){if(!i||!c)return;if(q(null),!Tt.includes(i.type)){q(e("outfits.errors.unsupportedType"));return}if(i.size>he){q(e("outfits.errors.tooLarge"));return}L.current&&URL.revokeObjectURL(L.current);const r=URL.createObjectURL(i);L.current=r,ut(r),ct(!0);try{const p=await fe(i,c.identity);k({thumbnailHash:p})}catch(p){p instanceof A||at(p,{flow:"outfit-thumbnail"}),q(e(p instanceof A?nt(p.code):"outfits.errors.generic")),L.current&&(URL.revokeObjectURL(L.current),L.current=null),ut(null)}finally{ct(!1)}}const[U,xt]=d.useState(!1),[Dt,mt]=d.useState(null),it=!!o&&o.name.trim().length>0&&o.name.length<=60,Kt=!!o&&Y(o.gradientFrom)&&Y(o.gradientTo),gt=!!o&&o.items.some(i=>{const r=g.byKey.get(z(i));return!r||se(r)}),bt=!!o&&it&&!!o.thumbnailHash&&Kt&>&&o.items.length>=oe&&o.items.length<=J;async function st(i){if(!(!c||!o||U)){xt(!0),mt(null);try{const r=await Rt({...o,published:i},c.identity,f?"create":"update");if(!tt.current)return;sessionStorage.removeItem(h),R(dt(r)),I(!1),zt(y),i&&!o.published?(me("Shop Outfit Published",{outfit_id:r.id,item_count:r.items.length}),N.success(e("outfits.studio.publishedToast"))):N.success(e("outfits.studio.saved")),f&&(y.setQueryData(["outfit",r.id,!0],r),j(`/outfits/${r.id}/edit`,{replace:!0}))}catch(r){r instanceof A||at(r,{flow:"outfit-save"}),mt(e(r instanceof A?nt(r.code):"outfits.errors.generic"))}finally{xt(!1)}}}const Q=d.useMemo(()=>((o==null?void 0:o.items)??[]).map(i=>g.byKey.get(z(i))).filter(i=>!!i),[o,g.byKey]),yt=d.useMemo(()=>re(Q),[Q]),_t=d.useMemo(()=>{const i=ae(Q);return i!=null&&i.itemId?z({contractAddress:i.contractAddress,itemId:i.itemId}):null},[Q]),Gt=(o==null?void 0:o.bodyShape)==="female"?ne:(o==null?void 0:o.bodyShape)==="male"?de:void 0;if(!c)return null;if(!o)return E?t.jsxs(O,{children:[t.jsx(D,{message:e("outfits.errors.generic")}),t.jsx(x,{variant:"white",onClick:()=>void Z(),children:e("outfits.detail.retry")})]}):!S&&u===null?t.jsxs(O,{"data-testid":"outfit-studio-missing",children:[t.jsx(w,{children:e("outfits.errors.notFound")}),t.jsx(x,{as:F,to:"/outfits/manage",variant:"white",children:e("outfits.studio.myOutfits")})]}):t.jsx(O,{"aria-busy":"true",children:t.jsx("span",{className:"spinner","aria-hidden":!0})});const jt=M??Lt(o.thumbnailHash),qt={...o,authorAddress:(c==null?void 0:c.address)??"",createdAt:0,updatedAt:0},Qt=o.items.reduce((i,r)=>{var p;return i+(((p=g.byKey.get(z(r)))==null?void 0:p.priceCredits)??0)},0);return t.jsxs(Pt,{"data-testid":"outfit-studio-editor",children:[t.jsxs(Wt,{children:[t.jsx(Ne,{to:"/outfits/manage","aria-label":e("outfits.studio.myOutfits"),"data-testid":"outfit-studio-back",children:t.jsx(K,{name:"arrow-left",size:18})}),t.jsx(Ot,{children:f?e("outfits.studio.new"):e("outfits.studio.editTitle")}),t.jsx(At,{"data-state":o.published?"published":"draft",children:o.published?e("outfits.studio.publishedState"):e("outfits.studio.draft")})]}),t.jsxs(Ze,{children:[t.jsxs(ti,{children:[t.jsxs(ii,{"data-testid":"outfit-studio-preview",style:{background:le(o)},children:[t.jsx(we,{id:"outfit-studio-preview-frame",profile:"default",bodyShape:Gt,urns:yt,skin:T==null?void 0:T.skin,hair:T==null?void 0:T.hair,eyes:T==null?void 0:T.eyes,enabled:!g.isLoading}),yt.length===0&&!g.isLoading?t.jsx(si,{children:e("outfits.studio.previewEmpty")}):null]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.bodyShape")}),t.jsx(oi,{role:"group","aria-label":e("outfits.studio.bodyShape"),children:["unisex","male","female"].map(i=>t.jsx(ri,{type:"button","data-selected":o.bodyShape===i||void 0,onClick:()=>k({bodyShape:i}),children:e(`outfits.studio.shape.${i}`)},i))})]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.gradient")}),t.jsx(ni,{children:["gradientFrom","gradientTo"].map(i=>t.jsxs(di,{children:[t.jsx(li,{type:"color",value:Y(o[i])?o[i]:rt.from,"aria-label":e(i==="gradientFrom"?"outfits.studio.gradientTop":"outfits.studio.gradientBottom"),"data-testid":i==="gradientFrom"?"outfit-studio-gradient-from":"outfit-studio-gradient-to",onChange:r=>k({[i]:r.target.value.toLowerCase()})}),t.jsxs(ui,{children:[t.jsx("span",{children:e(i==="gradientFrom"?"outfits.studio.gradientTop":"outfits.studio.gradientBottom")}),t.jsx(ci,{value:o[i],maxLength:7,spellCheck:!1,placeholder:"#000000","aria-label":e(i==="gradientFrom"?"outfits.studio.gradientTopHex":"outfits.studio.gradientBottomHex"),"data-invalid":!Y(o[i])||void 0,onChange:r=>{const p=r.target.value.trim().toLowerCase();k({[i]:p.startsWith("#")||p===""?p:`#${p}`})}})]})]},i))}),t.jsx(w,{children:e("outfits.studio.gradientHint")})]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.thumbnail")}),jt?t.jsx(ai,{"data-busy":G||void 0,children:t.jsx("img",{src:jt,alt:""})}):null,t.jsxs(hi,{as:"label",variant:"outline",size:"sm","data-busy":G||void 0,children:[G?e("outfits.studio.uploading"):e("outfits.studio.upload"),t.jsx("input",{type:"file",accept:Tt.join(","),hidden:!0,disabled:G,onChange:i=>{var r;return void Ut((r=i.target.files)==null?void 0:r[0])},"data-testid":"outfit-studio-thumb-input"})]}),t.jsx(w,{children:e("outfits.studio.thumbnailHint")}),t.jsx(D,{message:Bt,testId:"outfit-studio-thumb-error"})]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.cardPreview")}),t.jsx(pi,{"data-testid":"outfit-studio-card-preview",onClickCapture:i=>{i.preventDefault(),i.stopPropagation()},children:t.jsx(ue,{outfit:qt,resolution:g})})]})]}),t.jsxs(ei,{children:[t.jsxs(P,{children:[t.jsx(W,{htmlFor:"outfit-import",children:e("outfits.studio.import")}),t.jsxs(fi,{children:[t.jsx(St,{id:"outfit-import",value:et,spellCheck:!1,placeholder:e("outfits.studio.importPlaceholder"),onChange:i=>pt(i.target.value),onKeyDown:i=>{i.key==="Enter"&&ft()},"data-testid":"outfit-studio-import"}),t.jsx(x,{variant:"outline",size:"sm",onClick:ft,disabled:et.trim()==="","data-testid":"outfit-studio-import-apply",children:e("outfits.studio.importApply")})]}),t.jsx(w,{children:e("outfits.studio.importHint")}),t.jsx(D,{message:Ht,testId:"outfit-studio-import-error"})]}),t.jsxs(P,{children:[t.jsx(W,{htmlFor:"outfit-name",children:e("outfits.studio.name")}),t.jsx(St,{id:"outfit-name",value:o.name,maxLength:60,placeholder:e("outfits.studio.namePlaceholder"),onChange:i=>k({name:i.target.value}),"data-testid":"outfit-studio-name"})]}),t.jsxs(P,{children:[t.jsxs(W,{as:"span",children:[e("outfits.studio.items")," (",o.items.length,"/",J,")"]}),o.items.length===0?t.jsx(w,{children:e("outfits.studio.noItems")}):t.jsx(xi,{children:o.items.map(i=>{const r=z(i),p=g.byKey.get(r);return t.jsxs(mi,{"data-testid":"outfit-studio-selected","data-missing":!p||void 0,children:[p?t.jsx(gi,{src:p.thumbnail,alt:""}):t.jsx(bi,{className:g.isLoading?"skeleton":void 0,"aria-hidden":!0}),t.jsx(yi,{className:p?void 0:"muted",children:p?p.name:g.isLoading?t.jsx($e,{className:"skeleton",width:96,"aria-hidden":!0}):e("outfits.card.unavailable")}),r===_t?t.jsx(ji,{"data-testid":"outfit-studio-plays-in-preview",children:e("outfits.studio.playsInPreview")}):null,p?t.jsxs(vi,{children:[t.jsx(ot,{size:12}),p.priceCredits.toLocaleString()]}):null,t.jsx(ki,{type:"button","aria-label":e("outfits.studio.remove"),title:e("outfits.studio.remove"),onClick:()=>k({items:o.items.filter(Yt=>z(Yt)!==r)}),children:t.jsx(K,{name:"trash",size:16})})]},r)})}),o.items.length>0?t.jsxs(wi,{"data-testid":"outfit-studio-total",children:[t.jsx("span",{children:e("outfits.detail.totalPrice")}),t.jsxs($i,{children:[t.jsx(ot,{size:14}),Qt.toLocaleString()]})]}):null,o.items.length>=J?t.jsx(w,{children:e("outfits.studio.maxItems")}):null]}),t.jsx(Ae,{selectedKeys:_,onPick:v,canPick:l})]})]}),t.jsxs(Si,{"data-testid":"outfit-studio-savebar",children:[t.jsx(D,{message:Dt,testId:"outfit-studio-save-error"}),it?!bt&&!o.published?t.jsx(w,{"data-testid":"outfit-studio-publish-hint",children:!gt&&o.items.length>0?e("outfits.studio.needsWearable"):e("outfits.errors.notPublishable")}):null:t.jsx(w,{children:e("outfits.studio.needName")}),t.jsxs(Ti,{children:[t.jsx(x,{variant:"outline","data-testid":"outfit-studio-save",disabled:U||!it,onClick:()=>void st(o.published),children:U?e("outfits.studio.saving"):e("outfits.studio.saveDraft")}),o.published?t.jsx(x,{variant:"white","data-testid":"outfit-studio-unpublish",disabled:U,onClick:()=>void st(!1),children:e("outfits.studio.unpublish")}):t.jsx(x,{variant:"white","data-testid":"outfit-studio-publish",disabled:U||!bt,onClick:()=>void st(!0),children:e("outfits.studio.publish")})]})]})]})}export{Ki as OutfitStudio,Ki as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t,L as oe,b as le,r as l}from"./react-BYHuwl8r.js";import{b as n,t as j,s as a,
|
|
1
|
+
import{j as t,L as oe,b as le,r as l}from"./react-BYHuwl8r.js";import{b as n,t as j,s as a,v as ce,B as G,w as de,n as pe,z as ue,bt as ge,by as me,bz as xe,bA as he,bB as A,I as C,bC as f,bD as fe,D}from"./index-CKK-zMqi.js";import{E as F}from"./ErrorNotice-CJ7LbSaM.js";import{F as w}from"./field.styles-C3qh-tZ2.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";const ve="https://cdn.decentraland.org/@dcl/shop/1.3.0/_assets/template-cover-1-BETekfHg.jpeg",be="https://cdn.decentraland.org/@dcl/shop/1.3.0/_assets/template-cover-2-Dni9s0i_.jpeg",we=Object.assign({"../assets/creator-covers/template-cover-1.jpeg":ve,"../assets/creator-covers/template-cover-2.jpeg":be}),v=Object.entries(we).sort(([r],[u])=>r.localeCompare(u)).map(([r,u])=>({name:r.split("/").pop(),url:u})),je=ce`
|
|
2
2
|
to {
|
|
3
3
|
transform: rotate(360deg);
|
|
4
4
|
}
|
|
@@ -223,21 +223,21 @@ import{j as t,L as oe,b as le,r as l}from"./react-BYHuwl8r.js";import{b as n,t a
|
|
|
223
223
|
&[data-variant='upload']:hover .ico {
|
|
224
224
|
background: ${s.accent};
|
|
225
225
|
}
|
|
226
|
-
`,
|
|
226
|
+
`,Re=a.input`
|
|
227
227
|
position: absolute;
|
|
228
228
|
width: 1px;
|
|
229
229
|
height: 1px;
|
|
230
230
|
opacity: 0;
|
|
231
231
|
pointer-events: none;
|
|
232
|
-
`,
|
|
232
|
+
`,Ae=a.div`
|
|
233
233
|
display: flex;
|
|
234
234
|
justify-content: flex-end;
|
|
235
235
|
gap: 12px;
|
|
236
236
|
margin-top: 8px;
|
|
237
|
-
`,
|
|
237
|
+
`,De=a(G)`
|
|
238
238
|
min-width: 180px;
|
|
239
239
|
|
|
240
240
|
${K.maxWidth("mobile")} {
|
|
241
241
|
width: 100%;
|
|
242
242
|
}
|
|
243
|
-
`,W=1e6,V={cover:"",coverName:"",coverHash:"",description:"",links:{website:"",twitter:"",discord:"",facebook:""}};function Y(r){return`${(r/1e6).toLocaleString(void 0,{maximumFractionDigits:2})}MB`}function qe(){de({title:n("seo.storeSettings.title"),noindex:!0});const{session:r,signIn:u}=pe(),S=le(),k=ue(),p=r==null?void 0:r.address,{data:$,isLoading:q}=ge(p),[o,g]=l.useState(V),[L,H]=l.useState(V),[y,x]=l.useState(),[h,I]=l.useState(!1),[c,_]=l.useState(null),[b,J]=l.useState({}),T=l.useRef(null);l.useEffect(()=>{if($){const e=me($);g(e),H(e),x(void 0),_(e.cover?{url:e.cover,name:e.coverName,hash:e.coverHash}:null)}},[$]),l.useEffect(()=>{let e=!1;return Promise.all(v.map(async i=>[i.name,await xe(i.url)])).then(i=>{e||J(Object.fromEntries(i))}).catch(()=>{}),()=>{e=!0}},[]);const E=l.useMemo(()=>{const e=v.find(d=>o.coverName===`cover/${d.name}`);if(e)return e.name;const i=o.coverHash?v.find(d=>b[d.name]===o.coverHash):void 0;return i==null?void 0:i.name},[o.coverName,o.coverHash,b]);l.useEffect(()=>{c!=null&&c.hash&&v.some(e=>b[e.name]===c.hash)&&_(null)},[b,c]);const B=y!==void 0&&y>W,Q=l.useMemo(()=>he.filter(e=>!
|
|
243
|
+
`,W=1e6,V={cover:"",coverName:"",coverHash:"",description:"",links:{website:"",twitter:"",discord:"",facebook:""}};function Y(r){return`${(r/1e6).toLocaleString(void 0,{maximumFractionDigits:2})}MB`}function qe(){de({title:n("seo.storeSettings.title"),noindex:!0});const{session:r,signIn:u}=pe(),S=le(),k=ue(),p=r==null?void 0:r.address,{data:$,isLoading:q}=ge(p),[o,g]=l.useState(V),[L,H]=l.useState(V),[y,x]=l.useState(),[h,I]=l.useState(!1),[c,_]=l.useState(null),[b,J]=l.useState({}),T=l.useRef(null);l.useEffect(()=>{if($){const e=me($);g(e),H(e),x(void 0),_(e.cover?{url:e.cover,name:e.coverName,hash:e.coverHash}:null)}},[$]),l.useEffect(()=>{let e=!1;return Promise.all(v.map(async i=>[i.name,await xe(i.url)])).then(i=>{e||J(Object.fromEntries(i))}).catch(()=>{}),()=>{e=!0}},[]);const E=l.useMemo(()=>{const e=v.find(d=>o.coverName===`cover/${d.name}`);if(e)return e.name;const i=o.coverHash?v.find(d=>b[d.name]===o.coverHash):void 0;return i==null?void 0:i.name},[o.coverName,o.coverHash,b]);l.useEffect(()=>{c!=null&&c.hash&&v.some(e=>b[e.name]===c.hash)&&_(null)},[b,c]);const B=y!==void 0&&y>W,Q=l.useMemo(()=>he.filter(e=>!A(e,o.links[e])),[o.links]),U=B||Q.length>0,z=l.useMemo(()=>JSON.stringify(o)!==JSON.stringify(L),[o,L]),X=z&&!U&&!h;if(l.useEffect(()=>{if(!z)return;const e=i=>{i.preventDefault()};return window.addEventListener("beforeunload",e),()=>window.removeEventListener("beforeunload",e)},[z]),!r)return t.jsxs(M,{"data-signin":!0,"aria-label":n("storeSettings.title"),children:[t.jsx(O,{children:n("storeSettings.title")}),t.jsx(Ce,{children:n("storeSettings.signInPrompt")}),t.jsx(ze,{variant:"white",onClick:u,children:n("storeSettings.signIn")})]});function Z(e,i){x(void 0),g(d=>({...d,cover:i,coverName:`cover/${e}`,coverHash:""}))}const ee=["image/png","image/jpeg","image/webp"];function te(e){var P;const i=(P=e.target.files)==null?void 0:P[0];if(!i||!ee.includes(i.type))return;x(i.size);const d=`cover/${i.name}`,m=new FileReader;m.onload=()=>{const R=m.result;_({url:R,name:d,hash:""}),g(re=>({...re,cover:R,coverName:d,coverHash:""}))},m.readAsDataURL(i)}function ie(){c&&(x(void 0),g(e=>({...e,cover:c.url,coverName:c.name,coverHash:c.hash})))}function se(e,i){const d=i?(f[e]+i).replace(/\s/g,""):"";g(m=>({...m,links:{...m.links,[e]:d}}))}function ne(e){const i=o.links[e];return e==="website"?i:i.replace(f[e],"")}async function ae(){if(!(!p||!r)){I(!0);try{await fe(p,o,r.identity),H(o),x(void 0),await k.invalidateQueries({queryKey:["store",p.toLowerCase()]}),D.success(n("storeSettings.saved")),S(`/items/creator/${p}`)}catch{D.error(n("storeSettings.saveError"))}finally{I(!1)}}}return t.jsxs(M,{"aria-label":n("storeSettings.title"),children:[t.jsxs(Ne,{children:[t.jsxs(Le,{children:[p?t.jsx(He,{to:`/items/creator/${p}`,title:n("storeSettings.back"),"aria-label":n("storeSettings.back"),children:t.jsx(C,{name:"arrow-left"})}):null,t.jsx(O,{children:n("storeSettings.title")})]}),p?t.jsxs(Ie,{href:`/items/creator/${p}`,target:"_blank",rel:"noopener noreferrer",children:[n("storeSettings.seeAsGuest"),t.jsx(C,{name:"external-link"})]}):null]}),q?t.jsx(Ee,{size:"large",label:n("storeSettings.loading")}):t.jsxs(t.Fragment,{children:[t.jsxs(w,{children:[t.jsx("span",{className:"field__label",children:n("storeSettings.cover")}),t.jsxs(Pe,{role:"group","aria-label":n("storeSettings.cover"),children:[v.map(e=>{const i=E===e.name;return t.jsx(N,{type:"button","data-testid":"cover-picker-tile","data-selected":i,"aria-pressed":i,onClick:()=>Z(e.name,e.url),children:t.jsx("img",{src:e.url,alt:"",loading:"lazy"})},e.name)}),c?t.jsx(N,{type:"button","data-testid":"cover-picker-tile","data-variant":"custom","data-selected":!E,"aria-pressed":!E,onClick:ie,children:t.jsx("img",{src:c.url,alt:""})}):null,t.jsxs(N,{type:"button","data-testid":"cover-picker-tile","data-variant":"upload",onClick:()=>{var e;return(e=T.current)==null?void 0:e.click()},children:[t.jsx(C,{name:"upload"}),t.jsx("span",{children:n("storeSettings.upload")})]}),t.jsx(Re,{ref:T,type:"file",accept:"image/png, image/jpeg, image/webp","data-testid":"cover-picker-input",onChange:te})]}),B?t.jsx(F,{message:n("storeSettings.sizeError",{max:Y(W),current:Y(y)})}):null]}),t.jsxs(w,{as:"label",children:[t.jsx("span",{className:"field__label",children:n("storeSettings.description")}),t.jsx("textarea",{value:o.description,rows:4,disabled:h,onChange:e=>g(i=>({...i,description:e.target.value}))})]}),t.jsxs(w,{as:"label",children:[t.jsx("span",{className:"field__label",children:n("storeSettings.website")}),t.jsx("input",{type:"url",value:o.links.website,placeholder:f.website,disabled:h,onChange:e=>g(i=>({...i,links:{...i.links,website:e.target.value.replace(/\s/g,"")}}))}),A("website",o.links.website)?null:t.jsx(F,{message:n("storeSettings.linkError",{value:f.website})})]}),["twitter","discord","facebook"].map(e=>t.jsxs(w,{as:"label",children:[t.jsx("span",{className:"field__label",children:n(`storeSettings.${e}`)}),t.jsxs(Te,{children:[t.jsx(Be,{children:f[e]}),t.jsx("input",{type:"text",value:ne(e),disabled:h,onChange:i=>se(e,i.target.value)})]})]},e)),t.jsx(Ae,{children:t.jsx(De,{variant:"white","data-testid":"store-settings-save",onClick:()=>void ae(),disabled:!X,children:h?n("storeSettings.saving"):n("storeSettings.save")})})]})]})}export{qe as StoreSettings,qe as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as P,b as M,j as e,N as W,r as A}from"./react-BYHuwl8r.js";import{t as J,s as t,
|
|
1
|
+
import{a as P,b as M,j as e,N as W,r as A}from"./react-BYHuwl8r.js";import{t as J,s as t,y as N,H,J as O,n as _,w as q,b as n,x as U,C as X,K as D,L as G,c as E,B as K,M as Q}from"./index-CKK-zMqi.js";import{C as Y}from"./Confetti-CFn9Pw72.js";import{J as V}from"./JumpInIcon-CfzbSVBF.js";import{w as Z,S as ee}from"./buy-gasless-Cj1VGZpP.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./authorizations-CRcoV7f0.js";import"./sendMetaTransaction-Ds4_qSVu.js";import"./buy-CRR9-X2w.js";const{colors:i,radius:b}=J,c="@media (max-width: 600px)",S=t.div`
|
|
2
2
|
/* Its own stacking context, above the confetti layer (z-index 0). Needed because z-index is inert without
|
|
3
3
|
a position, so the content would otherwise sit below the burst regardless of order. */
|
|
4
4
|
position: relative;
|
|
@@ -264,7 +264,7 @@ import{a as P,b as M,j as e,N as W,r as A}from"./react-BYHuwl8r.js";import{t as
|
|
|
264
264
|
font-weight: 600;
|
|
265
265
|
font-size: 13px;
|
|
266
266
|
color: ${i.muted};
|
|
267
|
-
`,ye=t(
|
|
267
|
+
`,ye=t(H)`
|
|
268
268
|
position: relative;
|
|
269
269
|
z-index: 1;
|
|
270
270
|
color: ${i.muted};
|
|
@@ -296,7 +296,7 @@ import{a as P,b as M,j as e,N as W,r as A}from"./react-BYHuwl8r.js";import{t as
|
|
|
296
296
|
align-items: center;
|
|
297
297
|
justify-content: flex-end;
|
|
298
298
|
margin-top: 4px;
|
|
299
|
-
`,F=
|
|
299
|
+
`,F=O`
|
|
300
300
|
flex: 1;
|
|
301
301
|
min-width: 0;
|
|
302
302
|
height: 48px;
|
|
@@ -350,4 +350,4 @@ import{a as P,b as M,j as e,N as W,r as A}from"./react-BYHuwl8r.js";import{t as
|
|
|
350
350
|
`,z=t(K)`
|
|
351
351
|
min-width: 160px;
|
|
352
352
|
text-align: center;
|
|
353
|
-
`;function Ie(p){return null}const Ae=p=>new Promise(d=>setTimeout(d,p)),L=()=>e.jsx("svg",{viewBox:"0 0 18 18",width:"12",height:"12",children:e.jsx("path",{d:"M4 9l3.5 3.5L14 5",fill:"none",stroke:"#fff",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})});function Se(p,d){const[s,a]=A.useState(p?"pending":"confirmed"),x=d?`${d.owner}-${d.contractAddress}-${d.itemId}`:"";return A.useEffect(()=>{if(!p)return;let l=!1;return(async()=>{let f=!1;for(let r=0;r<20&&!l;r++)try{await Z(p,{timeoutMs:15e3}),f=!0;break}catch(y){if(y instanceof ee)continue;l||a("failed");return}if(!l){if(!f){a("timed-out");return}if(!d){a("confirmed");return}a("indexing");for(let r=0;r<40&&!l;r++){if(await Q(d.owner,d.contractAddress,d.itemId)){l||a("confirmed");return}await Ae(3e3)}l||a("timed-out")}})(),()=>{l=!0}},[p,x]),s}const Te=E.chainId===80002?"https://decentraland.zone/jump":"https://decentraland.org/jump",Be=E.chainId===80002?"https://amoy.polygonscan.com/tx/":"https://polygonscan.com/tx/";function Xe(){var I;const{state:p,search:d}=P(),s=p??Ie(),a=M(),{session:x}=
|
|
353
|
+
`;function Ie(p){return null}const Ae=p=>new Promise(d=>setTimeout(d,p)),L=()=>e.jsx("svg",{viewBox:"0 0 18 18",width:"12",height:"12",children:e.jsx("path",{d:"M4 9l3.5 3.5L14 5",fill:"none",stroke:"#fff",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})});function Se(p,d){const[s,a]=A.useState(p?"pending":"confirmed"),x=d?`${d.owner}-${d.contractAddress}-${d.itemId}`:"";return A.useEffect(()=>{if(!p)return;let l=!1;return(async()=>{let f=!1;for(let r=0;r<20&&!l;r++)try{await Z(p,{timeoutMs:15e3}),f=!0;break}catch(y){if(y instanceof ee)continue;l||a("failed");return}if(!l){if(!f){a("timed-out");return}if(!d){a("confirmed");return}a("indexing");for(let r=0;r<40&&!l;r++){if(await Q(d.owner,d.contractAddress,d.itemId)){l||a("confirmed");return}await Ae(3e3)}l||a("timed-out")}})(),()=>{l=!0}},[p,x]),s}const Te=E.chainId===80002?"https://decentraland.zone/jump":"https://decentraland.org/jump",Be=E.chainId===80002?"https://amoy.polygonscan.com/tx/":"https://polygonscan.com/tx/";function Xe(){var I;const{state:p,search:d}=P(),s=p??Ie(),a=M(),{session:x}=_(),l=s==null?void 0:s.txHash,w=(s==null?void 0:s.items)??[],f=s!=null&&s.creditsAdded&&s.creditsAdded>0?s.creditsAdded:null,r=w[0],y=x!=null&&x.address&&(r!=null&&r.contractAddress)&&(r!=null&&r.itemId)?{owner:x.address,contractAddress:r.contractAddress,itemId:r.itemId}:null,g=Se(s!=null&&s.settled?void 0:l,y);q({title:n("seo.success.title"),noindex:!0});const h=w;if(h.length===0)return e.jsx(W,{to:"/items",replace:!0});const R=h[0],m=(I=s==null?void 0:s.txHashes)!=null&&I.length?s.txHashes:l?[l]:[],u=m.length>0&&U(x==null?void 0:x.providerType)?m.map((o,v)=>e.jsx(ie,{href:`${Be}${o}`,target:"_blank",rel:"noreferrer",children:m.length>1?n("success.viewTransactionNumbered",{n:v+1,total:m.length}):n("success.viewTransaction")},o)):null;return g!=="confirmed"?e.jsx(S,{children:e.jsx(te,{children:g==="pending"||g==="indexing"?e.jsxs(e.Fragment,{children:[e.jsx(ne,{className:"spinner","aria-hidden":!0}),e.jsx($,{children:g==="indexing"?n("success.finalizing"):n("success.processing")}),e.jsx(C,{children:g==="indexing"?e.jsxs(e.Fragment,{children:[n("success.indexingBefore")," ",h.length===1?e.jsx("strong",{children:R.name}):n("success.itemCount",{count:h.length})," ",n("success.indexingAfter")]}):e.jsxs(e.Fragment,{children:[n("success.confirmingBefore")," ",h.length===1?e.jsx("strong",{children:R.name}):n("success.itemCount",{count:h.length})," ",n("success.confirmingAfter")]})}),u?e.jsx(j,{children:u}):null]}):g==="timed-out"?e.jsxs(e.Fragment,{children:[e.jsx($,{children:n("success.stillProcessingTitle")}),e.jsxs(C,{children:[n("success.timedOutBefore")," ",e.jsx("button",{className:"link",onClick:()=>a("/activity"),children:n("nav.activity")})," ",n("success.timedOutAfter")]}),u?e.jsx(j,{children:u}):null,e.jsxs(T,{children:[e.jsx(z,{variant:"purple",onClick:()=>a("/activity"),children:n("success.viewActivity")}),e.jsx(z,{variant:"ghost",onClick:()=>a("/items"),children:n("success.keepShopping")})]})]}):e.jsxs(e.Fragment,{children:[e.jsx($,{children:n("success.failedTitle")}),e.jsx(C,{children:n("success.failedBody")}),u?e.jsx(j,{children:u}):null,e.jsx(T,{children:e.jsx(z,{variant:"purple",onClick:()=>a("/items"),children:n("success.backToShop")})})]})})}):e.jsxs(S,{children:[e.jsx(Y,{}),e.jsxs(se,{children:[e.jsxs(re,{role:"status",children:[e.jsx(oe,{"aria-hidden":!0,children:e.jsxs("svg",{viewBox:"0 0 60 60",width:"60",height:"60",children:[e.jsx("circle",{cx:"30",cy:"30",r:"30",fill:"#34ce77"}),e.jsx("path",{d:"M18 31l8 8 16-18",fill:"none",stroke:"#fff",strokeWidth:"4.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e.jsxs(ae,{children:[e.jsx("b",{children:n("success.bannerTitle")})," ",n("success.bannerBody")]})]}),e.jsxs(ce,{children:[f?e.jsxs(pe,{"data-testid":"success-credits",children:[e.jsx(B,{"aria-hidden":!0,children:e.jsx(L,{})}),e.jsx(xe,{}),e.jsxs(he,{children:[e.jsx(ue,{children:n("getCredits.creditsAmount",{credits:f,currency:X.name})})," ",e.jsx(ge,{children:n("getCredits.creditsAdded")})]})]}):null,h.map((o,v)=>{const k=o.quantity??1;return e.jsxs(de,{children:[v>0?e.jsx(le,{"aria-hidden":!0}):null,e.jsxs(fe,{children:[e.jsxs(me,{"data-thumb":!0,children:[o.thumbnail?e.jsx("img",{src:o.thumbnail,alt:""}):null,e.jsx(B,{"aria-hidden":!0,children:e.jsx(L,{})})]}),e.jsxs(je,{"data-info":!0,children:[e.jsxs(be,{title:o.name,children:[o.name||n("buyModal.itemFallback"),k>1?e.jsx(we,{children:n("cartCheckout.qty",{count:k})}):null]}),o.creator?e.jsx(ye,{address:o.creator,linkToProfile:!0}):null]}),e.jsxs(ve,{"data-price":!0,children:[e.jsx(ke,{}),e.jsx("span",{children:D(o.priceCredits*k)})]})]})]},o.id)})]}),u?e.jsx(j,{"data-receipt":!0,children:u}):null,e.jsxs($e,{children:[e.jsx(Ce,{"data-variant":"ghost",onClick:()=>a(G(h.map(o=>o.category))),children:n("success.myAssets")}),e.jsxs(ze,{"data-variant":"ruby",href:Te,target:"_blank",rel:"noreferrer",children:[n("success.tryInWorld"),e.jsx(Re,{"aria-hidden":!0,children:e.jsx(V,{})})]})]})]})]})}export{Xe as Success,Xe as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{N as T,j as G,R as I,S as f,k as B,E as M,l as F,W as L,C as g,B as N,b as W,m as E,A as O,n as z,d as _,g as R,o as H,e as V,i as q,p as $}from"./W3MFrameProviderSingleton-DM1LkzC3.js";import{au as C}from"./NetworkUtil-DXqql1Wz.js";const b={getGasPriceInEther(n,o){const t=o*n;return Number(t)/1e18},getGasPriceInUSD(n,o,t){const s=b.getGasPriceInEther(o,t);return T.bigNumber(n).times(s).toNumber()},getPriceImpact({sourceTokenAmount:n,sourceTokenPriceInUSD:o,toTokenPriceInUSD:t,toTokenAmount:s}){const c=T.bigNumber(n).times(o),r=T.bigNumber(s).times(t);return c.minus(r).div(c).times(100).toNumber()},getMaxSlippage(n,o){const t=T.bigNumber(n).div(100);return T.multiply(o,t).toNumber()},getProviderFee(n,o=.0085){return T.bigNumber(n).times(o).toString()},isInsufficientNetworkTokenForGas(n,o){const t=o||"0";return T.bigNumber(n).eq(0)?!0:T.bigNumber(T.bigNumber(t)).gt(n)},isInsufficientSourceTokenForSwap(n,o,t){var r,d;const s=(d=(r=t==null?void 0:t.find(l=>l.address===o))==null?void 0:r.quantity)==null?void 0:d.numeric;return T.bigNumber(s||"0").lt(n)}},x=15e4,Q=6,m={initializing:!1,initialized:!1,loadingPrices:!1,loadingQuote:!1,loadingApprovalTransaction:!1,loadingBuildTransaction:!1,loadingTransaction:!1,switchingTokens:!1,fetchError:!1,approvalTransaction:void 0,swapTransaction:void 0,transactionError:void 0,sourceToken:void 0,sourceTokenAmount:"",sourceTokenPriceInUSD:0,toToken:void 0,toTokenAmount:"",toTokenPriceInUSD:0,networkPrice:"0",networkBalanceInUSD:"0",networkTokenSymbol:"",inputError:void 0,slippage:_.CONVERT_SLIPPAGE_TOLERANCE,tokens:void 0,popularTokens:void 0,suggestedTokens:void 0,foundTokens:void 0,myTokensWithBalance:void 0,tokensPriceMap:{},gasFee:"0",gasPriceInUSD:0,priceImpact:void 0,maxSlippage:void 0,providerFee:void 0},e=$({...m}),D={state:e,subscribe(n){return q(e,()=>n(e))},subscribeKey(n,o){return V(e,n,o)},getParams(){var i,u,p,w,h,y,A,S,P;const n=g.state.activeChain,o=((i=g.getAccountData(n))==null?void 0:i.caipAddress)??g.state.activeCaipAddress,t=W.getPlainAddress(o),s=R(),c=H.getConnectorId(g.state.activeChain);if(!t)throw new Error("No address found to swap the tokens from.");const r=!((u=e.toToken)!=null&&u.address)||!((p=e.toToken)!=null&&p.decimals),d=!((w=e.sourceToken)!=null&&w.address)||!((h=e.sourceToken)!=null&&h.decimals)||!T.bigNumber(e.sourceTokenAmount).gt(0),l=!e.sourceTokenAmount;return{networkAddress:s,fromAddress:t,fromCaipAddress:o,sourceTokenAddress:(y=e.sourceToken)==null?void 0:y.address,toTokenAddress:(A=e.toToken)==null?void 0:A.address,toTokenAmount:e.toTokenAmount,toTokenDecimals:(S=e.toToken)==null?void 0:S.decimals,sourceTokenAmount:e.sourceTokenAmount,sourceTokenDecimals:(P=e.sourceToken)==null?void 0:P.decimals,invalidToToken:r,invalidSourceToken:d,invalidSourceTokenAmount:l,availableToSwap:o&&!r&&!d&&!l,isAuthConnector:c===C.CONNECTOR_ID.AUTH}},async setSourceToken(n){if(!n){e.sourceToken=n,e.sourceTokenAmount="",e.sourceTokenPriceInUSD=0;return}e.sourceToken=n,await a.setTokenPrice(n.address,"sourceToken")},setSourceTokenAmount(n){e.sourceTokenAmount=n},async setToToken(n){if(!n){e.toToken=n,e.toTokenAmount="",e.toTokenPriceInUSD=0;return}e.toToken=n,await a.setTokenPrice(n.address,"toToken")},setToTokenAmount(n){e.toTokenAmount=n?T.toFixed(n,Q):""},async setTokenPrice(n,o){let t=e.tokensPriceMap[n]||0;t||(e.loadingPrices=!0,t=await a.getAddressPrice(n)),o==="sourceToken"?e.sourceTokenPriceInUSD=t:o==="toToken"&&(e.toTokenPriceInUSD=t),e.loadingPrices&&(e.loadingPrices=!1),a.getParams().availableToSwap&&!e.switchingTokens&&a.swapTokens()},async switchTokens(){if(!(e.initializing||!e.initialized||e.switchingTokens)){e.switchingTokens=!0;try{const n=e.toToken?{...e.toToken}:void 0,o=e.sourceToken?{...e.sourceToken}:void 0,t=n&&e.toTokenAmount===""?"1":e.toTokenAmount;a.setSourceTokenAmount(t),a.setToTokenAmount(""),await a.setSourceToken(n),await a.setToToken(o),e.switchingTokens=!1,a.swapTokens()}catch(n){throw e.switchingTokens=!1,n}}},resetState(){e.myTokensWithBalance=m.myTokensWithBalance,e.tokensPriceMap=m.tokensPriceMap,e.initialized=m.initialized,e.initializing=m.initializing,e.switchingTokens=m.switchingTokens,e.sourceToken=m.sourceToken,e.sourceTokenAmount=m.sourceTokenAmount,e.sourceTokenPriceInUSD=m.sourceTokenPriceInUSD,e.toToken=m.toToken,e.toTokenAmount=m.toTokenAmount,e.toTokenPriceInUSD=m.toTokenPriceInUSD,e.networkPrice=m.networkPrice,e.networkTokenSymbol=m.networkTokenSymbol,e.networkBalanceInUSD=m.networkBalanceInUSD,e.inputError=m.inputError},resetValues(){var t;const{networkAddress:n}=a.getParams(),o=(t=e.tokens)==null?void 0:t.find(s=>s.address===n);a.setSourceToken(o),a.setToToken(void 0)},getApprovalLoadingState(){return e.loadingApprovalTransaction},clearError(){e.transactionError=void 0},async initializeState(){if(!e.initializing){if(e.initializing=!0,!e.initialized)try{await a.fetchTokens(),e.initialized=!0}catch{e.initialized=!1,f.showError("Failed to initialize swap"),I.goBack()}e.initializing=!1}},async fetchTokens(){var t;const{networkAddress:n}=a.getParams();await a.getNetworkTokenPrice(),await a.getMyTokensWithBalance();const o=(t=e.myTokensWithBalance)==null?void 0:t.find(s=>s.address===n);o&&(e.networkTokenSymbol=o.symbol,a.setSourceToken(o),a.setSourceTokenAmount("0"))},async getTokenList(){var o,t;const n=(o=g.state.activeCaipNetwork)==null?void 0:o.caipNetworkId;if(!(e.caipNetworkId===n&&e.tokens))try{e.tokensLoading=!0;const s=await E.getTokenList(n);e.tokens=s,e.caipNetworkId=n,e.popularTokens=s.sort((i,u)=>i.symbol<u.symbol?-1:i.symbol>u.symbol?1:0);const r=(n&&((t=_.SUGGESTED_TOKENS_BY_CHAIN)==null?void 0:t[n])||[]).map(i=>s.find(u=>u.symbol===i)).filter(i=>!!i),l=(_.SWAP_SUGGESTED_TOKENS||[]).map(i=>s.find(u=>u.symbol===i)).filter(i=>!!i).filter(i=>!r.some(u=>u.address===i.address));e.suggestedTokens=[...r,...l]}catch{e.tokens=[],e.popularTokens=[],e.suggestedTokens=[]}finally{e.tokensLoading=!1}},async getAddressPrice(n){var i,u;const o=e.tokensPriceMap[n];if(o)return o;const t=await N.fetchTokenPrice({addresses:[n]}),s=(t==null?void 0:t.fungibles)||[],c=[...e.tokens||[],...e.myTokensWithBalance||[]],r=(i=c==null?void 0:c.find(p=>p.address===n))==null?void 0:i.symbol,d=((u=s.find(p=>p.symbol.toLowerCase()===(r==null?void 0:r.toLowerCase())))==null?void 0:u.price)||0,l=parseFloat(d.toString());return e.tokensPriceMap[n]=l,l},async getNetworkTokenPrice(){var c;const{networkAddress:n}=a.getParams(),t=(c=(await N.fetchTokenPrice({addresses:[n]}).catch(()=>(f.showError("Failed to fetch network token price"),{fungibles:[]}))).fungibles)==null?void 0:c[0],s=(t==null?void 0:t.price.toString())||"0";e.tokensPriceMap[n]=parseFloat(s),e.networkTokenSymbol=(t==null?void 0:t.symbol)||"",e.networkPrice=s},async getMyTokensWithBalance(n){var s;const o=await z.getMyTokensWithBalance({forceUpdate:n,caipNetwork:g.state.activeCaipNetwork,address:(s=g.getAccountData())==null?void 0:s.address}),t=E.mapBalancesToSwapTokens(o);t&&(await a.getInitialGasPrice(),a.setBalances(t))},setBalances(n){const{networkAddress:o}=a.getParams(),t=g.state.activeCaipNetwork;if(!t)return;const s=n.find(c=>c.address===o);n.forEach(c=>{e.tokensPriceMap[c.address]=c.price||0}),e.myTokensWithBalance=n.filter(c=>c.address.startsWith(t.caipNetworkId)),e.networkBalanceInUSD=s?T.multiply(s.quantity.numeric,s.price).toString():"0"},async getInitialGasPrice(){var o,t;const n=await E.fetchGasPrice();if(!n)return{gasPrice:null,gasPriceInUSD:null};switch((t=(o=g.state)==null?void 0:o.activeCaipNetwork)==null?void 0:t.chainNamespace){case C.CHAIN.SOLANA:return e.gasFee=n.standard??"0",e.gasPriceInUSD=T.multiply(n.standard,e.networkPrice).div(1e9).toNumber(),{gasPrice:BigInt(e.gasFee),gasPriceInUSD:Number(e.gasPriceInUSD)};case C.CHAIN.EVM:default:const s=n.standard??"0",c=BigInt(s),r=BigInt(x),d=b.getGasPriceInUSD(e.networkPrice,r,c);return e.gasFee=s,e.gasPriceInUSD=d,{gasPrice:c,gasPriceInUSD:d}}},async swapTokens(){var r,d,l;const n=(r=g.getAccountData())==null?void 0:r.address,o=e.sourceToken,t=e.toToken,s=T.bigNumber(e.sourceTokenAmount).gt(0);if(s||a.setToTokenAmount(""),!t||!o||e.loadingPrices||!s||!n)return;e.loadingQuote=!0;const c=T.bigNumber(e.sourceTokenAmount).times(10**o.decimals).round(0).toFixed(0);try{const i=await N.fetchSwapQuote({userAddress:n,from:o.address,to:t.address,gasPrice:e.gasFee,amount:c.toString()});e.loadingQuote=!1;const u=(l=(d=i==null?void 0:i.quotes)==null?void 0:d[0])==null?void 0:l.toAmount;if(!u){O.open({displayMessage:"Incorrect amount",debugMessage:"Please enter a valid amount"},"error");return}const p=T.bigNumber(u).div(10**t.decimals).toString();a.setToTokenAmount(p),a.hasInsufficientToken(e.sourceTokenAmount,o.address)?e.inputError="Insufficient balance":(e.inputError=void 0,a.setTransactionDetails())}catch(i){const u=await E.handleSwapError(i);e.loadingQuote=!1,e.inputError=u||"Insufficient balance"}},async getTransaction(){const{fromCaipAddress:n,availableToSwap:o}=a.getParams(),t=e.sourceToken,s=e.toToken;if(!(!n||!o||!t||!s||e.loadingQuote))try{e.loadingBuildTransaction=!0;const c=await E.fetchSwapAllowance({userAddress:n,tokenAddress:t.address,sourceTokenAmount:e.sourceTokenAmount,sourceTokenDecimals:t.decimals});let r;return c?r=await a.createSwapTransaction():r=await a.createAllowanceTransaction(),e.loadingBuildTransaction=!1,e.fetchError=!1,r}catch{I.goBack(),f.showError("Failed to check allowance"),e.loadingBuildTransaction=!1,e.approvalTransaction=void 0,e.swapTransaction=void 0,e.fetchError=!0;return}},async createAllowanceTransaction(){const{fromCaipAddress:n,sourceTokenAddress:o,toTokenAddress:t}=a.getParams();if(!(!n||!t)){if(!o)throw new Error("createAllowanceTransaction - No source token address found.");try{const s=await N.generateApproveCalldata({from:o,to:t,userAddress:n}),c=W.getPlainAddress(s.tx.from);if(!c)throw new Error("SwapController:createAllowanceTransaction - address is required");const r={data:s.tx.data,to:c,gasPrice:BigInt(s.tx.eip155.gasPrice),value:BigInt(s.tx.value),toAmount:e.toTokenAmount};return e.swapTransaction=void 0,e.approvalTransaction={data:r.data,to:r.to,gasPrice:r.gasPrice,value:r.value,toAmount:r.toAmount},{data:r.data,to:r.to,gasPrice:r.gasPrice,value:r.value,toAmount:r.toAmount}}catch{I.goBack(),f.showError("Failed to create approval transaction"),e.approvalTransaction=void 0,e.swapTransaction=void 0,e.fetchError=!0;return}}},async createSwapTransaction(){var d,l;const{networkAddress:n,fromCaipAddress:o,sourceTokenAmount:t}=a.getParams(),s=e.sourceToken,c=e.toToken;if(!o||!t||!s||!c)return;let r=(d=B.parseUnits(t,s.decimals))==null?void 0:d.toString();try{const i=s.address===n;let u=await N.generateSwapCalldata({userAddress:o,from:s.address,to:c.address,amount:r,disableEstimate:!0}),p=BigInt(u.tx.eip155.gas),w=BigInt(u.tx.eip155.gasPrice);if(i&&r){const A=(l=e.myTokensWithBalance)==null?void 0:l.find(S=>S.address===n);if(A){const S=parseInt(A.quantity.decimals,10),P=B.parseUnits(A.quantity.numeric,S)??0n,v=p*w;if(BigInt(r)+v>P){const k=P>v?P-v:0n;k>0n&&(u=await N.generateSwapCalldata({userAddress:o,from:s.address,to:c.address,amount:k.toString(),disableEstimate:!0}),r=k.toString(),p=BigInt(u.tx.eip155.gas),w=BigInt(u.tx.eip155.gasPrice))}}}const h=W.getPlainAddress(u.tx.to);if(!h)throw new Error("SwapController:createSwapTransaction - address is required");const y={data:u.tx.data,to:h,gas:p,gasPrice:w,value:BigInt(i?r??"0":"0"),toAmount:e.toTokenAmount};return e.gasPriceInUSD=b.getGasPriceInUSD(e.networkPrice,p,w),e.approvalTransaction=void 0,e.swapTransaction=y,y}catch{I.goBack(),f.showError("Failed to create transaction"),e.approvalTransaction=void 0,e.swapTransaction=void 0,e.fetchError=!0;return}},onEmbeddedWalletApprovalSuccess(){f.showLoading("Approve limit increase in your wallet"),I.replace("SwapPreview")},async sendTransactionForApproval(n){var c,r,d;const{fromAddress:o,isAuthConnector:t}=a.getParams();e.loadingApprovalTransaction=!0,t?I.pushTransactionStack({onSuccess:a.onEmbeddedWalletApprovalSuccess}):f.showLoading("Approve limit increase in your wallet");try{await B.sendTransaction({address:o,to:n.to,data:n.data,value:n.value,chainNamespace:C.CHAIN.EVM}),await a.swapTokens(),await a.getTransaction(),e.approvalTransaction=void 0,e.loadingApprovalTransaction=!1}catch(l){const i=l;e.transactionError=i==null?void 0:i.displayMessage,e.loadingApprovalTransaction=!1,f.showError((i==null?void 0:i.displayMessage)||"Transaction error"),M.sendEvent({type:"track",event:"SWAP_APPROVAL_ERROR",properties:{message:(i==null?void 0:i.displayMessage)||(i==null?void 0:i.message)||"Unknown",network:((c=g.state.activeCaipNetwork)==null?void 0:c.caipNetworkId)||"",swapFromToken:((r=a.state.sourceToken)==null?void 0:r.symbol)||"",swapToToken:((d=a.state.toToken)==null?void 0:d.symbol)||"",swapFromAmount:a.state.sourceTokenAmount||"",swapToAmount:a.state.toTokenAmount||"",isSmartAccount:F(C.CHAIN.EVM)===L.ACCOUNT_TYPES.SMART_ACCOUNT}})}},async sendTransactionForSwap(n){var d,l,i,u,p,w,h,y,A,S,P,v;if(!n)return;const{fromAddress:o,toTokenAmount:t,isAuthConnector:s}=a.getParams();e.loadingTransaction=!0;const c=`Swapping ${(d=e.sourceToken)==null?void 0:d.symbol} to ${T.formatNumberToLocalString(t,3)} ${(l=e.toToken)==null?void 0:l.symbol}`,r=`Swapped ${(i=e.sourceToken)==null?void 0:i.symbol} to ${T.formatNumberToLocalString(t,3)} ${(u=e.toToken)==null?void 0:u.symbol}`;s?I.pushTransactionStack({onSuccess(){I.replace("Account"),f.showLoading(c),D.resetState()}}):f.showLoading("Confirm transaction in your wallet");try{const U=[(p=e.sourceToken)==null?void 0:p.address,(w=e.toToken)==null?void 0:w.address].join(","),k=await B.sendTransaction({address:o,to:n.to,data:n.data,value:n.value,chainNamespace:C.CHAIN.EVM});return e.loadingTransaction=!1,f.showSuccess(r),M.sendEvent({type:"track",event:"SWAP_SUCCESS",properties:{network:((h=g.state.activeCaipNetwork)==null?void 0:h.caipNetworkId)||"",swapFromToken:((y=a.state.sourceToken)==null?void 0:y.symbol)||"",swapToToken:((A=a.state.toToken)==null?void 0:A.symbol)||"",swapFromAmount:a.state.sourceTokenAmount||"",swapToAmount:a.state.toTokenAmount||"",isSmartAccount:F(C.CHAIN.EVM)===L.ACCOUNT_TYPES.SMART_ACCOUNT}}),D.resetState(),s||I.replace("Account"),D.getMyTokensWithBalance(U),k}catch(U){const k=U;e.transactionError=k==null?void 0:k.displayMessage,e.loadingTransaction=!1,f.showError((k==null?void 0:k.displayMessage)||"Transaction error"),M.sendEvent({type:"track",event:"SWAP_ERROR",properties:{message:(k==null?void 0:k.displayMessage)||(k==null?void 0:k.message)||"Unknown",network:((S=g.state.activeCaipNetwork)==null?void 0:S.caipNetworkId)||"",swapFromToken:((P=a.state.sourceToken)==null?void 0:P.symbol)||"",swapToToken:((v=a.state.toToken)==null?void 0:v.symbol)||"",swapFromAmount:a.state.sourceTokenAmount||"",swapToAmount:a.state.toTokenAmount||"",isSmartAccount:F(C.CHAIN.EVM)===L.ACCOUNT_TYPES.SMART_ACCOUNT}});return}},hasInsufficientToken(n,o){return b.isInsufficientSourceTokenForSwap(n,o,e.myTokensWithBalance)},setTransactionDetails(){const{toTokenAddress:n,toTokenDecimals:o}=a.getParams();!n||!o||(e.gasPriceInUSD=b.getGasPriceInUSD(e.networkPrice,BigInt(e.gasFee),BigInt(x)),e.priceImpact=b.getPriceImpact({sourceTokenAmount:e.sourceTokenAmount,sourceTokenPriceInUSD:e.sourceTokenPriceInUSD,toTokenPriceInUSD:e.toTokenPriceInUSD,toTokenAmount:e.toTokenAmount}),e.maxSlippage=b.getMaxSlippage(e.slippage,e.toTokenAmount),e.providerFee=b.getProviderFee(e.sourceTokenAmount))}},a=G(D);export{a as S};
|
|
1
|
+
import{N as T,j as G,R as I,S as f,k as B,E as M,l as F,W as L,C as g,B as N,b as W,m as E,A as O,n as z,d as _,g as R,o as H,e as V,i as q,p as $}from"./W3MFrameProviderSingleton-B6S06Y_H.js";import{au as C}from"./NetworkUtil-DXqql1Wz.js";const b={getGasPriceInEther(n,o){const t=o*n;return Number(t)/1e18},getGasPriceInUSD(n,o,t){const s=b.getGasPriceInEther(o,t);return T.bigNumber(n).times(s).toNumber()},getPriceImpact({sourceTokenAmount:n,sourceTokenPriceInUSD:o,toTokenPriceInUSD:t,toTokenAmount:s}){const c=T.bigNumber(n).times(o),r=T.bigNumber(s).times(t);return c.minus(r).div(c).times(100).toNumber()},getMaxSlippage(n,o){const t=T.bigNumber(n).div(100);return T.multiply(o,t).toNumber()},getProviderFee(n,o=.0085){return T.bigNumber(n).times(o).toString()},isInsufficientNetworkTokenForGas(n,o){const t=o||"0";return T.bigNumber(n).eq(0)?!0:T.bigNumber(T.bigNumber(t)).gt(n)},isInsufficientSourceTokenForSwap(n,o,t){var r,d;const s=(d=(r=t==null?void 0:t.find(l=>l.address===o))==null?void 0:r.quantity)==null?void 0:d.numeric;return T.bigNumber(s||"0").lt(n)}},x=15e4,Q=6,m={initializing:!1,initialized:!1,loadingPrices:!1,loadingQuote:!1,loadingApprovalTransaction:!1,loadingBuildTransaction:!1,loadingTransaction:!1,switchingTokens:!1,fetchError:!1,approvalTransaction:void 0,swapTransaction:void 0,transactionError:void 0,sourceToken:void 0,sourceTokenAmount:"",sourceTokenPriceInUSD:0,toToken:void 0,toTokenAmount:"",toTokenPriceInUSD:0,networkPrice:"0",networkBalanceInUSD:"0",networkTokenSymbol:"",inputError:void 0,slippage:_.CONVERT_SLIPPAGE_TOLERANCE,tokens:void 0,popularTokens:void 0,suggestedTokens:void 0,foundTokens:void 0,myTokensWithBalance:void 0,tokensPriceMap:{},gasFee:"0",gasPriceInUSD:0,priceImpact:void 0,maxSlippage:void 0,providerFee:void 0},e=$({...m}),D={state:e,subscribe(n){return q(e,()=>n(e))},subscribeKey(n,o){return V(e,n,o)},getParams(){var i,u,p,w,h,y,A,S,P;const n=g.state.activeChain,o=((i=g.getAccountData(n))==null?void 0:i.caipAddress)??g.state.activeCaipAddress,t=W.getPlainAddress(o),s=R(),c=H.getConnectorId(g.state.activeChain);if(!t)throw new Error("No address found to swap the tokens from.");const r=!((u=e.toToken)!=null&&u.address)||!((p=e.toToken)!=null&&p.decimals),d=!((w=e.sourceToken)!=null&&w.address)||!((h=e.sourceToken)!=null&&h.decimals)||!T.bigNumber(e.sourceTokenAmount).gt(0),l=!e.sourceTokenAmount;return{networkAddress:s,fromAddress:t,fromCaipAddress:o,sourceTokenAddress:(y=e.sourceToken)==null?void 0:y.address,toTokenAddress:(A=e.toToken)==null?void 0:A.address,toTokenAmount:e.toTokenAmount,toTokenDecimals:(S=e.toToken)==null?void 0:S.decimals,sourceTokenAmount:e.sourceTokenAmount,sourceTokenDecimals:(P=e.sourceToken)==null?void 0:P.decimals,invalidToToken:r,invalidSourceToken:d,invalidSourceTokenAmount:l,availableToSwap:o&&!r&&!d&&!l,isAuthConnector:c===C.CONNECTOR_ID.AUTH}},async setSourceToken(n){if(!n){e.sourceToken=n,e.sourceTokenAmount="",e.sourceTokenPriceInUSD=0;return}e.sourceToken=n,await a.setTokenPrice(n.address,"sourceToken")},setSourceTokenAmount(n){e.sourceTokenAmount=n},async setToToken(n){if(!n){e.toToken=n,e.toTokenAmount="",e.toTokenPriceInUSD=0;return}e.toToken=n,await a.setTokenPrice(n.address,"toToken")},setToTokenAmount(n){e.toTokenAmount=n?T.toFixed(n,Q):""},async setTokenPrice(n,o){let t=e.tokensPriceMap[n]||0;t||(e.loadingPrices=!0,t=await a.getAddressPrice(n)),o==="sourceToken"?e.sourceTokenPriceInUSD=t:o==="toToken"&&(e.toTokenPriceInUSD=t),e.loadingPrices&&(e.loadingPrices=!1),a.getParams().availableToSwap&&!e.switchingTokens&&a.swapTokens()},async switchTokens(){if(!(e.initializing||!e.initialized||e.switchingTokens)){e.switchingTokens=!0;try{const n=e.toToken?{...e.toToken}:void 0,o=e.sourceToken?{...e.sourceToken}:void 0,t=n&&e.toTokenAmount===""?"1":e.toTokenAmount;a.setSourceTokenAmount(t),a.setToTokenAmount(""),await a.setSourceToken(n),await a.setToToken(o),e.switchingTokens=!1,a.swapTokens()}catch(n){throw e.switchingTokens=!1,n}}},resetState(){e.myTokensWithBalance=m.myTokensWithBalance,e.tokensPriceMap=m.tokensPriceMap,e.initialized=m.initialized,e.initializing=m.initializing,e.switchingTokens=m.switchingTokens,e.sourceToken=m.sourceToken,e.sourceTokenAmount=m.sourceTokenAmount,e.sourceTokenPriceInUSD=m.sourceTokenPriceInUSD,e.toToken=m.toToken,e.toTokenAmount=m.toTokenAmount,e.toTokenPriceInUSD=m.toTokenPriceInUSD,e.networkPrice=m.networkPrice,e.networkTokenSymbol=m.networkTokenSymbol,e.networkBalanceInUSD=m.networkBalanceInUSD,e.inputError=m.inputError},resetValues(){var t;const{networkAddress:n}=a.getParams(),o=(t=e.tokens)==null?void 0:t.find(s=>s.address===n);a.setSourceToken(o),a.setToToken(void 0)},getApprovalLoadingState(){return e.loadingApprovalTransaction},clearError(){e.transactionError=void 0},async initializeState(){if(!e.initializing){if(e.initializing=!0,!e.initialized)try{await a.fetchTokens(),e.initialized=!0}catch{e.initialized=!1,f.showError("Failed to initialize swap"),I.goBack()}e.initializing=!1}},async fetchTokens(){var t;const{networkAddress:n}=a.getParams();await a.getNetworkTokenPrice(),await a.getMyTokensWithBalance();const o=(t=e.myTokensWithBalance)==null?void 0:t.find(s=>s.address===n);o&&(e.networkTokenSymbol=o.symbol,a.setSourceToken(o),a.setSourceTokenAmount("0"))},async getTokenList(){var o,t;const n=(o=g.state.activeCaipNetwork)==null?void 0:o.caipNetworkId;if(!(e.caipNetworkId===n&&e.tokens))try{e.tokensLoading=!0;const s=await E.getTokenList(n);e.tokens=s,e.caipNetworkId=n,e.popularTokens=s.sort((i,u)=>i.symbol<u.symbol?-1:i.symbol>u.symbol?1:0);const r=(n&&((t=_.SUGGESTED_TOKENS_BY_CHAIN)==null?void 0:t[n])||[]).map(i=>s.find(u=>u.symbol===i)).filter(i=>!!i),l=(_.SWAP_SUGGESTED_TOKENS||[]).map(i=>s.find(u=>u.symbol===i)).filter(i=>!!i).filter(i=>!r.some(u=>u.address===i.address));e.suggestedTokens=[...r,...l]}catch{e.tokens=[],e.popularTokens=[],e.suggestedTokens=[]}finally{e.tokensLoading=!1}},async getAddressPrice(n){var i,u;const o=e.tokensPriceMap[n];if(o)return o;const t=await N.fetchTokenPrice({addresses:[n]}),s=(t==null?void 0:t.fungibles)||[],c=[...e.tokens||[],...e.myTokensWithBalance||[]],r=(i=c==null?void 0:c.find(p=>p.address===n))==null?void 0:i.symbol,d=((u=s.find(p=>p.symbol.toLowerCase()===(r==null?void 0:r.toLowerCase())))==null?void 0:u.price)||0,l=parseFloat(d.toString());return e.tokensPriceMap[n]=l,l},async getNetworkTokenPrice(){var c;const{networkAddress:n}=a.getParams(),t=(c=(await N.fetchTokenPrice({addresses:[n]}).catch(()=>(f.showError("Failed to fetch network token price"),{fungibles:[]}))).fungibles)==null?void 0:c[0],s=(t==null?void 0:t.price.toString())||"0";e.tokensPriceMap[n]=parseFloat(s),e.networkTokenSymbol=(t==null?void 0:t.symbol)||"",e.networkPrice=s},async getMyTokensWithBalance(n){var s;const o=await z.getMyTokensWithBalance({forceUpdate:n,caipNetwork:g.state.activeCaipNetwork,address:(s=g.getAccountData())==null?void 0:s.address}),t=E.mapBalancesToSwapTokens(o);t&&(await a.getInitialGasPrice(),a.setBalances(t))},setBalances(n){const{networkAddress:o}=a.getParams(),t=g.state.activeCaipNetwork;if(!t)return;const s=n.find(c=>c.address===o);n.forEach(c=>{e.tokensPriceMap[c.address]=c.price||0}),e.myTokensWithBalance=n.filter(c=>c.address.startsWith(t.caipNetworkId)),e.networkBalanceInUSD=s?T.multiply(s.quantity.numeric,s.price).toString():"0"},async getInitialGasPrice(){var o,t;const n=await E.fetchGasPrice();if(!n)return{gasPrice:null,gasPriceInUSD:null};switch((t=(o=g.state)==null?void 0:o.activeCaipNetwork)==null?void 0:t.chainNamespace){case C.CHAIN.SOLANA:return e.gasFee=n.standard??"0",e.gasPriceInUSD=T.multiply(n.standard,e.networkPrice).div(1e9).toNumber(),{gasPrice:BigInt(e.gasFee),gasPriceInUSD:Number(e.gasPriceInUSD)};case C.CHAIN.EVM:default:const s=n.standard??"0",c=BigInt(s),r=BigInt(x),d=b.getGasPriceInUSD(e.networkPrice,r,c);return e.gasFee=s,e.gasPriceInUSD=d,{gasPrice:c,gasPriceInUSD:d}}},async swapTokens(){var r,d,l;const n=(r=g.getAccountData())==null?void 0:r.address,o=e.sourceToken,t=e.toToken,s=T.bigNumber(e.sourceTokenAmount).gt(0);if(s||a.setToTokenAmount(""),!t||!o||e.loadingPrices||!s||!n)return;e.loadingQuote=!0;const c=T.bigNumber(e.sourceTokenAmount).times(10**o.decimals).round(0).toFixed(0);try{const i=await N.fetchSwapQuote({userAddress:n,from:o.address,to:t.address,gasPrice:e.gasFee,amount:c.toString()});e.loadingQuote=!1;const u=(l=(d=i==null?void 0:i.quotes)==null?void 0:d[0])==null?void 0:l.toAmount;if(!u){O.open({displayMessage:"Incorrect amount",debugMessage:"Please enter a valid amount"},"error");return}const p=T.bigNumber(u).div(10**t.decimals).toString();a.setToTokenAmount(p),a.hasInsufficientToken(e.sourceTokenAmount,o.address)?e.inputError="Insufficient balance":(e.inputError=void 0,a.setTransactionDetails())}catch(i){const u=await E.handleSwapError(i);e.loadingQuote=!1,e.inputError=u||"Insufficient balance"}},async getTransaction(){const{fromCaipAddress:n,availableToSwap:o}=a.getParams(),t=e.sourceToken,s=e.toToken;if(!(!n||!o||!t||!s||e.loadingQuote))try{e.loadingBuildTransaction=!0;const c=await E.fetchSwapAllowance({userAddress:n,tokenAddress:t.address,sourceTokenAmount:e.sourceTokenAmount,sourceTokenDecimals:t.decimals});let r;return c?r=await a.createSwapTransaction():r=await a.createAllowanceTransaction(),e.loadingBuildTransaction=!1,e.fetchError=!1,r}catch{I.goBack(),f.showError("Failed to check allowance"),e.loadingBuildTransaction=!1,e.approvalTransaction=void 0,e.swapTransaction=void 0,e.fetchError=!0;return}},async createAllowanceTransaction(){const{fromCaipAddress:n,sourceTokenAddress:o,toTokenAddress:t}=a.getParams();if(!(!n||!t)){if(!o)throw new Error("createAllowanceTransaction - No source token address found.");try{const s=await N.generateApproveCalldata({from:o,to:t,userAddress:n}),c=W.getPlainAddress(s.tx.from);if(!c)throw new Error("SwapController:createAllowanceTransaction - address is required");const r={data:s.tx.data,to:c,gasPrice:BigInt(s.tx.eip155.gasPrice),value:BigInt(s.tx.value),toAmount:e.toTokenAmount};return e.swapTransaction=void 0,e.approvalTransaction={data:r.data,to:r.to,gasPrice:r.gasPrice,value:r.value,toAmount:r.toAmount},{data:r.data,to:r.to,gasPrice:r.gasPrice,value:r.value,toAmount:r.toAmount}}catch{I.goBack(),f.showError("Failed to create approval transaction"),e.approvalTransaction=void 0,e.swapTransaction=void 0,e.fetchError=!0;return}}},async createSwapTransaction(){var d,l;const{networkAddress:n,fromCaipAddress:o,sourceTokenAmount:t}=a.getParams(),s=e.sourceToken,c=e.toToken;if(!o||!t||!s||!c)return;let r=(d=B.parseUnits(t,s.decimals))==null?void 0:d.toString();try{const i=s.address===n;let u=await N.generateSwapCalldata({userAddress:o,from:s.address,to:c.address,amount:r,disableEstimate:!0}),p=BigInt(u.tx.eip155.gas),w=BigInt(u.tx.eip155.gasPrice);if(i&&r){const A=(l=e.myTokensWithBalance)==null?void 0:l.find(S=>S.address===n);if(A){const S=parseInt(A.quantity.decimals,10),P=B.parseUnits(A.quantity.numeric,S)??0n,v=p*w;if(BigInt(r)+v>P){const k=P>v?P-v:0n;k>0n&&(u=await N.generateSwapCalldata({userAddress:o,from:s.address,to:c.address,amount:k.toString(),disableEstimate:!0}),r=k.toString(),p=BigInt(u.tx.eip155.gas),w=BigInt(u.tx.eip155.gasPrice))}}}const h=W.getPlainAddress(u.tx.to);if(!h)throw new Error("SwapController:createSwapTransaction - address is required");const y={data:u.tx.data,to:h,gas:p,gasPrice:w,value:BigInt(i?r??"0":"0"),toAmount:e.toTokenAmount};return e.gasPriceInUSD=b.getGasPriceInUSD(e.networkPrice,p,w),e.approvalTransaction=void 0,e.swapTransaction=y,y}catch{I.goBack(),f.showError("Failed to create transaction"),e.approvalTransaction=void 0,e.swapTransaction=void 0,e.fetchError=!0;return}},onEmbeddedWalletApprovalSuccess(){f.showLoading("Approve limit increase in your wallet"),I.replace("SwapPreview")},async sendTransactionForApproval(n){var c,r,d;const{fromAddress:o,isAuthConnector:t}=a.getParams();e.loadingApprovalTransaction=!0,t?I.pushTransactionStack({onSuccess:a.onEmbeddedWalletApprovalSuccess}):f.showLoading("Approve limit increase in your wallet");try{await B.sendTransaction({address:o,to:n.to,data:n.data,value:n.value,chainNamespace:C.CHAIN.EVM}),await a.swapTokens(),await a.getTransaction(),e.approvalTransaction=void 0,e.loadingApprovalTransaction=!1}catch(l){const i=l;e.transactionError=i==null?void 0:i.displayMessage,e.loadingApprovalTransaction=!1,f.showError((i==null?void 0:i.displayMessage)||"Transaction error"),M.sendEvent({type:"track",event:"SWAP_APPROVAL_ERROR",properties:{message:(i==null?void 0:i.displayMessage)||(i==null?void 0:i.message)||"Unknown",network:((c=g.state.activeCaipNetwork)==null?void 0:c.caipNetworkId)||"",swapFromToken:((r=a.state.sourceToken)==null?void 0:r.symbol)||"",swapToToken:((d=a.state.toToken)==null?void 0:d.symbol)||"",swapFromAmount:a.state.sourceTokenAmount||"",swapToAmount:a.state.toTokenAmount||"",isSmartAccount:F(C.CHAIN.EVM)===L.ACCOUNT_TYPES.SMART_ACCOUNT}})}},async sendTransactionForSwap(n){var d,l,i,u,p,w,h,y,A,S,P,v;if(!n)return;const{fromAddress:o,toTokenAmount:t,isAuthConnector:s}=a.getParams();e.loadingTransaction=!0;const c=`Swapping ${(d=e.sourceToken)==null?void 0:d.symbol} to ${T.formatNumberToLocalString(t,3)} ${(l=e.toToken)==null?void 0:l.symbol}`,r=`Swapped ${(i=e.sourceToken)==null?void 0:i.symbol} to ${T.formatNumberToLocalString(t,3)} ${(u=e.toToken)==null?void 0:u.symbol}`;s?I.pushTransactionStack({onSuccess(){I.replace("Account"),f.showLoading(c),D.resetState()}}):f.showLoading("Confirm transaction in your wallet");try{const U=[(p=e.sourceToken)==null?void 0:p.address,(w=e.toToken)==null?void 0:w.address].join(","),k=await B.sendTransaction({address:o,to:n.to,data:n.data,value:n.value,chainNamespace:C.CHAIN.EVM});return e.loadingTransaction=!1,f.showSuccess(r),M.sendEvent({type:"track",event:"SWAP_SUCCESS",properties:{network:((h=g.state.activeCaipNetwork)==null?void 0:h.caipNetworkId)||"",swapFromToken:((y=a.state.sourceToken)==null?void 0:y.symbol)||"",swapToToken:((A=a.state.toToken)==null?void 0:A.symbol)||"",swapFromAmount:a.state.sourceTokenAmount||"",swapToAmount:a.state.toTokenAmount||"",isSmartAccount:F(C.CHAIN.EVM)===L.ACCOUNT_TYPES.SMART_ACCOUNT}}),D.resetState(),s||I.replace("Account"),D.getMyTokensWithBalance(U),k}catch(U){const k=U;e.transactionError=k==null?void 0:k.displayMessage,e.loadingTransaction=!1,f.showError((k==null?void 0:k.displayMessage)||"Transaction error"),M.sendEvent({type:"track",event:"SWAP_ERROR",properties:{message:(k==null?void 0:k.displayMessage)||(k==null?void 0:k.message)||"Unknown",network:((S=g.state.activeCaipNetwork)==null?void 0:S.caipNetworkId)||"",swapFromToken:((P=a.state.sourceToken)==null?void 0:P.symbol)||"",swapToToken:((v=a.state.toToken)==null?void 0:v.symbol)||"",swapFromAmount:a.state.sourceTokenAmount||"",swapToAmount:a.state.toTokenAmount||"",isSmartAccount:F(C.CHAIN.EVM)===L.ACCOUNT_TYPES.SMART_ACCOUNT}});return}},hasInsufficientToken(n,o){return b.isInsufficientSourceTokenForSwap(n,o,e.myTokensWithBalance)},setTransactionDetails(){const{toTokenAddress:n,toTokenDecimals:o}=a.getParams();!n||!o||(e.gasPriceInUSD=b.getGasPriceInUSD(e.networkPrice,BigInt(e.gasFee),BigInt(x)),e.priceImpact=b.getPriceImpact({sourceTokenAmount:e.sourceTokenAmount,sourceTokenPriceInUSD:e.sourceTokenPriceInUSD,toTokenPriceInUSD:e.toTokenPriceInUSD,toTokenAmount:e.toTokenAmount}),e.maxSlippage=b.getMaxSlippage(e.slippage,e.toTokenAmount),e.providerFee=b.getProviderFee(e.sourceTokenAmount))}},a=G(D);export{a as S};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as o,j as C,e as T}from"./react-BYHuwl8r.js";import{s as P,t as i}from"./index-
|
|
1
|
+
import{r as o,j as C,e as T}from"./react-BYHuwl8r.js";import{s as P,t as i}from"./index-CKK-zMqi.js";const B=(...t)=>({shouldForwardProp:p=>!t.includes(p)}),A=P("span",B("block"))`
|
|
2
2
|
display: ${({block:t})=>t?"flex":"inline-flex"};
|
|
3
3
|
${({block:t})=>t?"width: 100%;":""}
|
|
4
4
|
`,I=P("span",B("placement"))`
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var ve=Object.defineProperty;var xe=(r,t,e)=>t in r?ve(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e;var p=(r,t,e)=>xe(r,typeof t!="symbol"?t+"":t,e);import{W as ue,a as z,C as ge,B as Ce,f as Q}from"./ethers-BDpbhgX6.js";import{a as Ee,d as B}from"./dcl-schemas-CmtP3U6y.js";import{c as ee}from"./react-BYHuwl8r.js";import{cr as Re,aX as te,g as re}from"./index-CKK-zMqi.js";import{c as q,e as Ie}from"./index-D4mfZpjO.js";import{s as Pe}from"./sendMetaTransaction-Ds4_qSVu.js";import"./sentry-Dx-KuLV3.js";import"./intl-CBcMB1D2.js";import"./events-DQ172AOg.js";async function be(r){const t=await de();if(t){const e=await new ue(t).getSigner().getChainId();if(r===e)return t}return q.createProvider(Ee.ProviderType.NETWORK,r)}async function de(){try{return await q.getProvider()}catch{try{const{provider:r}=await q.tryPreviousConnection();return r}catch{return null}}}function ne(r){return Math.floor(r/1e3)}function ae(r){switch(r.assetType){case B.TradeAssetType.ERC721:return r.tokenId;case B.TradeAssetType.COLLECTION_ITEM:return r.itemId;case B.TradeAssetType.ERC20:return r.amount;default:return console.error("Invalid asset type:",r),""}}function Ae(r){var t;return{checks:{uses:r.checks.uses,expiration:ne(r.checks.expiration),effective:ne(r.checks.effective),salt:z(r.checks.salt,32),contractSignatureIndex:r.checks.contractSignatureIndex,signerSignatureIndex:r.checks.signerSignatureIndex,allowedRoot:z(r.checks.allowedRoot,32),externalChecks:(t=r.checks.externalChecks)==null?void 0:t.map(e=>({contractAddress:e.contractAddress,selector:e.selector,value:e.value?e.value:"0x",required:e.required}))},sent:r.sent.map(e=>({assetType:e.assetType,contractAddress:e.contractAddress,value:ae(e),extra:e.extra?e.extra:"0x"})),received:r.received.map(e=>({assetType:e.assetType,contractAddress:e.contractAddress,value:ae(e),extra:e.extra?e.extra:"0x",beneficiary:e.beneficiary}))}}function se(r,t){const e=Ae(r);return{signer:r.signer,signature:r.signature,...e,checks:{...e.checks,allowedProof:[]},sent:e.sent.map(i=>({...i,beneficiary:t}))}}async function Se(r){const t=await r.request({method:"eth_chainId",params:[]});let e;return typeof t=="string"?e=parseInt(t,16):e=t,e}async function Fe(r){const t=await be(r);return new ue(t)}const S=new Ie.EventEmitter;var C;(function(r){r.ERROR="error",r.SUCCESS="success",r.PROMPT="prompt",r.ACCEPT="accept",r.REJECT="reject"})(C||(C={}));let Le="https://transactions-api.decentraland.org/v1";const ke=()=>Le,Ue=()=>new Promise((r,t)=>{const e=()=>{S.removeAllListeners(C.REJECT),r(!0)},i=()=>{S.removeAllListeners(C.ACCEPT),t(new Error("User rejected transaction"))};S.addListener(C.ACCEPT,e),S.addListener(C.REJECT,i)});async function oe(...r){const[t,e,...i]=r;try{const s=await de();if(!s)throw new Error("Provider not connected");const c=await Se(s),l=await Fe(t.chainId),I=new ge(t.address,t.abi,l),T=await(typeof e=="function"?e(I.populateTransaction):I.populateTransaction[e](...i));if(c===t.chainId){const v=l.getSigner();if(s.isMagic||s.isThirdweb){let U=Ce.from(0);try{const _=await v.getGasPrice(),k=await v.estimateGas(T);U=_.mul(k)}catch{}if(!U.isZero()){const _=Ue(),k=await v.getBalance();S.emit(C.PROMPT,{transactionGasPrice:Q(U),userBalance:Q(k),chainId:t.chainId}),await _}}const b=await v.sendTransaction(T);return S.emit(C.SUCCESS,{txHash:b.hash}),b.hash}else{const v=await Pe(s,l,T.data,t,{serverURL:ke()});return S.emit(C.SUCCESS,{txHash:v}),v}}catch(s){const c={type:C.ERROR,error:s};throw S.emit(C.ERROR,c),s}}var M={exports:{}};/*! https://mths.be/punycode v1.4.1 by @mathias */var _e=M.exports,ie;function Oe(){return ie||(ie=1,(function(r,t){(function(e){var i=t&&!t.nodeType&&t,s=r&&!r.nodeType&&r,c=typeof ee=="object"&ⅇ(c.global===c||c.window===c||c.self===c)&&(e=c);var l,I=2147483647,T=36,v=1,b=26,U=38,_=700,k=72,G=128,J="-",he=/^xn--/,fe=/[^\x20-\x7E]/,pe=/[\x2E\u3002\uFF0E\uFF61]/g,ye={overflow:"Overflow: input needs wider integers to process","not-basic":"Illegal input >= 0x80 (not a basic code point)","invalid-input":"Invalid input"},D=T-v,E=Math.floor,O=String.fromCharCode,N;function F(n){throw new RangeError(ye[n])}function $(n,a){for(var o=n.length,u=[];o--;)u[o]=a(n[o]);return u}function V(n,a){var o=n.split("@"),u="";o.length>1&&(u=o[0]+"@",n=o[1]),n=n.replace(pe,".");var d=n.split("."),y=$(d,a).join(".");return u+y}function H(n){for(var a=[],o=0,u=n.length,d,y;o<u;)d=n.charCodeAt(o++),d>=55296&&d<=56319&&o<u?(y=n.charCodeAt(o++),(y&64512)==56320?a.push(((d&1023)<<10)+(y&1023)+65536):(a.push(d),o--)):a.push(d);return a}function W(n){return $(n,function(a){var o="";return a>65535&&(a-=65536,o+=O(a>>>10&1023|55296),a=56320|a&1023),o+=O(a),o}).join("")}function Te(n){return n-48<10?n-22:n-65<26?n-65:n-97<26?n-97:T}function Y(n,a){return n+22+75*(n<26)-((a!=0)<<5)}function Z(n,a,o){var u=0;for(n=o?E(n/_):n>>1,n+=E(n/a);n>D*b>>1;u+=T)n=E(n/D);return E(u+(D+1)*n/(n+U))}function K(n){var a=[],o=n.length,u,d=0,y=G,h=k,w,x,R,P,f,m,g,A,L;for(w=n.lastIndexOf(J),w<0&&(w=0),x=0;x<w;++x)n.charCodeAt(x)>=128&&F("not-basic"),a.push(n.charCodeAt(x));for(R=w>0?w+1:0;R<o;){for(P=d,f=1,m=T;R>=o&&F("invalid-input"),g=Te(n.charCodeAt(R++)),(g>=T||g>E((I-d)/f))&&F("overflow"),d+=g*f,A=m<=h?v:m>=h+b?b:m-h,!(g<A);m+=T)L=T-A,f>E(I/L)&&F("overflow"),f*=L;u=a.length+1,h=Z(d-P,u,P==0),E(d/u)>I-y&&F("overflow"),y+=E(d/u),d%=u,a.splice(d++,0,y)}return W(a)}function X(n){var a,o,u,d,y,h,w,x,R,P,f,m=[],g,A,L,j;for(n=H(n),g=n.length,a=G,o=0,y=k,h=0;h<g;++h)f=n[h],f<128&&m.push(O(f));for(u=d=m.length,d&&m.push(J);u<g;){for(w=I,h=0;h<g;++h)f=n[h],f>=a&&f<w&&(w=f);for(A=u+1,w-a>E((I-o)/A)&&F("overflow"),o+=(w-a)*A,a=w,h=0;h<g;++h)if(f=n[h],f<a&&++o>I&&F("overflow"),f==a){for(x=o,R=T;P=R<=y?v:R>=y+b?b:R-y,!(x<P);R+=T)j=x-P,L=T-P,m.push(O(Y(P+j%L,0))),x=E(j/L);m.push(O(Y(x,0))),y=Z(o,A,u==d),o=0,++u}++o,++a}return m.join("")}function we(n){return V(n,function(a){return he.test(a)?K(a.slice(4).toLowerCase()):a})}function me(n){return V(n,function(a){return fe.test(a)?"xn--"+X(a):a})}if(l={version:"1.4.1",ucs2:{decode:H,encode:W},decode:K,encode:X,toASCII:me,toUnicode:we},i&&s)if(r.exports==i)s.exports=l;else for(N in l)l.hasOwnProperty(N)&&(i[N]=l[N]);else e.punycode=l})(_e)})(M,M.exports)),M.exports}Oe();var le=(function(r){function t(){var i=this||self;return delete r.prototype.__magic__,i}if(typeof globalThis=="object")return globalThis;if(this)return t();r.defineProperty(r.prototype,"__magic__",{configurable:!0,get:t});var e=__magic__;return e})(Object),Me=le.URL;le.URLSearchParams;var Ne={URL:Me};class ce extends Error{constructor(e,i,s){super(e);p(this,"status");p(this,"data");this.status=i,this.data=s}}const De=3,je=1e3,Be=[400,401,403,404,409,422],qe=(globalThis==null?void 0:globalThis.URL)??Ne.URL;class Ge{constructor(t,e){p(this,"baseUrl");p(this,"retries");p(this,"retryDelay");p(this,"nonRetryableStatuses");p(this,"identity");p(this,"sleep",t=>new Promise(e=>{setTimeout(e,t)}));p(this,"getIdentity",()=>this.identity instanceof Function?this.identity():this.identity);p(this,"rawFetch",(t,e)=>{const i=new qe(t,this.baseUrl),s=(e==null?void 0:e.identity)??this.getIdentity();return Re.signedFetchFactory()(i.toString(),{...e,identity:s})});p(this,"fetch",async(t,e)=>{for(let i=0;i<=this.retries;i++)try{let s,c;try{s=await this.rawFetch(t,e);const l=await s.text();l.length===0?c={ok:!0,data:null}:c=JSON.parse(l)}catch(l){throw new ce(l.message,void 0,null)}if(!s.ok||c.ok===!1){const l=c.message??c.error;throw new ce(l??`Request failed with status code ${s.status}`,s.status,c.data)}return c.ok===!0?c.data:c}catch(s){if(console.error(`[API] HTTP request failed: ${s.message||""}`,s),this.retries===i||s.status&&this.nonRetryableStatuses.includes(s.status))throw s;await this.sleep(this.retryDelay)}throw new Error("Unreachable code")});this.baseUrl=t,this.identity=e==null?void 0:e.identity,this.retries=(e==null?void 0:e.retries)??De,this.retryDelay=(e==null?void 0:e.retryDelay)??je,this.nonRetryableStatuses=(e==null?void 0:e.nonRetryableStatuses)??Be}}class Je extends Ge{constructor(e,i,s){super(i,s);p(this,"signer");p(this,"addTrade",async e=>this.fetch("/v1/trades",{method:"POST",body:JSON.stringify(e),metadata:{signer:this.signer,intent:"dcl:create-trade"},headers:{"Content-Type":"application/json"}}));p(this,"fetchTrade",async e=>this.fetch(`/v1/trades/${e}`,{method:"GET"}));this.signer=e}}class et{constructor(t,e,i){p(this,"tradesAPI");this.tradesAPI=new Je(t,e,{identity:i,retries:0})}async addTrade(t){return this.tradesAPI.addTrade(t)}async fetchTrade(t){return this.tradesAPI.fetchTrade(t)}async accept(t,e){const i=te(t.contract),s=re(i,t.chainId),c=se(t,e);return oe(s,"accept",[c])}async cancel(t,e){const i=te(t.contract),s=re(i,t.chainId),c=se(t,e);return oe(s,"cancelSignature",[c])}}export{et as TradeService};
|