@dcl/shop 0.7.0 → 0.7.1
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-Bfm7kRfv.js → Activity-Cnn-lMD9.js} +3 -3
- package/_assets/{AnimatedBackground-C-bhqVsp.js → AnimatedBackground-D9QjeeBa.js} +1 -1
- package/_assets/{Assets-B55dtQQJ.js → Assets-CRJDmBDB.js} +12 -12
- package/_assets/{Assets.styles-NQkvfYq_.js → Assets.styles-BjdmDuEG.js} +1 -1
- package/_assets/{Authorizations-CiQtw5K-.js → Authorizations-C-EUi_Ea.js} +1 -1
- package/_assets/{Cart-D7wbUiTa.js → Cart-B8YOGJmI.js} +9 -9
- package/_assets/{CircularProgress-ZsDKUKD2.js → CircularProgress-Db8orehr.js} +3 -3
- package/_assets/{Collection-DwFpgZbC.js → Collection-C2FumsGf.js} +6 -6
- package/_assets/{CollectionCarousel-DENDQYmz.js → CollectionCarousel-DL857EZk.js} +6 -6
- package/_assets/Creator-WSL6qgqX.js +306 -0
- package/_assets/{ErrorNotice-BEc3g8r8.js → ErrorNotice-MWF7JXST.js} +1 -1
- package/_assets/{ExchangeController-BCP2fWjj.js → ExchangeController-D0BUEGgM.js} +1 -1
- package/_assets/{GetCredits-Vnk46xfQ.js → GetCredits-VgVSObKH.js} +56 -40
- package/_assets/{Grow-DuBI26R-.js → Grow-DaJKbNKH.js} +1 -1
- package/_assets/{HelpersUtil-ClfhYE3l.js → HelpersUtil-Des1BKsb.js} +1 -1
- package/_assets/ItemDetail-DpbhFiHl.js +3497 -0
- package/_assets/LazyEmoteControls-COW8eJUD.js +2 -0
- package/_assets/{LoadMore-CC_UzQ34.js → LoadMore-CIWThu0V.js} +1 -1
- package/_assets/{ManaPricingBanner.styles-BokPI2D_.js → ManaPricingBanner.styles-D7yh-OMv.js} +3 -3
- package/_assets/{MyAssets-Bo37jIwn.js → MyAssets-MBEHe0qY.js} +1 -1
- package/_assets/{MyFavorites-B2TJaZUB.js → MyFavorites-Cer-5MAy.js} +1 -1
- package/_assets/{NotFound-DLx8jzvN.js → NotFound-CuiJHtW_.js} +1 -1
- package/_assets/{NotificationsBell-BtCXxoM8.js → NotificationsBell-BneUIyzO.js} +1 -1
- package/_assets/OutfitDetail-B1WI3yDq.js +334 -0
- package/_assets/{OutfitPreview-D5_qH5Ln.js → OutfitPreview-C2-ueSaA.js} +2 -2
- package/_assets/{OutfitStudio-qONuf5K7.js → OutfitStudio-DYdoL9fR.js} +7 -7
- package/_assets/{StoreSettings-vN3UO986.js → StoreSettings-DuuOxmdV.js} +9 -9
- package/_assets/{Success-f5eJlnKx.js → Success-CEH1MUQt.js} +1 -1
- package/_assets/{SwapController-B9sRrkAK.js → SwapController-CIXsGZBK.js} +1 -1
- package/_assets/{Tooltip-D1ZBIqYA.js → Tooltip-jfo7edQn.js} +1 -1
- package/_assets/{TradeService-DvFVQpxx.js → TradeService-DiOUxFwj.js} +1 -1
- package/_assets/{W3MFrameProviderSingleton-mcKRqTfP.js → W3MFrameProviderSingleton-D_hwynnp.js} +3 -3
- package/_assets/{WebCryptoP256-B7MhXWuH.js → WebCryptoP256-DFE3V2WS.js} +1 -1
- package/_assets/{authorizations-D_1liO7d.js → authorizations-CboNrOcr.js} +1 -1
- package/_assets/{basic-CqEh5duU.js → basic-DvU1J3w8.js} +1 -1
- package/_assets/{biconomy-D_Y6_R5H.js → biconomy-DTTg16ds.js} +1 -1
- package/_assets/builder-C3uRVotE.js +1 -0
- package/_assets/{buy-D5A2EHRt.js → buy-BYu3r4d1.js} +1 -1
- package/_assets/{buy-gasless-DOjyxrOK.js → buy-gasless-BpGXC11T.js} +1 -1
- package/_assets/{categories-2VrlGaC_.js → categories-B-ttqFdP.js} +1 -1
- package/_assets/{ccip-BOQWcrsE.js → ccip-B5qgpEOa.js} +1 -1
- package/_assets/{ccip-Bmb04-XK.js → ccip-Chjvzuo3.js} +1 -1
- package/_assets/{collectionPage.styles-DaKP3DX-.js → collectionPage.styles-Cqc0qEsV.js} +4 -4
- package/_assets/{controller-BQ-e2rGO.js → controller-D65h4JHM.js} +2 -2
- package/_assets/{core-CTr2fRUy.js → core-DQrWR_KU.js} +4 -4
- package/_assets/{createSvgIcon-BhCc-35g.js → createSvgIcon-CIAc53Uf.js} +3 -3
- package/_assets/{custom-DG1qkiJE.js → custom-CXFEHrtn.js} +1 -1
- package/_assets/{data-capture-Ba2U2y5O.js → data-capture-CyNw1tR6.js} +1 -1
- package/_assets/disposePreview-8oEf57G7.js +1 -0
- package/_assets/{email-Wxqgx6Lj.js → email-BSFpn-mK.js} +1 -1
- package/_assets/{embedded-wallet-DR6Si6kV.js → embedded-wallet-DUt0q64F.js} +1 -1
- package/_assets/{emotion-styled.browser.esm-Ce_kaTO_.js → emotion-styled.browser.esm-MB_ZnWA0.js} +1 -1
- package/_assets/{engine-CT5J10tT.js → engine-CWoVWkrK.js} +1 -1
- package/_assets/{errors-BQ78iy4c.js → errors-CspB8iK7.js} +1 -1
- package/_assets/{estimate-l1-fee-BWX6n2wW.js → estimate-l1-fee-CctWCWaJ.js} +1 -1
- package/_assets/{execute-C6tBpvgs.js → execute-CqdEBDWF.js} +2 -2
- package/_assets/{features-BmPELMhg.js → features-1-FLWkh7.js} +1 -1
- package/_assets/{fetchTokenMetadata-Mg3wjHG6.js → fetchTokenMetadata-BaQpNTHG.js} +2 -2
- package/_assets/{field.styles-5z9eWAwV.js → field.styles-O-FhYRsZ.js} +1 -1
- package/_assets/{get-ecosystem-wallet-info-Blc_71v0.js → get-ecosystem-wallet-info-efBvwCgh.js} +1 -1
- package/_assets/{getBalance-mM7D97ev.js → getBalance-B6jNJqou.js} +1 -1
- package/_assets/{getNFT-zt_0lqjp.js → getNFT-BLha6TEN.js} +1 -1
- package/_assets/{getNFT-CbZgRluJ.js → getNFT-CEFWuq38.js} +1 -1
- package/_assets/{grid.styles-B1gNJ9t8.js → grid.styles-9axjWKOh.js} +1 -1
- package/_assets/{hashTypedData-BmTdbBr7.js → hashTypedData-DRoLgz93.js} +1 -1
- package/_assets/{hashTypedData-xC0RrFzF.js → hashTypedData-DU5frjBz.js} +1 -1
- package/_assets/{in-app-D6xPBmdK.js → in-app-B7r-w8-I.js} +1 -1
- package/_assets/{in-app-wallet-calls-DRD1x_CO.js → in-app-wallet-calls-DikRiAsm.js} +1 -1
- package/_assets/{index-B9ZWePj8.js → index--d9L6VlZ.js} +3 -3
- package/_assets/{index-p6LU--BY.js → index-B7llCCrg.js} +3 -3
- package/_assets/{index-Dtczzkr-.js → index-BLcuFifQ.js} +1 -1
- package/_assets/{index-Cu7cZeif.js → index-BMoopm2-.js} +1 -1
- package/_assets/{index-C1UOaaoO.js → index-BReAWJ34.js} +1 -1
- package/_assets/{index-D-lT6ZHp.js → index-BTadlrEf.js} +1 -1
- package/_assets/{index-GiJ7q8m3.js → index-BVyKLj9g.js} +1 -1
- package/_assets/{index-8jpO9R0L.js → index-BWwETmQE.js} +1 -1
- package/_assets/{index-BnRijaO7.js → index-Bfbnmm19.js} +2 -2
- package/_assets/{index-dwg60Gnv.js → index-BgabQb2i.js} +1 -1
- package/_assets/{index-pNEW50qZ.js → index-Bggu5dcK.js} +1 -1
- package/_assets/{index-CFCPlMvn.js → index-BkzAB4dC.js} +1 -1
- package/_assets/{index-CrA-gT12.js → index-BlFmY0PY.js} +2 -2
- package/_assets/{index-Cx2Xs8TS.js → index-BvC5hvQr.js} +1 -1
- package/_assets/{index-CVRID3Zs.js → index-Bw8RegM3.js} +1 -1
- package/_assets/{index-DmJ1WEe8.js → index-ByXn6qsZ.js} +1 -1
- package/_assets/{index-BQt-UtVW.js → index-C2dqHPFe.js} +1 -1
- package/_assets/{index-Cqx_iE06.js → index-C2gCqG5-.js} +1 -1
- package/_assets/{index-CakvWn8X.js → index-C5Q9tbiE.js} +2 -2
- package/_assets/{index-BG_zxl6p.js → index-C7mQXKdO.js} +1 -1
- package/_assets/{index-Ds0nhWl1.js → index-CIuQobaT.js} +1 -1
- package/_assets/{index-DzF05fXw.js → index-CKY-zq6_.js} +1 -1
- package/_assets/{index-AUd3llLa.js → index-CMFFdWaD.js} +3 -3
- package/_assets/{index-B47z7qMq.js → index-COXs6Mhj.js} +1 -1
- package/_assets/{index-Qgfkcf-Z.js → index-CSMohmqH.js} +1 -1
- package/_assets/{index-D6orrgpK.js → index-CaO4BbgL.js} +1 -1
- package/_assets/{index-CxFaiS6B.js → index-Cgl5oOLN.js} +1 -1
- package/_assets/{index-CYAsq_LJ.js → index-D4Z2JmNT.js} +1 -1
- package/_assets/{index-HfSTYCId.js → index-DDKTVZmj.js} +1 -1
- package/_assets/{index-Cpx6YfS5.js → index-DLLktYWt.js} +1 -1
- package/_assets/{index-Db5yIiwQ.js → index-DPQIOv9u.js} +1 -1
- package/_assets/{index-By7h7Ees.js → index-DR68c_Xf.js} +1 -1
- package/_assets/{index-DUxAD7Ds.js → index-DZlNnXl_.js} +2 -2
- package/_assets/{index-B3IuheKM.js → index-D_FVnuvd.js} +1 -1
- package/_assets/{index-CXdifgIh.js → index-Dcv3uBNj.js} +1 -1
- package/_assets/{index-SH2zEbyV.js → index-DkxuiR0U.js} +1 -1
- package/_assets/{index-CdIpnfG_.js → index-DrK9O1Pz.js} +1 -1
- package/_assets/index-DvGpQtXK.js +3378 -0
- package/_assets/{index-D56APiYW.js → index-Iv9CW07E.js} +1 -1
- package/_assets/{index-4odeU1-q.js → index-KGamvf3R.js} +8 -8
- package/_assets/{index-C2GswxH6.js → index-KzbPGO4w.js} +1 -1
- package/_assets/{index-DqLl5DCg.js → index-LuVJpw9c.js} +1 -1
- package/_assets/{index-CRwuFsYT.js → index-XPa69X9v.js} +1 -1
- package/_assets/{index-GeaRFVYH.js → index-Y3M9UhW1.js} +3 -3
- package/_assets/{index-xhul-9iX.js → index-Zvh0r5Lt.js} +1 -1
- package/_assets/{index-nBe_oU0G.js → index-cPbHgYyr.js} +1 -1
- package/_assets/{index-CgAxepZC.js → index-fUWjTMSy.js} +1 -1
- package/_assets/{index--2hu34yL.js → index-kngovSRn.js} +1 -1
- package/_assets/{index-Dmg93p28.js → index-rSQnRqcs.js} +1 -1
- package/_assets/{index-Bmjy2mpL.js → index-uRRgUqn2.js} +1 -1
- package/_assets/{index-MmMSnATW.js → index-xqlURRt6.js} +1 -1
- package/_assets/{index-eU7Hyz9Z.js → index-z_VEn6An.js} +1 -1
- package/_assets/{index.es-DHidcgy5.js → index.es-ClGX6azd.js} +1 -1
- package/_assets/{index.es-Cn1zNa1z.js → index.es-DEd0yiWT.js} +4 -4
- package/_assets/{index.es-GVwle0q7.js → index.es-DUY_zrrQ.js} +1 -1
- package/_assets/{localBatchGatewayRequest-VWgW7Rrx.js → localBatchGatewayRequest-DN2xsMJ_.js} +1 -1
- package/_assets/{networks-CDvdXnK2.js → networks-CDFMzeLC.js} +1 -1
- package/_assets/{onramp-DLXpeqxV.js → onramp-BW3vCZnx.js} +1 -1
- package/_assets/{openzeppelin-F7uG1PQF.js → openzeppelin-CUcdj_sx.js} +1 -1
- package/_assets/{parseNft-D-HVZytL.js → parseNft-G6_xBphx.js} +2 -2
- package/_assets/{parseSignature-Ck0-hAYX.js → parseSignature-CIXTBJVX.js} +1 -1
- package/_assets/{parseSignature-Bajk-MJ2.js → parseSignature-DRZnwzny.js} +3 -3
- package/_assets/{passkeys-DTp9eXzY.js → passkeys-Kq30ZnPW.js} +1 -1
- package/_assets/{pay-with-exchange-B7T027Na.js → pay-with-exchange-wv1lVt88.js} +1 -1
- package/_assets/{qr-overlay-D24Rmf2y.js → qr-overlay-BNvjvuvd.js} +1 -1
- package/_assets/{receive-Dpi-pR18.js → receive-BU-20CjU.js} +1 -1
- package/_assets/{resolveImplementation-zRiJR6hj.js → resolveImplementation-C-p0Txrw.js} +1 -1
- package/_assets/{rpc-DBs1enVe.js → rpc-D0gBTa6Z.js} +1 -1
- package/_assets/{secp256k1-DlBFD_9l.js → secp256k1-B3k0VS5Y.js} +1 -1
- package/_assets/{secp256k1-CFlVBTcQ.js → secp256k1-C_-lAZcz.js} +1 -1
- package/_assets/{secp256k1-D988VQxR.js → secp256k1-YCpzKzUb.js} +1 -1
- package/_assets/{send-C--S0H3a.js → send-BRaIAbAO.js} +1 -1
- package/_assets/{send-batch-transaction-BsTouWWn.js → send-batch-transaction-Bab8Fd2d.js} +1 -1
- package/_assets/{send-eip712-transaction-CVPyso6U.js → send-eip712-transaction-CKAs5XET.js} +2 -2
- package/_assets/{send-gasless-transaction-B_ncM11b.js → send-gasless-transaction-CiFZmQQQ.js} +2 -2
- package/_assets/{send-transaction-CQNEiR4D.js → send-transaction-DOvrVTQH.js} +2 -2
- package/_assets/{sendMetaTransaction-BkMNQLKq.js → sendMetaTransaction-D69U0yOu.js} +1 -1
- package/_assets/{sendRawTransaction-eF-4-IOR.js → sendRawTransaction-Cnl8KhyZ.js} +3 -3
- package/_assets/{serializeTransaction-E8IX_hjf.js → serializeTransaction--73AW1zM.js} +1 -1
- package/_assets/{session-proposal-B5Vbxh9X.js → session-proposal-DYdwdKre.js} +1 -1
- package/_assets/{session-request-YtoGiiaC.js → session-request-Dme0ul41.js} +2 -2
- package/_assets/{signing-ChPpUSja.js → signing-Bd3rbnSj.js} +3 -3
- package/_assets/{socials-OPF-4Wmw.js → socials-VohiP86p.js} +1 -1
- package/_assets/{styled-CI0T6-yj.js → styled-CvsbVgfF.js} +2 -2
- package/_assets/{swaps-D9XgTxrT.js → swaps-DKu-ROps.js} +1 -1
- package/_assets/{thirdweb-CJavbJGB.js → thirdweb-BMXspv9l.js} +3 -3
- package/_assets/{to-serializable-transaction-Capw1hGa.js → to-serializable-transaction-CX8P98IC.js} +2 -2
- package/_assets/{trade-encoding-CS-l5HWK.js → trade-encoding-BD8tpz7m.js} +1 -1
- package/_assets/{transactionReceipt-DoRy-YCC.js → transactionReceipt-C3xmpECX.js} +1 -1
- package/_assets/{transactions-DlPEEm5e.js → transactions-8lwN2rpf.js} +1 -1
- package/_assets/{useCreditPacks-_PiP2Q_K.js → useCreditPacks-B-QtC7sA.js} +1 -1
- package/_assets/{useImportable-Dur9WNgJ.js → useImportable-zF3kPKFU.js} +1 -1
- package/_assets/{useInfiniteGrid-OWa5mJdJ.js → useInfiniteGrid-Drc6luef.js} +1 -1
- package/_assets/{useTheme-DpoJyopi.js → useTheme-BXrN5D9V.js} +1 -1
- package/_assets/{verifyHash-BZZQrCdK.js → verifyHash-B5Ov596i.js} +1 -1
- package/_assets/{w3m-modal-BurrNe_2.js → w3m-modal-BfUiYkFq.js} +1 -1
- package/_assets/{w3m-modal-DVcmDyvT.js → w3m-modal-BiPLqXgA.js} +1 -1
- package/_assets/{wait-for-tx-receipt-DABDEQLt.js → wait-for-tx-receipt-DZxMxn7p.js} +1 -1
- package/_assets/{wallets-DsQIZNUu.js → wallets-ZPwMzIt3.js} +5 -5
- package/_assets/{web-connector-CBr7K2EN.js → web-connector-Dsb7R1Dr.js} +3 -3
- package/_assets/{writeContract-Clw7zVob.js → writeContract-BLACgB36.js} +1 -1
- package/_assets/{zoraTestnet-Dofh77OY.js → zoraTestnet-BCAU7V7m.js} +1 -1
- package/index.html +22 -12
- package/package.json +2 -2
- package/sitemap.xml +7 -6
- package/_assets/Creator-CVJd5TOb.js +0 -306
- package/_assets/ItemDetail-CacEb2nn.js +0 -3392
- package/_assets/LazyEmoteControls-DOn7IxHq.js +0 -2
- package/_assets/OutfitDetail-CSx4d1E1.js +0 -334
- package/_assets/builder-dRN2Kgse.js +0 -1
- package/_assets/disposePreview-DIA1G1eQ.js +0 -1
- package/_assets/index-CpUnpBQ7.js +0 -3378
|
@@ -1,3392 +0,0 @@
|
|
|
1
|
-
var ol=Object.defineProperty;var il=(n,a,t)=>a in n?ol(n,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[a]=t;var H=(n,a,t)=>il(n,typeof a!="symbol"?a+"":a,t);import{r as v,a as sl,j as s,d as Bt,l as ys,R as M,h as cl,u as ll,b as dl,L as ul}from"./react-DehiWSvs.js";import{s as m,t as u,d as g,I as U,a1 as pl,w as Ie,ax as Ke,e as wt,bF as Wr,k as At,b4 as bs,b5 as fl,x as Ht,bc as hl,at as vs,au as sr,be as la,S as ue,bi as Ue,bh as at,cr as ml,A as Ne,bg as Br,bf as ws,b3 as gl,r as xl,c as rn,g as da,a as yl,C as ks,v as bl,n as xe,F as vl,W as Dr,ae as Cr,y as wa,b2 as en,p as Ds,z as Tn,bo as Cs,cs as wl,B as Nn,ad as un,as as Hr,K as Ss,bN as uo,bO as kl,i as Ms,ct as Dl,o as Cl,P as Pn,cu as Sl,cv as Ml,cw as _l,a8 as Pl,cx as Il,cy as jl,ag as _s,cz as Ps,cA as El,cB as Tl,b as Is,cC as Nl,cD as $l,cE as Ol,cF as Rl,aw as Al,cG as Ll,af as Fl,l as Yl,cH as Wl,cI as Bl,cJ as Hl,a2 as zl,a3 as ql,aq as Kl,q as Ql,a4 as Vl,a5 as Ul,a6 as Xl,cK as po,bn as Gl,cL as Jl,cM as Zl,cN as ed,cO as td,cP as nd,cQ as rd,cR as ad}from"./index-CpUnpBQ7.js";import{d as Ae}from"./dcl-schemas-Dr9BTjb7.js";import{$ as zr,m as od,K as id,V as sd,Q as js,R as cd,M as ld,S as dd,C as ud,H as pd,a as fd,T as hd,X as md,b as gd,B as xd,c as yd,d as bd,e as vd,f as Vt,j as Kn,k as Ut,W as wd,p as kd,q as Dd,P as Cd,x as Sd,y as Md,z as _d,D as Pd,E as Id,F as jd,G as Ed,I as Td,J as Nd,L as $d,l as Od,n as Rd,o as Ad,a0 as Ld,a1 as Fd,A as Yd,r as Wd,s as Bd,t as Hd,u as zd,v as qd,w as Kd,a2 as Qd,a3 as Vd,a4 as Ud,N as Xd,O as fo,U as Gd}from"./CollectionCarousel-DENDQYmz.js";import{a as cr,t as Jd,c as Zd}from"./buy-D5A2EHRt.js";import{a as eu}from"./builder-dRN2Kgse.js";import{u as tu,M as nu,l as ru,c as au}from"./useCreditPacks-_PiP2Q_K.js";import{m as ho}from"./mana-matic-C4e1sNO3.js";import{j as Es,a as Ts,n as ou,k as iu,b as mo,g as Ns,M as su,e as cu,r as lu,m as du,c as uu}from"./authorizations-D_1liO7d.js";import{a as $s,w as Os,S as Rs,G as As}from"./buy-gasless-DOjyxrOK.js";import{R as go}from"./resume-buy-Bf0zIH7y.js";import{a as pu,f as bt,i as an}from"./errors-BQ78iy4c.js";import{E as ut}from"./ErrorNotice-BEc3g8r8.js";import{C as fu}from"./CircularProgress-ZsDKUKD2.js";import{f as hu,h as mu,i as gu,e as xu,d as yu,a as bu}from"./trade-encoding-CS-l5HWK.js";import{M as vu,E as wu,s as ku}from"./sendMetaTransaction-BkMNQLKq.js";import{C as Du,I as Cu}from"./ethers-CtNGBird.js";import{E as Su}from"./LazyEmoteControls-DOn7IxHq.js";import{u as Mu,d as _u}from"./disposePreview-DIA1G1eQ.js";import{T as Pu}from"./Tooltip-D1ZBIqYA.js";import"./sentry-973sfbO9.js";import"./intl-CBcMB1D2.js";import"./clsx-WwvpwSg0.js";import"./styled-CI0T6-yj.js";const on=Math.min,Nt=Math.max,lr=Math.round,Qn=Math.floor,it=n=>({x:n,y:n}),Iu={left:"right",right:"left",bottom:"top",top:"bottom"};function ju(n,a,t){return Nt(n,on(a,t))}function Sr(n,a){return typeof n=="function"?n(a):n}function sn(n){return n.split("-")[0]}function $n(n){return n.split("-")[1]}function Eu(n){return n==="x"?"y":"x"}function ka(n){return n==="y"?"height":"width"}function Et(n){const a=n[0];return a==="t"||a==="b"?"y":"x"}function Da(n){return Eu(Et(n))}function Tu(n,a,t){t===void 0&&(t=!1);const e=$n(n),r=Da(n),o=ka(r);let i=r==="x"?e===(t?"end":"start")?"right":"left":e==="start"?"bottom":"top";return a.reference[o]>a.floating[o]&&(i=dr(i)),[i,dr(i)]}function Nu(n){const a=dr(n);return[ua(n),a,ua(a)]}function ua(n){return n.includes("start")?n.replace("start","end"):n.replace("end","start")}const xo=["left","right"],yo=["right","left"],$u=["top","bottom"],Ou=["bottom","top"];function Ru(n,a,t){switch(n){case"top":case"bottom":return t?a?yo:xo:a?xo:yo;case"left":case"right":return a?$u:Ou;default:return[]}}function Au(n,a,t,e){const r=$n(n);let o=Ru(sn(n),t==="start",e);return r&&(o=o.map(i=>i+"-"+r),a&&(o=o.concat(o.map(ua)))),o}function dr(n){const a=sn(n);return Iu[a]+n.slice(a.length)}function Lu(n){var a,t,e,r;return{top:(a=n.top)!=null?a:0,right:(t=n.right)!=null?t:0,bottom:(e=n.bottom)!=null?e:0,left:(r=n.left)!=null?r:0}}function Ls(n){return typeof n!="number"?Lu(n):{top:n,right:n,bottom:n,left:n}}function ur(n){const{x:a,y:t,width:e,height:r}=n;return{width:e,height:r,top:t,left:a,right:a+e,bottom:t+r,x:a,y:t}}function bo(n,a,t){let{reference:e,floating:r}=n;const o=Et(a),i=Da(a),c=ka(i),l=sn(a),p=o==="y",d=e.x+e.width/2-r.width/2,h=e.y+e.height/2-r.height/2,x=e[c]/2-r[c]/2;let b;switch(l){case"top":b={x:d,y:e.y-r.height};break;case"bottom":b={x:d,y:e.y+e.height};break;case"right":b={x:e.x+e.width,y:h};break;case"left":b={x:e.x-r.width,y:h};break;default:b={x:e.x,y:e.y}}const y=$n(a);return y&&(b[i]+=x*(y==="end"?1:-1)*(t&&p?-1:1)),b}async function Fu(n,a){var t;a===void 0&&(a={});const{x:e,y:r,platform:o,rects:i,elements:c,strategy:l}=n,{boundary:p="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:x=!1,padding:b=0}=Sr(a,n),y=Ls(b),k=c[x?h==="floating"?"reference":"floating":h],f=ur(await o.getClippingRect({element:(t=await(o.isElement==null?void 0:o.isElement(k)))==null||t?k:k.contextElement||await(o.getDocumentElement==null?void 0:o.getDocumentElement(c.floating)),boundary:p,rootBoundary:d,strategy:l})),C=h==="floating"?{x:e,y:r,width:i.floating.width,height:i.floating.height}:i.reference,N=await(o.getOffsetParent==null?void 0:o.getOffsetParent(c.floating)),E=await(o.isElement==null?void 0:o.isElement(N))&&await(o.getScale==null?void 0:o.getScale(N))||{x:1,y:1},R=ur(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:C,offsetParent:N,strategy:l}):C);return{top:(f.top-R.top+y.top)/E.y,bottom:(R.bottom-f.bottom+y.bottom)/E.y,left:(f.left-R.left+y.left)/E.x,right:(R.right-f.right+y.right)/E.x}}const Yu=50,Wu=async(n,a,t)=>{const{placement:e="bottom",strategy:r="absolute",middleware:o=[],platform:i}=t,c=i.detectOverflow?i:{...i,detectOverflow:Fu},l=await(i.isRTL==null?void 0:i.isRTL(a));let p=await i.getElementRects({reference:n,floating:a,strategy:r}),{x:d,y:h}=bo(p,e,l),x=e,b=0;const y={};for(let w=0;w<o.length;w++){const k=o[w];if(!k)continue;const{name:f,fn:C}=k,{x:N,y:E,data:R,reset:$}=await C({x:d,y:h,initialPlacement:e,placement:x,strategy:r,middlewareData:y,rects:p,platform:c,elements:{reference:n,floating:a}});d=N??d,h=E??h,y[f]={...y[f],...R},$&&b<Yu&&(b++,typeof $=="object"&&($.placement&&(x=$.placement),$.rects&&(p=$.rects===!0?await i.getElementRects({reference:n,floating:a,strategy:r}):$.rects),{x:d,y:h}=bo(p,x,l)),w=-1)}return{x:d,y:h,placement:x,strategy:r,middlewareData:y}},Bu=n=>({name:"arrow",options:n,async fn(a){const{x:t,y:e,placement:r,rects:o,platform:i,elements:c,middlewareData:l}=a,{element:p,padding:d=0}=Sr(n,a)||{};if(p==null)return{};const h=Ls(d),x={x:t,y:e},b=Da(r),y=ka(b),w=await i.getDimensions(p),k=b==="y",f=k?"top":"left",C=k?"bottom":"right",N=k?"clientHeight":"clientWidth",E=o.reference[y]+o.reference[b]-x[b]-o.floating[y],R=x[b]-o.reference[b],$=await(i.getOffsetParent==null?void 0:i.getOffsetParent(p));let S=$?$[N]:0;(!S||!await(i.isElement==null?void 0:i.isElement($)))&&(S=c.floating[N]||o.floating[y]);const D=E/2-R/2,P=S/2-w[y]/2-1,I=on(h[f],P),O=on(h[C],P),T=S-w[y]-O,W=S/2-w[y]/2+D,z=ju(I,W,T),V=!l.arrow&&$n(r)!=null&&W!==z&&o.reference[y]/2-(W<I?I:O)-w[y]/2<0,Y=V?W<I?W-I:W-T:0;return{[b]:x[b]+Y,data:{[b]:z,centerOffset:W-z-Y,...V&&{alignmentOffset:Y}},reset:V}}}),Hu=function(n){return n===void 0&&(n={}),{name:"flip",options:n,async fn(a){var t,e;const{placement:r,middlewareData:o,rects:i,initialPlacement:c,platform:l,elements:p}=a,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:x,fallbackStrategy:b="bestFit",fallbackAxisSideDirection:y="none",flipAlignment:w=!0,...k}=Sr(n,a);if((t=o.arrow)!=null&&t.alignmentOffset)return{};const f=sn(r),C=Et(c),N=sn(c)===c,E=await(l.isRTL==null?void 0:l.isRTL(p.floating)),R=x||(N||!w?[dr(c)]:Nu(c)),$=y!=="none";!x&&$&&R.push(...Au(c,w,y,E));const S=[c,...R],D=await l.detectOverflow(a,k),P=[];let I=((e=o.flip)==null?void 0:e.overflows)||[];if(d&&P.push(D[f]),h){const z=Tu(r,i,E);P.push(D[z[0]],D[z[1]])}if(I=[...I,{placement:r,overflows:P}],!P.every(z=>z<=0)){var O,T;const z=(((O=o.flip)==null?void 0:O.index)||0)+1,V=S[z];if(V&&(!(h==="alignment"?C!==Et(V):!1)||I.every(_=>Et(_.placement)===C?_.overflows[0]>0:!0)))return{data:{index:z,overflows:I},reset:{placement:V}};let Y=(T=I.filter(q=>q.overflows[0]<=0).sort((q,_)=>q.overflows[1]-_.overflows[1])[0])==null?void 0:T.placement;if(!Y)switch(b){case"bestFit":{var W;const q=(W=I.filter(_=>{if($){const J=Et(_.placement);return J===C||J==="y"}return!0}).map(_=>[_.placement,_.overflows.filter(J=>J>0).reduce((J,me)=>J+me,0)]).sort((_,J)=>_[1]-J[1])[0])==null?void 0:W[0];q&&(Y=q);break}case"initialPlacement":Y=c;break}if(r!==Y)return{reset:{placement:Y}}}return{}}}},zu=new Set(["left","top"]);async function qu(n,a){const{placement:t,platform:e,elements:r}=n,o=await(e.isRTL==null?void 0:e.isRTL(r.floating)),i=sn(t),c=$n(t),l=Et(t)==="y",p=zu.has(i)?-1:1,d=o&&l?-1:1,h=Sr(a,n);let{mainAxis:x,crossAxis:b,alignmentAxis:y}=typeof h=="number"?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return c&&typeof y=="number"&&(b=c==="end"?y*-1:y),l?{x:b*d,y:x*p}:{x:x*p,y:b*d}}const Ku=function(n){return n===void 0&&(n=0),{name:"offset",options:n,async fn(a){var t,e;const{x:r,y:o,placement:i,middlewareData:c}=a,l=await qu(a,n);return i===((t=c.offset)==null?void 0:t.placement)&&(e=c.arrow)!=null&&e.alignmentOffset?{}:{x:r+l.x,y:o+l.y,data:{...l,placement:i}}}}};function Mr(){return typeof window<"u"}function pn(n){return Fs(n)?(n.nodeName||"").toLowerCase():"#document"}function je(n){var a;return(n==null||(a=n.ownerDocument)==null?void 0:a.defaultView)||window}function ht(n){var a;return(a=(Fs(n)?n.ownerDocument:n.document)||window.document)==null?void 0:a.documentElement}function Fs(n){return Mr()?n instanceof Node||n instanceof je(n).Node:!1}function Pe(n){return Mr()?n instanceof Element||n instanceof je(n).Element:!1}function Ct(n){return Mr()?n instanceof HTMLElement||n instanceof je(n).HTMLElement:!1}function vo(n){return!Mr()||typeof ShadowRoot>"u"?!1:n instanceof ShadowRoot||n instanceof je(n).ShadowRoot}function _r(n){const{overflow:a,overflowX:t,overflowY:e,display:r}=Fe(n);return/auto|scroll|overlay|hidden|clip/.test(a+e+t)&&r!=="inline"&&r!=="contents"}function Qu(n){return/^(table|td|th)$/.test(pn(n))}function Pr(n){try{if(n.matches(":popover-open"))return!0}catch{}try{return n.matches(":modal")}catch{return!1}}const Vu=/transform|translate|scale|rotate|perspective|filter/,Uu=/paint|layout|strict|content/,It=n=>!!n&&n!=="none";let qr;function Ca(n){const a=Pe(n)?Fe(n):n;return It(a.transform)||It(a.translate)||It(a.scale)||It(a.rotate)||It(a.perspective)||!Sa()&&(It(a.backdropFilter)||It(a.filter))||Vu.test(a.willChange||"")||Uu.test(a.contain||"")}function Xu(n){let a=Lt(n);for(;Ct(a)&&!In(a);){if(Ca(a))return a;if(Pr(a))return null;a=Lt(a)}return null}function Sa(){return qr==null&&(qr=typeof CSS<"u"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),qr}function In(n){return/^(html|body|#document)$/.test(pn(n))}function Fe(n){return je(n).getComputedStyle(n)}function Ir(n){return Pe(n)?{scrollLeft:n.scrollLeft,scrollTop:n.scrollTop}:{scrollLeft:n.scrollX,scrollTop:n.scrollY}}function Lt(n){if(pn(n)==="html")return n;const a=n.assignedSlot||n.parentNode||vo(n)&&n.host||ht(n);return vo(a)?a.host:a}function Ys(n){const a=Lt(n);return In(a)?(n.ownerDocument||n).body:Ct(a)&&_r(a)?a:Ys(a)}function jn(n,a,t){var e;a===void 0&&(a=[]),t===void 0&&(t=!0);const r=Ys(n),o=r===((e=n.ownerDocument)==null?void 0:e.body),i=je(r);if(o){const c=pa(i);return a.concat(i,i.visualViewport||[],_r(r)?r:[],c&&t?jn(c):[])}else return a.concat(r,jn(r,[],t))}function pa(n){return n.parent&&Object.getPrototypeOf(n.parent)?n.frameElement:null}function Ws(n){const a=Fe(n);let t=parseFloat(a.width)||0,e=parseFloat(a.height)||0;const r=Ct(n),o=r?n.offsetWidth:t,i=r?n.offsetHeight:e,c=lr(t)!==o||lr(e)!==i;return c&&(t=o,e=i),{width:t,height:e,$:c}}function Ma(n){return Pe(n)?n:n.contextElement}function tn(n){const a=Ma(n);if(!Ct(a))return it(1);const t=a.getBoundingClientRect(),{width:e,height:r,$:o}=Ws(a);let i=(o?lr(t.width):t.width)/e,c=(o?lr(t.height):t.height)/r;return(!i||!Number.isFinite(i))&&(i=1),(!c||!Number.isFinite(c))&&(c=1),{x:i,y:c}}const Gu=it(0);function Bs(n){const a=je(n);return!Sa()||!a.visualViewport?Gu:{x:a.visualViewport.offsetLeft,y:a.visualViewport.offsetTop}}function Ju(n,a,t){return a===void 0&&(a=!1),!!t&&a&&t===je(n)}function Ft(n,a,t,e){a===void 0&&(a=!1),t===void 0&&(t=!1);const r=n.getBoundingClientRect(),o=Ma(n);let i=it(1);a&&(e?Pe(e)&&(i=tn(e)):i=tn(n));const c=Ju(o,t,e)?Bs(o):it(0);let l=(r.left+c.x)/i.x,p=(r.top+c.y)/i.y,d=r.width/i.x,h=r.height/i.y;if(o&&e){const x=je(o),b=Pe(e)?je(e):e;let y=x,w=pa(y);for(;w&&b!==y;){const k=tn(w),f=w.getBoundingClientRect(),C=Fe(w),N=f.left+(w.clientLeft+parseFloat(C.paddingLeft))*k.x,E=f.top+(w.clientTop+parseFloat(C.paddingTop))*k.y;l*=k.x,p*=k.y,d*=k.x,h*=k.y,l+=N,p+=E,y=je(w),w=pa(y)}}return ur({width:d,height:h,x:l,y:p})}function jr(n,a){const t=Ir(n).scrollLeft;return a?a.left+t:Ft(ht(n)).left+t}function Hs(n,a){const t=n.getBoundingClientRect(),e=t.left+a.scrollLeft-jr(n,t),r=t.top+a.scrollTop;return{x:e,y:r}}function Zu(n){let{elements:a,rect:t,offsetParent:e,strategy:r}=n;const o=r==="fixed",i=ht(e),c=a?Pr(a.floating):!1;if(e===i||c&&o)return t;let l={scrollLeft:0,scrollTop:0},p=it(1);const d=it(0),h=Ct(e);if((h||!o)&&((pn(e)!=="body"||_r(i))&&(l=Ir(e)),h)){const b=Ft(e);p=tn(e),d.x=b.x+e.clientLeft,d.y=b.y+e.clientTop}const x=i&&!h&&!o?Hs(i,l):it(0);return{width:t.width*p.x,height:t.height*p.y,x:t.x*p.x-l.scrollLeft*p.x+d.x+x.x,y:t.y*p.y-l.scrollTop*p.y+d.y+x.y}}function ep(n){return n.getClientRects?Array.from(n.getClientRects()):[]}function tp(n){const a=Ir(n),t=n.ownerDocument.body,e=Nt(n.scrollWidth,n.clientWidth,t.scrollWidth,t.clientWidth),r=Nt(n.scrollHeight,n.clientHeight,t.scrollHeight,t.clientHeight);let o=-a.scrollLeft+jr(n);const i=-a.scrollTop;return Fe(t).direction==="rtl"&&(o+=Nt(n.clientWidth,t.clientWidth)-e),{width:e,height:r,x:o,y:i}}const np=25;function rp(n,a,t){t===void 0&&(t="viewport");const e=t==="layoutViewport",r=je(n),o=ht(n),i=r.visualViewport;let c=o.clientWidth,l=o.clientHeight,p=0,d=0;if(i){const x=!Sa()||a==="fixed";e?x||(p=-i.offsetLeft,d=-i.offsetTop):(c=i.width,l=i.height,x&&(p=i.offsetLeft,d=i.offsetTop))}if(jr(o)<=0){const x=o.ownerDocument,b=x.body,y=getComputedStyle(b),w=x.compatMode==="CSS1Compat"&&parseFloat(y.marginLeft)+parseFloat(y.marginRight)||0,k=Math.abs(o.clientWidth-b.clientWidth-w),f=getComputedStyle(o).scrollbarGutter==="stable both-edges"?k/2:k;f<=np&&(c-=f)}return{width:c,height:l,x:p,y:d}}function ap(n,a){const t=Ft(n,!0,a==="fixed"),e=t.top+n.clientTop,r=t.left+n.clientLeft,o=tn(n),i=n.clientWidth*o.x,c=n.clientHeight*o.y,l=r*o.x,p=e*o.y;return{width:i,height:c,x:l,y:p}}function wo(n,a,t){let e;if(a==="viewport"||a==="layoutViewport")e=rp(n,t,a);else if(a==="document")e=tp(ht(n));else if(Pe(a))e=ap(a,t);else{const r=Bs(n);e={x:a.x-r.x,y:a.y-r.y,width:a.width,height:a.height}}return ur(e)}function op(n,a){const t=a.get(n);if(t)return t;let e=jn(n,[],!1).filter(c=>Pe(c)&&pn(c)!=="body"),r=null;const o=Fe(n).position==="fixed";let i=o?Lt(n):n;for(;Pe(i)&&!In(i);){const c=Fe(i),l=Ca(i),p=r?r.position:o?"fixed":"";!l&&(p==="fixed"||p==="absolute"&&c.position==="static")?e=e.filter(h=>h!==i):r=c,i=Lt(i)}return a.set(n,e),e}function ip(n){let{element:a,boundary:t,rootBoundary:e,strategy:r}=n;const i=[...t==="clippingAncestors"?Pr(a)?[]:op(a,this._c):[].concat(t),e],c=wo(a,i[0],r);let l=c.top,p=c.right,d=c.bottom,h=c.left;for(let x=1;x<i.length;x++){const b=wo(a,i[x],r);l=Nt(b.top,l),p=on(b.right,p),d=on(b.bottom,d),h=Nt(b.left,h)}return{width:p-h,height:d-l,x:h,y:l}}function sp(n){const{width:a,height:t}=Ws(n);return{width:a,height:t}}function cp(n,a,t){const e=Ct(a),r=ht(a),o=t==="fixed",i=Ft(n,!0,o,a);let c={scrollLeft:0,scrollTop:0};const l=it(0);if((e||!o)&&((pn(a)!=="body"||_r(r))&&(c=Ir(a)),e)){const x=Ft(a,!0,o,a);l.x=x.x+a.clientLeft,l.y=x.y+a.clientTop}!e&&r&&(l.x=jr(r));const p=r&&!e&&!o?Hs(r,c):it(0),d=i.left+c.scrollLeft-l.x-p.x,h=i.top+c.scrollTop-l.y-p.y;return{x:d,y:h,width:i.width,height:i.height}}function Kr(n){return Fe(n).position==="static"}function ko(n,a){if(!Ct(n)||Fe(n).position==="fixed")return null;if(a)return a(n);let t=n.offsetParent;return ht(n)===t&&(t=t.ownerDocument.body),t}function zs(n,a){const t=je(n);if(Pr(n))return t;if(!Ct(n)){let r=Lt(n);for(;r&&!In(r);){if(Pe(r)&&!Kr(r))return r;r=Lt(r)}return t}let e=ko(n,a);for(;e&&Qu(e)&&Kr(e);)e=ko(e,a);return e&&In(e)&&Kr(e)&&!Ca(e)?t:e||Xu(n)||t}const lp=async function(n){const a=this.getOffsetParent||zs,t=this.getDimensions,e=await t(n.floating);return{reference:cp(n.reference,await a(n.floating),n.strategy),floating:{x:0,y:0,width:e.width,height:e.height}}};function dp(n){return Fe(n).direction==="rtl"}const up={convertOffsetParentRelativeRectToViewportRelativeRect:Zu,getDocumentElement:ht,getClippingRect:ip,getOffsetParent:zs,getElementRects:lp,getClientRects:ep,getDimensions:sp,getScale:tn,isElement:Pe,isRTL:dp};function qs(n,a){return n.x===a.x&&n.y===a.y&&n.width===a.width&&n.height===a.height}function pp(n,a,t){let e=null,r;const o=ht(n);function i(){var d;clearTimeout(r),(d=e)==null||d.disconnect(),e=null}function c(d,h){d===void 0&&(d=!1),h===void 0&&(h=1),i();const x=n.getBoundingClientRect(),{left:b,top:y,width:w,height:k}=x;if(d||a(),!w||!k)return;const f=Qn(y),C=Qn(o.clientWidth-(b+w)),N=Qn(o.clientHeight-(y+k)),E=Qn(b),$={rootMargin:-f+"px "+-C+"px "+-N+"px "+-E+"px",threshold:Nt(0,on(1,h))||1};let S=!0;function D(P){const I=P[0].intersectionRatio;if(!qs(x,n.getBoundingClientRect()))return c();if(I!==h){if(!S)return c();I?c(!1,I):r=setTimeout(()=>{c(!1,1e-7)},1e3)}S=!1}try{e=new IntersectionObserver(D,{...$,root:o.ownerDocument})}catch{e=new IntersectionObserver(D,$)}e.observe(n)}const l=je(n),p=()=>c(t);return l.addEventListener("resize",p),c(!0),()=>{l.removeEventListener("resize",p),i()}}function fp(n,a,t,e){e===void 0&&(e={});const{ancestorScroll:r=!0,ancestorResize:o=!0,elementResize:i=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:l=!1}=e,p=Ma(n),d=r||o?[...p?jn(p):[],...a?jn(a):[]]:[];d.forEach(f=>{r&&f.addEventListener("scroll",t),o&&f.addEventListener("resize",t)});const h=p&&c?pp(p,t,o):null;let x=-1,b=null;i&&(b=new ResizeObserver(f=>{let[C]=f;C&&C.target===p&&b&&a&&(b.unobserve(a),cancelAnimationFrame(x),x=requestAnimationFrame(()=>{var N;(N=b)==null||N.observe(a)})),t()}),p&&!l&&b.observe(p),a&&b.observe(a));let y,w=l?Ft(n):null;l&&k();function k(){const f=Ft(n);w&&!qs(w,f)&&t(),w=f,y=requestAnimationFrame(k)}return t(),()=>{var f;d.forEach(C=>{r&&C.removeEventListener("scroll",t),o&&C.removeEventListener("resize",t)}),h==null||h(),(f=b)==null||f.disconnect(),b=null,l&&cancelAnimationFrame(y)}}const hp=Ku,mp=Hu,Do=Bu,gp=(n,a,t)=>{const e=new Map,r=t??{},o={...up,...r.platform,_c:e};return Wu(n,a,{...r,platform:o})};var xp=typeof document<"u",yp=function(){},tr=xp?v.useLayoutEffect:yp;function pr(n,a){if(n===a)return!0;if(typeof n!=typeof a)return!1;if(typeof n=="function"&&n.toString()===a.toString())return!0;let t,e,r;if(n&&a&&typeof n=="object"){if(Array.isArray(n)){if(t=n.length,t!==a.length)return!1;for(e=t;e--!==0;)if(!pr(n[e],a[e]))return!1;return!0}if(r=Object.keys(n),t=r.length,t!==Object.keys(a).length)return!1;for(e=t;e--!==0;)if(!{}.hasOwnProperty.call(a,r[e]))return!1;for(e=t;e--!==0;){const o=r[e];if(!(o==="_owner"&&n.$$typeof)&&!pr(n[o],a[o]))return!1}return!0}return n!==n&&a!==a}function Ks(n){return typeof window>"u"?1:(n.ownerDocument.defaultView||window).devicePixelRatio||1}function Co(n,a){const t=Ks(n);return Math.round(a*t)/t}function Qr(n){const a=v.useRef(n);return tr(()=>{a.current=n}),a}function bp(n){n===void 0&&(n={});const{placement:a="bottom",strategy:t="absolute",middleware:e=[],platform:r,elements:{reference:o,floating:i}={},transform:c=!0,whileElementsMounted:l,open:p}=n,[d,h]=v.useState({x:0,y:0,strategy:t,placement:a,middlewareData:{},isPositioned:!1}),[x,b]=v.useState(e);pr(x,e)||b(e);const[y,w]=v.useState(null),[k,f]=v.useState(null),C=v.useCallback(_=>{_!==$.current&&($.current=_,w(_))},[]),N=v.useCallback(_=>{_!==S.current&&(S.current=_,f(_))},[]),E=o||y,R=i||k,$=v.useRef(null),S=v.useRef(null),D=v.useRef(d),P=l!=null,I=Qr(l),O=Qr(r),T=Qr(p),W=v.useCallback(()=>{if(!$.current||!S.current)return;const _={placement:a,strategy:t,middleware:x};O.current&&(_.platform=O.current),gp($.current,S.current,_).then(J=>{const me={...J,isPositioned:T.current!==!1};z.current&&!pr(D.current,me)&&(D.current=me,sl.flushSync(()=>{h(me)}))})},[x,a,t,O,T]);tr(()=>{p===!1&&D.current.isPositioned&&(D.current.isPositioned=!1,h(_=>({..._,isPositioned:!1})))},[p]);const z=v.useRef(!1);tr(()=>(z.current=!0,()=>{z.current=!1}),[]),tr(()=>{if(E&&($.current=E),R&&(S.current=R),E&&R){if(I.current)return I.current(E,R,W);W()}},[E,R,W,I,P]);const V=v.useMemo(()=>({reference:$,floating:S,setReference:C,setFloating:N}),[C,N]),Y=v.useMemo(()=>({reference:E,floating:R}),[E,R]),q=v.useMemo(()=>{const _={position:t,left:0,top:0};if(!Y.floating)return _;const J=Co(Y.floating,d.x),me=Co(Y.floating,d.y);return c?{..._,transform:"translate("+J+"px, "+me+"px)",...Ks(Y.floating)>=1.5&&{willChange:"transform"}}:{position:t,left:J,top:me}},[t,c,Y.floating,d.x,d.y]);return v.useMemo(()=>({...d,update:W,refs:V,elements:Y,floatingStyles:q}),[d,W,V,Y,q])}const vp=n=>{function a(t){return{}.hasOwnProperty.call(t,"current")}return{name:"arrow",options:n,fn(t){const{element:e,padding:r}=typeof n=="function"?n(t):n;return e&&a(e)?e.current!=null?Do({element:e.current,padding:r}).fn(t):{}:e?Do({element:e,padding:r}).fn(t):{}}}},wp=(n,a)=>{const t=hp(n);return{name:t.name,fn:t.fn,options:[n,a]}},kp=(n,a)=>{const t=mp(n);return{name:t.name,fn:t.fn,options:[n,a]}},Dp=(n,a)=>{const t=vp(n);return{name:t.name,fn:t.fn,options:[n,a]}},Qs=216n,Cp=(1n<<Qs)-1n;function Sp(n){const a=typeof n=="bigint"?n:BigInt(n.trim());if(a<0n)throw new Error(`Invalid tokenId: ${String(n)}`);return{itemId:(a>>Qs).toString(),issuedId:(a&Cp).toString()}}function Mp(n){if(!n)return null;try{return Sp(n).itemId}catch{return null}}const Vs=["cancelled-listings"];function _p(n,a){a&&n.setQueryData(Vs,t=>t!=null&&t.includes(a)?t:[...t??[],a])}function So(n,a){var t;if(a)return(t=n.getQueryData(Vs))!=null&&t.includes(a)?void 0:a}function Mo(n,a){return a.kind==="listed"?{...n,isOnSale:!0,listingPrice:a.priceCredits,tradeId:a.tradeId??n.tradeId}:{...n,isOnSale:!1,listingPrice:void 0,tradeId:void 0}}function Vr(n,a,t){const{address:e,contractAddress:r,tokenId:o}=a;if(!r||!o)return;const i=`${r}-${o}`;n.cancelQueries({queryKey:["owned-token",r,o]}),n.cancelQueries({queryKey:["secondary-sale-state"]}),e&&n.cancelQueries({queryKey:["my-assets",e]});const c=t.kind==="gone";n.setQueriesData({queryKey:["owned-token",r,o]},p=>p&&(c?null:Mo(p,t)));const l=e?["my-assets",e]:["my-assets"];n.setQueriesData({queryKey:l},p=>p!=null&&p.pages?{...p,pages:p.pages.map(d=>{if(c){const h=d.items.filter(x=>!(x.contractAddress===r&&x.tokenId===o));return{...d,items:h,total:Math.max(0,d.total-(d.items.length-h.length))}}return{...d,items:d.items.map(h=>h.contractAddress===r&&h.tokenId===o?Mo(h,t):h)}})}:p),n.setQueriesData({queryKey:["secondary-sale-state"]},p=>{var h;if(!p)return p;const d={...p};return t.kind==="removed"||t.kind==="gone"?delete d[i]:d[i]={priceCredits:t.priceCredits,tradeId:t.tradeId??((h=d[i])==null?void 0:h.tradeId)??""},d})}function Pp(n){return!(n.isMarket||n.forSale&&n.priceKnown||n.manage||n.soldOutWithResale||!n.stillResolving&&!n.resolvingTrade&&(n.isTokenRoute?!n.ownedAssetLoading:!n.deepLinkLoading))}const Ip="data:image/webp;base64,UklGRqgOAABXRUJQVlA4IJwOAACwOwCdASqEAIsAPj0YikMiIaEWuib4IAPEtQBl0QC/bukK7J6X8cPZP5F69/Nvhj8oPlD3odY/QB8RXPv/C+3n59+izzA/0l/3/9064PmD/bH9Zvey/33r8/2PqC/zH/fdaX6EX7O+nP+3Xwlfub+33tOf/+7N8wTMuJT/znss7V9qD/DcDplr/deudN0/Rcajjp49/Q//7vLR70+4X+tP/R9az//+3r9z/Yk/ZVVfCa+jj+kU2kxc+zPDZIZQYWF19BTevkFTZdPnQBT3YukdDX/AtCNcmvBrFJ96eYkUWaCCtnOpfB+/IETSsPYuwsabIrqSWHYoPBskXi/DUubCFDAf/6+0pCLU1kmMIueWH8HebltZsATbIO+vXwG1gHAXjGECElz7j/+GXHZJM9ORAFgOa/b/pGdMUEE9PfuMHx1G3GpnRw8WEP5FknNoUNOyb6iY5VX/W5w6pnS5r1srs4CXTuHzUJLdvXVpyiQNuBwCyLYlukPjvLuqqHRrv5/jHTa1L+iumi2wLA8NzahM3euE6fvC7shIbIWajyLkVYhWOOdMRjOWdhSN1wi7JvE4t+bFXSVHOX+4DnQxVhhUKacLKMYPHhQKLZSdyYzM66dZ22undenNBcAjNHjBW+9t0W2glcAA/v44VaU8mJJP1Vz1l456kKu23B2wH7M9h1OtAwoGAGj8t///XA7H+OEVSxGjYfFAlM1Upvv/NmvKOBdxK8JXyQLqAqwy0bgja/QQTJKOEDkKXVg8HRGbA4YhU/9KZ5ulhbrnm7S6a3XhSmzHNxDfaPRezgQ0/P9ZW+KbLltsoK42ORYMdpD+ZNjvwybgVPBD9EHv+g73MeRCpYGemyJk33SfCLWO6KdUBlYRNr8Mo+qAoyC9JkWFe7IXV7Z97jmAJIiqXCgQLxyeB+hbtaa+FYbgl1eFTp7G94pdaY/8UctUnxSI5D+T1JSv+XjPm9esp935RnwxdbS6hotafVZHEYXhNE4yJuAqxUJUaOkBZ4Q5Np6wPjASRuycYuHZCHt2R3u3m2lnPOuVzRIM8oEZ+8HzouhdC8oAvg58NyHo8Vf/7w6NRKTABd/OXH580LMQQTdyszsubdMC9/V6zXxPvXQB4tlSIcLFtIZFgSmZyjuhvazQPJXERNOoR7CaZw2muWotmc1HOhl5YIiupxst1r61HraNl8+SaP5hh5c7eE4Z6mR6kPSQtsPTv801VocMwO0llrMRk3g20bZASEJCSF4Xx+DAKcXCpAzekMGHeOQQlMSqol0oZ2ysJ28N7WILeisnEJpp8bXhs8i8xP/JPeJ2mWM/qBOuL4jtzJRTFsHCrSkF/+pIoYxOUwFvqJ2lIDhsQ+Dz/qLXkaF2dV0Db/02Uizaa1nU3ROJmPBQ6h+88RI0hr61bueh7niiMRqzuJoERGL1qHWPKkBT/sDemsRnxsjKFqcFLTTAMZxAHbmHPs5H+gAJu4EWTOsRVgo4wVNO7iEWnl8abB2NKiM08EauUs8uWo5Z315p9I4R8yNXBrdAFfvjjpJnweJotSWdraKLe8Nl/IYJ30/Dch5FFjZQDeUJyDjNQ7UncafuesORQsS8gbMBhIjaMpkz6lFhQXTEwXffXf7Igim1f2TvIBMbUucINFHNBalbwuR9n4nktwHAAfhJinTX1ZSIcI1ivEBZqhr0PihAYnQEI4t+UIeMlIexMcD9pex7ffiC7xTypCNQZ4els7i0w1dRQPGkGSiqBhVpmYU/fa5AEsstEza3yJiyo46A8tdBZR7k+QjkjZi4R3JTDru7uAH8uAs99WmAWo7EtCfnIVcFLpMMVm4ysLp+H8w7tsa7oiAMOicQjpI206qt9gXJK0SRDCqXnpQPO5Za/sa0F9pFtQdk0IWV1bUZl50bsz1jRSgkgGLnG7codLl+O70us5JrrEAGElgaaXnHmCBhRme/TrpssMp3xOmZk0SYGH4jXStL3ojRg1WS450m9OdBzDKSErTczJlZu3nVH0YlqU/vLXp8ZUrVMqDnxO/EDMcahK1NulV8mcj+VKn2kPGku5QKF7iJJ93wd472rPI/Ty+MgECIrxo3TeA9OD96pLAgpF+t5iFercE6smtM9t5wruffSJ5YsS5pfMVNDdsPVS/vqwqHZRqUOSVWSD7wcqsWWt/WN3HUKS6iMJZmWe1iI77VOQ3eXgNA3zI7C5meewdOYjeaBg8EZ4cvdhJKn/67zSZITA8+fLTxDPm67nxcLbn0wDujGAF6ej27TC1GqzrpfQw+lBiRxSz4jn8x6VpAlKugU0gBAuZ2+zgZzWdAbq7juw3/PLVwGoU2eek5v1hW8Yi+T4pFEd7BdDbQRpv5l060TsIDWyr9/Pu6Tx8Sw/pTLwo9gG5L/9I96u2gJNoTogVbEpdYwfpMHBIK4E6gJ5WN2U5wK1nBhrHIFmBXZAyRjaCkurXxFowaB+aWWdVEz+6qj68/QnbWxjpU4xFg9mlaF5HokpyipN1BP+k6+3NQScKOSoApBIXm21svSUNNsYAQ+zgmQ6ZkAuSAynxgKswcfJiuA/e2Nuv6ODDw2h2Ceq5hldyZOZeMHbiAYuM60m33jsww0Uz8+4/Bry8tjZgXaLV/rlL5uP5pLf69IGbOFb1crxcN24yoKmIUAdtPf/co1SMQaxe913fYm8SZSj915c3LIj6HJguanjJB6xbKrwwZw9vmhrhshZpL2fNE3anpscm25z86/pFd9p//RYhaUgA56qx4HTvcD8lvvGAIW22PuYEMmYiZSbeHxpCKrG9iOKsxe7LXBfbQYCY12ed09vd/sLTpEmjuW1E/TSy9EhvRhF69d0KSSUeK1/2fqD9GZPe2s80Jdih9w6NwLxO/AC8AeZjS8gZIOafjhXVpzaKvhix8s1cO27cpUc/x13ywHu7WNVApWpCMNak9/QsanffreW5zk5UGrb/XFcJBpw/fp7Y3P/TiVlv9tm+xxsH4iw1MojhGsNJqBf9G0EGCyYh/OIjLOgv/KiVKn4KT9JKP/Uc0gvWfojQoL2cbQ/YHropMzIdwcarcB8fu08LL6cIHAPb9B2z/Rf4UJL/Ubdmy6jlxdkE01o3uWTeD2rD+IAvKf/22mdXvFK7jqHe499e/ceQouvvdG6cBfIpIAkF5/R7eOANm/YyxLS/ZfMwsdOv+JfuzzugHhAo470jWPURUr0Xn4njgpqI+Qj94gnkGTC0ReIxqIPS1b+RbjDc4MZZ9MAklPArtww4KsqO2JaWOom1/1AxsyPutOFrKBiuTdjE382yfu5g+GJKuwQu3cq2dabFpJyy44S7v5bpURssVtr1D8mxEYVlQ8fly+KRc+ozMRv8u9dj5jffRCTLisRHP3X8ahsJ2oZhd4aftYRWOx0T+gZ97rtkDRPJzlhfgLyMqiSvJjpxVKpv3PStthRNe8R8F9H8DFoPHSzHLmhe/uDSPeh3WffAKbjMKv32PUBbzp6f4GfwfjQD/xKCCRvV98FxqiqzNKlGnRzdZ6TCwaGLcgYygtYmNZKzhf7rOF9XXcVsNe/FloRRkBYeol7dma2BOGazDoZhxAkI5TWDGkO8Rd23eAUtpTOtgLoJdxik+XTsCLBz3xztmixjiZMgk33zVBoTsxJCpowT8UgJm56EBgWIJ8zDHdKSIvYtAuQo90BfPpwlqLFvQ62szIXGObwVCJBdaPQ6AOlSDrg/4M1Xptssca7lnD2z+0dh3f4AYJrPrGcXP9SGBq30IEgvBsrZOjfe7U2ZVguXost19mo1m/Hb/FwWSc3O9fFFBQJhZEYd9T8i0MIYbgdWdTEH41gDraRIKZizyjK4jVPPgi35lSRpQkyGFqloeLs0ULHVnqozYp97FxyjGuHBsWiA1dhcOzxWfb+9L2kk8EkzMe++yJQ9GqbD1xtOvYtb2UOexwpbDJAFJlPRYBxrMkATgGwSW4A2LWZy+pBo0GmiM1YGavhsPEBxglF83gZ9QIggiukPYB85BDmmb8ru99wD+DQvP4hu2YCz6A5kp/sJD3qOI7HIsJxRDkaO3sf/bYfZuqa3LdVmIT853KYb79N6neXufSxFSQnyi30mJHYwVcLOmAbDRvHYwF83Y4b3NN8NOUSH4LXUFaZBoYelYzeiQg8IgkLa+g/RwRCUThxaOaTGfQNDGN2fFLJrDqh88e6T9bmWy9AzEoG29fv9hO+1zA0iEWnoTtNr1dBlC2eHYfWgoiWCBVcaC6cO6fIpEIncf2VapcojDaS3FujWm+w8IoiKoq9+Zzm1wng7TIKJKpp1mkbm3M2In/0vTqkGRtDVzLmUu/MzvzlpfyE7VFsAdsreB5BqSs60/mfodU1+j2SN84H1YurnWx4Z0u73N5QCNLLIlXEzvcE48IcvnvHogKXfYviH/f2iBtI3vrK3GIiThSR8ykXmUtIrxTtqbHvy82xxbyqM/ya2sKPKRdTrD85uEPL0Z8dvPiUfiVRCut4V5CnXWKzMKwmyXh2zdT/Wx1klkw4ixJ8NP/3JGF0lDVYVde7ZwEYrPdHJhgCgfH5KfwXpHykSyj20QwjG+7rDeFrrmlBS2dEbI2bOB2rMTgueOmZlfczR+dUuIss1K61IE1X8XChw2KIfkpCOP4G5DW2FBnK7MOx72/39EtlmaGIvi2uPD/S5KJCGWSH/ADxGkdDXJbT7IjwL0GTIWO1pkQgtPfrQ4KW84E+PdkU9hIuQO3a3Vgp9tGVCmDEX5bfo3c8W46FFBoLX5w3HFzNNkhTPTtJV+IO6h3yF4X9d2YxLqM+HnAwS2XyEvNrrcQbJx60XMbhF2fZy8hFLKLl0VHYvud4N/vW3v2siUFHw/s3F2S/62Z0mef3ERpa+28r0gvweNyUduP3KKmphD4cnGwoSlKz/BeXUnlO/hw9Eftd/qtYsyl+fxCu6ydlFSjlf8r5gsxR3kPUVtX3Z+hYk0O6LvcRQsJSnlitd9TCW4zGE59EoMxN2N0izBRDgAAAAAAA==",jp="data:image/webp;base64,UklGRgwMAABXRUJQVlA4IAAMAABQMwCdASqOAI4APjkYiUMiIaEZqk6cIAOEtQBlWQCsPxs/GflL+WHzA1P+zfhD+l/sr8cvBbpH0DOTP9j/evah/rPUf5gn6af7r+49dfzDfsz+yPvGf6f1W/4r/M+wB/P/9T/8+wi9BLyzP28+En9t/3N9pH/y+wB///UA///FKf5/td/0HnLBOfeD9h6++yHaw/yO+agA+p/ExpOMeXoT54Xq72Df1z9Mz2AfuT7OS8YmVmOsmf5jqgueuMtdVDf7/8IGxCrKJVChp/KFp2oKFsO3+XUmwngaj6/KEi7C1DSuCh+zzCla9qnnEkR/lN/ebybUtOwxC/p+mhLOJMySpLEWwLMbmUzXCqcNK16hnpbCN+9vw3+nXHO91JFWS3EIj7YQRHRQllV+lVSTFM7EpzAIoof/7r+m1Y4VEnW29BCxuD7ccWEUcsaJd2V30EeDTbQCaEKZWFPJDxNOW38bQtKqiq2JW1YTvNG580QG2R6n6RStIpR01qX2WRZI0IQp89aKwHBuygxv09yseoLGd7tytCoaI5ow7+H+adzdekfWYAD+/t14UP643nlJr6+fzCSALmONrhm1HM9r/VJjGO780J/4xzq4fmwzMh+yAP7ORoQMYPQFL8+iKum/1qkeJnhtmLx36EDUhiylPQ1f/qsUYuEhCbZyW2XdXCBD6slorbYJhPZwGmkvNnewiRvcjvWe/0lvRe9+QjeaSNVOY2ffJT8NEWYqjJz0kA+mY53/IW+QpHju9l0d6eT6y8FYqHsW468sTTOvbtnAoyEhXaKkNND6o8lteDtnWHy+Odw4k0hfK3nM0cM+kp2GLZ+CT8ioE50GyNbNgn8B8vCW4Eb1K4YoeNGuq1kvFzfgCWvcW2sZTTO3e5pXWr9cnX3FbDGqPTujc9duJ35YmVbpjyAcEoH1KCsTRrycxu43ZGHhfL+GmEAA8o+8wd8lAHeorj9Ryp7uuWZ38R9AQACcqcUXurMjB7gxTl/8xweLH63MF21d2KMg4fem8ZkD3SkUG7Q2rP54BMmdjxJ9JgaZUrMBrV9GFqpJczgl9UAaP3Q/7R7nbexZ2UeB3HiCy5MKPjugecflKlll5aFJ07nRCYyOLOH9fb16mNlL9mWM259E31qcK4wpda3WGYMHOBOaKNfOxovW/u1df+qNevMn1SC/4vGKJstZ9PqE5btrilfwv0nSAQj/Q8dWAb3WKIAty9DT33t9vLz+e4aQNXru1U9rK+wTBmpCqEX9pSfSBywG8++6tF9Dzvt2dp4Ly/5FJPaOcH8+nU1a4l+XoTwpqk+yKJ0iY57ceXfl4fU77cs/8L0P1s44NWEIIX86Dx3zJvZGkQIn7YASFbLuKUuL3yyRmjK3epZIzS8q6ehQeQqVqnUw5eIPN0EX1yynGeDQjR24rjnxVtUlIqynCfszNLYPYyMIwwON0q2nCWvku6CZCUlEuZx+rruZ0xqcBzHF3xWmXItXuids516hkBSbPMThKqgTUZMGMMZ62azX5N94SBL7v+uS3P1ZCIza02Pgn8T/7NTE78CT0LmzqBEC1cH4OXLHyTqY4j+Cv4FoAejB3EJwCMhQiMLdnkb5qW+J4vEOTFUB7Xtvd2QgBXt0k5szm1QueRBDJMGAt549zXUvC1ayeSEuaGWhwb/JWOZA0tRqXLQIHMmA82/fqojN7zFdCeuCpV6YJGfleJFx9hM3E7DqKfRPG4dnevUWEzc89PCbOwSauxRXX967+DJbLaRzaXYPAP/+OlZ3hsk3xp6FDz62cJz/7UaqZ+L8ljKHJDJWb9z+bmcBGTKwg/bFy7aMSTVyVg/9Enj7xbwkU2zfy1/pKg7+NgTQWum04uv1OJbN57ArGK7D490MId38WjC65l78Pzu7NrN+B5ijzNoWH04e9Pcl73tni1fiORqqFrog6q/CamsBAlZRZWBLHKtN6Yh//b8qVGprn8VPF/VK7nZW70N1XtzyT2leLRfwRBqo4SIhuvqxOdHKNJHg1LXTlB/coShBHuyLS6wu/+o/YEwXybvqf7Ojys881X2cXNmexU04k0vUcyy+rKGmM6FnI6THfe2Tix72WnhHh2AingEVPQUoIIJG/7B5WrgJ2xfS2lCjFca1D73Hm7ye+fLOZSi+2TchrOAv2hi5xEYo5KiLYwKu2IfS0p+QqzkMEFyCIOuC5NFapFAWKWQ4O86kaENGqe1+v1ZILPmw86ztmGYuIizbkFakccHhURH+Ve+h8AyTPfiC9+E5uxgWh8E6sT7nhJN09IOah7RxqqKRX6/DFYH2bNmBZyWTrbWW1s1eweEC3mN7vG3Xt9bpw4bRqMuHNPiNK85445nBEmityQdIjtjF3JrZ9HpOaGrIuaaeW3iH7C44ITfsHcVJY/vTdpC3tqmtf6/BZ93mlQFBY0MluEiRTe7oUB1E7LiUGz8rkQZKJJIZ8JMSfjqUHyhDrL+B56rUW+pbd3PqVOLYiTglN+0DPhK3WpSI6wpdyvXOsWHG4Ta5xPCXk5JZSlld8F/X2O2QLiHXW587NTGkyZLQ6JCTo39tmm7vd3es4poNsDPbjhYJyGpRAqxjHLWCeyeJlvbDOieNltR+r952RSdtbkG3oHdvfxW6Pjb2YAyxaThXMTTyT/zYYm1Io6wic5GHpk2XOYbuPpM7ZevMxHtXuBU8xAFZEdeyKTe9uH/UGK8BYHm+N3bjkSBBpccHo+7RNVIX0s99vCP2NiXc4nAAswcNqVIDGDGL6yw9mQLnqJf67m0nhpkYMDU727dp0HJr9Ha4iu2nYrY4WbHC36j2N6iLfMKcTWaiJt5jGxWzb8A4vlC0YiHxi5G6hurHxARx6MMSf0bJmtyeeiRQVN0qy7dj2EAbarH0fHm8s8R9FBsmP+MaJ0EUAPwv7ty5BsY6D6Hyr/0JE2SgiBzriUqckvhNPR/OwC+JD1Mm2bjOFSq3qsiw9Kiw1KRymrWkF4Qd4V3XEi19kg/72fWqSSD/uvXkbLvcUeuGxmWIlDoBdKEkl/ld8xhLrLwdg7FyqOP4DS3VTAlFdd9/5MRMl56GDvO+HKTHXbsW9X+r6GRr2IX31uEVBI3/pfOScwYkF4hYkTmzP22VY8UCUvDruM6mfYED5HA88Gd+rn0t/0+v1vs1ArAcyeSS+U1QWvfTziu2+evgTaZB/x2HIzCmH0LGpMC6803Upr2innO/UcDUHEYKg6Un3+HxdlU2lPbniy4HPzLfzrAE94TRlcuoeOqrcTI7eAgYRNKwXh7XIeFrCsmIRgrt8YMu2v4jM0icqwly+QPuy2Kw8J6cXH2BA7K2LAF85VIVNVoRlDLXxjwsBb4heeCxAzkU+gm7I1b5uvL3i2xq/xj+lhL8t6XTKJliRrlPGHQuVR3ZceU87KLxOQcICfVOCe7B88mxyvsB2FmiotOM3UOnG+VcZ3jL1W+JFDzYyR9Y3KsZNaeJAazd5ajmnZLTYIY7gJ4N4t99U2hY/CMgI0yMNLaq3cJB0CNBsd1hRKl7lZ1wMh16/EZx5jig5JWvlZNPTMuJFHvpW42fyFjIfKslwVHB/SJKWDRr3w9uFCRm/Z3ABn2ydMFGvXjMZEaTsZlqF17J76wjrLkgmgcbtrtL9N8T3dXsKhM4LPscSPo2kc9MfW3dmjuo98vCdxBR/RvMAgm0VzEuXulny1QdmDMzoBUfPseIFkTNYFg89+m4OKn/8Xc28jcPteGx8v0vwYyKNlOAZvi/yt7OImF7kADj+rzqjSoqwVTnCCjOKrF1Gt1i+6oeDggdd5wEh1ghvxdHELxvJeJE8x82cfHEVXhE9Nheu7Q1WycLXUTZA8oZHsdBaBFpk6vyYdYFT8YTShaCjPle1+2DJHzXzhRUQ6ZY/HcDs/vS2V8+jO+pjV23u5WL6yRWULzVi+0qUXIiJzd9qj65YnWPMxIubcSpm+5n8vMpysoMuGzoNwBmNszF+S+b8acZRgm2Gi0UT5OGuYwq4wZ5kmd8OqnDzhze2RxwMRtRm+17eKYWzLWtgVuOca/HWuBI58UC9FNZtBLv1l2htg7Iyehb/cr9uKvXkPXh0LFeyfEc49dOsGvppssGqOAAAAA=",Ep=m.div`
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
gap: 24px;
|
|
5
|
-
padding: 12px 16px 16px;
|
|
6
|
-
min-height: 0;
|
|
7
|
-
overflow-y: auto;
|
|
8
|
-
`,Tp=m.div`
|
|
9
|
-
display: flex;
|
|
10
|
-
align-items: center;
|
|
11
|
-
justify-content: space-between;
|
|
12
|
-
gap: 8px;
|
|
13
|
-
padding-bottom: 16px;
|
|
14
|
-
border-bottom: 1px solid ${u.colors.gray4};
|
|
15
|
-
`,Np=m.h2`
|
|
16
|
-
margin: 0;
|
|
17
|
-
font-family: ${u.font.sans};
|
|
18
|
-
font-weight: 600;
|
|
19
|
-
font-size: 20px;
|
|
20
|
-
line-height: 1.6;
|
|
21
|
-
color: ${u.colors.text};
|
|
22
|
-
`,$p=m.button`
|
|
23
|
-
flex: none;
|
|
24
|
-
display: grid;
|
|
25
|
-
place-items: center;
|
|
26
|
-
width: 18.535px;
|
|
27
|
-
height: 18.535px;
|
|
28
|
-
border: 0;
|
|
29
|
-
background: none;
|
|
30
|
-
cursor: pointer;
|
|
31
|
-
color: ${u.colors.text};
|
|
32
|
-
|
|
33
|
-
&:disabled {
|
|
34
|
-
opacity: 0.4;
|
|
35
|
-
cursor: default;
|
|
36
|
-
}
|
|
37
|
-
&:focus-visible {
|
|
38
|
-
outline: 2px solid ${u.colors.accent};
|
|
39
|
-
outline-offset: 2px;
|
|
40
|
-
}
|
|
41
|
-
`,Op=m.div`
|
|
42
|
-
display: flex;
|
|
43
|
-
align-items: center;
|
|
44
|
-
gap: 12px;
|
|
45
|
-
`,Rp=m.div`
|
|
46
|
-
flex: none;
|
|
47
|
-
display: grid;
|
|
48
|
-
place-items: center;
|
|
49
|
-
width: 180.465px;
|
|
50
|
-
height: 179.763px;
|
|
51
|
-
border-radius: 15.746px;
|
|
52
|
-
background: ${u.colors.media};
|
|
53
|
-
border: 0.176px solid ${u.colors.muted2};
|
|
54
|
-
overflow: hidden;
|
|
55
|
-
|
|
56
|
-
img {
|
|
57
|
-
width: 149.568px;
|
|
58
|
-
height: 148.866px;
|
|
59
|
-
object-fit: contain;
|
|
60
|
-
filter: drop-shadow(0.736px 2.945px 3.682px rgba(0, 0, 0, 0.1));
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
${u.media.maxWidth("mobile")} {
|
|
64
|
-
width: 120px;
|
|
65
|
-
height: 120px;
|
|
66
|
-
}
|
|
67
|
-
`,Ap=m.div`
|
|
68
|
-
flex: 1 1 0;
|
|
69
|
-
min-width: 0;
|
|
70
|
-
display: flex;
|
|
71
|
-
flex-direction: column;
|
|
72
|
-
gap: 32px;
|
|
73
|
-
padding: 8px;
|
|
74
|
-
`,Lp=m.p`
|
|
75
|
-
margin: 0;
|
|
76
|
-
font-family: ${u.font.sans};
|
|
77
|
-
font-weight: 600;
|
|
78
|
-
font-size: 20px;
|
|
79
|
-
line-height: 1.57;
|
|
80
|
-
color: ${u.colors.text};
|
|
81
|
-
overflow: hidden;
|
|
82
|
-
text-overflow: ellipsis;
|
|
83
|
-
`,Fp=m.div`
|
|
84
|
-
> div {
|
|
85
|
-
font-family: ${u.font.sans};
|
|
86
|
-
font-size: 10px;
|
|
87
|
-
line-height: 1.43;
|
|
88
|
-
color: ${u.colors.muted};
|
|
89
|
-
}
|
|
90
|
-
`,Yp=m.div`
|
|
91
|
-
display: flex;
|
|
92
|
-
align-items: center;
|
|
93
|
-
gap: 4px;
|
|
94
|
-
|
|
95
|
-
/* A 24px slot holding a 19.855px glyph — keep both boxes rather than one flat size. */
|
|
96
|
-
.ico {
|
|
97
|
-
width: 24px;
|
|
98
|
-
height: 24px;
|
|
99
|
-
background: ${u.colors.text2};
|
|
100
|
-
-webkit-mask-size: 19.855px 19.855px;
|
|
101
|
-
mask-size: 19.855px 19.855px;
|
|
102
|
-
-webkit-mask-position: left center;
|
|
103
|
-
mask-position: left center;
|
|
104
|
-
}
|
|
105
|
-
span {
|
|
106
|
-
font-family: ${u.font.sans};
|
|
107
|
-
font-weight: 600;
|
|
108
|
-
font-size: 24px;
|
|
109
|
-
color: ${u.colors.text2};
|
|
110
|
-
}
|
|
111
|
-
`,Wp=m.div`
|
|
112
|
-
display: flex;
|
|
113
|
-
flex-direction: column;
|
|
114
|
-
gap: 12px;
|
|
115
|
-
`,_o=m.button`
|
|
116
|
-
display: flex;
|
|
117
|
-
align-items: center;
|
|
118
|
-
justify-content: space-between;
|
|
119
|
-
width: 100%;
|
|
120
|
-
padding: 12px 12px 12px 0;
|
|
121
|
-
border-radius: 12px;
|
|
122
|
-
border: 0.5px solid ${u.colors.muted};
|
|
123
|
-
background: ${u.colors.white};
|
|
124
|
-
cursor: pointer;
|
|
125
|
-
text-align: left;
|
|
126
|
-
font-family: ${u.font.sans};
|
|
127
|
-
|
|
128
|
-
&[data-selected='true'] {
|
|
129
|
-
/* Flare gradient border (melon → ruby) painted over the row fill via the border-box trick, so the
|
|
130
|
-
12px corners stay rounded (border-image can't clip them). Fill is gray-5 when selected. */
|
|
131
|
-
background:
|
|
132
|
-
linear-gradient(${u.colors.media}, ${u.colors.media}) padding-box,
|
|
133
|
-
${u.gradients.flare} border-box;
|
|
134
|
-
border: 3px solid transparent;
|
|
135
|
-
}
|
|
136
|
-
&[data-disabled='true'] {
|
|
137
|
-
cursor: not-allowed;
|
|
138
|
-
opacity: 0.55;
|
|
139
|
-
}
|
|
140
|
-
&:focus-visible {
|
|
141
|
-
outline: 2px solid ${u.colors.accent};
|
|
142
|
-
outline-offset: 2px;
|
|
143
|
-
}
|
|
144
|
-
`,Po=m.div`
|
|
145
|
-
flex: none;
|
|
146
|
-
display: flex;
|
|
147
|
-
align-items: center;
|
|
148
|
-
justify-content: center;
|
|
149
|
-
min-width: 36px;
|
|
150
|
-
/* 12px on the left (per review) so the control clears the row's rounded corner; 9px elsewhere. */
|
|
151
|
-
padding: 9px 9px 9px 12px;
|
|
152
|
-
`,Io=m.span`
|
|
153
|
-
display: grid;
|
|
154
|
-
place-items: center;
|
|
155
|
-
width: 20px;
|
|
156
|
-
height: 20px;
|
|
157
|
-
border-radius: 4px;
|
|
158
|
-
border: 2px solid ${u.colors.muted2};
|
|
159
|
-
background: ${u.colors.white};
|
|
160
|
-
|
|
161
|
-
&[data-checked='true'] {
|
|
162
|
-
border-color: ${u.colors.text};
|
|
163
|
-
background: ${u.colors.text};
|
|
164
|
-
}
|
|
165
|
-
.ico {
|
|
166
|
-
width: 14px;
|
|
167
|
-
height: 14px;
|
|
168
|
-
background: ${u.colors.white};
|
|
169
|
-
}
|
|
170
|
-
`,jo=m.div`
|
|
171
|
-
flex: 1 1 0;
|
|
172
|
-
min-width: 0;
|
|
173
|
-
display: flex;
|
|
174
|
-
align-items: center;
|
|
175
|
-
justify-content: space-between;
|
|
176
|
-
gap: 8px;
|
|
177
|
-
`,Eo=m.div`
|
|
178
|
-
display: flex;
|
|
179
|
-
align-items: center;
|
|
180
|
-
gap: 13px;
|
|
181
|
-
min-width: 0;
|
|
182
|
-
`,To=m.span`
|
|
183
|
-
flex: none;
|
|
184
|
-
display: grid;
|
|
185
|
-
place-items: center;
|
|
186
|
-
`,No=m.img`
|
|
187
|
-
flex: none;
|
|
188
|
-
display: block;
|
|
189
|
-
width: ${({w:n})=>n}px;
|
|
190
|
-
height: ${({h:n})=>n}px;
|
|
191
|
-
object-fit: contain;
|
|
192
|
-
`,$o=m.div`
|
|
193
|
-
display: flex;
|
|
194
|
-
flex-direction: column;
|
|
195
|
-
min-width: 0;
|
|
196
|
-
`,Oo=m.span`
|
|
197
|
-
text-transform: capitalize;
|
|
198
|
-
font-family: ${u.font.sans};
|
|
199
|
-
font-weight: 700;
|
|
200
|
-
font-size: 15px;
|
|
201
|
-
line-height: 26px;
|
|
202
|
-
letter-spacing: -0.2px;
|
|
203
|
-
color: ${u.colors.text2};
|
|
204
|
-
`,Ro=m.span`
|
|
205
|
-
display: flex;
|
|
206
|
-
align-items: center;
|
|
207
|
-
gap: 4px;
|
|
208
|
-
font-family: ${u.font.sans};
|
|
209
|
-
font-size: 12px;
|
|
210
|
-
line-height: 1;
|
|
211
|
-
color: ${u.colors.muted1};
|
|
212
|
-
|
|
213
|
-
/* A 13px slot holding a 10.4px glyph. */
|
|
214
|
-
.ico {
|
|
215
|
-
width: 13px;
|
|
216
|
-
height: 13px;
|
|
217
|
-
background: ${u.colors.text};
|
|
218
|
-
-webkit-mask-size: 10.4px 10.4px;
|
|
219
|
-
mask-size: 10.4px 10.4px;
|
|
220
|
-
-webkit-mask-position: left center;
|
|
221
|
-
mask-position: left center;
|
|
222
|
-
}
|
|
223
|
-
`,Ao=m.span`
|
|
224
|
-
font-size: 10.4px;
|
|
225
|
-
color: ${u.colors.text};
|
|
226
|
-
`;m.span`
|
|
227
|
-
font-family: ${u.font.sans};
|
|
228
|
-
font-size: 12px;
|
|
229
|
-
font-weight: 600;
|
|
230
|
-
color: ${u.colors.dclRed};
|
|
231
|
-
`;const Lo=m.div`
|
|
232
|
-
flex: none;
|
|
233
|
-
display: flex;
|
|
234
|
-
align-items: center;
|
|
235
|
-
gap: 6px;
|
|
236
|
-
|
|
237
|
-
.ico {
|
|
238
|
-
width: 24px;
|
|
239
|
-
height: 24px;
|
|
240
|
-
background: ${u.colors.text2};
|
|
241
|
-
-webkit-mask-size: 19.855px 19.855px;
|
|
242
|
-
mask-size: 19.855px 19.855px;
|
|
243
|
-
-webkit-mask-position: left center;
|
|
244
|
-
mask-position: left center;
|
|
245
|
-
}
|
|
246
|
-
span {
|
|
247
|
-
font-family: ${u.font.sans};
|
|
248
|
-
font-weight: 600;
|
|
249
|
-
font-size: 20px;
|
|
250
|
-
color: ${u.colors.text2};
|
|
251
|
-
}
|
|
252
|
-
`,Fo=m.div`
|
|
253
|
-
flex: none;
|
|
254
|
-
display: flex;
|
|
255
|
-
flex-direction: column;
|
|
256
|
-
align-items: flex-end;
|
|
257
|
-
gap: 2px;
|
|
258
|
-
`,Bp=m.span`
|
|
259
|
-
font-family: ${u.font.sans};
|
|
260
|
-
font-weight: 400;
|
|
261
|
-
font-size: 12px;
|
|
262
|
-
line-height: 1;
|
|
263
|
-
color: ${u.colors.muted};
|
|
264
|
-
white-space: nowrap;
|
|
265
|
-
`,Hp=m.button`
|
|
266
|
-
width: 100%;
|
|
267
|
-
height: 46px;
|
|
268
|
-
border: 0;
|
|
269
|
-
border-radius: 12px;
|
|
270
|
-
cursor: pointer;
|
|
271
|
-
background: ${u.gradients.amethyst};
|
|
272
|
-
color: ${u.colors.softWhite};
|
|
273
|
-
font-family: ${u.font.sans};
|
|
274
|
-
font-weight: 600;
|
|
275
|
-
font-size: 15px;
|
|
276
|
-
line-height: 24px;
|
|
277
|
-
letter-spacing: 0.46px;
|
|
278
|
-
text-transform: uppercase;
|
|
279
|
-
|
|
280
|
-
&:hover:not(:disabled) {
|
|
281
|
-
filter: brightness(1.05);
|
|
282
|
-
}
|
|
283
|
-
&:focus-visible {
|
|
284
|
-
outline: 2px solid ${u.colors.accent};
|
|
285
|
-
outline-offset: 2px;
|
|
286
|
-
}
|
|
287
|
-
&:disabled {
|
|
288
|
-
opacity: 0.6;
|
|
289
|
-
cursor: default;
|
|
290
|
-
}
|
|
291
|
-
`,zp=m.img`
|
|
292
|
-
width: 13px;
|
|
293
|
-
height: 13px;
|
|
294
|
-
display: block;
|
|
295
|
-
`,qp=m.img`
|
|
296
|
-
width: 24px;
|
|
297
|
-
height: 24px;
|
|
298
|
-
display: block;
|
|
299
|
-
`;m.span`
|
|
300
|
-
flex: none;
|
|
301
|
-
width: 32px;
|
|
302
|
-
display: grid;
|
|
303
|
-
gap: 2px;
|
|
304
|
-
place-items: center;
|
|
305
|
-
|
|
306
|
-
.ico {
|
|
307
|
-
width: 15px;
|
|
308
|
-
height: 15px;
|
|
309
|
-
background: ${u.colors.text2};
|
|
310
|
-
}
|
|
311
|
-
img {
|
|
312
|
-
width: 15px;
|
|
313
|
-
height: 15px;
|
|
314
|
-
display: block;
|
|
315
|
-
}
|
|
316
|
-
`;m.div`
|
|
317
|
-
flex: none;
|
|
318
|
-
display: flex;
|
|
319
|
-
align-items: center;
|
|
320
|
-
gap: 4px;
|
|
321
|
-
|
|
322
|
-
.ico {
|
|
323
|
-
width: 18px;
|
|
324
|
-
height: 18px;
|
|
325
|
-
background: ${u.colors.text2};
|
|
326
|
-
}
|
|
327
|
-
img {
|
|
328
|
-
width: 18px;
|
|
329
|
-
height: 18px;
|
|
330
|
-
display: block;
|
|
331
|
-
}
|
|
332
|
-
span {
|
|
333
|
-
font-family: ${u.font.sans};
|
|
334
|
-
font-weight: 600;
|
|
335
|
-
font-size: 17px;
|
|
336
|
-
color: ${u.colors.text2};
|
|
337
|
-
}
|
|
338
|
-
`;m.span`
|
|
339
|
-
font-family: ${u.font.sans};
|
|
340
|
-
font-weight: 600;
|
|
341
|
-
font-size: 15px;
|
|
342
|
-
color: ${u.colors.muted};
|
|
343
|
-
`;const Kp=m.span`
|
|
344
|
-
font-family: ${u.font.sans};
|
|
345
|
-
font-size: 11px;
|
|
346
|
-
line-height: 1.35;
|
|
347
|
-
color: ${u.colors.muted};
|
|
348
|
-
`;function Qp({item:n,priceCredits:a,priceCents:t,options:e,priceManaWei:r,balanceCredits:o,manaBalanceWei:i,onBuy:c,onClose:l,busy:p=!1,shortfall:d}){const h=e.find(I=>I.method==="credits")??null,x=e.find(I=>I.method==="mana")??null,b=e.find(I=>I.method==="combined")??null,[y,w]=v.useState(()=>h?new Set(["credits"]):b?new Set(["credits","mana"]):x?new Set(["mana"]):new Set),k=!!h||!!b,f=!!x||!!b;v.useEffect(()=>{w(I=>{const O=new Set(I);return O.has("credits")&&!k&&O.delete("credits"),O.has("mana")&&!f&&O.delete("mana"),O.size===I.size?I:O})},[k,f]);const C=y.has("credits"),N=y.has("mana"),E=C&&N?b?"combined":null:C?h?"credits":null:N&&x?"mana":null,R=od(t,r),$=R!=null?g("buyModal.manaRate",{mana:R.toLocaleString("en",{maximumFractionDigits:2})}):null,S=E==="combined"&&b?b.creditsCents:(h==null?void 0:h.creditsCents)??t,D=E==="combined"&&b?b.manaWei:(x==null?void 0:x.manaWei)??r;function P(I){w(O=>{const T=new Set(O);return T.has(I)?T.delete(I):T.add(I),T})}return s.jsxs(Ep,{children:[s.jsxs(Tp,{children:[s.jsx(Np,{children:g("buyModal.choosePayment")}),s.jsx($p,{onClick:l,disabled:p,"aria-label":g("buyModal.close"),children:s.jsx(U,{name:"close",className:"ico"})})]}),s.jsxs(Op,{children:[s.jsx(Rp,{children:n.thumbnail?s.jsx("img",{src:n.thumbnail,alt:""}):null}),s.jsxs(Ap,{children:[s.jsxs("div",{children:[s.jsx(Lp,{title:n.name,children:n.name||g("buyModal.itemFallback")}),n.creator?s.jsx(Fp,{children:s.jsx(pl,{address:n.creator})}):null]}),s.jsxs(Yp,{children:[s.jsx(Ie,{}),s.jsx("span",{children:Ke(a)})]})]})]}),s.jsxs(Wp,{children:[s.jsxs(_o,{type:"button","data-testid":"pay-with-credits","data-selected":C,"data-disabled":!k,disabled:p||!k,"aria-pressed":C,onClick:()=>P("credits"),children:[s.jsx(Po,{children:s.jsx(Io,{"data-checked":C,children:s.jsx(U,{name:"check",className:"ico"})})}),s.jsxs(jo,{children:[s.jsxs(Eo,{children:[s.jsx(To,{children:s.jsx(No,{src:Ip,w:32.582,h:34.401,alt:"","aria-hidden":!0})}),s.jsxs($o,{children:[s.jsx(Oo,{children:wt.name}),s.jsxs(Ro,{children:[g("buyModal.creditsBalanceLabel"),s.jsx(Ie,{}),s.jsx(Ao,{children:Ke(o)})]})]})]}),s.jsx(Fo,{children:s.jsxs(Lo,{children:[s.jsx(Ie,{}),s.jsx("span",{children:Ke(zr(S))})]})})]})]}),s.jsxs(_o,{type:"button","data-testid":"pay-with-mana","data-selected":N,"data-disabled":!f,disabled:p||!f,"aria-pressed":N,onClick:()=>P("mana"),children:[s.jsx(Po,{children:s.jsx(Io,{"data-checked":N,children:s.jsx(U,{name:"check",className:"ico"})})}),s.jsxs(jo,{children:[s.jsxs(Eo,{children:[s.jsx(To,{children:s.jsx(No,{src:jp,w:35.328,h:35.328,alt:"","aria-hidden":!0})}),s.jsxs($o,{children:[s.jsx(Oo,{children:g("buyModal.methodMana")}),s.jsxs(Ro,{children:[g("buyModal.manaBalanceLabel"),s.jsx(zp,{src:ho,alt:"","aria-hidden":!0}),s.jsx(Ao,{children:Wr(i)})]})]})]}),s.jsx(Fo,{children:f?s.jsxs(s.Fragment,{children:[s.jsxs(Lo,{children:[s.jsx(qp,{src:ho,alt:"","aria-hidden":!0}),s.jsx("span",{children:Wr(D)})]}),$?s.jsx(Bp,{"data-testid":"mana-rate-note",children:$}):null]}):s.jsx(Kp,{"data-testid":"mana-shortfall-note",children:d?g("buyModal.manaWorth",{mana:Wr(d.manaWei),credits:Ke(zr(d.manaCents)),price:Ke(zr(d.priceCents)),currency:wt.name}):g("buyModal.notEnoughMana")})})]})]})]}),s.jsx(Hp,{type:"button","data-testid":"confirm-payment",disabled:p||E===null,onClick:()=>E&&c(E),children:g("buyModal.buy")})]})}function Us(){const n=new Map,a=new Set,t=new Set,e=new Set;return{submitStarted:r=>{e.add(r)},submitFinished:r=>{e.delete(r)},broadcast:(r,o)=>{const i=n.get(r);i?i.add(o):n.set(r,new Set([o]))},reverted:r=>{a.add(r)},unobservable:r=>{t.add(r)},isInFlight:r=>e.has(r),mayBeConsumed:r=>{if(t.has(r))return!0;const o=n.get(r);if(!o)return!1;for(const i of o)if(!a.has(i))return!0;return!1}}}function Vp({size:n=64,...a}){return s.jsxs("svg",{viewBox:"0 0 64 64",width:n,height:n,"aria-hidden":!0,...a,children:[s.jsx("circle",{cx:"32",cy:"32",r:"32",fill:"#34ce74"}),s.jsx("path",{d:"M20 33l8 8 16-18",fill:"none",stroke:"#fff",strokeWidth:"5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function Up(n){return s.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20","aria-hidden":!0,...n,children:s.jsx("path",{d:"M5 12h12M13 7l5 5-5 5",fill:"none",stroke:"#fcfcfc",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}function fa({item:n,onClose:a,resume:t=!1}){var Ze,_t;const{session:e}=At(),{data:r}=bs(e),{data:o}=fl(e),i=Ht(),c=Bt();async function l(A){var Q;const K=(Q=A.received)==null?void 0:Q[0];if((K==null?void 0:K.assetType)!==Number(Ae.TradeAssetType.USD_PEGGED_MANA))try{return await i.fetchQuery({queryKey:["mana-rate",rn.chainId],queryFn:()=>xl(rn.chainId),staleTime:6e4})}catch{return}}const p=tu().packs.slice(0,nu),[d,h]=v.useState("loading"),[x,b]=v.useState(null),[y,w]=v.useState(""),[k,f]=v.useState(n.priceCredits),[C,N]=v.useState(null),[E,R]=v.useState(null),[$,S]=v.useState(0),[D,P]=v.useState(null),I=v.useRef(null),O=v.useRef(Us()),T=(D==null?void 0:D.credits)??k,W=(r==null?void 0:r.credits)??0;v.useEffect(()=>{let A=!1;if(!e){h("error"),b(g("buyModal.signInToCheckout"));return}const K=Q=>{const ie=Q-((r==null?void 0:r.credits)??0),te=p.find(ve=>ve.credits>=ie)??p[p.length-1];w(te.id),ue("Shop Buy Credits Prompted",{from:"item_checkout",credits_needed:Q,credits_balance:(r==null?void 0:r.credits)??0,shortfall:Math.max(0,ie)}),h("nofunds")};return(async()=>{try{const Q=await hl(n);if(!Q)throw new Error("not for sale");if(vs(Q,e.address))throw new Error("You can't buy your own listing.");const ie=ru(Q,await l(Q));if(!Number.isFinite(ie)||ie<=0)throw new Error("price unavailable");const te=sr(ie);if(A)return;if(f(te),R(Q),S(ie),r!=null&&r.credits<te){K(te);return}try{const{credit:ve,maxCreditedValue:fn,usdCents:Kt}=await la(e.identity,ie,Q.id);if(A){Y([ve.id]);return}I.current=ve.id;const Ln=sr(Kt);f(Ln);const Fn={trade:Q,credit:ve,maxCreditedValue:fn,usdCents:Kt,credits:Ln};P(Fn),t?V(Fn):h("ready")}catch(ve){if(A)return;if(pu(ve)){K(te);return}throw ve}}catch(Q){if(A)return;ue(at(Q)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"authorize",error_code:Ue(Q)}),h("error"),b(bt(Q,g("buyModal.error.generic"),{sale:!0}))}})(),()=>{A=!0,I.current&&e&&(q([I.current]),I.current=null)}},[]),v.useEffect(()=>{const A=(D==null?void 0:D.trade)??E;if(!A||d!=="ready"&&d!=="nofunds"||o==null||o<=0n||C!==null)return;let K=!1;return ml(A).then(Q=>{K||N(Q)}).catch(Q=>{}),()=>{K=!0}},[d,D,E,o,C]);const z=id({priceCents:$,priceManaWei:C??0n,balanceCents:(r==null?void 0:r.balanceCents)??0,manaBalanceWei:o??0n});async function V(A=D){if(!e||!A)return;h("processing"),b(null);let K=!1,Q;try{const ie={trade:A.trade,buyer:e.address,signer:e.signer,credits:[A.credit],maxCreditedValue:A.maxCreditedValue,onBroadcast:({txHash:te})=>O.current.broadcast(A.credit.id,te),onReverted:({txHash:te})=>{te&&O.current.reverted(te)}};if(O.current.submitStarted(A.credit.id),Es())try{Q=await $s(ie),O.current.broadcast(A.credit.id,Q),await Os(Q),K=!0}catch(te){if(te instanceof Rs)K=!0;else if(te instanceof As){if(te.reason==="relayer-unreachable")throw O.current.unobservable(A.credit.id),te;Q=await cr(ie)}else throw Q&&O.current.reverted(Q),te}else Q=await cr(ie)}catch(ie){O.current.submitFinished(A.credit.id),at(ie)||Ne(ie,{flow:"buy",step:"submit",gasless:K}),Y([A.credit.id]),I.current=null,ue(at(ie)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Ue(ie)}),i.invalidateQueries({queryKey:["usd-balance"]}),b(bt(ie,g("buyModal.error.generic"),{sale:!0})),h("error");return}O.current.submitFinished(A.credit.id),I.current=null;try{sd(i,n),ue("Shop Completed Purchase",{...Br([n]),payment_type:"credits",no_crypto_step:K,transaction_hash:Q??null})}catch(ie){Ne(ie,{flow:"buy",step:"post_purchase"})}h("complete")}function Y(A){if(!e||A.length===0)return;const K=A.filter(Q=>!O.current.mayBeConsumed(Q));K.length!==0&&ws(e.identity,K).catch(()=>{})}function q(A){Y(A.filter(K=>!O.current.isInFlight(K)))}function _(){i.invalidateQueries({queryKey:["mana-balance"]}),i.invalidateQueries({queryKey:["usd-balance"]}),i.invalidateQueries({queryKey:["detail-trade"]}),i.invalidateQueries({queryKey:["shop-item"]}),i.invalidateQueries({queryKey:["owned-token",n.contractAddress,n.tokenId]}),i.invalidateQueries({queryKey:["public-token",n.contractAddress,n.tokenId]}),i.invalidateQueries({queryKey:["item-resales",n.contractAddress,n.itemId]}),i.invalidateQueries({queryKey:["shop-items"]}),i.invalidateQueries({queryKey:["catalog-items"]}),i.invalidateQueries({queryKey:["my-assets"]}),i.invalidateQueries({queryKey:["purchases"]}),i.invalidateQueries({queryKey:["owned-item-count"]}),i.invalidateQueries({queryKey:["overview-listings"]}),i.invalidateQueries({queryKey:["upsell-listings"]})}async function J(){const A=(D==null?void 0:D.trade)??E;if(!(!e||!A)){I.current&&(Y([I.current]),I.current=null),h("processing"),b(null);try{const K=await Qd({trade:A,buyer:e.address,signer:e.signer});ue("Shop Completed Purchase",{...Br([n]),payment_type:"mana",transaction_hash:K??null}),_(),h("complete")}catch(K){at(K)||Ne(K,{flow:"buy_mana",step:"submit"}),ue(at(K)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Ue(K)}),b(bt(K,g("buyModal.error.generic"),{sale:!0})),h("error")}}}async function me(){const A=(D==null?void 0:D.trade)??E,K=Vd(z,"combined");if(!e||!A||!K)return;h("processing"),b(null),I.current&&(Y([I.current]),I.current=null);let Q=null,ie;try{const{credit:te}=await la(e.identity,K.creditsCents,A.id);Q=te.id,O.current.submitStarted(te.id),ie=await Ud({trade:A,buyer:e.address,signer:e.signer,credits:[te],manaGapWei:K.manaWei,onBroadcast:({txHash:ve})=>O.current.broadcast(te.id,ve),onReverted:({txHash:ve})=>{ve&&O.current.reverted(ve)}})}catch(te){Q&&O.current.submitFinished(Q),Q&&Y([Q]),at(te)||Ne(te,{flow:"buy_credits_and_mana",step:"submit"}),ue(at(te)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Ue(te)}),i.invalidateQueries({queryKey:["usd-balance"]}),b(bt(te,g("buyModal.error.generic"),{sale:!0})),h("error");return}Q&&O.current.submitFinished(Q);try{_(),ue("Shop Completed Purchase",{...Br([n]),payment_type:"credits_and_mana",transaction_hash:ie??null})}catch(te){Ne(te,{flow:"buy_credits_and_mana",step:"post_purchase"})}h("complete")}async function ge(){if(!(!y||!e)){try{sessionStorage.setItem(go,JSON.stringify(n))}catch{}D&&Y([D.credit.id]),I.current=null,h("loading");try{const A=await au(y,{address:e.address,identity:e.identity});if(A.url){window.location.href=A.url;return}c("/credits")}catch(A){Ne(A,{flow:"buy_credits_and_item"});try{sessionStorage.removeItem(go)}catch{}b(g("buyModal.error.creditsCheckout")),h("error")}}}const[We,Ce]=v.useState(null);function _e(A,K){const Q=A==="mana"?da(yl(K.contract),K.chainId).address:da(ks.CreditsManager,K.chainId).address;return iu(K.chainId,Q)}function St(A){A==="mana"?J():A==="combined"?me():V()}async function mt(A){const K=(D==null?void 0:D.trade)??E;if(A==="credits"||!K||!e){St(A);return}const Q=_e(A,K),ie=await Ts(Q,e.address).catch(()=>!0);if(ou(e.providerType,ie)){Ce({auth:Q,rail:A});return}St(A)}const gt=z.options.some(A=>A.method==="mana"||A.method==="combined"),Mt=d==="ready"&&(gt||z.manaShortfall!=null)||d==="nofunds"&>,be=d==="processing",qt=d==="complete"?g("buyModal.titleComplete"):d==="nofunds"?g("buyModal.titleNoFunds"):g("buyModal.titleBuy");return We&&e?s.jsx(js,{auth:We.auth,signer:e.signer,title:g(We.rail==="mana"?"authorizeStep.manaTitle":"authorizeStep.buyTitle"),name:g(We.rail==="mana"?"authorizeStep.manaName":"authorizeStep.buyName"),reason:g(We.rail==="mana"?"authorizeStep.manaReason":"authorizeStep.buyReason"),icon:s.jsx("img",{src:cd,width:24,height:24,alt:"","aria-hidden":!0}),onAuthorized:()=>{const{rail:A}=We;Ce(null),St(A)},onCancel:()=>Ce(null),onClose:()=>{Ce(null),a()}}):s.jsxs(ld,{role:"dialog","aria-modal":"true","aria-label":g("buyModal.dialogAria",{name:n.name}),"data-testid":"buy-modal",children:[s.jsx(dd,{onClick:be?void 0:a,"aria-hidden":!0}),s.jsx(ud,{"data-tall":d==="processing"||d==="loading"||void 0,children:Mt?s.jsx(Qp,{item:n,priceCredits:T,priceCents:$,options:z.options,priceManaWei:C??0n,balanceCredits:W,manaBalanceWei:o??0n,onBuy:A=>void mt(A),onClose:a,busy:be,shortfall:z.manaShortfall}):s.jsxs(s.Fragment,{children:[s.jsxs(pd,{children:[s.jsxs(fd,{children:[s.jsx(hd,{children:qt}),!be&&s.jsx(md,{onClick:a,"aria-label":g("buyModal.close"),children:s.jsx(gd,{})})]}),s.jsxs(xd,{children:[s.jsx(yd,{children:d==="nofunds"?g("buyModal.dclBalance"):g("buyModal.myCreditsBalance")}),s.jsx(bd,{}),s.jsx(vd,{children:Ke(W)})]})]}),d==="loading"&&s.jsx(Vt,{"data-processing":!0,children:s.jsx(fu,{size:44})}),d==="error"&&s.jsxs(Vt,{children:[s.jsx(ut,{message:x}),s.jsx(Kn,{children:s.jsx(Ut,{"data-variant":"gradient",onClick:a,children:g("buyModal.close")})})]}),d==="nofunds"&&s.jsxs(Vt,{children:[s.jsxs(wd,{children:[s.jsx(kd,{}),s.jsxs(Dd,{children:[s.jsx("b",{children:g("buyModal.insufficientFunds")})," ",g("buyModal.warningNeedToBuy")," ",s.jsx("b",{children:g("buyModal.warningCreditsAmount",{count:Math.max(0,T-W)})})," ",g("buyModal.warningToPurchase",{count:1})]})]}),s.jsx(Yo,{item:n,priceCredits:T}),z.manaShortfall?s.jsx(Cd,{options:[],totalCents:$,onPay:()=>{},shortfall:z.manaShortfall}):null,s.jsx(Sd,{"data-testid":"credit-packs",children:p.map(A=>{const K=A.credits,Q=A.id===y;return s.jsxs(Md,{"data-on":Q||void 0,onClick:()=>w(A.id),children:[s.jsx(_d,{}),s.jsx(Pd,{children:Ke(K)}),s.jsxs(Id,{children:["($",A.usd.toFixed(2),")"]})]},A.id)})}),s.jsxs(jd,{children:[s.jsxs(Ed,{children:[s.jsx(Td,{}),s.jsx("span",{children:Ke(((Ze=p.find(A=>A.id===y))==null?void 0:Ze.credits)??0)})]}),s.jsxs(Nd,{children:["$",(((_t=p.find(A=>A.id===y))==null?void 0:_t.usd)??0).toFixed(2)]})]}),s.jsxs(Kn,{children:[s.jsx(Ut,{"data-variant":"outline",onClick:a,children:g("buyModal.cancel")}),s.jsx(Ut,{"data-variant":"gradient",onClick:()=>void ge(),children:g("buyModal.buy")})]})]}),d==="ready"&&s.jsxs(Vt,{children:[s.jsx(Yo,{item:n,priceCredits:T}),s.jsx(Kn,{children:s.jsx(Ut,{"data-variant":"gradient","data-full":!0,onClick:()=>void V(),children:g("buyModal.buy")})})]}),d==="processing"&&s.jsxs(Vt,{"data-processing":!0,children:[s.jsx($d,{src:gl,alt:"",width:61,height:61}),s.jsx(Od,{children:t?g("buyModal.completingPurchase"):g("buyModal.completingTransaction")}),s.jsx(Rd,{"aria-hidden":!0,children:s.jsx(Ad,{})})]}),d==="complete"&&s.jsxs(Vt,{children:[s.jsxs(Ld,{children:[s.jsx(Vp,{}),s.jsxs(Fd,{children:[s.jsx("b",{children:g("getCredits.successTitle")})," ",g("buyModal.successBody")]})]}),s.jsxs(Kn,{children:[s.jsx(Ut,{"data-variant":"outline",onClick:()=>c("/items?tab=mine"),children:g("buyModal.myAssets")}),s.jsxs(Ut,{"data-variant":"ruby",onClick:a,children:[g("buyModal.tryInWorld"),s.jsx(Up,{})]})]})]})]})})]})}function Yo({item:n,priceCredits:a}){return s.jsxs(Yd,{children:[s.jsx(Wd,{children:n.thumbnail?s.jsx("img",{src:n.thumbnail,alt:""}):null}),s.jsxs(Bd,{children:[s.jsxs("div",{children:[s.jsx(Hd,{title:n.name,children:n.name||g("buyModal.itemFallback")}),n.creator?s.jsx(zd,{address:n.creator}):null]}),s.jsxs(qd,{children:[s.jsx(Kd,{}),s.jsx("span",{children:Ke(a)})]})]})]})}function Xs(n){var a,t,e="";if(typeof n=="string"||typeof n=="number")e+=n;else if(typeof n=="object")if(Array.isArray(n)){var r=n.length;for(a=0;a<r;a++)n[a]&&(t=Xs(n[a]))&&(e&&(e+=" "),e+=t)}else for(t in n)n[t]&&(e&&(e+=" "),e+=t);return e}function ke(){for(var n,a,t=0,e="",r=arguments.length;t<r;t++)(n=arguments[t])&&(a=Xs(n))&&(e&&(e+=" "),e+=a);return e}function B(n){const a=Object.prototype.toString.call(n);return n instanceof Date||typeof n=="object"&&a==="[object Date]"?new n.constructor(+n):typeof n=="number"||a==="[object Number]"||typeof n=="string"||a==="[object String]"?new Date(n):new Date(NaN)}function ae(n,a){return n instanceof Date?new n.constructor(a):new Date(a)}function Le(n,a){const t=B(n);return isNaN(a)?ae(n,NaN):(a&&t.setDate(t.getDate()+a),t)}function Ye(n,a){const t=B(n);if(isNaN(a))return ae(n,NaN);if(!a)return t;const e=t.getDate(),r=ae(n,t.getTime());r.setMonth(t.getMonth()+a+1,0);const o=r.getDate();return e>=o?r:(t.setFullYear(r.getFullYear(),r.getMonth(),e),t)}function _a(n,a){const t=+B(n);return ae(n,t+a)}const Gs=6048e5,Xp=864e5,Er=6e4,Tr=36e5,Gp=1e3;function Jp(n,a){return _a(n,a*Tr)}let Zp={};function zt(){return Zp}function pt(n,a){var c,l,p,d;const t=zt(),e=(a==null?void 0:a.weekStartsOn)??((l=(c=a==null?void 0:a.locale)==null?void 0:c.options)==null?void 0:l.weekStartsOn)??t.weekStartsOn??((d=(p=t.locale)==null?void 0:p.options)==null?void 0:d.weekStartsOn)??0,r=B(n),o=r.getDay(),i=(o<e?7:0)+o-e;return r.setDate(r.getDate()-i),r.setHours(0,0,0,0),r}function cn(n){return pt(n,{weekStartsOn:1})}function Js(n){const a=B(n),t=a.getFullYear(),e=ae(n,0);e.setFullYear(t+1,0,4),e.setHours(0,0,0,0);const r=cn(e),o=ae(n,0);o.setFullYear(t,0,4),o.setHours(0,0,0,0);const i=cn(o);return a.getTime()>=r.getTime()?t+1:a.getTime()>=i.getTime()?t:t-1}function Yt(n){const a=B(n);return a.setHours(0,0,0,0),a}function fr(n){const a=B(n),t=new Date(Date.UTC(a.getFullYear(),a.getMonth(),a.getDate(),a.getHours(),a.getMinutes(),a.getSeconds(),a.getMilliseconds()));return t.setUTCFullYear(a.getFullYear()),+n-+t}function ln(n,a){const t=Yt(n),e=Yt(a),r=+t-fr(t),o=+e-fr(e);return Math.round((r-o)/Xp)}function ef(n){const a=Js(n),t=ae(n,0);return t.setFullYear(a,0,4),t.setHours(0,0,0,0),cn(t)}function ha(n,a){return _a(n,a*Er)}function Pa(n,a){const t=a*3;return Ye(n,t)}function tf(n,a){return _a(n,a*1e3)}function hr(n,a){const t=a*7;return Le(n,t)}function st(n,a){return Ye(n,a*12)}function Wo(n){let a;return n.forEach(function(t){const e=B(t);(a===void 0||a<e||isNaN(Number(e)))&&(a=e)}),a||new Date(NaN)}function Bo(n){let a;return n.forEach(t=>{const e=B(t);(!a||a>e||isNaN(+e))&&(a=e)}),a||new Date(NaN)}function nf(n,a){const t=Yt(n),e=Yt(a);return+t==+e}function ct(n){return n instanceof Date||typeof n=="object"&&Object.prototype.toString.call(n)==="[object Date]"}function mr(n){if(!ct(n)&&typeof n!="number")return!1;const a=B(n);return!isNaN(Number(a))}function gr(n,a){const t=B(n),e=B(a),r=t.getFullYear()-e.getFullYear(),o=t.getMonth()-e.getMonth();return r*12+o}function $t(n){const a=B(n);return Math.trunc(a.getMonth()/3)+1}function xr(n,a){const t=B(n),e=B(a),r=t.getFullYear()-e.getFullYear(),o=$t(t)-$t(e);return r*4+o}function yr(n,a){const t=B(n),e=B(a);return t.getFullYear()-e.getFullYear()}function rf(n,a){const t=B(n),e=B(a),r=Ho(t,e),o=Math.abs(ln(t,e));t.setDate(t.getDate()-r*o);const i=+(Ho(t,e)===-r),c=r*(o-i);return c===0?0:c}function Ho(n,a){const t=n.getFullYear()-a.getFullYear()||n.getMonth()-a.getMonth()||n.getDate()-a.getDate()||n.getHours()-a.getHours()||n.getMinutes()-a.getMinutes()||n.getSeconds()-a.getSeconds()||n.getMilliseconds()-a.getMilliseconds();return t<0?-1:t>0?1:t}function Zs(n){const a=B(n);return a.setHours(23,59,59,999),a}function ec(n){const a=B(n),t=a.getMonth();return a.setFullYear(a.getFullYear(),t+1,0),a.setHours(23,59,59,999),a}function ma(n){const a=B(n),t=a.getMonth(),e=t-t%3;return a.setMonth(e,1),a.setHours(0,0,0,0),a}function tc(n){const a=B(n);return a.setDate(1),a.setHours(0,0,0,0),a}function nc(n){const a=B(n),t=a.getFullYear();return a.setFullYear(t+1,0,0),a.setHours(23,59,59,999),a}function Nr(n){const a=B(n),t=ae(n,0);return t.setFullYear(a.getFullYear(),0,1),t.setHours(0,0,0,0),t}function af(n,a){var c,l;const t=zt(),e=t.weekStartsOn??((l=(c=t.locale)==null?void 0:c.options)==null?void 0:l.weekStartsOn)??0,r=B(n),o=r.getDay(),i=(o<e?-7:0)+6-(o-e);return r.setDate(r.getDate()+i),r.setHours(23,59,59,999),r}const of={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},sf=(n,a,t)=>{let e;const r=of[n];return typeof r=="string"?e=r:a===1?e=r.one:e=r.other.replace("{{count}}",a.toString()),t!=null&&t.addSuffix?t.comparison&&t.comparison>0?"in "+e:e+" ago":e};function Ur(n){return(a={})=>{const t=a.width?String(a.width):n.defaultWidth;return n.formats[t]||n.formats[n.defaultWidth]}}const cf={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},lf={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},df={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},uf={date:Ur({formats:cf,defaultWidth:"full"}),time:Ur({formats:lf,defaultWidth:"full"}),dateTime:Ur({formats:df,defaultWidth:"full"})},pf={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},ff=(n,a,t,e)=>pf[n];function yn(n){return(a,t)=>{const e=t!=null&&t.context?String(t.context):"standalone";let r;if(e==="formatting"&&n.formattingValues){const i=n.defaultFormattingWidth||n.defaultWidth,c=t!=null&&t.width?String(t.width):i;r=n.formattingValues[c]||n.formattingValues[i]}else{const i=n.defaultWidth,c=t!=null&&t.width?String(t.width):n.defaultWidth;r=n.values[c]||n.values[i]}const o=n.argumentCallback?n.argumentCallback(a):a;return r[o]}}const hf={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},mf={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},gf={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},xf={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},yf={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},bf={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},vf=(n,a)=>{const t=Number(n),e=t%100;if(e>20||e<10)switch(e%10){case 1:return t+"st";case 2:return t+"nd";case 3:return t+"rd"}return t+"th"},wf={ordinalNumber:vf,era:yn({values:hf,defaultWidth:"wide"}),quarter:yn({values:mf,defaultWidth:"wide",argumentCallback:n=>n-1}),month:yn({values:gf,defaultWidth:"wide"}),day:yn({values:xf,defaultWidth:"wide"}),dayPeriod:yn({values:yf,defaultWidth:"wide",formattingValues:bf,defaultFormattingWidth:"wide"})};function bn(n){return(a,t={})=>{const e=t.width,r=e&&n.matchPatterns[e]||n.matchPatterns[n.defaultMatchWidth],o=a.match(r);if(!o)return null;const i=o[0],c=e&&n.parsePatterns[e]||n.parsePatterns[n.defaultParseWidth],l=Array.isArray(c)?Df(c,h=>h.test(i)):kf(c,h=>h.test(i));let p;p=n.valueCallback?n.valueCallback(l):l,p=t.valueCallback?t.valueCallback(p):p;const d=a.slice(i.length);return{value:p,rest:d}}}function kf(n,a){for(const t in n)if(Object.prototype.hasOwnProperty.call(n,t)&&a(n[t]))return t}function Df(n,a){for(let t=0;t<n.length;t++)if(a(n[t]))return t}function Cf(n){return(a,t={})=>{const e=a.match(n.matchPattern);if(!e)return null;const r=e[0],o=a.match(n.parsePattern);if(!o)return null;let i=n.valueCallback?n.valueCallback(o[0]):o[0];i=t.valueCallback?t.valueCallback(i):i;const c=a.slice(r.length);return{value:i,rest:c}}}const Sf=/^(\d+)(th|st|nd|rd)?/i,Mf=/\d+/i,_f={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},Pf={any:[/^b/i,/^(a|c)/i]},If={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},jf={any:[/1/i,/2/i,/3/i,/4/i]},Ef={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},Tf={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},Nf={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},$f={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},Of={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},Rf={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},Af={ordinalNumber:Cf({matchPattern:Sf,parsePattern:Mf,valueCallback:n=>parseInt(n,10)}),era:bn({matchPatterns:_f,defaultMatchWidth:"wide",parsePatterns:Pf,defaultParseWidth:"any"}),quarter:bn({matchPatterns:If,defaultMatchWidth:"wide",parsePatterns:jf,defaultParseWidth:"any",valueCallback:n=>n+1}),month:bn({matchPatterns:Ef,defaultMatchWidth:"wide",parsePatterns:Tf,defaultParseWidth:"any"}),day:bn({matchPatterns:Nf,defaultMatchWidth:"wide",parsePatterns:$f,defaultParseWidth:"any"}),dayPeriod:bn({matchPatterns:Of,defaultMatchWidth:"any",parsePatterns:Rf,defaultParseWidth:"any"})},rc={code:"en-US",formatDistance:sf,formatLong:uf,formatRelative:ff,localize:wf,match:Af,options:{weekStartsOn:0,firstWeekContainsDate:1}};function Lf(n){const a=B(n);return ln(a,Nr(a))+1}function Ia(n){const a=B(n),t=+cn(a)-+ef(a);return Math.round(t/Gs)+1}function ja(n,a){var d,h,x,b;const t=B(n),e=t.getFullYear(),r=zt(),o=(a==null?void 0:a.firstWeekContainsDate)??((h=(d=a==null?void 0:a.locale)==null?void 0:d.options)==null?void 0:h.firstWeekContainsDate)??r.firstWeekContainsDate??((b=(x=r.locale)==null?void 0:x.options)==null?void 0:b.firstWeekContainsDate)??1,i=ae(n,0);i.setFullYear(e+1,0,o),i.setHours(0,0,0,0);const c=pt(i,a),l=ae(n,0);l.setFullYear(e,0,o),l.setHours(0,0,0,0);const p=pt(l,a);return t.getTime()>=c.getTime()?e+1:t.getTime()>=p.getTime()?e:e-1}function Ff(n,a){var c,l,p,d;const t=zt(),e=(a==null?void 0:a.firstWeekContainsDate)??((l=(c=a==null?void 0:a.locale)==null?void 0:c.options)==null?void 0:l.firstWeekContainsDate)??t.firstWeekContainsDate??((d=(p=t.locale)==null?void 0:p.options)==null?void 0:d.firstWeekContainsDate)??1,r=ja(n,a),o=ae(n,0);return o.setFullYear(r,0,e),o.setHours(0,0,0,0),pt(o,a)}function ac(n,a){const t=B(n),e=+pt(t,a)-+Ff(t,a);return Math.round(e/Gs)+1}function re(n,a){const t=n<0?"-":"",e=Math.abs(n).toString().padStart(a,"0");return t+e}const yt={y(n,a){const t=n.getFullYear(),e=t>0?t:1-t;return re(a==="yy"?e%100:e,a.length)},M(n,a){const t=n.getMonth();return a==="M"?String(t+1):re(t+1,2)},d(n,a){return re(n.getDate(),a.length)},a(n,a){const t=n.getHours()/12>=1?"pm":"am";switch(a){case"a":case"aa":return t.toUpperCase();case"aaa":return t;case"aaaaa":return t[0];case"aaaa":default:return t==="am"?"a.m.":"p.m."}},h(n,a){return re(n.getHours()%12||12,a.length)},H(n,a){return re(n.getHours(),a.length)},m(n,a){return re(n.getMinutes(),a.length)},s(n,a){return re(n.getSeconds(),a.length)},S(n,a){const t=a.length,e=n.getMilliseconds(),r=Math.trunc(e*Math.pow(10,t-3));return re(r,a.length)}},Xt={midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},zo={G:function(n,a,t){const e=n.getFullYear()>0?1:0;switch(a){case"G":case"GG":case"GGG":return t.era(e,{width:"abbreviated"});case"GGGGG":return t.era(e,{width:"narrow"});case"GGGG":default:return t.era(e,{width:"wide"})}},y:function(n,a,t){if(a==="yo"){const e=n.getFullYear(),r=e>0?e:1-e;return t.ordinalNumber(r,{unit:"year"})}return yt.y(n,a)},Y:function(n,a,t,e){const r=ja(n,e),o=r>0?r:1-r;if(a==="YY"){const i=o%100;return re(i,2)}return a==="Yo"?t.ordinalNumber(o,{unit:"year"}):re(o,a.length)},R:function(n,a){const t=Js(n);return re(t,a.length)},u:function(n,a){const t=n.getFullYear();return re(t,a.length)},Q:function(n,a,t){const e=Math.ceil((n.getMonth()+1)/3);switch(a){case"Q":return String(e);case"QQ":return re(e,2);case"Qo":return t.ordinalNumber(e,{unit:"quarter"});case"QQQ":return t.quarter(e,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(e,{width:"narrow",context:"formatting"});case"QQQQ":default:return t.quarter(e,{width:"wide",context:"formatting"})}},q:function(n,a,t){const e=Math.ceil((n.getMonth()+1)/3);switch(a){case"q":return String(e);case"qq":return re(e,2);case"qo":return t.ordinalNumber(e,{unit:"quarter"});case"qqq":return t.quarter(e,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(e,{width:"narrow",context:"standalone"});case"qqqq":default:return t.quarter(e,{width:"wide",context:"standalone"})}},M:function(n,a,t){const e=n.getMonth();switch(a){case"M":case"MM":return yt.M(n,a);case"Mo":return t.ordinalNumber(e+1,{unit:"month"});case"MMM":return t.month(e,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(e,{width:"narrow",context:"formatting"});case"MMMM":default:return t.month(e,{width:"wide",context:"formatting"})}},L:function(n,a,t){const e=n.getMonth();switch(a){case"L":return String(e+1);case"LL":return re(e+1,2);case"Lo":return t.ordinalNumber(e+1,{unit:"month"});case"LLL":return t.month(e,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(e,{width:"narrow",context:"standalone"});case"LLLL":default:return t.month(e,{width:"wide",context:"standalone"})}},w:function(n,a,t,e){const r=ac(n,e);return a==="wo"?t.ordinalNumber(r,{unit:"week"}):re(r,a.length)},I:function(n,a,t){const e=Ia(n);return a==="Io"?t.ordinalNumber(e,{unit:"week"}):re(e,a.length)},d:function(n,a,t){return a==="do"?t.ordinalNumber(n.getDate(),{unit:"date"}):yt.d(n,a)},D:function(n,a,t){const e=Lf(n);return a==="Do"?t.ordinalNumber(e,{unit:"dayOfYear"}):re(e,a.length)},E:function(n,a,t){const e=n.getDay();switch(a){case"E":case"EE":case"EEE":return t.day(e,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(e,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(e,{width:"short",context:"formatting"});case"EEEE":default:return t.day(e,{width:"wide",context:"formatting"})}},e:function(n,a,t,e){const r=n.getDay(),o=(r-e.weekStartsOn+8)%7||7;switch(a){case"e":return String(o);case"ee":return re(o,2);case"eo":return t.ordinalNumber(o,{unit:"day"});case"eee":return t.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return t.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return t.day(r,{width:"short",context:"formatting"});case"eeee":default:return t.day(r,{width:"wide",context:"formatting"})}},c:function(n,a,t,e){const r=n.getDay(),o=(r-e.weekStartsOn+8)%7||7;switch(a){case"c":return String(o);case"cc":return re(o,a.length);case"co":return t.ordinalNumber(o,{unit:"day"});case"ccc":return t.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return t.day(r,{width:"narrow",context:"standalone"});case"cccccc":return t.day(r,{width:"short",context:"standalone"});case"cccc":default:return t.day(r,{width:"wide",context:"standalone"})}},i:function(n,a,t){const e=n.getDay(),r=e===0?7:e;switch(a){case"i":return String(r);case"ii":return re(r,a.length);case"io":return t.ordinalNumber(r,{unit:"day"});case"iii":return t.day(e,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(e,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(e,{width:"short",context:"formatting"});case"iiii":default:return t.day(e,{width:"wide",context:"formatting"})}},a:function(n,a,t){const r=n.getHours()/12>=1?"pm":"am";switch(a){case"a":case"aa":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(r,{width:"narrow",context:"formatting"});case"aaaa":default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},b:function(n,a,t){const e=n.getHours();let r;switch(e===12?r=Xt.noon:e===0?r=Xt.midnight:r=e/12>=1?"pm":"am",a){case"b":case"bb":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(r,{width:"narrow",context:"formatting"});case"bbbb":default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(n,a,t){const e=n.getHours();let r;switch(e>=17?r=Xt.evening:e>=12?r=Xt.afternoon:e>=4?r=Xt.morning:r=Xt.night,a){case"B":case"BB":case"BBB":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(r,{width:"narrow",context:"formatting"});case"BBBB":default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(n,a,t){if(a==="ho"){let e=n.getHours()%12;return e===0&&(e=12),t.ordinalNumber(e,{unit:"hour"})}return yt.h(n,a)},H:function(n,a,t){return a==="Ho"?t.ordinalNumber(n.getHours(),{unit:"hour"}):yt.H(n,a)},K:function(n,a,t){const e=n.getHours()%12;return a==="Ko"?t.ordinalNumber(e,{unit:"hour"}):re(e,a.length)},k:function(n,a,t){let e=n.getHours();return e===0&&(e=24),a==="ko"?t.ordinalNumber(e,{unit:"hour"}):re(e,a.length)},m:function(n,a,t){return a==="mo"?t.ordinalNumber(n.getMinutes(),{unit:"minute"}):yt.m(n,a)},s:function(n,a,t){return a==="so"?t.ordinalNumber(n.getSeconds(),{unit:"second"}):yt.s(n,a)},S:function(n,a){return yt.S(n,a)},X:function(n,a,t){const e=n.getTimezoneOffset();if(e===0)return"Z";switch(a){case"X":return Ko(e);case"XXXX":case"XX":return jt(e);case"XXXXX":case"XXX":default:return jt(e,":")}},x:function(n,a,t){const e=n.getTimezoneOffset();switch(a){case"x":return Ko(e);case"xxxx":case"xx":return jt(e);case"xxxxx":case"xxx":default:return jt(e,":")}},O:function(n,a,t){const e=n.getTimezoneOffset();switch(a){case"O":case"OO":case"OOO":return"GMT"+qo(e,":");case"OOOO":default:return"GMT"+jt(e,":")}},z:function(n,a,t){const e=n.getTimezoneOffset();switch(a){case"z":case"zz":case"zzz":return"GMT"+qo(e,":");case"zzzz":default:return"GMT"+jt(e,":")}},t:function(n,a,t){const e=Math.trunc(n.getTime()/1e3);return re(e,a.length)},T:function(n,a,t){const e=n.getTime();return re(e,a.length)}};function qo(n,a=""){const t=n>0?"-":"+",e=Math.abs(n),r=Math.trunc(e/60),o=e%60;return o===0?t+String(r):t+String(r)+a+re(o,2)}function Ko(n,a){return n%60===0?(n>0?"-":"+")+re(Math.abs(n)/60,2):jt(n,a)}function jt(n,a=""){const t=n>0?"-":"+",e=Math.abs(n),r=re(Math.trunc(e/60),2),o=re(e%60,2);return t+r+a+o}const Qo=(n,a)=>{switch(n){case"P":return a.date({width:"short"});case"PP":return a.date({width:"medium"});case"PPP":return a.date({width:"long"});case"PPPP":default:return a.date({width:"full"})}},oc=(n,a)=>{switch(n){case"p":return a.time({width:"short"});case"pp":return a.time({width:"medium"});case"ppp":return a.time({width:"long"});case"pppp":default:return a.time({width:"full"})}},Yf=(n,a)=>{const t=n.match(/(P+)(p+)?/)||[],e=t[1],r=t[2];if(!r)return Qo(n,a);let o;switch(e){case"P":o=a.dateTime({width:"short"});break;case"PP":o=a.dateTime({width:"medium"});break;case"PPP":o=a.dateTime({width:"long"});break;case"PPPP":default:o=a.dateTime({width:"full"});break}return o.replace("{{date}}",Qo(e,a)).replace("{{time}}",oc(r,a))},br={p:oc,P:Yf},Wf=/^D+$/,Bf=/^Y+$/,Hf=["D","DD","YY","YYYY"];function ic(n){return Wf.test(n)}function sc(n){return Bf.test(n)}function ga(n,a,t){const e=zf(n,a,t);if(console.warn(e),Hf.includes(n))throw new RangeError(e)}function zf(n,a,t){const e=n[0]==="Y"?"years":"days of the month";return`Use \`${n.toLowerCase()}\` instead of \`${n}\` (in \`${a}\`) for formatting ${e} to the input \`${t}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}const qf=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Kf=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Qf=/^'([^]*?)'?$/,Vf=/''/g,Uf=/[a-zA-Z]/;function Vo(n,a,t){var d,h,x,b,y,w,k,f;const e=zt(),r=(t==null?void 0:t.locale)??e.locale??rc,o=(t==null?void 0:t.firstWeekContainsDate)??((h=(d=t==null?void 0:t.locale)==null?void 0:d.options)==null?void 0:h.firstWeekContainsDate)??e.firstWeekContainsDate??((b=(x=e.locale)==null?void 0:x.options)==null?void 0:b.firstWeekContainsDate)??1,i=(t==null?void 0:t.weekStartsOn)??((w=(y=t==null?void 0:t.locale)==null?void 0:y.options)==null?void 0:w.weekStartsOn)??e.weekStartsOn??((f=(k=e.locale)==null?void 0:k.options)==null?void 0:f.weekStartsOn)??0,c=B(n);if(!mr(c))throw new RangeError("Invalid time value");let l=a.match(Kf).map(C=>{const N=C[0];if(N==="p"||N==="P"){const E=br[N];return E(C,r.formatLong)}return C}).join("").match(qf).map(C=>{if(C==="''")return{isToken:!1,value:"'"};const N=C[0];if(N==="'")return{isToken:!1,value:Xf(C)};if(zo[N])return{isToken:!0,value:C};if(N.match(Uf))throw new RangeError("Format string contains an unescaped latin alphabet character `"+N+"`");return{isToken:!1,value:C}});r.localize.preprocessor&&(l=r.localize.preprocessor(c,l));const p={firstWeekContainsDate:o,weekStartsOn:i,locale:r};return l.map(C=>{if(!C.isToken)return C.value;const N=C.value;(!(t!=null&&t.useAdditionalWeekYearTokens)&&sc(N)||!(t!=null&&t.useAdditionalDayOfYearTokens)&&ic(N))&&ga(N,a,String(n));const E=zo[N[0]];return E(c,N,r.localize,p)}).join("")}function Xf(n){const a=n.match(Qf);return a?a[1].replace(Vf,"'"):n}function Uo(n){return B(n).getDate()}function Gf(n){return B(n).getDay()}function Jf(n){const a=B(n),t=a.getFullYear(),e=a.getMonth(),r=ae(n,0);return r.setFullYear(t,e+1,0),r.setHours(0,0,0,0),r.getDate()}function Zf(){return Object.assign({},zt())}function Ge(n){return B(n).getHours()}function eh(n){let t=B(n).getDay();return t===0&&(t=7),t}function Je(n){return B(n).getMinutes()}function Me(n){return B(n).getMonth()}function lt(n){return B(n).getSeconds()}function xa(n){return B(n).getTime()}function G(n){return B(n).getFullYear()}function Dt(n,a){const t=B(n),e=B(a);return t.getTime()>e.getTime()}function Wt(n,a){const t=B(n),e=B(a);return+t<+e}function th(n,a){const t=B(n),e=B(a);return+t==+e}function nh(n,a){const t=a instanceof Date?ae(a,0):new a(0);return t.setFullYear(n.getFullYear(),n.getMonth(),n.getDate()),t.setHours(n.getHours(),n.getMinutes(),n.getSeconds(),n.getMilliseconds()),t}const rh=10;class cc{constructor(){H(this,"subPriority",0)}validate(a,t){return!0}}class ah extends cc{constructor(a,t,e,r,o){super(),this.value=a,this.validateValue=t,this.setValue=e,this.priority=r,o&&(this.subPriority=o)}validate(a,t){return this.validateValue(a,this.value,t)}set(a,t,e){return this.setValue(a,t,this.value,e)}}class oh extends cc{constructor(){super(...arguments);H(this,"priority",rh);H(this,"subPriority",-1)}set(t,e){return e.timestampIsSet?t:ae(t,nh(t,Date))}}class ne{run(a,t,e,r){const o=this.parse(a,t,e,r);return o?{setter:new ah(o.value,this.validate,this.set,this.priority,this.subPriority),rest:o.rest}:null}validate(a,t,e){return!0}}class ih extends ne{constructor(){super(...arguments);H(this,"priority",140);H(this,"incompatibleTokens",["R","u","t","T"])}parse(t,e,r){switch(e){case"G":case"GG":case"GGG":return r.era(t,{width:"abbreviated"})||r.era(t,{width:"narrow"});case"GGGGG":return r.era(t,{width:"narrow"});case"GGGG":default:return r.era(t,{width:"wide"})||r.era(t,{width:"abbreviated"})||r.era(t,{width:"narrow"})}}set(t,e,r){return e.era=r,t.setFullYear(r,0,1),t.setHours(0,0,0,0),t}}const fe={month:/^(1[0-2]|0?\d)/,date:/^(3[0-1]|[0-2]?\d)/,dayOfYear:/^(36[0-6]|3[0-5]\d|[0-2]?\d?\d)/,week:/^(5[0-3]|[0-4]?\d)/,hour23h:/^(2[0-3]|[0-1]?\d)/,hour24h:/^(2[0-4]|[0-1]?\d)/,hour11h:/^(1[0-1]|0?\d)/,hour12h:/^(1[0-2]|0?\d)/,minute:/^[0-5]?\d/,second:/^[0-5]?\d/,singleDigit:/^\d/,twoDigits:/^\d{1,2}/,threeDigits:/^\d{1,3}/,fourDigits:/^\d{1,4}/,anyDigitsSigned:/^-?\d+/,singleDigitSigned:/^-?\d/,twoDigitsSigned:/^-?\d{1,2}/,threeDigitsSigned:/^-?\d{1,3}/,fourDigitsSigned:/^-?\d{1,4}/},Qe={basicOptionalMinutes:/^([+-])(\d{2})(\d{2})?|Z/,basic:/^([+-])(\d{2})(\d{2})|Z/,basicOptionalSeconds:/^([+-])(\d{2})(\d{2})((\d{2}))?|Z/,extended:/^([+-])(\d{2}):(\d{2})|Z/,extendedOptionalSeconds:/^([+-])(\d{2}):(\d{2})(:(\d{2}))?|Z/};function he(n,a){return n&&{value:a(n.value),rest:n.rest}}function le(n,a){const t=a.match(n);return t?{value:parseInt(t[0],10),rest:a.slice(t[0].length)}:null}function Ve(n,a){const t=a.match(n);if(!t)return null;if(t[0]==="Z")return{value:0,rest:a.slice(1)};const e=t[1]==="+"?1:-1,r=t[2]?parseInt(t[2],10):0,o=t[3]?parseInt(t[3],10):0,i=t[5]?parseInt(t[5],10):0;return{value:e*(r*Tr+o*Er+i*Gp),rest:a.slice(t[0].length)}}function lc(n){return le(fe.anyDigitsSigned,n)}function pe(n,a){switch(n){case 1:return le(fe.singleDigit,a);case 2:return le(fe.twoDigits,a);case 3:return le(fe.threeDigits,a);case 4:return le(fe.fourDigits,a);default:return le(new RegExp("^\\d{1,"+n+"}"),a)}}function vr(n,a){switch(n){case 1:return le(fe.singleDigitSigned,a);case 2:return le(fe.twoDigitsSigned,a);case 3:return le(fe.threeDigitsSigned,a);case 4:return le(fe.fourDigitsSigned,a);default:return le(new RegExp("^-?\\d{1,"+n+"}"),a)}}function Ea(n){switch(n){case"morning":return 4;case"evening":return 17;case"pm":case"noon":case"afternoon":return 12;case"am":case"midnight":case"night":default:return 0}}function dc(n,a){const t=a>0,e=t?a:1-a;let r;if(e<=50)r=n||100;else{const o=e+50,i=Math.trunc(o/100)*100,c=n>=o%100;r=n+i-(c?100:0)}return t?r:1-r}function uc(n){return n%400===0||n%4===0&&n%100!==0}class sh extends ne{constructor(){super(...arguments);H(this,"priority",130);H(this,"incompatibleTokens",["Y","R","u","w","I","i","e","c","t","T"])}parse(t,e,r){const o=i=>({year:i,isTwoDigitYear:e==="yy"});switch(e){case"y":return he(pe(4,t),o);case"yo":return he(r.ordinalNumber(t,{unit:"year"}),o);default:return he(pe(e.length,t),o)}}validate(t,e){return e.isTwoDigitYear||e.year>0}set(t,e,r){const o=t.getFullYear();if(r.isTwoDigitYear){const c=dc(r.year,o);return t.setFullYear(c,0,1),t.setHours(0,0,0,0),t}const i=!("era"in e)||e.era===1?r.year:1-r.year;return t.setFullYear(i,0,1),t.setHours(0,0,0,0),t}}class ch extends ne{constructor(){super(...arguments);H(this,"priority",130);H(this,"incompatibleTokens",["y","R","u","Q","q","M","L","I","d","D","i","t","T"])}parse(t,e,r){const o=i=>({year:i,isTwoDigitYear:e==="YY"});switch(e){case"Y":return he(pe(4,t),o);case"Yo":return he(r.ordinalNumber(t,{unit:"year"}),o);default:return he(pe(e.length,t),o)}}validate(t,e){return e.isTwoDigitYear||e.year>0}set(t,e,r,o){const i=ja(t,o);if(r.isTwoDigitYear){const l=dc(r.year,i);return t.setFullYear(l,0,o.firstWeekContainsDate),t.setHours(0,0,0,0),pt(t,o)}const c=!("era"in e)||e.era===1?r.year:1-r.year;return t.setFullYear(c,0,o.firstWeekContainsDate),t.setHours(0,0,0,0),pt(t,o)}}class lh extends ne{constructor(){super(...arguments);H(this,"priority",130);H(this,"incompatibleTokens",["G","y","Y","u","Q","q","M","L","w","d","D","e","c","t","T"])}parse(t,e){return vr(e==="R"?4:e.length,t)}set(t,e,r){const o=ae(t,0);return o.setFullYear(r,0,4),o.setHours(0,0,0,0),cn(o)}}class dh extends ne{constructor(){super(...arguments);H(this,"priority",130);H(this,"incompatibleTokens",["G","y","Y","R","w","I","i","e","c","t","T"])}parse(t,e){return vr(e==="u"?4:e.length,t)}set(t,e,r){return t.setFullYear(r,0,1),t.setHours(0,0,0,0),t}}class uh extends ne{constructor(){super(...arguments);H(this,"priority",120);H(this,"incompatibleTokens",["Y","R","q","M","L","w","I","d","D","i","e","c","t","T"])}parse(t,e,r){switch(e){case"Q":case"QQ":return pe(e.length,t);case"Qo":return r.ordinalNumber(t,{unit:"quarter"});case"QQQ":return r.quarter(t,{width:"abbreviated",context:"formatting"})||r.quarter(t,{width:"narrow",context:"formatting"});case"QQQQQ":return r.quarter(t,{width:"narrow",context:"formatting"});case"QQQQ":default:return r.quarter(t,{width:"wide",context:"formatting"})||r.quarter(t,{width:"abbreviated",context:"formatting"})||r.quarter(t,{width:"narrow",context:"formatting"})}}validate(t,e){return e>=1&&e<=4}set(t,e,r){return t.setMonth((r-1)*3,1),t.setHours(0,0,0,0),t}}class ph extends ne{constructor(){super(...arguments);H(this,"priority",120);H(this,"incompatibleTokens",["Y","R","Q","M","L","w","I","d","D","i","e","c","t","T"])}parse(t,e,r){switch(e){case"q":case"qq":return pe(e.length,t);case"qo":return r.ordinalNumber(t,{unit:"quarter"});case"qqq":return r.quarter(t,{width:"abbreviated",context:"standalone"})||r.quarter(t,{width:"narrow",context:"standalone"});case"qqqqq":return r.quarter(t,{width:"narrow",context:"standalone"});case"qqqq":default:return r.quarter(t,{width:"wide",context:"standalone"})||r.quarter(t,{width:"abbreviated",context:"standalone"})||r.quarter(t,{width:"narrow",context:"standalone"})}}validate(t,e){return e>=1&&e<=4}set(t,e,r){return t.setMonth((r-1)*3,1),t.setHours(0,0,0,0),t}}class fh extends ne{constructor(){super(...arguments);H(this,"incompatibleTokens",["Y","R","q","Q","L","w","I","D","i","e","c","t","T"]);H(this,"priority",110)}parse(t,e,r){const o=i=>i-1;switch(e){case"M":return he(le(fe.month,t),o);case"MM":return he(pe(2,t),o);case"Mo":return he(r.ordinalNumber(t,{unit:"month"}),o);case"MMM":return r.month(t,{width:"abbreviated",context:"formatting"})||r.month(t,{width:"narrow",context:"formatting"});case"MMMMM":return r.month(t,{width:"narrow",context:"formatting"});case"MMMM":default:return r.month(t,{width:"wide",context:"formatting"})||r.month(t,{width:"abbreviated",context:"formatting"})||r.month(t,{width:"narrow",context:"formatting"})}}validate(t,e){return e>=0&&e<=11}set(t,e,r){return t.setMonth(r,1),t.setHours(0,0,0,0),t}}class hh extends ne{constructor(){super(...arguments);H(this,"priority",110);H(this,"incompatibleTokens",["Y","R","q","Q","M","w","I","D","i","e","c","t","T"])}parse(t,e,r){const o=i=>i-1;switch(e){case"L":return he(le(fe.month,t),o);case"LL":return he(pe(2,t),o);case"Lo":return he(r.ordinalNumber(t,{unit:"month"}),o);case"LLL":return r.month(t,{width:"abbreviated",context:"standalone"})||r.month(t,{width:"narrow",context:"standalone"});case"LLLLL":return r.month(t,{width:"narrow",context:"standalone"});case"LLLL":default:return r.month(t,{width:"wide",context:"standalone"})||r.month(t,{width:"abbreviated",context:"standalone"})||r.month(t,{width:"narrow",context:"standalone"})}}validate(t,e){return e>=0&&e<=11}set(t,e,r){return t.setMonth(r,1),t.setHours(0,0,0,0),t}}function mh(n,a,t){const e=B(n),r=ac(e,t)-a;return e.setDate(e.getDate()-r*7),e}class gh extends ne{constructor(){super(...arguments);H(this,"priority",100);H(this,"incompatibleTokens",["y","R","u","q","Q","M","L","I","d","D","i","t","T"])}parse(t,e,r){switch(e){case"w":return le(fe.week,t);case"wo":return r.ordinalNumber(t,{unit:"week"});default:return pe(e.length,t)}}validate(t,e){return e>=1&&e<=53}set(t,e,r,o){return pt(mh(t,r,o),o)}}function xh(n,a){const t=B(n),e=Ia(t)-a;return t.setDate(t.getDate()-e*7),t}class yh extends ne{constructor(){super(...arguments);H(this,"priority",100);H(this,"incompatibleTokens",["y","Y","u","q","Q","M","L","w","d","D","e","c","t","T"])}parse(t,e,r){switch(e){case"I":return le(fe.week,t);case"Io":return r.ordinalNumber(t,{unit:"week"});default:return pe(e.length,t)}}validate(t,e){return e>=1&&e<=53}set(t,e,r){return cn(xh(t,r))}}const bh=[31,28,31,30,31,30,31,31,30,31,30,31],vh=[31,29,31,30,31,30,31,31,30,31,30,31];class wh extends ne{constructor(){super(...arguments);H(this,"priority",90);H(this,"subPriority",1);H(this,"incompatibleTokens",["Y","R","q","Q","w","I","D","i","e","c","t","T"])}parse(t,e,r){switch(e){case"d":return le(fe.date,t);case"do":return r.ordinalNumber(t,{unit:"date"});default:return pe(e.length,t)}}validate(t,e){const r=t.getFullYear(),o=uc(r),i=t.getMonth();return o?e>=1&&e<=vh[i]:e>=1&&e<=bh[i]}set(t,e,r){return t.setDate(r),t.setHours(0,0,0,0),t}}class kh extends ne{constructor(){super(...arguments);H(this,"priority",90);H(this,"subpriority",1);H(this,"incompatibleTokens",["Y","R","q","Q","M","L","w","I","d","E","i","e","c","t","T"])}parse(t,e,r){switch(e){case"D":case"DD":return le(fe.dayOfYear,t);case"Do":return r.ordinalNumber(t,{unit:"date"});default:return pe(e.length,t)}}validate(t,e){const r=t.getFullYear();return uc(r)?e>=1&&e<=366:e>=1&&e<=365}set(t,e,r){return t.setMonth(0,r),t.setHours(0,0,0,0),t}}function Ta(n,a,t){var h,x,b,y;const e=zt(),r=(t==null?void 0:t.weekStartsOn)??((x=(h=t==null?void 0:t.locale)==null?void 0:h.options)==null?void 0:x.weekStartsOn)??e.weekStartsOn??((y=(b=e.locale)==null?void 0:b.options)==null?void 0:y.weekStartsOn)??0,o=B(n),i=o.getDay(),l=(a%7+7)%7,p=7-r,d=a<0||a>6?a-(i+p)%7:(l+p)%7-(i+p)%7;return Le(o,d)}class Dh extends ne{constructor(){super(...arguments);H(this,"priority",90);H(this,"incompatibleTokens",["D","i","e","c","t","T"])}parse(t,e,r){switch(e){case"E":case"EE":case"EEE":return r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"});case"EEEEE":return r.day(t,{width:"narrow",context:"formatting"});case"EEEEEE":return r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"});case"EEEE":default:return r.day(t,{width:"wide",context:"formatting"})||r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"})}}validate(t,e){return e>=0&&e<=6}set(t,e,r,o){return t=Ta(t,r,o),t.setHours(0,0,0,0),t}}class Ch extends ne{constructor(){super(...arguments);H(this,"priority",90);H(this,"incompatibleTokens",["y","R","u","q","Q","M","L","I","d","D","E","i","c","t","T"])}parse(t,e,r,o){const i=c=>{const l=Math.floor((c-1)/7)*7;return(c+o.weekStartsOn+6)%7+l};switch(e){case"e":case"ee":return he(pe(e.length,t),i);case"eo":return he(r.ordinalNumber(t,{unit:"day"}),i);case"eee":return r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"});case"eeeee":return r.day(t,{width:"narrow",context:"formatting"});case"eeeeee":return r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"});case"eeee":default:return r.day(t,{width:"wide",context:"formatting"})||r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"})}}validate(t,e){return e>=0&&e<=6}set(t,e,r,o){return t=Ta(t,r,o),t.setHours(0,0,0,0),t}}class Sh extends ne{constructor(){super(...arguments);H(this,"priority",90);H(this,"incompatibleTokens",["y","R","u","q","Q","M","L","I","d","D","E","i","e","t","T"])}parse(t,e,r,o){const i=c=>{const l=Math.floor((c-1)/7)*7;return(c+o.weekStartsOn+6)%7+l};switch(e){case"c":case"cc":return he(pe(e.length,t),i);case"co":return he(r.ordinalNumber(t,{unit:"day"}),i);case"ccc":return r.day(t,{width:"abbreviated",context:"standalone"})||r.day(t,{width:"short",context:"standalone"})||r.day(t,{width:"narrow",context:"standalone"});case"ccccc":return r.day(t,{width:"narrow",context:"standalone"});case"cccccc":return r.day(t,{width:"short",context:"standalone"})||r.day(t,{width:"narrow",context:"standalone"});case"cccc":default:return r.day(t,{width:"wide",context:"standalone"})||r.day(t,{width:"abbreviated",context:"standalone"})||r.day(t,{width:"short",context:"standalone"})||r.day(t,{width:"narrow",context:"standalone"})}}validate(t,e){return e>=0&&e<=6}set(t,e,r,o){return t=Ta(t,r,o),t.setHours(0,0,0,0),t}}function Mh(n,a){const t=B(n),e=eh(t),r=a-e;return Le(t,r)}class _h extends ne{constructor(){super(...arguments);H(this,"priority",90);H(this,"incompatibleTokens",["y","Y","u","q","Q","M","L","w","d","D","E","e","c","t","T"])}parse(t,e,r){const o=i=>i===0?7:i;switch(e){case"i":case"ii":return pe(e.length,t);case"io":return r.ordinalNumber(t,{unit:"day"});case"iii":return he(r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"}),o);case"iiiii":return he(r.day(t,{width:"narrow",context:"formatting"}),o);case"iiiiii":return he(r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"}),o);case"iiii":default:return he(r.day(t,{width:"wide",context:"formatting"})||r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"}),o)}}validate(t,e){return e>=1&&e<=7}set(t,e,r){return t=Mh(t,r),t.setHours(0,0,0,0),t}}class Ph extends ne{constructor(){super(...arguments);H(this,"priority",80);H(this,"incompatibleTokens",["b","B","H","k","t","T"])}parse(t,e,r){switch(e){case"a":case"aa":case"aaa":return r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"});case"aaaaa":return r.dayPeriod(t,{width:"narrow",context:"formatting"});case"aaaa":default:return r.dayPeriod(t,{width:"wide",context:"formatting"})||r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"})}}set(t,e,r){return t.setHours(Ea(r),0,0,0),t}}class Ih extends ne{constructor(){super(...arguments);H(this,"priority",80);H(this,"incompatibleTokens",["a","B","H","k","t","T"])}parse(t,e,r){switch(e){case"b":case"bb":case"bbb":return r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"});case"bbbbb":return r.dayPeriod(t,{width:"narrow",context:"formatting"});case"bbbb":default:return r.dayPeriod(t,{width:"wide",context:"formatting"})||r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"})}}set(t,e,r){return t.setHours(Ea(r),0,0,0),t}}class jh extends ne{constructor(){super(...arguments);H(this,"priority",80);H(this,"incompatibleTokens",["a","b","t","T"])}parse(t,e,r){switch(e){case"B":case"BB":case"BBB":return r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"});case"BBBBB":return r.dayPeriod(t,{width:"narrow",context:"formatting"});case"BBBB":default:return r.dayPeriod(t,{width:"wide",context:"formatting"})||r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"})}}set(t,e,r){return t.setHours(Ea(r),0,0,0),t}}class Eh extends ne{constructor(){super(...arguments);H(this,"priority",70);H(this,"incompatibleTokens",["H","K","k","t","T"])}parse(t,e,r){switch(e){case"h":return le(fe.hour12h,t);case"ho":return r.ordinalNumber(t,{unit:"hour"});default:return pe(e.length,t)}}validate(t,e){return e>=1&&e<=12}set(t,e,r){const o=t.getHours()>=12;return o&&r<12?t.setHours(r+12,0,0,0):!o&&r===12?t.setHours(0,0,0,0):t.setHours(r,0,0,0),t}}class Th extends ne{constructor(){super(...arguments);H(this,"priority",70);H(this,"incompatibleTokens",["a","b","h","K","k","t","T"])}parse(t,e,r){switch(e){case"H":return le(fe.hour23h,t);case"Ho":return r.ordinalNumber(t,{unit:"hour"});default:return pe(e.length,t)}}validate(t,e){return e>=0&&e<=23}set(t,e,r){return t.setHours(r,0,0,0),t}}class Nh extends ne{constructor(){super(...arguments);H(this,"priority",70);H(this,"incompatibleTokens",["h","H","k","t","T"])}parse(t,e,r){switch(e){case"K":return le(fe.hour11h,t);case"Ko":return r.ordinalNumber(t,{unit:"hour"});default:return pe(e.length,t)}}validate(t,e){return e>=0&&e<=11}set(t,e,r){return t.getHours()>=12&&r<12?t.setHours(r+12,0,0,0):t.setHours(r,0,0,0),t}}class $h extends ne{constructor(){super(...arguments);H(this,"priority",70);H(this,"incompatibleTokens",["a","b","h","H","K","t","T"])}parse(t,e,r){switch(e){case"k":return le(fe.hour24h,t);case"ko":return r.ordinalNumber(t,{unit:"hour"});default:return pe(e.length,t)}}validate(t,e){return e>=1&&e<=24}set(t,e,r){const o=r<=24?r%24:r;return t.setHours(o,0,0,0),t}}class Oh extends ne{constructor(){super(...arguments);H(this,"priority",60);H(this,"incompatibleTokens",["t","T"])}parse(t,e,r){switch(e){case"m":return le(fe.minute,t);case"mo":return r.ordinalNumber(t,{unit:"minute"});default:return pe(e.length,t)}}validate(t,e){return e>=0&&e<=59}set(t,e,r){return t.setMinutes(r,0,0),t}}class Rh extends ne{constructor(){super(...arguments);H(this,"priority",50);H(this,"incompatibleTokens",["t","T"])}parse(t,e,r){switch(e){case"s":return le(fe.second,t);case"so":return r.ordinalNumber(t,{unit:"second"});default:return pe(e.length,t)}}validate(t,e){return e>=0&&e<=59}set(t,e,r){return t.setSeconds(r,0),t}}class Ah extends ne{constructor(){super(...arguments);H(this,"priority",30);H(this,"incompatibleTokens",["t","T"])}parse(t,e){const r=o=>Math.trunc(o*Math.pow(10,-e.length+3));return he(pe(e.length,t),r)}set(t,e,r){return t.setMilliseconds(r),t}}class Lh extends ne{constructor(){super(...arguments);H(this,"priority",10);H(this,"incompatibleTokens",["t","T","x"])}parse(t,e){switch(e){case"X":return Ve(Qe.basicOptionalMinutes,t);case"XX":return Ve(Qe.basic,t);case"XXXX":return Ve(Qe.basicOptionalSeconds,t);case"XXXXX":return Ve(Qe.extendedOptionalSeconds,t);case"XXX":default:return Ve(Qe.extended,t)}}set(t,e,r){return e.timestampIsSet?t:ae(t,t.getTime()-fr(t)-r)}}class Fh extends ne{constructor(){super(...arguments);H(this,"priority",10);H(this,"incompatibleTokens",["t","T","X"])}parse(t,e){switch(e){case"x":return Ve(Qe.basicOptionalMinutes,t);case"xx":return Ve(Qe.basic,t);case"xxxx":return Ve(Qe.basicOptionalSeconds,t);case"xxxxx":return Ve(Qe.extendedOptionalSeconds,t);case"xxx":default:return Ve(Qe.extended,t)}}set(t,e,r){return e.timestampIsSet?t:ae(t,t.getTime()-fr(t)-r)}}class Yh extends ne{constructor(){super(...arguments);H(this,"priority",40);H(this,"incompatibleTokens","*")}parse(t){return lc(t)}set(t,e,r){return[ae(t,r*1e3),{timestampIsSet:!0}]}}class Wh extends ne{constructor(){super(...arguments);H(this,"priority",20);H(this,"incompatibleTokens","*")}parse(t){return lc(t)}set(t,e,r){return[ae(t,r),{timestampIsSet:!0}]}}const Bh={G:new ih,y:new sh,Y:new ch,R:new lh,u:new dh,Q:new uh,q:new ph,M:new fh,L:new hh,w:new gh,I:new yh,d:new wh,D:new kh,E:new Dh,e:new Ch,c:new Sh,i:new _h,a:new Ph,b:new Ih,B:new jh,h:new Eh,H:new Th,K:new Nh,k:new $h,m:new Oh,s:new Rh,S:new Ah,X:new Lh,x:new Fh,t:new Yh,T:new Wh},Hh=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,zh=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,qh=/^'([^]*?)'?$/,Kh=/''/g,Qh=/\S/,Vh=/[a-zA-Z]/;function Xr(n,a,t,e){var w,k,f,C,N,E,R,$;const r=Zf(),o=(e==null?void 0:e.locale)??r.locale??rc,i=(e==null?void 0:e.firstWeekContainsDate)??((k=(w=e==null?void 0:e.locale)==null?void 0:w.options)==null?void 0:k.firstWeekContainsDate)??r.firstWeekContainsDate??((C=(f=r.locale)==null?void 0:f.options)==null?void 0:C.firstWeekContainsDate)??1,c=(e==null?void 0:e.weekStartsOn)??((E=(N=e==null?void 0:e.locale)==null?void 0:N.options)==null?void 0:E.weekStartsOn)??r.weekStartsOn??(($=(R=r.locale)==null?void 0:R.options)==null?void 0:$.weekStartsOn)??0;if(a==="")return n===""?B(t):ae(t,NaN);const l={firstWeekContainsDate:i,weekStartsOn:c,locale:o},p=[new oh],d=a.match(zh).map(S=>{const D=S[0];if(D in br){const P=br[D];return P(S,o.formatLong)}return S}).join("").match(Hh),h=[];for(let S of d){!(e!=null&&e.useAdditionalWeekYearTokens)&&sc(S)&&ga(S,a,n),!(e!=null&&e.useAdditionalDayOfYearTokens)&&ic(S)&&ga(S,a,n);const D=S[0],P=Bh[D];if(P){const{incompatibleTokens:I}=P;if(Array.isArray(I)){const T=h.find(W=>I.includes(W.token)||W.token===D);if(T)throw new RangeError(`The format string mustn't contain \`${T.fullToken}\` and \`${S}\` at the same time`)}else if(P.incompatibleTokens==="*"&&h.length>0)throw new RangeError(`The format string mustn't contain \`${S}\` and any other token at the same time`);h.push({token:D,fullToken:S});const O=P.run(n,S,o.match,l);if(!O)return ae(t,NaN);p.push(O.setter),n=O.rest}else{if(D.match(Vh))throw new RangeError("Format string contains an unescaped latin alphabet character `"+D+"`");if(S==="''"?S="'":D==="'"&&(S=Uh(S)),n.indexOf(S)===0)n=n.slice(S.length);else return ae(t,NaN)}}if(n.length>0&&Qh.test(n))return ae(t,NaN);const x=p.map(S=>S.priority).sort((S,D)=>D-S).filter((S,D,P)=>P.indexOf(S)===D).map(S=>p.filter(D=>D.priority===S).sort((D,P)=>P.subPriority-D.subPriority)).map(S=>S[0]);let b=B(t);if(isNaN(b.getTime()))return ae(t,NaN);const y={};for(const S of x){if(!S.validate(b,l))return ae(t,NaN);const D=S.set(b,y,l);Array.isArray(D)?(b=D[0],Object.assign(y,D[1])):b=D}return ae(t,b)}function Uh(n){return n.match(qh)[1].replace(Kh,"'")}function Xh(n,a){const t=B(n),e=B(a);return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()}function Gh(n,a){const t=ma(n),e=ma(a);return+t==+e}function Jh(n,a){const t=B(n),e=B(a);return t.getFullYear()===e.getFullYear()}function En(n,a){const t=+B(n),[e,r]=[+B(a.start),+B(a.end)].sort((o,i)=>o-i);return t>=e&&t<=r}function Zh(n,a){return Le(n,-1)}function em(n,a){const e=am(n);let r;if(e.date){const l=om(e.date,2);r=im(l.restDateString,l.year)}if(!r||isNaN(r.getTime()))return new Date(NaN);const o=r.getTime();let i=0,c;if(e.time&&(i=sm(e.time),isNaN(i)))return new Date(NaN);if(e.timezone){if(c=cm(e.timezone),isNaN(c))return new Date(NaN)}else{const l=new Date(o+i),p=new Date(0);return p.setFullYear(l.getUTCFullYear(),l.getUTCMonth(),l.getUTCDate()),p.setHours(l.getUTCHours(),l.getUTCMinutes(),l.getUTCSeconds(),l.getUTCMilliseconds()),p}return new Date(o+i+c)}const Vn={dateTimeDelimiter:/[T ]/,timeZoneDelimiter:/[Z ]/i,timezone:/([Z+-].*)$/},tm=/^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/,nm=/^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/,rm=/^([+-])(\d{2})(?::?(\d{2}))?$/;function am(n){const a={},t=n.split(Vn.dateTimeDelimiter);let e;if(t.length>2)return a;if(/:/.test(t[0])?e=t[0]:(a.date=t[0],e=t[1],Vn.timeZoneDelimiter.test(a.date)&&(a.date=n.split(Vn.timeZoneDelimiter)[0],e=n.substr(a.date.length,n.length))),e){const r=Vn.timezone.exec(e);r?(a.time=e.replace(r[1],""),a.timezone=r[1]):a.time=e}return a}function om(n,a){const t=new RegExp("^(?:(\\d{4}|[+-]\\d{"+(4+a)+"})|(\\d{2}|[+-]\\d{"+(2+a)+"})$)"),e=n.match(t);if(!e)return{year:NaN,restDateString:""};const r=e[1]?parseInt(e[1]):null,o=e[2]?parseInt(e[2]):null;return{year:o===null?r:o*100,restDateString:n.slice((e[1]||e[2]).length)}}function im(n,a){if(a===null)return new Date(NaN);const t=n.match(tm);if(!t)return new Date(NaN);const e=!!t[4],r=vn(t[1]),o=vn(t[2])-1,i=vn(t[3]),c=vn(t[4]),l=vn(t[5])-1;if(e)return fm(a,c,l)?lm(a,c,l):new Date(NaN);{const p=new Date(0);return!um(a,o,i)||!pm(a,r)?new Date(NaN):(p.setUTCFullYear(a,o,Math.max(r,i)),p)}}function vn(n){return n?parseInt(n):1}function sm(n){const a=n.match(nm);if(!a)return NaN;const t=Gr(a[1]),e=Gr(a[2]),r=Gr(a[3]);return hm(t,e,r)?t*Tr+e*Er+r*1e3:NaN}function Gr(n){return n&&parseFloat(n.replace(",","."))||0}function cm(n){if(n==="Z")return 0;const a=n.match(rm);if(!a)return 0;const t=a[1]==="+"?-1:1,e=parseInt(a[2]),r=a[3]&&parseInt(a[3])||0;return mm(e,r)?t*(e*Tr+r*Er):NaN}function lm(n,a,t){const e=new Date(0);e.setUTCFullYear(n,0,4);const r=e.getUTCDay()||7,o=(a-1)*7+t+1-r;return e.setUTCDate(e.getUTCDate()+o),e}const dm=[31,null,31,30,31,30,31,31,30,31,30,31];function pc(n){return n%400===0||n%4===0&&n%100!==0}function um(n,a,t){return a>=0&&a<=11&&t>=1&&t<=(dm[a]||(pc(n)?29:28))}function pm(n,a){return a>=1&&a<=(pc(n)?366:365)}function fm(n,a,t){return a>=1&&a<=53&&t>=0&&t<=6}function hm(n,a,t){return n===24?a===0&&t===0:t>=0&&t<60&&a>=0&&a<60&&n>=0&&n<25}function mm(n,a){return a>=0&&a<=59}function Te(n,a){const t=B(n),e=t.getFullYear(),r=t.getDate(),o=ae(n,0);o.setFullYear(e,a,15),o.setHours(0,0,0,0);const i=Jf(o);return t.setMonth(a,Math.min(r,i)),t}function gm(n,a){let t=B(n);return isNaN(+t)?ae(n,NaN):(a.year!=null&&t.setFullYear(a.year),a.month!=null&&(t=Te(t,a.month)),a.date!=null&&t.setDate(a.date),a.hours!=null&&t.setHours(a.hours),a.minutes!=null&&t.setMinutes(a.minutes),a.seconds!=null&&t.setSeconds(a.seconds),a.milliseconds!=null&&t.setMilliseconds(a.milliseconds),t)}function nr(n,a){const t=B(n);return t.setHours(a),t}function rr(n,a){const t=B(n);return t.setMinutes(a),t}function Zt(n,a){const t=B(n),e=Math.trunc(t.getMonth()/3)+1,r=a-e;return Te(t,t.getMonth()+r*3)}function ar(n,a){const t=B(n);return t.setSeconds(a),t}function ze(n,a){const t=B(n);return isNaN(+t)?ae(n,NaN):(t.setFullYear(a),t)}function Ot(n,a){return Ye(n,-a)}function fc(n,a){return Pa(n,-1)}function Xo(n,a){return hr(n,-1)}function dn(n,a){return st(n,-a)}var xm=typeof document<"u",ym=function(){},wr=xm?v.useLayoutEffect:ym;const bm={...ys},vm=bm.useInsertionEffect,wm=vm||(n=>n());function km(n){const a=v.useRef(()=>{});return wm(()=>{a.current=n}),v.useCallback(function(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return a.current==null?void 0:a.current(...e)},[])}const Dm={...ys};let Go=!1,Cm=0;const Jo=()=>"floating-ui-"+Math.random().toString(36).slice(2,6)+Cm++;function Sm(){const[n,a]=v.useState(()=>Go?Jo():void 0);return wr(()=>{n==null&&a(Jo())},[]),v.useEffect(()=>{Go=!0},[]),n}const Mm=Dm.useId,hc=Mm||Sm,_m=v.forwardRef(function(a,t){const{context:{placement:e,elements:{floating:r},middlewareData:{arrow:o,shift:i}},width:c=14,height:l=7,tipRadius:p=0,strokeWidth:d=0,staticOffset:h,stroke:x,d:b,style:{transform:y,...w}={},...k}=a,f=hc(),[C,N]=v.useState(!1);if(wr(()=>{if(!r)return;Fe(r).direction==="rtl"&&N(!0)},[r]),!r)return null;const[E,R]=e.split("-"),$=E==="top"||E==="bottom";let S=h;($&&i!=null&&i.x||!$&&i!=null&&i.y)&&(S=null);const D=d*2,P=D/2,I=c/2*(p/-8+1),O=l/2*p/4,T=!!b,W=S&&R==="end"?"bottom":"top";let z=S&&R==="end"?"right":"left";S&&C&&(z=R==="end"?"left":"right");const V=(o==null?void 0:o.x)!=null?S||o.x:"",Y=(o==null?void 0:o.y)!=null?S||o.y:"",q=b||"M0,0"+(" H"+c)+(" L"+(c-I)+","+(l-O))+(" Q"+c/2+","+l+" "+I+","+(l-O))+" Z",_={top:T?"rotate(180deg)":"",left:T?"rotate(90deg)":"rotate(-90deg)",bottom:T?"":"rotate(180deg)",right:T?"rotate(-90deg)":"rotate(90deg)"}[E];return s.jsxs("svg",{...k,"aria-hidden":!0,ref:t,width:T?c:c+D,height:c,viewBox:"0 0 "+c+" "+(l>c?l:c),style:{position:"absolute",pointerEvents:"none",[z]:V,[W]:Y,[E]:$||T?"100%":"calc(100% - "+D/2+"px)",transform:[_,y].filter(J=>!!J).join(" "),...w},children:[D>0&&s.jsx("path",{clipPath:"url(#"+f+")",fill:"none",stroke:x,strokeWidth:D+(b?0:1),d:q}),s.jsx("path",{stroke:D&&!b?k.fill:"none",d:q}),s.jsx("clipPath",{id:f,children:s.jsx("rect",{x:-P,y:P*(T?-1:1),width:c+D,height:c})})]})});function Pm(){const n=new Map;return{emit(a,t){var e;(e=n.get(a))==null||e.forEach(r=>r(t))},on(a,t){n.has(a)||n.set(a,new Set),n.get(a).add(t)},off(a,t){var e;(e=n.get(a))==null||e.delete(t)}}}const Im=v.createContext(null),jm=v.createContext(null),Em=()=>{var n;return((n=v.useContext(Im))==null?void 0:n.id)||null},Tm=()=>v.useContext(jm);function Nm(n){const{open:a=!1,onOpenChange:t,elements:e}=n,r=hc(),o=v.useRef({}),[i]=v.useState(()=>Pm()),c=Em()!=null,[l,p]=v.useState(e.reference),d=km((b,y,w)=>{o.current.openEvent=b?y:void 0,i.emit("openchange",{open:b,event:y,reason:w,nested:c}),t==null||t(b,y,w)}),h=v.useMemo(()=>({setPositionReference:p}),[]),x=v.useMemo(()=>({reference:l||e.reference||null,floating:e.floating||null,domReference:e.reference}),[l,e.reference,e.floating]);return v.useMemo(()=>({dataRef:o,open:a,onOpenChange:d,elements:x,events:i,floatingId:r,refs:h}),[a,d,x,i,r,h])}function $m(n){var a,t;let{elements:e,...r}=n===void 0?{}:n;const{nodeId:o}=r,i=Nm({...r,elements:{reference:(a=e==null?void 0:e.reference)!=null?a:null,floating:(t=e==null?void 0:e.floating)!=null?t:null}}),c=r.rootContext||i,l=c.elements,[p,d]=v.useState(null),[h,x]=v.useState(null),y=(l==null?void 0:l.domReference)||p,w=v.useRef(null),k=Tm();wr(()=>{y&&(w.current=y)},[y]);const f=bp({...r,elements:{...l,...h&&{reference:h}}}),C=v.useCallback(S=>{const D=Pe(S)?{getBoundingClientRect:()=>S.getBoundingClientRect(),getClientRects:()=>S.getClientRects(),contextElement:S}:S;x(D),f.refs.setReference(D)},[f.refs]),N=v.useCallback(S=>{(Pe(S)||S===null)&&(w.current=S,d(S)),(Pe(f.refs.reference.current)||f.refs.reference.current===null||S!==null&&!Pe(S))&&f.refs.setReference(S)},[f.refs]),E=v.useMemo(()=>({...f.refs,setReference:N,setPositionReference:C,domReference:w}),[f.refs,N,C]),R=v.useMemo(()=>({...f.elements,domReference:y}),[f.elements,y]),$=v.useMemo(()=>({...f,...c,refs:E,elements:R,nodeId:o}),[f,E,R,o,c]);return wr(()=>{c.dataRef.current.floatingContext=$;const S=k==null?void 0:k.nodesRef.current.find(D=>D.id===o);S&&(S.context=$)}),v.useMemo(()=>({...f,context:$,refs:E,elements:R}),[f,E,R,$])}/*!
|
|
349
|
-
react-datepicker v7.6.0
|
|
350
|
-
https://github.com/Hacker0x01/react-datepicker
|
|
351
|
-
Released under the MIT License.
|
|
352
|
-
*/var ya=function(a,t){return ya=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])},ya(a,t)};function ye(n,a){if(typeof a!="function"&&a!==null)throw new TypeError("Class extends value "+String(a)+" is not a constructor or null");ya(n,a);function t(){this.constructor=n}n.prototype=a===null?Object.create(a):(t.prototype=a.prototype,new t)}var ee=function(){return ee=Object.assign||function(t){for(var e,r=1,o=arguments.length;r<o;r++){e=arguments[r];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])}return t},ee.apply(this,arguments)};function Xe(n,a,t){if(t||arguments.length===2)for(var e=0,r=a.length,o;e<r;e++)(o||!(e in a))&&(o||(o=Array.prototype.slice.call(a,0,e)),o[e]=a[e]);return n.concat(o||Array.prototype.slice.call(a))}var Om=function(n){var a=n.showTimeSelectOnly,t=a===void 0?!1:a,e=n.showTime,r=e===void 0?!1:e,o=n.className,i=n.children,c=t?"Choose Time":"Choose Date".concat(r?" and Time":"");return M.createElement("div",{className:o,role:"dialog","aria-label":c,"aria-modal":"true"},i)},Rm=function(n,a){var t=v.useRef(null),e=v.useRef(n);e.current=n;var r=v.useCallback(function(o){var i;t.current&&!t.current.contains(o.target)&&(a&&o.target instanceof HTMLElement&&o.target.classList.contains(a)||(i=e.current)===null||i===void 0||i.call(e,o))},[a]);return v.useEffect(function(){return document.addEventListener("mousedown",r),function(){document.removeEventListener("mousedown",r)}},[r]),t},$r=function(n){var a=n.children,t=n.onClickOutside,e=n.className,r=n.containerRef,o=n.style,i=n.ignoreClass,c=Rm(t,i);return M.createElement("div",{className:e,style:o,ref:function(l){c.current=l,r&&(r.current=l)}},a)},L;(function(n){n.ArrowUp="ArrowUp",n.ArrowDown="ArrowDown",n.ArrowLeft="ArrowLeft",n.ArrowRight="ArrowRight",n.PageUp="PageUp",n.PageDown="PageDown",n.Home="Home",n.End="End",n.Enter="Enter",n.Space=" ",n.Tab="Tab",n.Escape="Escape",n.Backspace="Backspace",n.X="x"})(L||(L={}));function mc(){var n=typeof window<"u"?window:globalThis;return n}var On=12,Am=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;function oe(n){if(n==null)return new Date;var a=typeof n=="string"?em(n):B(n);return ot(a)?a:new Date}function Jr(n,a,t,e,r){var o,i=null,c=Rt(t)||Rt(_n()),l=!0;if(Array.isArray(a))return a.forEach(function(d){var h=Xr(n,d,new Date,{locale:c,useAdditionalWeekYearTokens:!0,useAdditionalDayOfYearTokens:!0});e&&(l=ot(h,r)&&n===se(h,d,t)),ot(h,r)&&l&&(i=h)}),i;if(i=Xr(n,a,new Date,{locale:c,useAdditionalWeekYearTokens:!0,useAdditionalDayOfYearTokens:!0}),e)l=ot(i)&&n===se(i,a,t);else if(!ot(i)){var p=((o=a.match(Am))!==null&&o!==void 0?o:[]).map(function(d){var h=d[0];if(h==="p"||h==="P"){var x=br[h];return c?x(d,c.formatLong):h}return d}).join("");n.length>0&&(i=Xr(n,p.slice(0,n.length),new Date,{useAdditionalWeekYearTokens:!0,useAdditionalDayOfYearTokens:!0})),ot(i)||(i=new Date(n))}return ot(i)&&l?i:null}function ot(n,a){return mr(n)&&!Wt(n,a??new Date("1/1/1800"))}function se(n,a,t){if(t==="en")return Vo(n,a,{useAdditionalWeekYearTokens:!0,useAdditionalDayOfYearTokens:!0});var e=t?Rt(t):void 0;return t&&!e&&console.warn('A locale object was not found for the provided string ["'.concat(t,'"].')),!e&&_n()&&Rt(_n())&&(e=Rt(_n())),Vo(n,a,{locale:e,useAdditionalWeekYearTokens:!0,useAdditionalDayOfYearTokens:!0})}function $e(n,a){var t=a.dateFormat,e=a.locale,r=Array.isArray(t)&&t.length>0?t[0]:t;return n&&se(n,r,e)||""}function Lm(n,a,t){if(!n)return"";var e=$e(n,t),r=a?$e(a,t):"";return"".concat(e," - ").concat(r)}function Fm(n,a){if(!(n!=null&&n.length))return"";var t=n[0]?$e(n[0],a):"";if(n.length===1)return t;if(n.length===2&&n[1]){var e=$e(n[1],a);return"".concat(t,", ").concat(e)}var r=n.length-1;return"".concat(t," (+").concat(r,")")}function Zr(n,a){var t=a.hour,e=t===void 0?0:t,r=a.minute,o=r===void 0?0:r,i=a.second,c=i===void 0?0:i;return nr(rr(ar(n,c),o),e)}function Ym(n){return Ia(n)}function Wm(n,a){return se(n,"ddd",a)}function or(n){return Yt(n)}function kt(n,a,t){var e=Rt(a||_n());return pt(n,{locale:e,weekStartsOn:t})}function dt(n){return tc(n)}function Cn(n){return Nr(n)}function Zo(n){return ma(n)}function ei(){return Yt(oe())}function ti(n){return Zs(n)}function Bm(n){return af(n)}function Hm(n){return ec(n)}function qe(n,a){return n&&a?Jh(n,a):!n&&!a}function Se(n,a){return n&&a?Xh(n,a):!n&&!a}function kr(n,a){return n&&a?Gh(n,a):!n&&!a}function Z(n,a){return n&&a?nf(n,a):!n&&!a}function Tt(n,a){return n&&a?th(n,a):!n&&!a}function Sn(n,a,t){var e,r=Yt(a),o=Zs(t);try{e=En(n,{start:r,end:o})}catch{e=!1}return e}function _n(){var n=mc();return n.__localeId__}function Rt(n){if(typeof n=="string"){var a=mc();return a.__localeData__?a.__localeData__[n]:void 0}else return n}function zm(n,a,t){return a(se(n,"EEEE",t))}function qm(n,a){return se(n,"EEEEEE",a)}function Km(n,a){return se(n,"EEE",a)}function Na(n,a){return se(Te(oe(),n),"LLLL",a)}function gc(n,a){return se(Te(oe(),n),"LLL",a)}function Qm(n,a){return se(Zt(oe(),n),"QQQ",a)}function Oe(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.maxDate,o=t.excludeDates,i=t.excludeDateIntervals,c=t.includeDates,l=t.includeDateIntervals,p=t.filterDate;return Rn(n,{minDate:e,maxDate:r})||o&&o.some(function(d){return d instanceof Date?Z(n,d):Z(n,d.date)})||i&&i.some(function(d){var h=d.start,x=d.end;return En(n,{start:h,end:x})})||c&&!c.some(function(d){return Z(n,d)})||l&&!l.some(function(d){var h=d.start,x=d.end;return En(n,{start:h,end:x})})||p&&!p(oe(n))||!1}function $a(n,a){var t=a===void 0?{}:a,e=t.excludeDates,r=t.excludeDateIntervals;return r&&r.length>0?r.some(function(o){var i=o.start,c=o.end;return En(n,{start:i,end:c})}):e&&e.some(function(o){var i;return o instanceof Date?Z(n,o):Z(n,(i=o.date)!==null&&i!==void 0?i:new Date)})||!1}function xc(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.maxDate,o=t.excludeDates,i=t.includeDates,c=t.filterDate;return Rn(n,{minDate:e?tc(e):void 0,maxDate:r?ec(r):void 0})||(o==null?void 0:o.some(function(l){return Se(n,l instanceof Date?l:l.date)}))||i&&!i.some(function(l){return Se(n,l)})||c&&!c(oe(n))||!1}function Un(n,a,t,e){var r=G(n),o=Me(n),i=G(a),c=Me(a),l=G(e);return r===i&&r===l?o<=t&&t<=c:r<i?l===r&&o<=t||l===i&&c>=t||l<i&&l>r:!1}function Vm(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.maxDate,o=t.excludeDates,i=t.includeDates;return Rn(n,{minDate:e,maxDate:r})||o&&o.some(function(c){return Se(c instanceof Date?c:c.date,n)})||i&&!i.some(function(c){return Se(c,n)})||!1}function Xn(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.maxDate,o=t.excludeDates,i=t.includeDates,c=t.filterDate;return Rn(n,{minDate:e,maxDate:r})||(o==null?void 0:o.some(function(l){return kr(n,l instanceof Date?l:l.date)}))||i&&!i.some(function(l){return kr(n,l)})||c&&!c(oe(n))||!1}function Gn(n,a,t){if(!a||!t||!mr(a)||!mr(t))return!1;var e=G(a),r=G(t);return e<=n&&r>=n}function ir(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.maxDate,o=t.excludeDates,i=t.includeDates,c=t.filterDate,l=new Date(n,0,1);return Rn(l,{minDate:e?Nr(e):void 0,maxDate:r?nc(r):void 0})||(o==null?void 0:o.some(function(p){return qe(l,p instanceof Date?p:p.date)}))||i&&!i.some(function(p){return qe(l,p)})||c&&!c(oe(l))||!1}function Jn(n,a,t,e){var r=G(n),o=$t(n),i=G(a),c=$t(a),l=G(e);return r===i&&r===l?o<=t&&t<=c:r<i?l===r&&o<=t||l===i&&c>=t||l<i&&l>r:!1}function Rn(n,a){var t,e=a===void 0?{}:a,r=e.minDate,o=e.maxDate;return(t=r&&ln(n,r)<0||o&&ln(n,o)>0)!==null&&t!==void 0?t:!1}function ni(n,a){return a.some(function(t){return Ge(t)===Ge(n)&&Je(t)===Je(n)&<(t)===lt(n)})}function ri(n,a){var t=a===void 0?{}:a,e=t.excludeTimes,r=t.includeTimes,o=t.filterTime;return e&&ni(n,e)||r&&!ni(n,r)||o&&!o(n)||!1}function ai(n,a){var t=a.minTime,e=a.maxTime;if(!t||!e)throw new Error("Both minTime and maxTime props required");var r=oe();r=nr(r,Ge(n)),r=rr(r,Je(n)),r=ar(r,lt(n));var o=oe();o=nr(o,Ge(t)),o=rr(o,Je(t)),o=ar(o,lt(t));var i=oe();i=nr(i,Ge(e)),i=rr(i,Je(e)),i=ar(i,lt(e));var c;try{c=!En(r,{start:o,end:i})}catch{c=!1}return c}function oi(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.includeDates,o=Ot(n,1);return e&&gr(e,o)>0||r&&r.every(function(i){return gr(i,o)>0})||!1}function ii(n,a){var t=a===void 0?{}:a,e=t.maxDate,r=t.includeDates,o=Ye(n,1);return e&&gr(o,e)>0||r&&r.every(function(i){return gr(o,i)>0})||!1}function Um(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.includeDates,o=Nr(n),i=fc(o);return e&&xr(e,i)>0||r&&r.every(function(c){return xr(c,i)>0})||!1}function Xm(n,a){var t=a===void 0?{}:a,e=t.maxDate,r=t.includeDates,o=nc(n),i=Pa(o,1);return e&&xr(i,e)>0||r&&r.every(function(c){return xr(i,c)>0})||!1}function si(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.includeDates,o=dn(n,1);return e&&yr(e,o)>0||r&&r.every(function(i){return yr(i,o)>0})||!1}function Gm(n,a){var t=a===void 0?{}:a,e=t.minDate,r=t.yearItemNumber,o=r===void 0?On:r,i=Cn(dn(n,o)),c=vt(i,o).endPeriod,l=e&&G(e);return l&&l>c||!1}function ci(n,a){var t=a===void 0?{}:a,e=t.maxDate,r=t.includeDates,o=st(n,1);return e&&yr(o,e)>0||r&&r.every(function(i){return yr(o,i)>0})||!1}function Jm(n,a){var t=a===void 0?{}:a,e=t.maxDate,r=t.yearItemNumber,o=r===void 0?On:r,i=st(n,o),c=vt(i,o).startPeriod,l=e&&G(e);return l&&l<c||!1}function yc(n){var a=n.minDate,t=n.includeDates;if(t&&a){var e=t.filter(function(r){return ln(r,a)>=0});return Bo(e)}else return t?Bo(t):a}function bc(n){var a=n.maxDate,t=n.includeDates;if(t&&a){var e=t.filter(function(r){return ln(r,a)<=0});return Wo(e)}else return t?Wo(t):a}function li(n,a){var t;n===void 0&&(n=[]),a===void 0&&(a="react-datepicker__day--highlighted");for(var e=new Map,r=0,o=n.length;r<o;r++){var i=n[r];if(ct(i)){var c=se(i,"MM.dd.yyyy"),l=e.get(c)||[];l.includes(a)||(l.push(a),e.set(c,l))}else if(typeof i=="object"){var p=Object.keys(i),d=(t=p[0])!==null&&t!==void 0?t:"",h=i[d];if(typeof d=="string"&&Array.isArray(h))for(var x=0,b=h.length;x<b;x++){var y=h[x];if(y){var c=se(y,"MM.dd.yyyy"),l=e.get(c)||[];l.includes(d)||(l.push(d),e.set(c,l))}}}}return e}function Zm(n,a){return n.length!==a.length?!1:n.every(function(t,e){return t===a[e]})}function eg(n,a){n===void 0&&(n=[]),a===void 0&&(a="react-datepicker__day--holidays");var t=new Map;return n.forEach(function(e){var r=e.date,o=e.holidayName;if(ct(r)){var i=se(r,"MM.dd.yyyy"),c=t.get(i)||{className:"",holidayNames:[]};if(!("className"in c&&c.className===a&&Zm(c.holidayNames,[o]))){c.className=a;var l=c.holidayNames;c.holidayNames=l?Xe(Xe([],l,!0),[o],!1):[o],t.set(i,c)}}}),t}function tg(n,a,t,e,r){for(var o=r.length,i=[],c=0;c<o;c++){var l=n,p=r[c];p&&(l=Jp(l,Ge(p)),l=ha(l,Je(p)),l=tf(l,lt(p)));var d=ha(n,(t+1)*e);Dt(l,a)&&Wt(l,d)&&p!=null&&i.push(p)}return i}function di(n){return n<10?"0".concat(n):"".concat(n)}function vt(n,a){a===void 0&&(a=On);var t=Math.ceil(G(n)/a)*a,e=t-(a-1);return{startPeriod:e,endPeriod:t}}function ng(n){var a=new Date(n.getFullYear(),n.getMonth(),n.getDate()),t=new Date(n.getFullYear(),n.getMonth(),n.getDate(),24);return Math.round((+t-+a)/36e5)}function ui(n){var a=n.getSeconds(),t=n.getMilliseconds();return B(n.getTime()-a*1e3-t)}function rg(n,a){return ui(n).getTime()===ui(a).getTime()}function pi(n){if(!ct(n))throw new Error("Invalid date");var a=new Date(n);return a.setHours(0,0,0,0),a}function fi(n,a){if(!ct(n)||!ct(a))throw new Error("Invalid date received");var t=pi(n),e=pi(a);return Wt(t,e)}function vc(n){return n.key===L.Space}var ag=(function(n){ye(a,n);function a(t){var e=n.call(this,t)||this;return e.inputRef=M.createRef(),e.onTimeChange=function(r){var o,i;e.setState({time:r});var c=e.props.date,l=c instanceof Date&&!isNaN(+c),p=l?c:new Date;if(r!=null&&r.includes(":")){var d=r.split(":"),h=d[0],x=d[1];p.setHours(Number(h)),p.setMinutes(Number(x))}(i=(o=e.props).onChange)===null||i===void 0||i.call(o,p)},e.renderTimeInput=function(){var r=e.state.time,o=e.props,i=o.date,c=o.timeString,l=o.customTimeInput;return l?v.cloneElement(l,{date:i,value:r,onChange:e.onTimeChange}):M.createElement("input",{type:"time",className:"react-datepicker-time__input",placeholder:"Time",name:"time-input",ref:e.inputRef,onClick:function(){var p;(p=e.inputRef.current)===null||p===void 0||p.focus()},required:!0,value:r,onChange:function(p){e.onTimeChange(p.target.value||c)}})},e.state={time:e.props.timeString},e}return a.getDerivedStateFromProps=function(t,e){return t.timeString!==e.time?{time:t.timeString}:null},a.prototype.render=function(){return M.createElement("div",{className:"react-datepicker__input-time-container"},M.createElement("div",{className:"react-datepicker-time__caption"},this.props.timeInputLabel),M.createElement("div",{className:"react-datepicker-time__input-container"},M.createElement("div",{className:"react-datepicker-time__input"},this.renderTimeInput())))},a})(v.Component),og=(function(n){ye(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.dayEl=v.createRef(),t.handleClick=function(e){!t.isDisabled()&&t.props.onClick&&t.props.onClick(e)},t.handleMouseEnter=function(e){!t.isDisabled()&&t.props.onMouseEnter&&t.props.onMouseEnter(e)},t.handleOnKeyDown=function(e){var r,o,i=e.key;i===L.Space&&(e.preventDefault(),e.key=L.Enter),(o=(r=t.props).handleOnKeyDown)===null||o===void 0||o.call(r,e)},t.isSameDay=function(e){return Z(t.props.day,e)},t.isKeyboardSelected=function(){var e;if(t.props.disabledKeyboardNavigation)return!1;var r=t.props.selectsMultiple?(e=t.props.selectedDates)===null||e===void 0?void 0:e.some(function(i){return t.isSameDayOrWeek(i)}):t.isSameDayOrWeek(t.props.selected),o=t.props.preSelection&&t.isDisabled(t.props.preSelection);return!r&&t.isSameDayOrWeek(t.props.preSelection)&&!o},t.isDisabled=function(e){return e===void 0&&(e=t.props.day),Oe(e,{minDate:t.props.minDate,maxDate:t.props.maxDate,excludeDates:t.props.excludeDates,excludeDateIntervals:t.props.excludeDateIntervals,includeDateIntervals:t.props.includeDateIntervals,includeDates:t.props.includeDates,filterDate:t.props.filterDate})},t.isExcluded=function(){return $a(t.props.day,{excludeDates:t.props.excludeDates,excludeDateIntervals:t.props.excludeDateIntervals})},t.isStartOfWeek=function(){return Z(t.props.day,kt(t.props.day,t.props.locale,t.props.calendarStartDay))},t.isSameWeek=function(e){return t.props.showWeekPicker&&Z(e,kt(t.props.day,t.props.locale,t.props.calendarStartDay))},t.isSameDayOrWeek=function(e){return t.isSameDay(e)||t.isSameWeek(e)},t.getHighLightedClass=function(){var e=t.props,r=e.day,o=e.highlightDates;if(!o)return!1;var i=se(r,"MM.dd.yyyy");return o.get(i)},t.getHolidaysClass=function(){var e,r=t.props,o=r.day,i=r.holidays;if(!i)return[void 0];var c=se(o,"MM.dd.yyyy");return i.has(c)?[(e=i.get(c))===null||e===void 0?void 0:e.className]:[void 0]},t.isInRange=function(){var e=t.props,r=e.day,o=e.startDate,i=e.endDate;return!o||!i?!1:Sn(r,o,i)},t.isInSelectingRange=function(){var e,r=t.props,o=r.day,i=r.selectsStart,c=r.selectsEnd,l=r.selectsRange,p=r.selectsDisabledDaysInRange,d=r.startDate,h=r.endDate,x=(e=t.props.selectingDate)!==null&&e!==void 0?e:t.props.preSelection;return!(i||c||l)||!x||!p&&t.isDisabled()?!1:i&&h&&(Wt(x,h)||Tt(x,h))?Sn(o,x,h):c&&d&&(Dt(x,d)||Tt(x,d))||l&&d&&!h&&(Dt(x,d)||Tt(x,d))?Sn(o,d,x):!1},t.isSelectingRangeStart=function(){var e;if(!t.isInSelectingRange())return!1;var r=t.props,o=r.day,i=r.startDate,c=r.selectsStart,l=(e=t.props.selectingDate)!==null&&e!==void 0?e:t.props.preSelection;return c?Z(o,l):Z(o,i)},t.isSelectingRangeEnd=function(){var e;if(!t.isInSelectingRange())return!1;var r=t.props,o=r.day,i=r.endDate,c=r.selectsEnd,l=r.selectsRange,p=(e=t.props.selectingDate)!==null&&e!==void 0?e:t.props.preSelection;return c||l?Z(o,p):Z(o,i)},t.isRangeStart=function(){var e=t.props,r=e.day,o=e.startDate,i=e.endDate;return!o||!i?!1:Z(o,r)},t.isRangeEnd=function(){var e=t.props,r=e.day,o=e.startDate,i=e.endDate;return!o||!i?!1:Z(i,r)},t.isWeekend=function(){var e=Gf(t.props.day);return e===0||e===6},t.isAfterMonth=function(){return t.props.month!==void 0&&(t.props.month+1)%12===Me(t.props.day)},t.isBeforeMonth=function(){return t.props.month!==void 0&&(Me(t.props.day)+1)%12===t.props.month},t.isCurrentDay=function(){return t.isSameDay(oe())},t.isSelected=function(){var e;return t.props.selectsMultiple?(e=t.props.selectedDates)===null||e===void 0?void 0:e.some(function(r){return t.isSameDayOrWeek(r)}):t.isSameDayOrWeek(t.props.selected)},t.getClassNames=function(e){var r=t.props.dayClassName?t.props.dayClassName(e):void 0;return ke("react-datepicker__day",r,"react-datepicker__day--"+Wm(t.props.day),{"react-datepicker__day--disabled":t.isDisabled(),"react-datepicker__day--excluded":t.isExcluded(),"react-datepicker__day--selected":t.isSelected(),"react-datepicker__day--keyboard-selected":t.isKeyboardSelected(),"react-datepicker__day--range-start":t.isRangeStart(),"react-datepicker__day--range-end":t.isRangeEnd(),"react-datepicker__day--in-range":t.isInRange(),"react-datepicker__day--in-selecting-range":t.isInSelectingRange(),"react-datepicker__day--selecting-range-start":t.isSelectingRangeStart(),"react-datepicker__day--selecting-range-end":t.isSelectingRangeEnd(),"react-datepicker__day--today":t.isCurrentDay(),"react-datepicker__day--weekend":t.isWeekend(),"react-datepicker__day--outside-month":t.isAfterMonth()||t.isBeforeMonth()},t.getHighLightedClass(),t.getHolidaysClass())},t.getAriaLabel=function(){var e=t.props,r=e.day,o=e.ariaLabelPrefixWhenEnabled,i=o===void 0?"Choose":o,c=e.ariaLabelPrefixWhenDisabled,l=c===void 0?"Not available":c,p=t.isDisabled()||t.isExcluded()?l:i;return"".concat(p," ").concat(se(r,"PPPP",t.props.locale))},t.getTitle=function(){var e=t.props,r=e.day,o=e.holidays,i=o===void 0?new Map:o,c=e.excludeDates,l=se(r,"MM.dd.yyyy"),p=[];return i.has(l)&&p.push.apply(p,i.get(l).holidayNames),t.isExcluded()&&p.push(c==null?void 0:c.filter(function(d){return d instanceof Date?Z(d,r):Z(d==null?void 0:d.date,r)}).map(function(d){if(!(d instanceof Date))return d==null?void 0:d.message})),p.join(", ")},t.getTabIndex=function(){var e=t.props.selected,r=t.props.preSelection,o=!(t.props.showWeekPicker&&(t.props.showWeekNumber||!t.isStartOfWeek()))&&(t.isKeyboardSelected()||t.isSameDay(e)&&Z(r,e))?0:-1;return o},t.handleFocusDay=function(){var e;t.shouldFocusDay()&&((e=t.dayEl.current)===null||e===void 0||e.focus({preventScroll:!0}))},t.renderDayContents=function(){return t.props.monthShowsDuplicateDaysEnd&&t.isAfterMonth()||t.props.monthShowsDuplicateDaysStart&&t.isBeforeMonth()?null:t.props.renderDayContents?t.props.renderDayContents(Uo(t.props.day),t.props.day):Uo(t.props.day)},t.render=function(){return M.createElement("div",{ref:t.dayEl,className:t.getClassNames(t.props.day),onKeyDown:t.handleOnKeyDown,onClick:t.handleClick,onMouseEnter:t.props.usePointerEvent?void 0:t.handleMouseEnter,onPointerEnter:t.props.usePointerEvent?t.handleMouseEnter:void 0,tabIndex:t.getTabIndex(),"aria-label":t.getAriaLabel(),role:"option",title:t.getTitle(),"aria-disabled":t.isDisabled(),"aria-current":t.isCurrentDay()?"date":void 0,"aria-selected":t.isSelected()||t.isInRange()},t.renderDayContents(),t.getTitle()!==""&&M.createElement("span",{className:"overlay"},t.getTitle()))},t}return a.prototype.componentDidMount=function(){this.handleFocusDay()},a.prototype.componentDidUpdate=function(){this.handleFocusDay()},a.prototype.shouldFocusDay=function(){var t=!1;return this.getTabIndex()===0&&this.isSameDay(this.props.preSelection)&&((!document.activeElement||document.activeElement===document.body)&&(t=!0),this.props.inline&&!this.props.shouldFocusDayInline&&(t=!1),this.isDayActiveElement()&&(t=!0),this.isDuplicateDay()&&(t=!1)),t},a.prototype.isDayActiveElement=function(){var t,e,r;return((e=(t=this.props.containerRef)===null||t===void 0?void 0:t.current)===null||e===void 0?void 0:e.contains(document.activeElement))&&((r=document.activeElement)===null||r===void 0?void 0:r.classList.contains("react-datepicker__day"))},a.prototype.isDuplicateDay=function(){return this.props.monthShowsDuplicateDaysEnd&&this.isAfterMonth()||this.props.monthShowsDuplicateDaysStart&&this.isBeforeMonth()},a})(v.Component),ig=(function(n){ye(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.weekNumberEl=v.createRef(),t.handleClick=function(e){t.props.onClick&&t.props.onClick(e)},t.handleOnKeyDown=function(e){var r,o,i=e.key;i===L.Space&&(e.preventDefault(),e.key=L.Enter),(o=(r=t.props).handleOnKeyDown)===null||o===void 0||o.call(r,e)},t.isKeyboardSelected=function(){return!t.props.disabledKeyboardNavigation&&!Z(t.props.date,t.props.selected)&&Z(t.props.date,t.props.preSelection)},t.getTabIndex=function(){return t.props.showWeekPicker&&t.props.showWeekNumber&&(t.isKeyboardSelected()||Z(t.props.date,t.props.selected)&&Z(t.props.preSelection,t.props.selected))?0:-1},t.handleFocusWeekNumber=function(e){var r=!1;t.getTabIndex()===0&&!(e!=null&&e.isInputFocused)&&Z(t.props.date,t.props.preSelection)&&((!document.activeElement||document.activeElement===document.body)&&(r=!0),t.props.inline&&!t.props.shouldFocusDayInline&&(r=!1),t.props.containerRef&&t.props.containerRef.current&&t.props.containerRef.current.contains(document.activeElement)&&document.activeElement&&document.activeElement.classList.contains("react-datepicker__week-number")&&(r=!0)),r&&t.weekNumberEl.current&&t.weekNumberEl.current.focus({preventScroll:!0})},t}return Object.defineProperty(a,"defaultProps",{get:function(){return{ariaLabelPrefix:"week "}},enumerable:!1,configurable:!0}),a.prototype.componentDidMount=function(){this.handleFocusWeekNumber()},a.prototype.componentDidUpdate=function(t){this.handleFocusWeekNumber(t)},a.prototype.render=function(){var t=this.props,e=t.weekNumber,r=t.isWeekDisabled,o=t.ariaLabelPrefix,i=o===void 0?a.defaultProps.ariaLabelPrefix:o,c=t.onClick,l={"react-datepicker__week-number":!0,"react-datepicker__week-number--clickable":!!c&&!r,"react-datepicker__week-number--selected":!!c&&Z(this.props.date,this.props.selected)};return M.createElement("div",{ref:this.weekNumberEl,className:ke(l),"aria-label":"".concat(i," ").concat(this.props.weekNumber),onClick:this.handleClick,onKeyDown:this.handleOnKeyDown,tabIndex:this.getTabIndex()},e)},a})(v.Component),sg=(function(n){ye(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.isDisabled=function(e){return Oe(e,{minDate:t.props.minDate,maxDate:t.props.maxDate,excludeDates:t.props.excludeDates,excludeDateIntervals:t.props.excludeDateIntervals,includeDateIntervals:t.props.includeDateIntervals,includeDates:t.props.includeDates,filterDate:t.props.filterDate})},t.handleDayClick=function(e,r){t.props.onDayClick&&t.props.onDayClick(e,r)},t.handleDayMouseEnter=function(e){t.props.onDayMouseEnter&&t.props.onDayMouseEnter(e)},t.handleWeekClick=function(e,r,o){for(var i,c,l,p=new Date(e),d=0;d<7;d++){var h=new Date(e);h.setDate(h.getDate()+d);var x=!t.isDisabled(h);if(x){p=h;break}}typeof t.props.onWeekSelect=="function"&&t.props.onWeekSelect(p,r,o),t.props.showWeekPicker&&t.handleDayClick(p,o),((i=t.props.shouldCloseOnSelect)!==null&&i!==void 0?i:a.defaultProps.shouldCloseOnSelect)&&((l=(c=t.props).setOpen)===null||l===void 0||l.call(c,!1))},t.formatWeekNumber=function(e){return t.props.formatWeekNumber?t.props.formatWeekNumber(e):Ym(e)},t.isWeekDisabled=function(){for(var e=t.startOfWeek(),r=Le(e,6),o=new Date(e);o<=r;){if(!t.isDisabled(o))return!1;o=Le(o,1)}return!0},t.renderDays=function(){var e=t.startOfWeek(),r=[],o=t.formatWeekNumber(e);if(t.props.showWeekNumber){var i=t.props.onWeekSelect||t.props.showWeekPicker?t.handleWeekClick.bind(t,e,o):void 0;r.push(M.createElement(ig,ee({key:"W"},a.defaultProps,t.props,{weekNumber:o,isWeekDisabled:t.isWeekDisabled(),date:e,onClick:i})))}return r.concat([0,1,2,3,4,5,6].map(function(c){var l=Le(e,c);return M.createElement(og,ee({},a.defaultProps,t.props,{ariaLabelPrefixWhenEnabled:t.props.chooseDayAriaLabelPrefix,ariaLabelPrefixWhenDisabled:t.props.disabledDayAriaLabelPrefix,key:l.valueOf(),day:l,onClick:t.handleDayClick.bind(t,l),onMouseEnter:t.handleDayMouseEnter.bind(t,l)}))}))},t.startOfWeek=function(){return kt(t.props.day,t.props.locale,t.props.calendarStartDay)},t.isKeyboardSelected=function(){return!t.props.disabledKeyboardNavigation&&!Z(t.startOfWeek(),t.props.selected)&&Z(t.startOfWeek(),t.props.preSelection)},t}return Object.defineProperty(a,"defaultProps",{get:function(){return{shouldCloseOnSelect:!0}},enumerable:!1,configurable:!0}),a.prototype.render=function(){var t={"react-datepicker__week":!0,"react-datepicker__week--selected":Z(this.startOfWeek(),this.props.selected),"react-datepicker__week--keyboard-selected":this.isKeyboardSelected()};return M.createElement("div",{className:ke(t)},this.renderDays())},a})(v.Component),wn,cg=6,nn={TWO_COLUMNS:"two_columns",THREE_COLUMNS:"three_columns",FOUR_COLUMNS:"four_columns"},ea=(wn={},wn[nn.TWO_COLUMNS]={grid:[[0,1],[2,3],[4,5],[6,7],[8,9],[10,11]],verticalNavigationOffset:2},wn[nn.THREE_COLUMNS]={grid:[[0,1,2],[3,4,5],[6,7,8],[9,10,11]],verticalNavigationOffset:3},wn[nn.FOUR_COLUMNS]={grid:[[0,1,2,3],[4,5,6,7],[8,9,10,11]],verticalNavigationOffset:4},wn),Zn=1;function hi(n,a){return n?nn.FOUR_COLUMNS:a?nn.TWO_COLUMNS:nn.THREE_COLUMNS}var lg=(function(n){ye(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.MONTH_REFS=Xe([],Array(12),!0).map(function(){return v.createRef()}),t.QUARTER_REFS=Xe([],Array(4),!0).map(function(){return v.createRef()}),t.isDisabled=function(e){return Oe(e,{minDate:t.props.minDate,maxDate:t.props.maxDate,excludeDates:t.props.excludeDates,excludeDateIntervals:t.props.excludeDateIntervals,includeDateIntervals:t.props.includeDateIntervals,includeDates:t.props.includeDates,filterDate:t.props.filterDate})},t.isExcluded=function(e){return $a(e,{excludeDates:t.props.excludeDates,excludeDateIntervals:t.props.excludeDateIntervals})},t.handleDayClick=function(e,r){var o,i;(i=(o=t.props).onDayClick)===null||i===void 0||i.call(o,e,r,t.props.orderInDisplay)},t.handleDayMouseEnter=function(e){var r,o;(o=(r=t.props).onDayMouseEnter)===null||o===void 0||o.call(r,e)},t.handleMouseLeave=function(){var e,r;(r=(e=t.props).onMouseLeave)===null||r===void 0||r.call(e)},t.isRangeStartMonth=function(e){var r=t.props,o=r.day,i=r.startDate,c=r.endDate;return!i||!c?!1:Se(Te(o,e),i)},t.isRangeStartQuarter=function(e){var r=t.props,o=r.day,i=r.startDate,c=r.endDate;return!i||!c?!1:kr(Zt(o,e),i)},t.isRangeEndMonth=function(e){var r=t.props,o=r.day,i=r.startDate,c=r.endDate;return!i||!c?!1:Se(Te(o,e),c)},t.isRangeEndQuarter=function(e){var r=t.props,o=r.day,i=r.startDate,c=r.endDate;return!i||!c?!1:kr(Zt(o,e),c)},t.isInSelectingRangeMonth=function(e){var r,o=t.props,i=o.day,c=o.selectsStart,l=o.selectsEnd,p=o.selectsRange,d=o.startDate,h=o.endDate,x=(r=t.props.selectingDate)!==null&&r!==void 0?r:t.props.preSelection;return!(c||l||p)||!x?!1:c&&h?Un(x,h,e,i):l&&d||p&&d&&!h?Un(d,x,e,i):!1},t.isSelectingMonthRangeStart=function(e){var r;if(!t.isInSelectingRangeMonth(e))return!1;var o=t.props,i=o.day,c=o.startDate,l=o.selectsStart,p=Te(i,e),d=(r=t.props.selectingDate)!==null&&r!==void 0?r:t.props.preSelection;return l?Se(p,d):Se(p,c)},t.isSelectingMonthRangeEnd=function(e){var r;if(!t.isInSelectingRangeMonth(e))return!1;var o=t.props,i=o.day,c=o.endDate,l=o.selectsEnd,p=o.selectsRange,d=Te(i,e),h=(r=t.props.selectingDate)!==null&&r!==void 0?r:t.props.preSelection;return l||p?Se(d,h):Se(d,c)},t.isInSelectingRangeQuarter=function(e){var r,o=t.props,i=o.day,c=o.selectsStart,l=o.selectsEnd,p=o.selectsRange,d=o.startDate,h=o.endDate,x=(r=t.props.selectingDate)!==null&&r!==void 0?r:t.props.preSelection;return!(c||l||p)||!x?!1:c&&h?Jn(x,h,e,i):l&&d||p&&d&&!h?Jn(d,x,e,i):!1},t.isWeekInMonth=function(e){var r=t.props.day,o=Le(e,6);return Se(e,r)||Se(o,r)},t.isCurrentMonth=function(e,r){return G(e)===G(oe())&&r===Me(oe())},t.isCurrentQuarter=function(e,r){return G(e)===G(oe())&&r===$t(oe())},t.isSelectedMonth=function(e,r,o){return Me(o)===r&&G(e)===G(o)},t.isSelectMonthInList=function(e,r,o){return o.some(function(i){return t.isSelectedMonth(e,r,i)})},t.isSelectedQuarter=function(e,r,o){return $t(e)===r&&G(e)===G(o)},t.renderWeeks=function(){for(var e=[],r=t.props.fixedHeight,o=0,i=!1,c=kt(dt(t.props.day),t.props.locale,t.props.calendarStartDay),l=function(y){return t.props.showWeekPicker?kt(y,t.props.locale,t.props.calendarStartDay):t.props.preSelection},p=function(y){return t.props.showWeekPicker?kt(y,t.props.locale,t.props.calendarStartDay):t.props.selected},d=t.props.selected?p(t.props.selected):void 0,h=t.props.preSelection?l(t.props.preSelection):void 0;e.push(M.createElement(sg,ee({},t.props,{ariaLabelPrefix:t.props.weekAriaLabelPrefix,key:o,day:c,month:Me(t.props.day),onDayClick:t.handleDayClick,onDayMouseEnter:t.handleDayMouseEnter,selected:d,preSelection:h,showWeekNumber:t.props.showWeekNumbers}))),!i;){o++,c=hr(c,1);var x=r&&o>=cg,b=!r&&!t.isWeekInMonth(c);if(x||b)if(t.props.peekNextMonth)i=!0;else break}return e},t.onMonthClick=function(e,r){var o=t.isMonthDisabledForLabelDate(r),i=o.isDisabled,c=o.labelDate;i||t.handleDayClick(dt(c),e)},t.onMonthMouseEnter=function(e){var r=t.isMonthDisabledForLabelDate(e),o=r.isDisabled,i=r.labelDate;o||t.handleDayMouseEnter(dt(i))},t.handleMonthNavigation=function(e,r){var o,i,c,l;(i=(o=t.props).setPreSelection)===null||i===void 0||i.call(o,r),(l=(c=t.MONTH_REFS[e])===null||c===void 0?void 0:c.current)===null||l===void 0||l.focus()},t.handleKeyboardNavigation=function(e,r,o){var i,c=t.props,l=c.selected,p=c.preSelection,d=c.setPreSelection,h=c.minDate,x=c.maxDate,b=c.showFourColumnMonthYearPicker,y=c.showTwoColumnMonthYearPicker;if(p){var w=hi(b,y),k=t.getVerticalOffset(w),f=(i=ea[w])===null||i===void 0?void 0:i.grid,C=function(S,D,P){var I,O,T=D,W=P;switch(S){case L.ArrowRight:T=Ye(D,Zn),W=P===11?0:P+Zn;break;case L.ArrowLeft:T=Ot(D,Zn),W=P===0?11:P-Zn;break;case L.ArrowUp:T=Ot(D,k),W=!((I=f==null?void 0:f[0])===null||I===void 0)&&I.includes(P)?P+12-k:P-k;break;case L.ArrowDown:T=Ye(D,k),W=!((O=f==null?void 0:f[f.length-1])===null||O===void 0)&&O.includes(P)?P-12+k:P+k;break}return{newCalculatedDate:T,newCalculatedMonth:W}},N=function(S,D,P){for(var I=40,O=S,T=!1,W=0,z=C(O,D,P),V=z.newCalculatedDate,Y=z.newCalculatedMonth;!T;){if(W>=I){V=D,Y=P;break}if(h&&V<h){O=L.ArrowRight;var q=C(O,V,Y);V=q.newCalculatedDate,Y=q.newCalculatedMonth}if(x&&V>x){O=L.ArrowLeft;var q=C(O,V,Y);V=q.newCalculatedDate,Y=q.newCalculatedMonth}if(Vm(V,t.props)){var q=C(O,V,Y);V=q.newCalculatedDate,Y=q.newCalculatedMonth}else T=!0;W++}return{newCalculatedDate:V,newCalculatedMonth:Y}};if(r===L.Enter){t.isMonthDisabled(o)||(t.onMonthClick(e,o),d==null||d(l));return}var E=N(r,p,o),R=E.newCalculatedDate,$=E.newCalculatedMonth;switch(r){case L.ArrowRight:case L.ArrowLeft:case L.ArrowUp:case L.ArrowDown:t.handleMonthNavigation($,R);break}}},t.getVerticalOffset=function(e){var r,o;return(o=(r=ea[e])===null||r===void 0?void 0:r.verticalNavigationOffset)!==null&&o!==void 0?o:0},t.onMonthKeyDown=function(e,r){var o=t.props,i=o.disabledKeyboardNavigation,c=o.handleOnMonthKeyDown,l=e.key;l!==L.Tab&&e.preventDefault(),i||t.handleKeyboardNavigation(e,l,r),c&&c(e)},t.onQuarterClick=function(e,r){var o=Zt(t.props.day,r);Xn(o,t.props)||t.handleDayClick(Zo(o),e)},t.onQuarterMouseEnter=function(e){var r=Zt(t.props.day,e);Xn(r,t.props)||t.handleDayMouseEnter(Zo(r))},t.handleQuarterNavigation=function(e,r){var o,i,c,l;t.isDisabled(r)||t.isExcluded(r)||((i=(o=t.props).setPreSelection)===null||i===void 0||i.call(o,r),(l=(c=t.QUARTER_REFS[e-1])===null||c===void 0?void 0:c.current)===null||l===void 0||l.focus())},t.onQuarterKeyDown=function(e,r){var o,i,c=e.key;if(!t.props.disabledKeyboardNavigation)switch(c){case L.Enter:t.onQuarterClick(e,r),(i=(o=t.props).setPreSelection)===null||i===void 0||i.call(o,t.props.selected);break;case L.ArrowRight:if(!t.props.preSelection)break;t.handleQuarterNavigation(r===4?1:r+1,Pa(t.props.preSelection,1));break;case L.ArrowLeft:if(!t.props.preSelection)break;t.handleQuarterNavigation(r===1?4:r-1,fc(t.props.preSelection));break}},t.isMonthDisabledForLabelDate=function(e){var r,o=t.props,i=o.day,c=o.minDate,l=o.maxDate,p=o.excludeDates,d=o.includeDates,h=Te(i,e);return{isDisabled:(r=(c||l||p||d)&&xc(h,t.props))!==null&&r!==void 0?r:!1,labelDate:h}},t.isMonthDisabled=function(e){var r=t.isMonthDisabledForLabelDate(e).isDisabled;return r},t.getMonthClassNames=function(e){var r=t.props,o=r.day,i=r.startDate,c=r.endDate,l=r.preSelection,p=r.monthClassName,d=p?p(Te(o,e)):void 0,h=t.getSelection();return ke("react-datepicker__month-text","react-datepicker__month-".concat(e),d,{"react-datepicker__month-text--disabled":t.isMonthDisabled(e),"react-datepicker__month-text--selected":h?t.isSelectMonthInList(o,e,h):void 0,"react-datepicker__month-text--keyboard-selected":!t.props.disabledKeyboardNavigation&&l&&t.isSelectedMonth(o,e,l)&&!t.isMonthDisabled(e),"react-datepicker__month-text--in-selecting-range":t.isInSelectingRangeMonth(e),"react-datepicker__month-text--in-range":i&&c?Un(i,c,e,o):void 0,"react-datepicker__month-text--range-start":t.isRangeStartMonth(e),"react-datepicker__month-text--range-end":t.isRangeEndMonth(e),"react-datepicker__month-text--selecting-range-start":t.isSelectingMonthRangeStart(e),"react-datepicker__month-text--selecting-range-end":t.isSelectingMonthRangeEnd(e),"react-datepicker__month-text--today":t.isCurrentMonth(o,e)})},t.getTabIndex=function(e){if(t.props.preSelection==null)return"-1";var r=Me(t.props.preSelection),o=t.isMonthDisabledForLabelDate(r).isDisabled,i=e===r&&!(o||t.props.disabledKeyboardNavigation)?"0":"-1";return i},t.getQuarterTabIndex=function(e){if(t.props.preSelection==null)return"-1";var r=$t(t.props.preSelection),o=Xn(t.props.day,t.props),i=e===r&&!(o||t.props.disabledKeyboardNavigation)?"0":"-1";return i},t.getAriaLabel=function(e){var r=t.props,o=r.chooseDayAriaLabelPrefix,i=o===void 0?"Choose":o,c=r.disabledDayAriaLabelPrefix,l=c===void 0?"Not available":c,p=r.day,d=r.locale,h=Te(p,e),x=t.isDisabled(h)||t.isExcluded(h)?l:i;return"".concat(x," ").concat(se(h,"MMMM yyyy",d))},t.getQuarterClassNames=function(e){var r=t.props,o=r.day,i=r.startDate,c=r.endDate,l=r.selected,p=r.minDate,d=r.maxDate,h=r.excludeDates,x=r.includeDates,b=r.filterDate,y=r.preSelection,w=r.disabledKeyboardNavigation,k=(p||d||h||x||b)&&Xn(Zt(o,e),t.props);return ke("react-datepicker__quarter-text","react-datepicker__quarter-".concat(e),{"react-datepicker__quarter-text--disabled":k,"react-datepicker__quarter-text--selected":l?t.isSelectedQuarter(o,e,l):void 0,"react-datepicker__quarter-text--keyboard-selected":!w&&y&&t.isSelectedQuarter(o,e,y)&&!k,"react-datepicker__quarter-text--in-selecting-range":t.isInSelectingRangeQuarter(e),"react-datepicker__quarter-text--in-range":i&&c?Jn(i,c,e,o):void 0,"react-datepicker__quarter-text--range-start":t.isRangeStartQuarter(e),"react-datepicker__quarter-text--range-end":t.isRangeEndQuarter(e)})},t.getMonthContent=function(e){var r=t.props,o=r.showFullMonthYearPicker,i=r.renderMonthContent,c=r.locale,l=r.day,p=gc(e,c),d=Na(e,c);return i?i(e,p,d,l):o?d:p},t.getQuarterContent=function(e){var r,o=t.props,i=o.renderQuarterContent,c=o.locale,l=Qm(e,c);return(r=i==null?void 0:i(e,l))!==null&&r!==void 0?r:l},t.renderMonths=function(){var e,r=t.props,o=r.showTwoColumnMonthYearPicker,i=r.showFourColumnMonthYearPicker,c=r.day,l=r.selected,p=(e=ea[hi(i,o)])===null||e===void 0?void 0:e.grid;return p==null?void 0:p.map(function(d,h){return M.createElement("div",{className:"react-datepicker__month-wrapper",key:h},d.map(function(x,b){return M.createElement("div",{ref:t.MONTH_REFS[x],key:b,onClick:function(y){t.onMonthClick(y,x)},onKeyDown:function(y){vc(y)&&(y.preventDefault(),y.key=L.Enter),t.onMonthKeyDown(y,x)},onMouseEnter:t.props.usePointerEvent?void 0:function(){return t.onMonthMouseEnter(x)},onPointerEnter:t.props.usePointerEvent?function(){return t.onMonthMouseEnter(x)}:void 0,tabIndex:Number(t.getTabIndex(x)),className:t.getMonthClassNames(x),"aria-disabled":t.isMonthDisabled(x),role:"option","aria-label":t.getAriaLabel(x),"aria-current":t.isCurrentMonth(c,x)?"date":void 0,"aria-selected":l?t.isSelectedMonth(c,x,l):void 0},t.getMonthContent(x))}))})},t.renderQuarters=function(){var e=t.props,r=e.day,o=e.selected,i=[1,2,3,4];return M.createElement("div",{className:"react-datepicker__quarter-wrapper"},i.map(function(c,l){return M.createElement("div",{key:l,ref:t.QUARTER_REFS[l],role:"option",onClick:function(p){t.onQuarterClick(p,c)},onKeyDown:function(p){t.onQuarterKeyDown(p,c)},onMouseEnter:t.props.usePointerEvent?void 0:function(){return t.onQuarterMouseEnter(c)},onPointerEnter:t.props.usePointerEvent?function(){return t.onQuarterMouseEnter(c)}:void 0,className:t.getQuarterClassNames(c),"aria-selected":o?t.isSelectedQuarter(r,c,o):void 0,tabIndex:Number(t.getQuarterTabIndex(c)),"aria-current":t.isCurrentQuarter(r,c)?"date":void 0},t.getQuarterContent(c))}))},t.getClassNames=function(){var e=t.props,r=e.selectingDate,o=e.selectsStart,i=e.selectsEnd,c=e.showMonthYearPicker,l=e.showQuarterYearPicker,p=e.showWeekPicker;return ke("react-datepicker__month",{"react-datepicker__month--selecting-range":r&&(o||i)},{"react-datepicker__monthPicker":c},{"react-datepicker__quarterPicker":l},{"react-datepicker__weekPicker":p})},t}return a.prototype.getSelection=function(){var t=this.props,e=t.selected,r=t.selectedDates,o=t.selectsMultiple;if(o)return r;if(e)return[e]},a.prototype.render=function(){var t=this.props,e=t.showMonthYearPicker,r=t.showQuarterYearPicker,o=t.day,i=t.ariaLabelPrefix,c=i===void 0?"Month ":i,l=c?c.trim()+" ":"";return M.createElement("div",{className:this.getClassNames(),onMouseLeave:this.props.usePointerEvent?void 0:this.handleMouseLeave,onPointerLeave:this.props.usePointerEvent?this.handleMouseLeave:void 0,"aria-label":"".concat(l).concat(se(o,"MMMM, yyyy",this.props.locale)),role:"listbox"},e?this.renderMonths():r?this.renderQuarters():this.renderWeeks())},a})(v.Component),dg=(function(n){ye(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.isSelectedMonth=function(e){return t.props.month===e},t.renderOptions=function(){return t.props.monthNames.map(function(e,r){return M.createElement("div",{className:t.isSelectedMonth(r)?"react-datepicker__month-option react-datepicker__month-option--selected_month":"react-datepicker__month-option",key:e,onClick:t.onChange.bind(t,r),"aria-selected":t.isSelectedMonth(r)?"true":void 0},t.isSelectedMonth(r)?M.createElement("span",{className:"react-datepicker__month-option--selected"},"✓"):"",e)})},t.onChange=function(e){return t.props.onChange(e)},t.handleClickOutside=function(){return t.props.onCancel()},t}return a.prototype.render=function(){return M.createElement($r,{className:"react-datepicker__month-dropdown",onClickOutside:this.handleClickOutside},this.renderOptions())},a})(v.Component),ug=(function(n){ye(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.state={dropdownVisible:!1},t.renderSelectOptions=function(e){return e.map(function(r,o){return M.createElement("option",{key:r,value:o},r)})},t.renderSelectMode=function(e){return M.createElement("select",{value:t.props.month,className:"react-datepicker__month-select",onChange:function(r){return t.onChange(parseInt(r.target.value))}},t.renderSelectOptions(e))},t.renderReadView=function(e,r){return M.createElement("div",{key:"read",style:{visibility:e?"visible":"hidden"},className:"react-datepicker__month-read-view",onClick:t.toggleDropdown},M.createElement("span",{className:"react-datepicker__month-read-view--down-arrow"}),M.createElement("span",{className:"react-datepicker__month-read-view--selected-month"},r[t.props.month]))},t.renderDropdown=function(e){return M.createElement(dg,ee({key:"dropdown"},t.props,{monthNames:e,onChange:t.onChange,onCancel:t.toggleDropdown}))},t.renderScrollMode=function(e){var r=t.state.dropdownVisible,o=[t.renderReadView(!r,e)];return r&&o.unshift(t.renderDropdown(e)),o},t.onChange=function(e){t.toggleDropdown(),e!==t.props.month&&t.props.onChange(e)},t.toggleDropdown=function(){return t.setState({dropdownVisible:!t.state.dropdownVisible})},t}return a.prototype.render=function(){var t=this,e=[0,1,2,3,4,5,6,7,8,9,10,11].map(this.props.useShortMonthInDropdown?function(o){return gc(o,t.props.locale)}:function(o){return Na(o,t.props.locale)}),r;switch(this.props.dropdownMode){case"scroll":r=this.renderScrollMode(e);break;case"select":r=this.renderSelectMode(e);break}return M.createElement("div",{className:"react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--".concat(this.props.dropdownMode)},r)},a})(v.Component);function pg(n,a){for(var t=[],e=dt(n),r=dt(a);!Dt(e,r);)t.push(oe(e)),e=Ye(e,1);return t}var fg=(function(n){ye(a,n);function a(t){var e=n.call(this,t)||this;return e.renderOptions=function(){return e.state.monthYearsList.map(function(r){var o=xa(r),i=qe(e.props.date,r)&&Se(e.props.date,r);return M.createElement("div",{className:i?"react-datepicker__month-year-option--selected_month-year":"react-datepicker__month-year-option",key:o,onClick:e.onChange.bind(e,o),"aria-selected":i?"true":void 0},i?M.createElement("span",{className:"react-datepicker__month-year-option--selected"},"✓"):"",se(r,e.props.dateFormat,e.props.locale))})},e.onChange=function(r){return e.props.onChange(r)},e.handleClickOutside=function(){e.props.onCancel()},e.state={monthYearsList:pg(e.props.minDate,e.props.maxDate)},e}return a.prototype.render=function(){var t=ke({"react-datepicker__month-year-dropdown":!0,"react-datepicker__month-year-dropdown--scrollable":this.props.scrollableMonthYearDropdown});return M.createElement($r,{className:t,onClickOutside:this.handleClickOutside},this.renderOptions())},a})(v.Component),hg=(function(n){ye(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.state={dropdownVisible:!1},t.renderSelectOptions=function(){for(var e=dt(t.props.minDate),r=dt(t.props.maxDate),o=[];!Dt(e,r);){var i=xa(e);o.push(M.createElement("option",{key:i,value:i},se(e,t.props.dateFormat,t.props.locale))),e=Ye(e,1)}return o},t.onSelectChange=function(e){t.onChange(parseInt(e.target.value))},t.renderSelectMode=function(){return M.createElement("select",{value:xa(dt(t.props.date)),className:"react-datepicker__month-year-select",onChange:t.onSelectChange},t.renderSelectOptions())},t.renderReadView=function(e){var r=se(t.props.date,t.props.dateFormat,t.props.locale);return M.createElement("div",{key:"read",style:{visibility:e?"visible":"hidden"},className:"react-datepicker__month-year-read-view",onClick:t.toggleDropdown},M.createElement("span",{className:"react-datepicker__month-year-read-view--down-arrow"}),M.createElement("span",{className:"react-datepicker__month-year-read-view--selected-month-year"},r))},t.renderDropdown=function(){return M.createElement(fg,ee({key:"dropdown"},t.props,{onChange:t.onChange,onCancel:t.toggleDropdown}))},t.renderScrollMode=function(){var e=t.state.dropdownVisible,r=[t.renderReadView(!e)];return e&&r.unshift(t.renderDropdown()),r},t.onChange=function(e){t.toggleDropdown();var r=oe(e);qe(t.props.date,r)&&Se(t.props.date,r)||t.props.onChange(r)},t.toggleDropdown=function(){return t.setState({dropdownVisible:!t.state.dropdownVisible})},t}return a.prototype.render=function(){var t;switch(this.props.dropdownMode){case"scroll":t=this.renderScrollMode();break;case"select":t=this.renderSelectMode();break}return M.createElement("div",{className:"react-datepicker__month-year-dropdown-container react-datepicker__month-year-dropdown-container--".concat(this.props.dropdownMode)},t)},a})(v.Component),mg=(function(n){ye(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.state={height:null},t.scrollToTheSelectedTime=function(){requestAnimationFrame(function(){var e,r,o;t.list&&(t.list.scrollTop=(o=t.centerLi&&a.calcCenterPosition(t.props.monthRef?t.props.monthRef.clientHeight-((r=(e=t.header)===null||e===void 0?void 0:e.clientHeight)!==null&&r!==void 0?r:0):t.list.clientHeight,t.centerLi))!==null&&o!==void 0?o:0)})},t.handleClick=function(e){var r,o;(t.props.minTime||t.props.maxTime)&&ai(e,t.props)||(t.props.excludeTimes||t.props.includeTimes||t.props.filterTime)&&ri(e,t.props)||(o=(r=t.props).onChange)===null||o===void 0||o.call(r,e)},t.isSelectedTime=function(e){return t.props.selected&&rg(t.props.selected,e)},t.isDisabledTime=function(e){return(t.props.minTime||t.props.maxTime)&&ai(e,t.props)||(t.props.excludeTimes||t.props.includeTimes||t.props.filterTime)&&ri(e,t.props)},t.liClasses=function(e){var r,o=["react-datepicker__time-list-item",t.props.timeClassName?t.props.timeClassName(e):void 0];return t.isSelectedTime(e)&&o.push("react-datepicker__time-list-item--selected"),t.isDisabledTime(e)&&o.push("react-datepicker__time-list-item--disabled"),t.props.injectTimes&&(Ge(e)*3600+Je(e)*60+lt(e))%(((r=t.props.intervals)!==null&&r!==void 0?r:a.defaultProps.intervals)*60)!==0&&o.push("react-datepicker__time-list-item--injected"),o.join(" ")},t.handleOnKeyDown=function(e,r){var o,i;e.key===L.Space&&(e.preventDefault(),e.key=L.Enter),(e.key===L.ArrowUp||e.key===L.ArrowLeft)&&e.target instanceof HTMLElement&&e.target.previousSibling&&(e.preventDefault(),e.target.previousSibling instanceof HTMLElement&&e.target.previousSibling.focus()),(e.key===L.ArrowDown||e.key===L.ArrowRight)&&e.target instanceof HTMLElement&&e.target.nextSibling&&(e.preventDefault(),e.target.nextSibling instanceof HTMLElement&&e.target.nextSibling.focus()),e.key===L.Enter&&t.handleClick(r),(i=(o=t.props).handleOnKeyDown)===null||i===void 0||i.call(o,e)},t.renderTimes=function(){for(var e,r=[],o=typeof t.props.format=="string"?t.props.format:"p",i=(e=t.props.intervals)!==null&&e!==void 0?e:a.defaultProps.intervals,c=t.props.selected||t.props.openToDate||oe(),l=or(c),p=t.props.injectTimes&&t.props.injectTimes.sort(function(k,f){return k.getTime()-f.getTime()}),d=60*ng(c),h=d/i,x=0;x<h;x++){var b=ha(l,x*i);if(r.push(b),p){var y=tg(l,b,x,i,p);r=r.concat(y)}}var w=r.reduce(function(k,f){return f.getTime()<=c.getTime()?f:k},r[0]);return r.map(function(k){return M.createElement("li",{key:k.valueOf(),onClick:t.handleClick.bind(t,k),className:t.liClasses(k),ref:function(f){k===w&&(t.centerLi=f)},onKeyDown:function(f){t.handleOnKeyDown(f,k)},tabIndex:k===w?0:-1,role:"option","aria-selected":t.isSelectedTime(k)?"true":void 0,"aria-disabled":t.isDisabledTime(k)?"true":void 0},se(k,o,t.props.locale))})},t.renderTimeCaption=function(){return t.props.showTimeCaption===!1?M.createElement(M.Fragment,null):M.createElement("div",{className:"react-datepicker__header react-datepicker__header--time ".concat(t.props.showTimeSelectOnly?"react-datepicker__header--time--only":""),ref:function(e){t.header=e}},M.createElement("div",{className:"react-datepicker-time__header"},t.props.timeCaption))},t}return Object.defineProperty(a,"defaultProps",{get:function(){return{intervals:30,todayButton:null,timeCaption:"Time",showTimeCaption:!0}},enumerable:!1,configurable:!0}),a.prototype.componentDidMount=function(){this.scrollToTheSelectedTime(),this.props.monthRef&&this.header&&this.setState({height:this.props.monthRef.clientHeight-this.header.clientHeight})},a.prototype.render=function(){var t=this,e,r=this.state.height;return M.createElement("div",{className:"react-datepicker__time-container ".concat(((e=this.props.todayButton)!==null&&e!==void 0?e:a.defaultProps.todayButton)?"react-datepicker__time-container--with-today-button":"")},this.renderTimeCaption(),M.createElement("div",{className:"react-datepicker__time"},M.createElement("div",{className:"react-datepicker__time-box"},M.createElement("ul",{className:"react-datepicker__time-list",ref:function(o){t.list=o},style:r?{height:r}:{},role:"listbox","aria-label":this.props.timeCaption},this.renderTimes()))))},a.calcCenterPosition=function(t,e){return e.offsetTop-(t/2-e.clientHeight/2)},a})(v.Component),mi=3,gg=(function(n){ye(a,n);function a(t){var e=n.call(this,t)||this;return e.YEAR_REFS=Xe([],Array(e.props.yearItemNumber),!0).map(function(){return v.createRef()}),e.isDisabled=function(r){return Oe(r,{minDate:e.props.minDate,maxDate:e.props.maxDate,excludeDates:e.props.excludeDates,includeDates:e.props.includeDates,filterDate:e.props.filterDate})},e.isExcluded=function(r){return $a(r,{excludeDates:e.props.excludeDates})},e.selectingDate=function(){var r;return(r=e.props.selectingDate)!==null&&r!==void 0?r:e.props.preSelection},e.updateFocusOnPaginate=function(r){var o=function(){var i,c;(c=(i=e.YEAR_REFS[r])===null||i===void 0?void 0:i.current)===null||c===void 0||c.focus()};window.requestAnimationFrame(o)},e.handleYearClick=function(r,o){e.props.onDayClick&&e.props.onDayClick(r,o)},e.handleYearNavigation=function(r,o){var i,c,l,p,d=e.props,h=d.date,x=d.yearItemNumber;if(!(h===void 0||x===void 0)){var b=vt(h,x).startPeriod;e.isDisabled(o)||e.isExcluded(o)||((c=(i=e.props).setPreSelection)===null||c===void 0||c.call(i,o),r-b<0?e.updateFocusOnPaginate(x-(b-r)):r-b>=x?e.updateFocusOnPaginate(Math.abs(x-(r-b))):(p=(l=e.YEAR_REFS[r-b])===null||l===void 0?void 0:l.current)===null||p===void 0||p.focus())}},e.isSameDay=function(r,o){return Z(r,o)},e.isCurrentYear=function(r){return r===G(oe())},e.isRangeStart=function(r){return e.props.startDate&&e.props.endDate&&qe(ze(oe(),r),e.props.startDate)},e.isRangeEnd=function(r){return e.props.startDate&&e.props.endDate&&qe(ze(oe(),r),e.props.endDate)},e.isInRange=function(r){return Gn(r,e.props.startDate,e.props.endDate)},e.isInSelectingRange=function(r){var o=e.props,i=o.selectsStart,c=o.selectsEnd,l=o.selectsRange,p=o.startDate,d=o.endDate;return!(i||c||l)||!e.selectingDate()?!1:i&&d?Gn(r,e.selectingDate(),d):c&&p||l&&p&&!d?Gn(r,p,e.selectingDate()):!1},e.isSelectingRangeStart=function(r){var o;if(!e.isInSelectingRange(r))return!1;var i=e.props,c=i.startDate,l=i.selectsStart,p=ze(oe(),r);return l?qe(p,(o=e.selectingDate())!==null&&o!==void 0?o:null):qe(p,c??null)},e.isSelectingRangeEnd=function(r){var o;if(!e.isInSelectingRange(r))return!1;var i=e.props,c=i.endDate,l=i.selectsEnd,p=i.selectsRange,d=ze(oe(),r);return l||p?qe(d,(o=e.selectingDate())!==null&&o!==void 0?o:null):qe(d,c??null)},e.isKeyboardSelected=function(r){if(!(e.props.date===void 0||e.props.selected==null||e.props.preSelection==null)){var o=e.props,i=o.minDate,c=o.maxDate,l=o.excludeDates,p=o.includeDates,d=o.filterDate,h=Cn(ze(e.props.date,r)),x=(i||c||l||p||d)&&ir(r,e.props);return!e.props.disabledKeyboardNavigation&&!e.props.inline&&!Z(h,Cn(e.props.selected))&&Z(h,Cn(e.props.preSelection))&&!x}},e.onYearClick=function(r,o){var i=e.props.date;i!==void 0&&e.handleYearClick(Cn(ze(i,o)),r)},e.onYearKeyDown=function(r,o){var i,c,l=r.key,p=e.props,d=p.date,h=p.yearItemNumber,x=p.handleOnKeyDown;if(l!==L.Tab&&r.preventDefault(),!e.props.disabledKeyboardNavigation)switch(l){case L.Enter:if(e.props.selected==null)break;e.onYearClick(r,o),(c=(i=e.props).setPreSelection)===null||c===void 0||c.call(i,e.props.selected);break;case L.ArrowRight:if(e.props.preSelection==null)break;e.handleYearNavigation(o+1,st(e.props.preSelection,1));break;case L.ArrowLeft:if(e.props.preSelection==null)break;e.handleYearNavigation(o-1,dn(e.props.preSelection,1));break;case L.ArrowUp:{if(d===void 0||h===void 0||e.props.preSelection==null)break;var b=vt(d,h).startPeriod,y=mi,w=o-y;if(w<b){var k=h%y;o>=b&&o<b+k?y=k:y+=k,w=o-y}e.handleYearNavigation(w,dn(e.props.preSelection,y));break}case L.ArrowDown:{if(d===void 0||h===void 0||e.props.preSelection==null)break;var f=vt(d,h).endPeriod,y=mi,w=o+y;if(w>f){var k=h%y;o<=f&&o>f-k?y=k:y+=k,w=o+y}e.handleYearNavigation(w,st(e.props.preSelection,y));break}}x&&x(r)},e.getYearClassNames=function(r){var o=e.props,i=o.date,c=o.minDate,l=o.maxDate,p=o.selected,d=o.excludeDates,h=o.includeDates,x=o.filterDate,b=o.yearClassName;return ke("react-datepicker__year-text","react-datepicker__year-".concat(r),i?b==null?void 0:b(ze(i,r)):void 0,{"react-datepicker__year-text--selected":p?r===G(p):void 0,"react-datepicker__year-text--disabled":(c||l||d||h||x)&&ir(r,e.props),"react-datepicker__year-text--keyboard-selected":e.isKeyboardSelected(r),"react-datepicker__year-text--range-start":e.isRangeStart(r),"react-datepicker__year-text--range-end":e.isRangeEnd(r),"react-datepicker__year-text--in-range":e.isInRange(r),"react-datepicker__year-text--in-selecting-range":e.isInSelectingRange(r),"react-datepicker__year-text--selecting-range-start":e.isSelectingRangeStart(r),"react-datepicker__year-text--selecting-range-end":e.isSelectingRangeEnd(r),"react-datepicker__year-text--today":e.isCurrentYear(r)})},e.getYearTabIndex=function(r){if(e.props.disabledKeyboardNavigation||e.props.preSelection==null)return"-1";var o=G(e.props.preSelection),i=ir(r,e.props);return r===o&&!i?"0":"-1"},e.getYearContent=function(r){return e.props.renderYearContent?e.props.renderYearContent(r):r},e}return a.prototype.render=function(){var t=this,e=[],r=this.props,o=r.date,i=r.yearItemNumber,c=r.onYearMouseEnter,l=r.onYearMouseLeave;if(o===void 0)return null;for(var p=vt(o,i),d=p.startPeriod,h=p.endPeriod,x=function(w){e.push(M.createElement("div",{ref:b.YEAR_REFS[w-d],onClick:function(k){t.onYearClick(k,w)},onKeyDown:function(k){vc(k)&&(k.preventDefault(),k.key=L.Enter),t.onYearKeyDown(k,w)},tabIndex:Number(b.getYearTabIndex(w)),className:b.getYearClassNames(w),onMouseEnter:b.props.usePointerEvent?void 0:function(k){return c(k,w)},onPointerEnter:b.props.usePointerEvent?function(k){return c(k,w)}:void 0,onMouseLeave:b.props.usePointerEvent?void 0:function(k){return l(k,w)},onPointerLeave:b.props.usePointerEvent?function(k){return l(k,w)}:void 0,key:w,"aria-current":b.isCurrentYear(w)?"date":void 0},b.getYearContent(w)))},b=this,y=d;y<=h;y++)x(y);return M.createElement("div",{className:"react-datepicker__year"},M.createElement("div",{className:"react-datepicker__year-wrapper",onMouseLeave:this.props.usePointerEvent?void 0:this.props.clearSelectingDate,onPointerLeave:this.props.usePointerEvent?this.props.clearSelectingDate:void 0},e))},a})(v.Component);function xg(n,a,t,e){for(var r=[],o=0;o<2*a+1;o++){var i=n+a-o,c=!0;t&&(c=G(t)<=i),e&&c&&(c=G(e)>=i),c&&r.push(i)}return r}var yg=(function(n){ye(a,n);function a(t){var e=n.call(this,t)||this;e.renderOptions=function(){var c=e.props.year,l=e.state.yearsList.map(function(h){return M.createElement("div",{className:c===h?"react-datepicker__year-option react-datepicker__year-option--selected_year":"react-datepicker__year-option",key:h,onClick:e.onChange.bind(e,h),"aria-selected":c===h?"true":void 0},c===h?M.createElement("span",{className:"react-datepicker__year-option--selected"},"✓"):"",h)}),p=e.props.minDate?G(e.props.minDate):null,d=e.props.maxDate?G(e.props.maxDate):null;return(!d||!e.state.yearsList.find(function(h){return h===d}))&&l.unshift(M.createElement("div",{className:"react-datepicker__year-option",key:"upcoming",onClick:e.incrementYears},M.createElement("a",{className:"react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-upcoming"}))),(!p||!e.state.yearsList.find(function(h){return h===p}))&&l.push(M.createElement("div",{className:"react-datepicker__year-option",key:"previous",onClick:e.decrementYears},M.createElement("a",{className:"react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-previous"}))),l},e.onChange=function(c){e.props.onChange(c)},e.handleClickOutside=function(){e.props.onCancel()},e.shiftYears=function(c){var l=e.state.yearsList.map(function(p){return p+c});e.setState({yearsList:l})},e.incrementYears=function(){return e.shiftYears(1)},e.decrementYears=function(){return e.shiftYears(-1)};var r=t.yearDropdownItemNumber,o=t.scrollableYearDropdown,i=r||(o?10:5);return e.state={yearsList:xg(e.props.year,i,e.props.minDate,e.props.maxDate)},e.dropdownRef=v.createRef(),e}return a.prototype.componentDidMount=function(){var t=this.dropdownRef.current;if(t){var e=t.children?Array.from(t.children):null,r=e?e.find(function(o){return o.ariaSelected}):null;t.scrollTop=r&&r instanceof HTMLElement?r.offsetTop+(r.clientHeight-t.clientHeight)/2:(t.scrollHeight-t.clientHeight)/2}},a.prototype.render=function(){var t=ke({"react-datepicker__year-dropdown":!0,"react-datepicker__year-dropdown--scrollable":this.props.scrollableYearDropdown});return M.createElement($r,{className:t,containerRef:this.dropdownRef,onClickOutside:this.handleClickOutside},this.renderOptions())},a})(v.Component),bg=(function(n){ye(a,n);function a(){var t=n!==null&&n.apply(this,arguments)||this;return t.state={dropdownVisible:!1},t.renderSelectOptions=function(){for(var e=t.props.minDate?G(t.props.minDate):1900,r=t.props.maxDate?G(t.props.maxDate):2100,o=[],i=e;i<=r;i++)o.push(M.createElement("option",{key:i,value:i},i));return o},t.onSelectChange=function(e){t.onChange(parseInt(e.target.value))},t.renderSelectMode=function(){return M.createElement("select",{value:t.props.year,className:"react-datepicker__year-select",onChange:t.onSelectChange},t.renderSelectOptions())},t.renderReadView=function(e){return M.createElement("div",{key:"read",style:{visibility:e?"visible":"hidden"},className:"react-datepicker__year-read-view",onClick:function(r){return t.toggleDropdown(r)}},M.createElement("span",{className:"react-datepicker__year-read-view--down-arrow"}),M.createElement("span",{className:"react-datepicker__year-read-view--selected-year"},t.props.year))},t.renderDropdown=function(){return M.createElement(yg,ee({key:"dropdown"},t.props,{onChange:t.onChange,onCancel:t.toggleDropdown}))},t.renderScrollMode=function(){var e=t.state.dropdownVisible,r=[t.renderReadView(!e)];return e&&r.unshift(t.renderDropdown()),r},t.onChange=function(e){t.toggleDropdown(),e!==t.props.year&&t.props.onChange(e)},t.toggleDropdown=function(e){t.setState({dropdownVisible:!t.state.dropdownVisible},function(){t.props.adjustDateOnChange&&t.handleYearChange(t.props.date,e)})},t.handleYearChange=function(e,r){var o;(o=t.onSelect)===null||o===void 0||o.call(t,e,r),t.setOpen()},t.onSelect=function(e,r){var o,i;(i=(o=t.props).onSelect)===null||i===void 0||i.call(o,e,r)},t.setOpen=function(){var e,r;(r=(e=t.props).setOpen)===null||r===void 0||r.call(e,!0)},t}return a.prototype.render=function(){var t;switch(this.props.dropdownMode){case"scroll":t=this.renderScrollMode();break;case"select":t=this.renderSelectMode();break}return M.createElement("div",{className:"react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--".concat(this.props.dropdownMode)},t)},a})(v.Component),vg=["react-datepicker__year-select","react-datepicker__month-select","react-datepicker__month-year-select"],wg=function(n){var a=(n.className||"").split(/\s+/);return vg.some(function(t){return a.indexOf(t)>=0})},kg=(function(n){ye(a,n);function a(t){var e=n.call(this,t)||this;return e.monthContainer=void 0,e.handleClickOutside=function(r){e.props.onClickOutside(r)},e.setClickOutsideRef=function(){return e.containerRef.current},e.handleDropdownFocus=function(r){var o,i;wg(r.target)&&((i=(o=e.props).onDropdownFocus)===null||i===void 0||i.call(o,r))},e.getDateInView=function(){var r=e.props,o=r.preSelection,i=r.selected,c=r.openToDate,l=yc(e.props),p=bc(e.props),d=oe(),h=c||i||o;return h||(l&&Wt(d,l)?l:p&&Dt(d,p)?p:d)},e.increaseMonth=function(){e.setState(function(r){var o=r.date;return{date:Ye(o,1)}},function(){return e.handleMonthChange(e.state.date)})},e.decreaseMonth=function(){e.setState(function(r){var o=r.date;return{date:Ot(o,1)}},function(){return e.handleMonthChange(e.state.date)})},e.handleDayClick=function(r,o,i){e.props.onSelect(r,o,i),e.props.setPreSelection&&e.props.setPreSelection(r)},e.handleDayMouseEnter=function(r){e.setState({selectingDate:r}),e.props.onDayMouseEnter&&e.props.onDayMouseEnter(r)},e.handleMonthMouseLeave=function(){e.setState({selectingDate:void 0}),e.props.onMonthMouseLeave&&e.props.onMonthMouseLeave()},e.handleYearMouseEnter=function(r,o){e.setState({selectingDate:ze(oe(),o)}),e.props.onYearMouseEnter&&e.props.onYearMouseEnter(r,o)},e.handleYearMouseLeave=function(r,o){e.props.onYearMouseLeave&&e.props.onYearMouseLeave(r,o)},e.handleYearChange=function(r){var o,i,c,l;(i=(o=e.props).onYearChange)===null||i===void 0||i.call(o,r),e.setState({isRenderAriaLiveMessage:!0}),e.props.adjustDateOnChange&&(e.props.onSelect(r),(l=(c=e.props).setOpen)===null||l===void 0||l.call(c,!0)),e.props.setPreSelection&&e.props.setPreSelection(r)},e.getEnabledPreSelectionDateForMonth=function(r){if(!Oe(r,e.props))return r;for(var o=dt(r),i=Hm(r),c=rf(i,o),l=null,p=0;p<=c;p++){var d=Le(o,p);if(!Oe(d,e.props)){l=d;break}}return l},e.handleMonthChange=function(r){var o,i,c,l=(o=e.getEnabledPreSelectionDateForMonth(r))!==null&&o!==void 0?o:r;e.handleCustomMonthChange(l),e.props.adjustDateOnChange&&(e.props.onSelect(l),(c=(i=e.props).setOpen)===null||c===void 0||c.call(i,!0)),e.props.setPreSelection&&e.props.setPreSelection(l)},e.handleCustomMonthChange=function(r){var o,i;(i=(o=e.props).onMonthChange)===null||i===void 0||i.call(o,r),e.setState({isRenderAriaLiveMessage:!0})},e.handleMonthYearChange=function(r){e.handleYearChange(r),e.handleMonthChange(r)},e.changeYear=function(r){e.setState(function(o){var i=o.date;return{date:ze(i,Number(r))}},function(){return e.handleYearChange(e.state.date)})},e.changeMonth=function(r){e.setState(function(o){var i=o.date;return{date:Te(i,Number(r))}},function(){return e.handleMonthChange(e.state.date)})},e.changeMonthYear=function(r){e.setState(function(o){var i=o.date;return{date:ze(Te(i,Me(r)),G(r))}},function(){return e.handleMonthYearChange(e.state.date)})},e.header=function(r){r===void 0&&(r=e.state.date);var o=kt(r,e.props.locale,e.props.calendarStartDay),i=[];return e.props.showWeekNumbers&&i.push(M.createElement("div",{key:"W",className:"react-datepicker__day-name"},e.props.weekLabel||"#")),i.concat([0,1,2,3,4,5,6].map(function(c){var l=Le(o,c),p=e.formatWeekday(l,e.props.locale),d=e.props.weekDayClassName?e.props.weekDayClassName(l):void 0;return M.createElement("div",{key:c,"aria-label":se(l,"EEEE",e.props.locale),className:ke("react-datepicker__day-name",d)},p)}))},e.formatWeekday=function(r,o){return e.props.formatWeekDay?zm(r,e.props.formatWeekDay,o):e.props.useWeekdaysShort?Km(r,o):qm(r,o)},e.decreaseYear=function(){e.setState(function(r){var o,i=r.date;return{date:dn(i,e.props.showYearPicker?(o=e.props.yearItemNumber)!==null&&o!==void 0?o:a.defaultProps.yearItemNumber:1)}},function(){return e.handleYearChange(e.state.date)})},e.clearSelectingDate=function(){e.setState({selectingDate:void 0})},e.renderPreviousButton=function(){var r,o,i;if(!e.props.renderCustomHeader){var c=(r=e.props.monthsShown)!==null&&r!==void 0?r:a.defaultProps.monthsShown,l=e.props.showPreviousMonths?c-1:0,p=(o=e.props.monthSelectedIn)!==null&&o!==void 0?o:l,d=Ot(e.state.date,p),h;switch(!0){case e.props.showMonthYearPicker:h=si(e.state.date,e.props);break;case e.props.showYearPicker:h=Gm(e.state.date,e.props);break;case e.props.showQuarterYearPicker:h=Um(e.state.date,e.props);break;default:h=oi(d,e.props);break}if(!(!((i=e.props.forceShowMonthNavigation)!==null&&i!==void 0?i:a.defaultProps.forceShowMonthNavigation)&&!e.props.showDisabledMonthNavigation&&h||e.props.showTimeSelectOnly)){var x=["react-datepicker__navigation-icon","react-datepicker__navigation-icon--previous"],b=["react-datepicker__navigation","react-datepicker__navigation--previous"],y=e.decreaseMonth;(e.props.showMonthYearPicker||e.props.showQuarterYearPicker||e.props.showYearPicker)&&(y=e.decreaseYear),h&&e.props.showDisabledMonthNavigation&&(b.push("react-datepicker__navigation--previous--disabled"),y=void 0);var w=e.props.showMonthYearPicker||e.props.showQuarterYearPicker||e.props.showYearPicker,k=e.props,f=k.previousMonthButtonLabel,C=f===void 0?a.defaultProps.previousMonthButtonLabel:f,N=k.previousYearButtonLabel,E=N===void 0?a.defaultProps.previousYearButtonLabel:N,R=e.props,$=R.previousMonthAriaLabel,S=$===void 0?typeof C=="string"?C:"Previous Month":$,D=R.previousYearAriaLabel,P=D===void 0?typeof E=="string"?E:"Previous Year":D;return M.createElement("button",{type:"button",className:b.join(" "),onClick:y,onKeyDown:e.props.handleOnKeyDown,"aria-label":w?P:S},M.createElement("span",{className:x.join(" ")},w?E:C))}}},e.increaseYear=function(){e.setState(function(r){var o,i=r.date;return{date:st(i,e.props.showYearPicker?(o=e.props.yearItemNumber)!==null&&o!==void 0?o:a.defaultProps.yearItemNumber:1)}},function(){return e.handleYearChange(e.state.date)})},e.renderNextButton=function(){var r;if(!e.props.renderCustomHeader){var o;switch(!0){case e.props.showMonthYearPicker:o=ci(e.state.date,e.props);break;case e.props.showYearPicker:o=Jm(e.state.date,e.props);break;case e.props.showQuarterYearPicker:o=Xm(e.state.date,e.props);break;default:o=ii(e.state.date,e.props);break}if(!(!((r=e.props.forceShowMonthNavigation)!==null&&r!==void 0?r:a.defaultProps.forceShowMonthNavigation)&&!e.props.showDisabledMonthNavigation&&o||e.props.showTimeSelectOnly)){var i=["react-datepicker__navigation","react-datepicker__navigation--next"],c=["react-datepicker__navigation-icon","react-datepicker__navigation-icon--next"];e.props.showTimeSelect&&i.push("react-datepicker__navigation--next--with-time"),e.props.todayButton&&i.push("react-datepicker__navigation--next--with-today-button");var l=e.increaseMonth;(e.props.showMonthYearPicker||e.props.showQuarterYearPicker||e.props.showYearPicker)&&(l=e.increaseYear),o&&e.props.showDisabledMonthNavigation&&(i.push("react-datepicker__navigation--next--disabled"),l=void 0);var p=e.props.showMonthYearPicker||e.props.showQuarterYearPicker||e.props.showYearPicker,d=e.props,h=d.nextMonthButtonLabel,x=h===void 0?a.defaultProps.nextMonthButtonLabel:h,b=d.nextYearButtonLabel,y=b===void 0?a.defaultProps.nextYearButtonLabel:b,w=e.props,k=w.nextMonthAriaLabel,f=k===void 0?typeof x=="string"?x:"Next Month":k,C=w.nextYearAriaLabel,N=C===void 0?typeof y=="string"?y:"Next Year":C;return M.createElement("button",{type:"button",className:i.join(" "),onClick:l,onKeyDown:e.props.handleOnKeyDown,"aria-label":p?N:f},M.createElement("span",{className:c.join(" ")},p?y:x))}}},e.renderCurrentMonth=function(r){r===void 0&&(r=e.state.date);var o=["react-datepicker__current-month"];return e.props.showYearDropdown&&o.push("react-datepicker__current-month--hasYearDropdown"),e.props.showMonthDropdown&&o.push("react-datepicker__current-month--hasMonthDropdown"),e.props.showMonthYearDropdown&&o.push("react-datepicker__current-month--hasMonthYearDropdown"),M.createElement("h2",{className:o.join(" ")},se(r,e.props.dateFormat,e.props.locale))},e.renderYearDropdown=function(r){if(r===void 0&&(r=!1),!(!e.props.showYearDropdown||r))return M.createElement(bg,ee({},a.defaultProps,e.props,{date:e.state.date,onChange:e.changeYear,year:G(e.state.date)}))},e.renderMonthDropdown=function(r){if(r===void 0&&(r=!1),!(!e.props.showMonthDropdown||r))return M.createElement(ug,ee({},a.defaultProps,e.props,{month:Me(e.state.date),onChange:e.changeMonth}))},e.renderMonthYearDropdown=function(r){if(r===void 0&&(r=!1),!(!e.props.showMonthYearDropdown||r))return M.createElement(hg,ee({},a.defaultProps,e.props,{date:e.state.date,onChange:e.changeMonthYear}))},e.handleTodayButtonClick=function(r){e.props.onSelect(ei(),r),e.props.setPreSelection&&e.props.setPreSelection(ei())},e.renderTodayButton=function(){if(!(!e.props.todayButton||e.props.showTimeSelectOnly))return M.createElement("div",{className:"react-datepicker__today-button",onClick:e.handleTodayButtonClick},e.props.todayButton)},e.renderDefaultHeader=function(r){var o=r.monthDate,i=r.i;return M.createElement("div",{className:"react-datepicker__header ".concat(e.props.showTimeSelect?"react-datepicker__header--has-time-select":"")},e.renderCurrentMonth(o),M.createElement("div",{className:"react-datepicker__header__dropdown react-datepicker__header__dropdown--".concat(e.props.dropdownMode),onFocus:e.handleDropdownFocus},e.renderMonthDropdown(i!==0),e.renderMonthYearDropdown(i!==0),e.renderYearDropdown(i!==0)),M.createElement("div",{className:"react-datepicker__day-names"},e.header(o)))},e.renderCustomHeader=function(r){var o,i,c=r.monthDate,l=r.i;if(e.props.showTimeSelect&&!e.state.monthContainer||e.props.showTimeSelectOnly)return null;var p=oi(e.state.date,e.props),d=ii(e.state.date,e.props),h=si(e.state.date,e.props),x=ci(e.state.date,e.props),b=!e.props.showMonthYearPicker&&!e.props.showQuarterYearPicker&&!e.props.showYearPicker;return M.createElement("div",{className:"react-datepicker__header react-datepicker__header--custom",onFocus:e.props.onDropdownFocus},(i=(o=e.props).renderCustomHeader)===null||i===void 0?void 0:i.call(o,ee(ee({},e.state),{customHeaderCount:l,monthDate:c,changeMonth:e.changeMonth,changeYear:e.changeYear,decreaseMonth:e.decreaseMonth,increaseMonth:e.increaseMonth,decreaseYear:e.decreaseYear,increaseYear:e.increaseYear,prevMonthButtonDisabled:p,nextMonthButtonDisabled:d,prevYearButtonDisabled:h,nextYearButtonDisabled:x})),b&&M.createElement("div",{className:"react-datepicker__day-names"},e.header(c)))},e.renderYearHeader=function(r){var o=r.monthDate,i=e.props,c=i.showYearPicker,l=i.yearItemNumber,p=l===void 0?a.defaultProps.yearItemNumber:l,d=vt(o,p),h=d.startPeriod,x=d.endPeriod;return M.createElement("div",{className:"react-datepicker__header react-datepicker-year-header"},c?"".concat(h," - ").concat(x):G(o))},e.renderHeader=function(r){var o=r.monthDate,i=r.i,c=i===void 0?0:i,l={monthDate:o,i:c};switch(!0){case e.props.renderCustomHeader!==void 0:return e.renderCustomHeader(l);case(e.props.showMonthYearPicker||e.props.showQuarterYearPicker||e.props.showYearPicker):return e.renderYearHeader(l);default:return e.renderDefaultHeader(l)}},e.renderMonths=function(){var r,o;if(!(e.props.showTimeSelectOnly||e.props.showYearPicker)){for(var i=[],c=(r=e.props.monthsShown)!==null&&r!==void 0?r:a.defaultProps.monthsShown,l=e.props.showPreviousMonths?c-1:0,p=e.props.showMonthYearPicker||e.props.showQuarterYearPicker?st(e.state.date,l):Ot(e.state.date,l),d=(o=e.props.monthSelectedIn)!==null&&o!==void 0?o:l,h=0;h<c;++h){var x=h-d+l,b=e.props.showMonthYearPicker||e.props.showQuarterYearPicker?st(p,x):Ye(p,x),y="month-".concat(h),w=h<c-1,k=h>0;i.push(M.createElement("div",{key:y,ref:function(f){e.monthContainer=f??void 0},className:"react-datepicker__month-container"},e.renderHeader({monthDate:b,i:h}),M.createElement(lg,ee({},a.defaultProps,e.props,{ariaLabelPrefix:e.props.monthAriaLabelPrefix,day:b,onDayClick:e.handleDayClick,handleOnKeyDown:e.props.handleOnDayKeyDown,handleOnMonthKeyDown:e.props.handleOnKeyDown,onDayMouseEnter:e.handleDayMouseEnter,onMouseLeave:e.handleMonthMouseLeave,orderInDisplay:h,selectingDate:e.state.selectingDate,monthShowsDuplicateDaysEnd:w,monthShowsDuplicateDaysStart:k}))))}return i}},e.renderYears=function(){if(!e.props.showTimeSelectOnly&&e.props.showYearPicker)return M.createElement("div",{className:"react-datepicker__year--container"},e.renderHeader({monthDate:e.state.date}),M.createElement(gg,ee({},a.defaultProps,e.props,{selectingDate:e.state.selectingDate,date:e.state.date,onDayClick:e.handleDayClick,clearSelectingDate:e.clearSelectingDate,onYearMouseEnter:e.handleYearMouseEnter,onYearMouseLeave:e.handleYearMouseLeave})))},e.renderTimeSection=function(){if(e.props.showTimeSelect&&(e.state.monthContainer||e.props.showTimeSelectOnly))return M.createElement(mg,ee({},a.defaultProps,e.props,{onChange:e.props.onTimeChange,format:e.props.timeFormat,intervals:e.props.timeIntervals,monthRef:e.state.monthContainer}))},e.renderInputTimeSection=function(){var r=e.props.selected?new Date(e.props.selected):void 0,o=r&&ot(r)&&!!e.props.selected,i=o?"".concat(di(r.getHours()),":").concat(di(r.getMinutes())):"";if(e.props.showTimeInput)return M.createElement(ag,ee({},a.defaultProps,e.props,{date:r,timeString:i,onChange:e.props.onTimeChange}))},e.renderAriaLiveRegion=function(){var r,o=vt(e.state.date,(r=e.props.yearItemNumber)!==null&&r!==void 0?r:a.defaultProps.yearItemNumber),i=o.startPeriod,c=o.endPeriod,l;return e.props.showYearPicker?l="".concat(i," - ").concat(c):e.props.showMonthYearPicker||e.props.showQuarterYearPicker?l=G(e.state.date):l="".concat(Na(Me(e.state.date),e.props.locale)," ").concat(G(e.state.date)),M.createElement("span",{role:"alert","aria-live":"polite",className:"react-datepicker__aria-live"},e.state.isRenderAriaLiveMessage&&l)},e.renderChildren=function(){if(e.props.children)return M.createElement("div",{className:"react-datepicker__children-container"},e.props.children)},e.containerRef=v.createRef(),e.state={date:e.getDateInView(),selectingDate:void 0,monthContainer:void 0,isRenderAriaLiveMessage:!1},e}return Object.defineProperty(a,"defaultProps",{get:function(){return{monthsShown:1,forceShowMonthNavigation:!1,timeCaption:"Time",previousYearButtonLabel:"Previous Year",nextYearButtonLabel:"Next Year",previousMonthButtonLabel:"Previous Month",nextMonthButtonLabel:"Next Month",yearItemNumber:On}},enumerable:!1,configurable:!0}),a.prototype.componentDidMount=function(){var t=this;this.props.showTimeSelect&&(this.assignMonthContainer=(function(){t.setState({monthContainer:t.monthContainer})})())},a.prototype.componentDidUpdate=function(t){var e=this;if(this.props.preSelection&&(!Z(this.props.preSelection,t.preSelection)||this.props.monthSelectedIn!==t.monthSelectedIn)){var r=!Se(this.state.date,this.props.preSelection);this.setState({date:this.props.preSelection},function(){return r&&e.handleCustomMonthChange(e.state.date)})}else this.props.openToDate&&!Z(this.props.openToDate,t.openToDate)&&this.setState({date:this.props.openToDate})},a.prototype.render=function(){var t=this.props.container||Om;return M.createElement($r,{onClickOutside:this.handleClickOutside,style:{display:"contents"},containerRef:this.containerRef,ignoreClass:this.props.outsideClickIgnoreClass},M.createElement(t,{className:ke("react-datepicker",this.props.className,{"react-datepicker--time-only":this.props.showTimeSelectOnly}),showTime:this.props.showTimeSelect||this.props.showTimeInput,showTimeSelectOnly:this.props.showTimeSelectOnly},this.renderAriaLiveRegion(),this.renderPreviousButton(),this.renderNextButton(),this.renderMonths(),this.renderYears(),this.renderTodayButton(),this.renderTimeSection(),this.renderInputTimeSection(),this.renderChildren()))},a})(v.Component),Dg=function(n){var a=n.icon,t=n.className,e=t===void 0?"":t,r=n.onClick,o="react-datepicker__calendar-icon";return typeof a=="string"?M.createElement("i",{className:"".concat(o," ").concat(a," ").concat(e),"aria-hidden":"true",onClick:r}):M.isValidElement(a)?M.cloneElement(a,{className:"".concat(a.props.className||""," ").concat(o," ").concat(e),onClick:function(i){typeof a.props.onClick=="function"&&a.props.onClick(i),typeof r=="function"&&r(i)}}):M.createElement("svg",{className:"".concat(o," ").concat(e),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",onClick:r},M.createElement("path",{d:"M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192z"}))},wc=(function(n){ye(a,n);function a(t){var e=n.call(this,t)||this;return e.portalRoot=null,e.el=document.createElement("div"),e}return a.prototype.componentDidMount=function(){this.portalRoot=(this.props.portalHost||document).getElementById(this.props.portalId),this.portalRoot||(this.portalRoot=document.createElement("div"),this.portalRoot.setAttribute("id",this.props.portalId),(this.props.portalHost||document.body).appendChild(this.portalRoot)),this.portalRoot.appendChild(this.el)},a.prototype.componentWillUnmount=function(){this.portalRoot&&this.portalRoot.removeChild(this.el)},a.prototype.render=function(){return cl.createPortal(this.props.children,this.el)},a})(v.Component),Cg="[tabindex], a, button, input, select, textarea",Sg=function(n){return(n instanceof HTMLAnchorElement||!n.disabled)&&n.tabIndex!==-1},kc=(function(n){ye(a,n);function a(t){var e=n.call(this,t)||this;return e.getTabChildren=function(){var r;return Array.prototype.slice.call((r=e.tabLoopRef.current)===null||r===void 0?void 0:r.querySelectorAll(Cg),1,-1).filter(Sg)},e.handleFocusStart=function(){var r=e.getTabChildren();r&&r.length>1&&r[r.length-1].focus()},e.handleFocusEnd=function(){var r=e.getTabChildren();r&&r.length>1&&r[0].focus()},e.tabLoopRef=v.createRef(),e}return a.prototype.render=function(){var t;return((t=this.props.enableTabLoop)!==null&&t!==void 0?t:a.defaultProps.enableTabLoop)?M.createElement("div",{className:"react-datepicker__tab-loop",ref:this.tabLoopRef},M.createElement("div",{className:"react-datepicker__tab-loop__start",tabIndex:0,onFocus:this.handleFocusStart}),this.props.children,M.createElement("div",{className:"react-datepicker__tab-loop__end",tabIndex:0,onFocus:this.handleFocusEnd})):this.props.children},a.defaultProps={enableTabLoop:!0},a})(v.Component);function Mg(n){var a=function(t){var e,r=typeof t.hidePopper=="boolean"?t.hidePopper:!0,o=v.useRef(null),i=$m(ee({open:!r,whileElementsMounted:fp,placement:t.popperPlacement,middleware:Xe([kp({padding:15}),wp(10),Dp({element:o})],(e=t.popperModifiers)!==null&&e!==void 0?e:[],!0)},t.popperProps)),c=ee(ee({},t),{hidePopper:r,popperProps:ee(ee({},i),{arrowRef:o})});return M.createElement(n,ee({},c))};return a}var _g=(function(n){ye(a,n);function a(){return n!==null&&n.apply(this,arguments)||this}return Object.defineProperty(a,"defaultProps",{get:function(){return{hidePopper:!0}},enumerable:!1,configurable:!0}),a.prototype.render=function(){var t=this.props,e=t.className,r=t.wrapperClassName,o=t.hidePopper,i=o===void 0?a.defaultProps.hidePopper:o,c=t.popperComponent,l=t.targetComponent,p=t.enableTabLoop,d=t.popperOnKeyDown,h=t.portalId,x=t.portalHost,b=t.popperProps,y=t.showArrow,w=void 0;if(!i){var k=ke("react-datepicker-popper",e);w=M.createElement(kc,{enableTabLoop:p},M.createElement("div",{ref:b.refs.setFloating,style:b.floatingStyles,className:k,"data-placement":b.placement,onKeyDown:d},c,y&&M.createElement(_m,{ref:b.arrowRef,context:b.context,fill:"currentColor",strokeWidth:1,height:8,width:16,style:{transform:"translateY(-1px)"},className:"react-datepicker__triangle"})))}this.props.popperContainer&&(w=v.createElement(this.props.popperContainer,{},w)),h&&!i&&(w=M.createElement(wc,{portalId:h,portalHost:x},w));var f=ke("react-datepicker-wrapper",r);return M.createElement(M.Fragment,null,M.createElement("div",{ref:b.refs.setReference,className:f},l),w)},a})(v.Component),Pg=Mg(_g),gi="react-datepicker-ignore-onclickoutside";function Ig(n,a){return n&&a?Me(n)!==Me(a)||G(n)!==G(a):n!==a}var ta="Date input not valid.",jg=(function(n){ye(a,n);function a(t){var e=n.call(this,t)||this;return e.calendar=null,e.input=null,e.getPreSelection=function(){return e.props.openToDate?e.props.openToDate:e.props.selectsEnd&&e.props.startDate?e.props.startDate:e.props.selectsStart&&e.props.endDate?e.props.endDate:oe()},e.modifyHolidays=function(){var r;return(r=e.props.holidays)===null||r===void 0?void 0:r.reduce(function(o,i){var c=new Date(i.date);return ot(c)?Xe(Xe([],o,!0),[ee(ee({},i),{date:c})],!1):o},[])},e.calcInitialState=function(){var r,o=e.getPreSelection(),i=yc(e.props),c=bc(e.props),l=i&&Wt(o,or(i))?i:c&&Dt(o,ti(c))?c:o;return{open:e.props.startOpen||!1,preventFocus:!1,inputValue:null,preSelection:(r=e.props.selectsRange?e.props.startDate:e.props.selected)!==null&&r!==void 0?r:l,highlightDates:li(e.props.highlightDates),focused:!1,shouldFocusDayInline:!1,isRenderAriaLiveMessage:!1,wasHidden:!1}},e.resetHiddenStatus=function(){e.setState(ee(ee({},e.state),{wasHidden:!1}))},e.setHiddenStatus=function(){e.setState(ee(ee({},e.state),{wasHidden:!0}))},e.setHiddenStateOnVisibilityHidden=function(){document.visibilityState==="hidden"&&e.setHiddenStatus()},e.clearPreventFocusTimeout=function(){e.preventFocusTimeout&&clearTimeout(e.preventFocusTimeout)},e.safeFocus=function(){setTimeout(function(){var r,o;(o=(r=e.input)===null||r===void 0?void 0:r.focus)===null||o===void 0||o.call(r,{preventScroll:!0})},0)},e.safeBlur=function(){setTimeout(function(){var r,o;(o=(r=e.input)===null||r===void 0?void 0:r.blur)===null||o===void 0||o.call(r)},0)},e.setFocus=function(){e.safeFocus()},e.setBlur=function(){e.safeBlur(),e.cancelFocusInput()},e.setOpen=function(r,o){o===void 0&&(o=!1),e.setState({open:r,preSelection:r&&e.state.open?e.state.preSelection:e.calcInitialState().preSelection,lastPreSelectChange:na},function(){r||e.setState(function(i){return{focused:o?i.focused:!1}},function(){!o&&e.setBlur(),e.setState({inputValue:null})})})},e.inputOk=function(){return ct(e.state.preSelection)},e.isCalendarOpen=function(){return e.props.open===void 0?e.state.open&&!e.props.disabled&&!e.props.readOnly:e.props.open},e.handleFocus=function(r){var o,i,c=e.state.wasHidden,l=c?e.state.open:!0;c&&e.resetHiddenStatus(),!e.state.preventFocus&&l&&((i=(o=e.props).onFocus)===null||i===void 0||i.call(o,r),!e.props.preventOpenOnFocus&&!e.props.readOnly&&e.setOpen(!0)),e.setState({focused:!0})},e.sendFocusBackToInput=function(){e.preventFocusTimeout&&e.clearPreventFocusTimeout(),e.setState({preventFocus:!0},function(){e.preventFocusTimeout=setTimeout(function(){e.setFocus(),e.setState({preventFocus:!1})})})},e.cancelFocusInput=function(){clearTimeout(e.inputFocusTimeout),e.inputFocusTimeout=void 0},e.deferFocusInput=function(){e.cancelFocusInput(),e.inputFocusTimeout=setTimeout(function(){return e.setFocus()},1)},e.handleDropdownFocus=function(){e.cancelFocusInput()},e.handleBlur=function(r){var o,i;(!e.state.open||e.props.withPortal||e.props.showTimeInput)&&((i=(o=e.props).onBlur)===null||i===void 0||i.call(o,r)),e.setState({focused:!1})},e.handleCalendarClickOutside=function(r){var o,i;e.props.inline||e.setOpen(!1),(i=(o=e.props).onClickOutside)===null||i===void 0||i.call(o,r),e.props.withPortal&&r.preventDefault()},e.handleChange=function(){for(var r,o,i=[],c=0;c<arguments.length;c++)i[c]=arguments[c];var l=i[0];if(!(e.props.onChangeRaw&&(e.props.onChangeRaw.apply(e,i),!l||typeof l.isDefaultPrevented!="function"||l.isDefaultPrevented()))){e.setState({inputValue:(l==null?void 0:l.target)instanceof HTMLInputElement?l.target.value:null,lastPreSelectChange:Eg});var p=e.props,d=p.dateFormat,h=d===void 0?a.defaultProps.dateFormat:d,x=p.strictParsing,b=x===void 0?a.defaultProps.strictParsing:x,y=p.selectsRange,w=p.startDate,k=p.endDate,f=(l==null?void 0:l.target)instanceof HTMLInputElement?l.target.value:"";if(y){var C=f.split("-",2).map(function(I){return I.trim()}),N=C[0],E=C[1],R=Jr(N??"",h,e.props.locale,b),$=Jr(E??"",h,e.props.locale,b),S=(w==null?void 0:w.getTime())!==(R==null?void 0:R.getTime()),D=(k==null?void 0:k.getTime())!==($==null?void 0:$.getTime());if(!S&&!D||R&&Oe(R,e.props)||$&&Oe($,e.props))return;(o=(r=e.props).onChange)===null||o===void 0||o.call(r,[R,$],l)}else{var P=Jr(f,h,e.props.locale,b,e.props.minDate);e.props.showTimeSelectOnly&&e.props.selected&&P&&!Z(P,e.props.selected)&&(P=gm(e.props.selected,{hours:Ge(P),minutes:Je(P),seconds:lt(P)})),(P||!f)&&e.setSelected(P,l,!0)}}},e.handleSelect=function(r,o,i){if(e.props.shouldCloseOnSelect&&!e.props.showTimeSelect&&e.sendFocusBackToInput(),e.props.onChangeRaw&&e.props.onChangeRaw(o),e.setSelected(r,o,!1,i),e.props.showDateSelect&&e.setState({isRenderAriaLiveMessage:!0}),!e.props.shouldCloseOnSelect||e.props.showTimeSelect)e.setPreSelection(r);else if(!e.props.inline){e.props.selectsRange||e.setOpen(!1);var c=e.props,l=c.startDate,p=c.endDate;l&&!p&&(e.props.swapRange||!fi(r,l))&&e.setOpen(!1)}},e.setSelected=function(r,o,i,c){var l,p,d=r;if(e.props.showYearPicker){if(d!==null&&ir(G(d),e.props))return}else if(e.props.showMonthYearPicker){if(d!==null&&xc(d,e.props))return}else if(d!==null&&Oe(d,e.props))return;var h=e.props,x=h.onChange,b=h.selectsRange,y=h.startDate,w=h.endDate,k=h.selectsMultiple,f=h.selectedDates,C=h.minTime,N=h.swapRange;if(!Tt(e.props.selected,d)||e.props.allowSameDay||b||k)if(d!==null&&(e.props.selected&&(!i||!e.props.showTimeSelect&&!e.props.showTimeSelectOnly&&!e.props.showTimeInput)&&(d=Zr(d,{hour:Ge(e.props.selected),minute:Je(e.props.selected),second:lt(e.props.selected)})),!i&&(e.props.showTimeSelect||e.props.showTimeSelectOnly)&&C&&(d=Zr(d,{hour:C.getHours(),minute:C.getMinutes(),second:C.getSeconds()})),e.props.inline||e.setState({preSelection:d}),e.props.focusSelectedMonth||e.setState({monthSelectedIn:c})),b){var E=!y&&!w,R=y&&!w,$=y&&w;E?x==null||x([d,null],o):R&&(d===null?x==null||x([null,null],o):fi(d,y)?N?x==null||x([d,y],o):x==null||x([d,null],o):x==null||x([y,d],o)),$&&(x==null||x([d,null],o))}else if(k){if(d!==null)if(!(f!=null&&f.length))x==null||x([d],o);else{var S=f.some(function(P){return Z(P,d)});if(S){var D=f.filter(function(P){return!Z(P,d)});x==null||x(D,o)}else x==null||x(Xe(Xe([],f,!0),[d],!1),o)}}else x==null||x(d,o);i||((p=(l=e.props).onSelect)===null||p===void 0||p.call(l,d,o),e.setState({inputValue:null}))},e.setPreSelection=function(r){var o=ct(e.props.minDate),i=ct(e.props.maxDate),c=!0;if(r){var l=or(r);if(o&&i)c=Sn(r,e.props.minDate,e.props.maxDate);else if(o){var p=or(e.props.minDate);c=Dt(r,p)||Tt(l,p)}else if(i){var d=ti(e.props.maxDate);c=Wt(r,d)||Tt(l,d)}}c&&e.setState({preSelection:r})},e.toggleCalendar=function(){e.setOpen(!e.state.open)},e.handleTimeChange=function(r){var o,i;if(!(e.props.selectsRange||e.props.selectsMultiple)){var c=e.props.selected?e.props.selected:e.getPreSelection(),l=e.props.selected?r:Zr(c,{hour:Ge(r),minute:Je(r)});e.setState({preSelection:l}),(i=(o=e.props).onChange)===null||i===void 0||i.call(o,l),e.props.shouldCloseOnSelect&&!e.props.showTimeInput&&(e.sendFocusBackToInput(),e.setOpen(!1)),e.props.showTimeInput&&e.setOpen(!0),(e.props.showTimeSelectOnly||e.props.showTimeSelect)&&e.setState({isRenderAriaLiveMessage:!0}),e.setState({inputValue:null})}},e.onInputClick=function(){var r,o;!e.props.disabled&&!e.props.readOnly&&e.setOpen(!0),(o=(r=e.props).onInputClick)===null||o===void 0||o.call(r)},e.onInputKeyDown=function(r){var o,i,c,l,p,d;(i=(o=e.props).onKeyDown)===null||i===void 0||i.call(o,r);var h=r.key;if(!e.state.open&&!e.props.inline&&!e.props.preventOpenOnFocus){(h===L.ArrowDown||h===L.ArrowUp||h===L.Enter)&&((c=e.onInputClick)===null||c===void 0||c.call(e));return}if(e.state.open){if(h===L.ArrowDown||h===L.ArrowUp){r.preventDefault();var x=e.props.showTimeSelectOnly?".react-datepicker__time-list-item[tabindex='0']":e.props.showWeekPicker&&e.props.showWeekNumbers?'.react-datepicker__week-number[tabindex="0"]':e.props.showFullMonthYearPicker||e.props.showMonthYearPicker?'.react-datepicker__month-text[tabindex="0"]':'.react-datepicker__day[tabindex="0"]',b=((l=e.calendar)===null||l===void 0?void 0:l.containerRef.current)instanceof Element&&e.calendar.containerRef.current.querySelector(x);b instanceof HTMLElement&&b.focus({preventScroll:!0});return}var y=oe(e.state.preSelection);h===L.Enter?(r.preventDefault(),r.target.blur(),e.inputOk()&&e.state.lastPreSelectChange===na?(e.handleSelect(y,r),!e.props.shouldCloseOnSelect&&e.setPreSelection(y)):e.setOpen(!1)):h===L.Escape?(r.preventDefault(),r.target.blur(),e.sendFocusBackToInput(),e.setOpen(!1)):h===L.Tab&&e.setOpen(!1),e.inputOk()||(d=(p=e.props).onInputError)===null||d===void 0||d.call(p,{code:1,msg:ta})}},e.onPortalKeyDown=function(r){var o=r.key;o===L.Escape&&(r.preventDefault(),e.setState({preventFocus:!0},function(){e.setOpen(!1),setTimeout(function(){e.setFocus(),e.setState({preventFocus:!1})})}))},e.onDayKeyDown=function(r){var o,i,c,l,p,d,h=e.props,x=h.minDate,b=h.maxDate,y=h.disabledKeyboardNavigation,w=h.showWeekPicker,k=h.shouldCloseOnSelect,f=h.locale,C=h.calendarStartDay,N=h.adjustDateOnChange,E=h.inline;if((i=(o=e.props).onKeyDown)===null||i===void 0||i.call(o,r),!y){var R=r.key,$=r.shiftKey,S=oe(e.state.preSelection),D=function(V,Y){var q=Y;switch(V){case L.ArrowRight:q=w?hr(Y,1):Le(Y,1);break;case L.ArrowLeft:q=w?Xo(Y):Zh(Y);break;case L.ArrowUp:q=Xo(Y);break;case L.ArrowDown:q=hr(Y,1);break;case L.PageUp:q=$?dn(Y,1):Ot(Y,1);break;case L.PageDown:q=$?st(Y,1):Ye(Y,1);break;case L.Home:q=kt(Y,f,C);break;case L.End:q=Bm(Y);break}return q},P=function(V,Y){for(var q=40,_=V,J=!1,me=0,ge=D(V,Y);!J;){if(me>=q){ge=Y;break}x&&ge<x&&(_=L.ArrowRight,ge=Oe(x,e.props)?D(_,ge):x),b&&ge>b&&(_=L.ArrowLeft,ge=Oe(b,e.props)?D(_,ge):b),Oe(ge,e.props)?((_===L.PageUp||_===L.Home)&&(_=L.ArrowRight),(_===L.PageDown||_===L.End)&&(_=L.ArrowLeft),ge=D(_,ge)):J=!0,me++}return ge};if(R===L.Enter){r.preventDefault(),e.handleSelect(S,r),!k&&e.setPreSelection(S);return}else if(R===L.Escape){r.preventDefault(),e.setOpen(!1),e.inputOk()||(l=(c=e.props).onInputError)===null||l===void 0||l.call(c,{code:1,msg:ta});return}var I=null;switch(R){case L.ArrowLeft:case L.ArrowRight:case L.ArrowUp:case L.ArrowDown:case L.PageUp:case L.PageDown:case L.Home:case L.End:I=P(R,S);break}if(!I){(d=(p=e.props).onInputError)===null||d===void 0||d.call(p,{code:1,msg:ta});return}if(r.preventDefault(),e.setState({lastPreSelectChange:na}),N&&e.setSelected(I),e.setPreSelection(I),E){var O=Me(S),T=Me(I),W=G(S),z=G(I);O!==T||W!==z?e.setState({shouldFocusDayInline:!0}):e.setState({shouldFocusDayInline:!1})}}},e.onPopperKeyDown=function(r){var o=r.key;o===L.Escape&&(r.preventDefault(),e.sendFocusBackToInput())},e.onClearClick=function(r){r&&r.preventDefault&&r.preventDefault(),e.sendFocusBackToInput();var o=e.props,i=o.selectsRange,c=o.onChange;i?c==null||c([null,null],r):c==null||c(null,r),e.setState({inputValue:null})},e.clear=function(){e.onClearClick()},e.onScroll=function(r){typeof e.props.closeOnScroll=="boolean"&&e.props.closeOnScroll?(r.target===document||r.target===document.documentElement||r.target===document.body)&&e.setOpen(!1):typeof e.props.closeOnScroll=="function"&&e.props.closeOnScroll(r)&&e.setOpen(!1)},e.renderCalendar=function(){var r,o;return!e.props.inline&&!e.isCalendarOpen()?null:M.createElement(kg,ee({showMonthYearDropdown:void 0,ref:function(i){e.calendar=i}},e.props,e.state,{setOpen:e.setOpen,dateFormat:(r=e.props.dateFormatCalendar)!==null&&r!==void 0?r:a.defaultProps.dateFormatCalendar,onSelect:e.handleSelect,onClickOutside:e.handleCalendarClickOutside,holidays:eg(e.modifyHolidays()),outsideClickIgnoreClass:gi,onDropdownFocus:e.handleDropdownFocus,onTimeChange:e.handleTimeChange,className:e.props.calendarClassName,container:e.props.calendarContainer,handleOnKeyDown:e.props.onKeyDown,handleOnDayKeyDown:e.onDayKeyDown,setPreSelection:e.setPreSelection,dropdownMode:(o=e.props.dropdownMode)!==null&&o!==void 0?o:a.defaultProps.dropdownMode}),e.props.children)},e.renderAriaLiveRegion=function(){var r=e.props,o=r.dateFormat,i=o===void 0?a.defaultProps.dateFormat:o,c=r.locale,l=e.props.showTimeInput||e.props.showTimeSelect,p=l?"PPPPp":"PPPP",d;return e.props.selectsRange?d="Selected start date: ".concat($e(e.props.startDate,{dateFormat:p,locale:c}),". ").concat(e.props.endDate?"End date: "+$e(e.props.endDate,{dateFormat:p,locale:c}):""):e.props.showTimeSelectOnly?d="Selected time: ".concat($e(e.props.selected,{dateFormat:i,locale:c})):e.props.showYearPicker?d="Selected year: ".concat($e(e.props.selected,{dateFormat:"yyyy",locale:c})):e.props.showMonthYearPicker?d="Selected month: ".concat($e(e.props.selected,{dateFormat:"MMMM yyyy",locale:c})):e.props.showQuarterYearPicker?d="Selected quarter: ".concat($e(e.props.selected,{dateFormat:"yyyy, QQQ",locale:c})):d="Selected date: ".concat($e(e.props.selected,{dateFormat:p,locale:c})),M.createElement("span",{role:"alert","aria-live":"polite",className:"react-datepicker__aria-live"},d)},e.renderDateInput=function(){var r,o,i,c=ke(e.props.className,(r={},r[gi]=e.state.open,r)),l=e.props.customInput||M.createElement("input",{type:"text"}),p=e.props.customInputRef||"ref",d=e.props,h=d.dateFormat,x=h===void 0?a.defaultProps.dateFormat:h,b=d.locale,y=typeof e.props.value=="string"?e.props.value:typeof e.state.inputValue=="string"?e.state.inputValue:e.props.selectsRange?Lm(e.props.startDate,e.props.endDate,{dateFormat:x,locale:b}):e.props.selectsMultiple?Fm((i=e.props.selectedDates)!==null&&i!==void 0?i:[],{dateFormat:x,locale:b}):$e(e.props.selected,{dateFormat:x,locale:b});return v.cloneElement(l,(o={},o[p]=function(w){e.input=w},o.value=y,o.onBlur=e.handleBlur,o.onChange=e.handleChange,o.onClick=e.onInputClick,o.onFocus=e.handleFocus,o.onKeyDown=e.onInputKeyDown,o.id=e.props.id,o.name=e.props.name,o.form=e.props.form,o.autoFocus=e.props.autoFocus,o.placeholder=e.props.placeholderText,o.disabled=e.props.disabled,o.autoComplete=e.props.autoComplete,o.className=ke(l.props.className,c),o.title=e.props.title,o.readOnly=e.props.readOnly,o.required=e.props.required,o.tabIndex=e.props.tabIndex,o["aria-describedby"]=e.props.ariaDescribedBy,o["aria-invalid"]=e.props.ariaInvalid,o["aria-labelledby"]=e.props.ariaLabelledBy,o["aria-required"]=e.props.ariaRequired,o))},e.renderClearButton=function(){var r=e.props,o=r.isClearable,i=r.disabled,c=r.selected,l=r.startDate,p=r.endDate,d=r.clearButtonTitle,h=r.clearButtonClassName,x=h===void 0?"":h,b=r.ariaLabelClose,y=b===void 0?"Close":b,w=r.selectedDates;return o&&(c!=null||l!=null||p!=null||w!=null&&w.length)?M.createElement("button",{type:"button",className:ke("react-datepicker__close-icon",x,{"react-datepicker__close-icon--disabled":i}),disabled:i,"aria-label":y,onClick:e.onClearClick,title:d,tabIndex:-1}):null},e.state=e.calcInitialState(),e.preventFocusTimeout=void 0,e}return Object.defineProperty(a,"defaultProps",{get:function(){return{allowSameDay:!1,dateFormat:"MM/dd/yyyy",dateFormatCalendar:"LLLL yyyy",disabled:!1,disabledKeyboardNavigation:!1,dropdownMode:"scroll",preventOpenOnFocus:!1,monthsShown:1,readOnly:!1,withPortal:!1,selectsDisabledDaysInRange:!1,shouldCloseOnSelect:!0,showTimeSelect:!1,showTimeInput:!1,showPreviousMonths:!1,showMonthYearPicker:!1,showFullMonthYearPicker:!1,showTwoColumnMonthYearPicker:!1,showFourColumnMonthYearPicker:!1,showYearPicker:!1,showQuarterYearPicker:!1,showWeekPicker:!1,strictParsing:!1,swapRange:!1,timeIntervals:30,timeCaption:"Time",previousMonthAriaLabel:"Previous Month",previousMonthButtonLabel:"Previous Month",nextMonthAriaLabel:"Next Month",nextMonthButtonLabel:"Next Month",previousYearAriaLabel:"Previous Year",previousYearButtonLabel:"Previous Year",nextYearAriaLabel:"Next Year",nextYearButtonLabel:"Next Year",timeInputLabel:"Time",enableTabLoop:!0,yearItemNumber:On,focusSelectedMonth:!1,showPopperArrow:!0,excludeScrollbar:!0,customTimeInput:null,calendarStartDay:void 0,toggleCalendarOnIconClick:!1,usePointerEvent:!1}},enumerable:!1,configurable:!0}),a.prototype.componentDidMount=function(){window.addEventListener("scroll",this.onScroll,!0),document.addEventListener("visibilitychange",this.setHiddenStateOnVisibilityHidden)},a.prototype.componentDidUpdate=function(t,e){var r,o,i,c;t.inline&&Ig(t.selected,this.props.selected)&&this.setPreSelection(this.props.selected),this.state.monthSelectedIn!==void 0&&t.monthsShown!==this.props.monthsShown&&this.setState({monthSelectedIn:0}),t.highlightDates!==this.props.highlightDates&&this.setState({highlightDates:li(this.props.highlightDates)}),!e.focused&&!Tt(t.selected,this.props.selected)&&this.setState({inputValue:null}),e.open!==this.state.open&&(e.open===!1&&this.state.open===!0&&((o=(r=this.props).onCalendarOpen)===null||o===void 0||o.call(r)),e.open===!0&&this.state.open===!1&&((c=(i=this.props).onCalendarClose)===null||c===void 0||c.call(i)))},a.prototype.componentWillUnmount=function(){this.clearPreventFocusTimeout(),window.removeEventListener("scroll",this.onScroll,!0),document.removeEventListener("visibilitychange",this.setHiddenStateOnVisibilityHidden)},a.prototype.renderInputContainer=function(){var t=this.props,e=t.showIcon,r=t.icon,o=t.calendarIconClassname,i=t.calendarIconClassName,c=t.toggleCalendarOnIconClick,l=this.state.open;return o&&console.warn("calendarIconClassname props is deprecated. should use calendarIconClassName props."),M.createElement("div",{className:"react-datepicker__input-container".concat(e?" react-datepicker__view-calendar-icon":"")},e&&M.createElement(Dg,ee({icon:r,className:ke(i,!i&&o,l&&"react-datepicker-ignore-onclickoutside")},c?{onClick:this.toggleCalendar}:null)),this.state.isRenderAriaLiveMessage&&this.renderAriaLiveRegion(),this.renderDateInput(),this.renderClearButton())},a.prototype.render=function(){var t=this.renderCalendar();if(this.props.inline)return t;if(this.props.withPortal){var e=this.state.open?M.createElement(kc,{enableTabLoop:this.props.enableTabLoop},M.createElement("div",{className:"react-datepicker__portal",tabIndex:-1,onKeyDown:this.onPortalKeyDown},t)):null;return this.state.open&&this.props.portalId&&(e=M.createElement(wc,ee({portalId:this.props.portalId},this.props),e)),M.createElement("div",null,this.renderInputContainer(),e)}return M.createElement(Pg,ee({},this.props,{className:this.props.popperClassName,hidePopper:!this.isCalendarOpen(),targetComponent:this.renderInputContainer(),popperComponent:t,popperOnKeyDown:this.onPopperKeyDown,showArrow:this.props.showPopperArrow}))},a})(v.Component),Eg="input",na="navigate";function Or(n){return!!n&&!bl(n.providerType)}function Tg(){const{data:n}=xe({queryKey:["feature-flag","proceeds-to-treasury"],queryFn:vl,staleTime:6e4,refetchOnWindowFocus:!0,retry:1});return n===!0}const xi=m.div`
|
|
353
|
-
position: fixed;
|
|
354
|
-
inset: 0;
|
|
355
|
-
z-index: 10000;
|
|
356
|
-
display: flex;
|
|
357
|
-
align-items: center;
|
|
358
|
-
justify-content: center;
|
|
359
|
-
padding: 16px;
|
|
360
|
-
background: rgba(22, 21, 24, 0.55);
|
|
361
|
-
`,yi=m.div`
|
|
362
|
-
width: 560px;
|
|
363
|
-
max-width: 100%;
|
|
364
|
-
max-height: 92vh;
|
|
365
|
-
overflow-y: auto;
|
|
366
|
-
background: ${u.colors.white};
|
|
367
|
-
border-radius: 16px;
|
|
368
|
-
padding: 12px 16px 16px;
|
|
369
|
-
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
|
|
370
|
-
display: flex;
|
|
371
|
-
flex-direction: column;
|
|
372
|
-
gap: 24px;
|
|
373
|
-
`,bi=m.div`
|
|
374
|
-
display: flex;
|
|
375
|
-
align-items: center;
|
|
376
|
-
justify-content: space-between;
|
|
377
|
-
gap: 8px;
|
|
378
|
-
padding-bottom: 16px;
|
|
379
|
-
border-bottom: 1px solid ${u.colors.gray4};
|
|
380
|
-
`,vi=m.h2`
|
|
381
|
-
margin: 0;
|
|
382
|
-
font-family: ${u.font.sans};
|
|
383
|
-
font-weight: 600;
|
|
384
|
-
font-size: 20px;
|
|
385
|
-
line-height: 1.6;
|
|
386
|
-
color: ${u.colors.text};
|
|
387
|
-
`,wi=m.button`
|
|
388
|
-
flex: none;
|
|
389
|
-
display: grid;
|
|
390
|
-
place-items: center;
|
|
391
|
-
width: 24px;
|
|
392
|
-
height: 24px;
|
|
393
|
-
border: 0;
|
|
394
|
-
background: none;
|
|
395
|
-
cursor: pointer;
|
|
396
|
-
color: ${u.colors.text};
|
|
397
|
-
|
|
398
|
-
.ico {
|
|
399
|
-
width: 18px;
|
|
400
|
-
height: 18px;
|
|
401
|
-
}
|
|
402
|
-
&:disabled {
|
|
403
|
-
opacity: 0.4;
|
|
404
|
-
cursor: default;
|
|
405
|
-
}
|
|
406
|
-
&:focus-visible {
|
|
407
|
-
outline: 2px solid ${u.colors.accent};
|
|
408
|
-
outline-offset: 2px;
|
|
409
|
-
}
|
|
410
|
-
`,Ng=m.p`
|
|
411
|
-
margin: 0;
|
|
412
|
-
font-family: ${u.font.sans};
|
|
413
|
-
font-size: 14px;
|
|
414
|
-
line-height: 1.57;
|
|
415
|
-
color: ${u.colors.text};
|
|
416
|
-
text-align: left;
|
|
417
|
-
`,$g=m.div`
|
|
418
|
-
display: flex;
|
|
419
|
-
align-items: center;
|
|
420
|
-
gap: 12px;
|
|
421
|
-
`,Og=m.div`
|
|
422
|
-
flex: none;
|
|
423
|
-
display: grid;
|
|
424
|
-
place-items: center;
|
|
425
|
-
width: 180px;
|
|
426
|
-
height: 180px;
|
|
427
|
-
border-radius: 16px;
|
|
428
|
-
background: ${u.colors.media};
|
|
429
|
-
border: 1px solid ${u.colors.gray4};
|
|
430
|
-
overflow: hidden;
|
|
431
|
-
|
|
432
|
-
img {
|
|
433
|
-
width: 150px;
|
|
434
|
-
height: 150px;
|
|
435
|
-
object-fit: contain;
|
|
436
|
-
filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.1));
|
|
437
|
-
}
|
|
438
|
-
|
|
439
|
-
${u.media.maxWidth("mobile")} {
|
|
440
|
-
width: 120px;
|
|
441
|
-
height: 120px;
|
|
442
|
-
|
|
443
|
-
img {
|
|
444
|
-
width: 100px;
|
|
445
|
-
height: 100px;
|
|
446
|
-
}
|
|
447
|
-
}
|
|
448
|
-
`,Rg=m.div`
|
|
449
|
-
flex: 1 1 0;
|
|
450
|
-
min-width: 0;
|
|
451
|
-
display: flex;
|
|
452
|
-
flex-direction: column;
|
|
453
|
-
gap: 4px;
|
|
454
|
-
padding: 8px;
|
|
455
|
-
`,Ag=m.p`
|
|
456
|
-
margin: 0;
|
|
457
|
-
font-family: ${u.font.sans};
|
|
458
|
-
font-weight: 600;
|
|
459
|
-
font-size: 20px;
|
|
460
|
-
line-height: 1.57;
|
|
461
|
-
color: ${u.colors.text};
|
|
462
|
-
`,Lg=m.p`
|
|
463
|
-
margin: 0;
|
|
464
|
-
font-family: ${u.font.sans};
|
|
465
|
-
font-size: 10px;
|
|
466
|
-
line-height: 1.43;
|
|
467
|
-
color: ${u.colors.muted};
|
|
468
|
-
`,Fg=m.div`
|
|
469
|
-
display: flex;
|
|
470
|
-
gap: 12px;
|
|
471
|
-
|
|
472
|
-
${u.media.maxWidth("mobile")} {
|
|
473
|
-
flex-direction: column;
|
|
474
|
-
}
|
|
475
|
-
`,ki=m.label`
|
|
476
|
-
flex: 1 1 0;
|
|
477
|
-
min-width: 0;
|
|
478
|
-
display: flex;
|
|
479
|
-
flex-direction: column;
|
|
480
|
-
gap: 4px;
|
|
481
|
-
`,Di=m.span`
|
|
482
|
-
font-family: ${u.font.sans};
|
|
483
|
-
font-size: 12px;
|
|
484
|
-
color: ${u.colors.muted};
|
|
485
|
-
`,Yg=m.div`
|
|
486
|
-
display: flex;
|
|
487
|
-
align-items: center;
|
|
488
|
-
justify-content: space-between;
|
|
489
|
-
gap: 4px;
|
|
490
|
-
height: 42px;
|
|
491
|
-
padding: 0 8px;
|
|
492
|
-
border: 0.5px solid ${u.colors.text};
|
|
493
|
-
border-radius: 8px;
|
|
494
|
-
background: ${u.colors.white};
|
|
495
|
-
|
|
496
|
-
&:focus-within {
|
|
497
|
-
border-color: ${u.colors.magenta};
|
|
498
|
-
}
|
|
499
|
-
&[aria-invalid='true'] {
|
|
500
|
-
border-color: ${u.colors.err};
|
|
501
|
-
}
|
|
502
|
-
|
|
503
|
-
.ccy {
|
|
504
|
-
flex: none;
|
|
505
|
-
width: 22px;
|
|
506
|
-
height: 22px;
|
|
507
|
-
color: ${u.colors.rarity};
|
|
508
|
-
}
|
|
509
|
-
.cal {
|
|
510
|
-
flex: none;
|
|
511
|
-
width: 18px;
|
|
512
|
-
height: 18px;
|
|
513
|
-
color: ${u.colors.text};
|
|
514
|
-
}
|
|
515
|
-
`,Wg=m.input`
|
|
516
|
-
flex: 1 1 auto;
|
|
517
|
-
min-width: 0;
|
|
518
|
-
border: 0;
|
|
519
|
-
outline: none;
|
|
520
|
-
background: transparent;
|
|
521
|
-
font-family: ${u.font.sans};
|
|
522
|
-
font-size: 13px;
|
|
523
|
-
color: ${u.colors.text};
|
|
524
|
-
|
|
525
|
-
&::placeholder {
|
|
526
|
-
color: ${u.colors.muted2};
|
|
527
|
-
}
|
|
528
|
-
/* Strip the number spinners — the glyph + USD hint carry the affordance. */
|
|
529
|
-
&::-webkit-outer-spin-button,
|
|
530
|
-
&::-webkit-inner-spin-button {
|
|
531
|
-
-webkit-appearance: none;
|
|
532
|
-
margin: 0;
|
|
533
|
-
}
|
|
534
|
-
&[type='number'] {
|
|
535
|
-
-moz-appearance: textfield;
|
|
536
|
-
appearance: textfield;
|
|
537
|
-
}
|
|
538
|
-
`,Bg=m.span`
|
|
539
|
-
flex: none;
|
|
540
|
-
font-family: ${u.font.sans};
|
|
541
|
-
font-size: 10px;
|
|
542
|
-
color: ${u.colors.muted2};
|
|
543
|
-
`,Hg=m.div`
|
|
544
|
-
.react-datepicker-wrapper {
|
|
545
|
-
display: block;
|
|
546
|
-
width: 100%;
|
|
547
|
-
}
|
|
548
|
-
.react-datepicker__input-container {
|
|
549
|
-
display: flex;
|
|
550
|
-
align-items: center;
|
|
551
|
-
}
|
|
552
|
-
.react-datepicker__input-container input {
|
|
553
|
-
width: 100%;
|
|
554
|
-
height: 42px;
|
|
555
|
-
padding: 0 8px;
|
|
556
|
-
border: 0.5px solid ${u.colors.text};
|
|
557
|
-
border-radius: 8px;
|
|
558
|
-
background: ${u.colors.white};
|
|
559
|
-
font-family: ${u.font.sans};
|
|
560
|
-
font-size: 13px;
|
|
561
|
-
color: ${u.colors.text};
|
|
562
|
-
outline: none;
|
|
563
|
-
}
|
|
564
|
-
.react-datepicker__input-container input:focus {
|
|
565
|
-
border-color: ${u.colors.magenta};
|
|
566
|
-
}
|
|
567
|
-
&[data-invalid='true'] .react-datepicker__input-container input {
|
|
568
|
-
border-color: ${u.colors.err};
|
|
569
|
-
}
|
|
570
|
-
/* The showIcon calendar glyph inside the field. */
|
|
571
|
-
.react-datepicker__calendar-icon {
|
|
572
|
-
fill: ${u.colors.text};
|
|
573
|
-
opacity: 0.85;
|
|
574
|
-
}
|
|
575
|
-
|
|
576
|
-
/* ---- Calendar popup: white / on-brand (override react-datepicker defaults) ---- */
|
|
577
|
-
.react-datepicker-popper {
|
|
578
|
-
z-index: 40;
|
|
579
|
-
}
|
|
580
|
-
.react-datepicker {
|
|
581
|
-
font-family: ${u.font.sans};
|
|
582
|
-
font-size: 13px;
|
|
583
|
-
color: ${u.colors.text};
|
|
584
|
-
background: ${u.colors.white};
|
|
585
|
-
border: 1px solid rgba(22, 21, 24, 0.1);
|
|
586
|
-
border-radius: 12px;
|
|
587
|
-
box-shadow: 0 12px 32px rgba(22, 21, 24, 0.14);
|
|
588
|
-
overflow: hidden;
|
|
589
|
-
}
|
|
590
|
-
.react-datepicker__triangle {
|
|
591
|
-
display: none;
|
|
592
|
-
}
|
|
593
|
-
.react-datepicker__header {
|
|
594
|
-
background: ${u.colors.white};
|
|
595
|
-
border-bottom: 1px solid rgba(22, 21, 24, 0.1);
|
|
596
|
-
padding-top: 12px;
|
|
597
|
-
}
|
|
598
|
-
.react-datepicker__current-month {
|
|
599
|
-
color: ${u.colors.text};
|
|
600
|
-
font-weight: 600;
|
|
601
|
-
font-size: 14px;
|
|
602
|
-
}
|
|
603
|
-
.react-datepicker__day-name {
|
|
604
|
-
color: ${u.colors.muted2};
|
|
605
|
-
}
|
|
606
|
-
.react-datepicker__day {
|
|
607
|
-
color: ${u.colors.text};
|
|
608
|
-
border-radius: 8px;
|
|
609
|
-
}
|
|
610
|
-
.react-datepicker__day:hover {
|
|
611
|
-
background: rgba(105, 31, 169, 0.1);
|
|
612
|
-
}
|
|
613
|
-
.react-datepicker__day--selected,
|
|
614
|
-
.react-datepicker__day--keyboard-selected {
|
|
615
|
-
background: ${u.colors.accent};
|
|
616
|
-
color: ${u.colors.white};
|
|
617
|
-
}
|
|
618
|
-
.react-datepicker__day--today {
|
|
619
|
-
font-weight: 700;
|
|
620
|
-
}
|
|
621
|
-
.react-datepicker__day--disabled {
|
|
622
|
-
color: ${u.colors.muted2};
|
|
623
|
-
opacity: 0.5;
|
|
624
|
-
}
|
|
625
|
-
.react-datepicker__navigation-icon::before {
|
|
626
|
-
border-color: ${u.colors.accent};
|
|
627
|
-
}
|
|
628
|
-
.react-datepicker__today-button {
|
|
629
|
-
background: ${u.colors.white};
|
|
630
|
-
border-top: 1px solid rgba(22, 21, 24, 0.1);
|
|
631
|
-
color: ${u.colors.accent};
|
|
632
|
-
font-weight: 600;
|
|
633
|
-
padding: 10px;
|
|
634
|
-
}
|
|
635
|
-
`,zg=m.button`
|
|
636
|
-
width: 100%;
|
|
637
|
-
height: 48px;
|
|
638
|
-
border: 0;
|
|
639
|
-
border-radius: 16px;
|
|
640
|
-
cursor: pointer;
|
|
641
|
-
background: ${u.colors.accent};
|
|
642
|
-
color: ${u.colors.white};
|
|
643
|
-
font-family: ${u.font.sans};
|
|
644
|
-
font-weight: 600;
|
|
645
|
-
font-size: 15px;
|
|
646
|
-
line-height: 24px;
|
|
647
|
-
letter-spacing: 0.46px;
|
|
648
|
-
text-transform: uppercase;
|
|
649
|
-
|
|
650
|
-
&:hover:not(:disabled) {
|
|
651
|
-
background: ${u.colors.accentHover};
|
|
652
|
-
}
|
|
653
|
-
&:focus-visible {
|
|
654
|
-
outline: 2px solid ${u.colors.accent};
|
|
655
|
-
outline-offset: 2px;
|
|
656
|
-
}
|
|
657
|
-
&:disabled {
|
|
658
|
-
cursor: not-allowed;
|
|
659
|
-
background: rgba(105, 31, 169, 0.2);
|
|
660
|
-
color: ${u.colors.white};
|
|
661
|
-
}
|
|
662
|
-
`;m.p`
|
|
663
|
-
margin: 0;
|
|
664
|
-
font-family: ${u.font.sans};
|
|
665
|
-
font-size: 13px;
|
|
666
|
-
color: ${u.colors.muted};
|
|
667
|
-
text-align: center;
|
|
668
|
-
`;const qg=m.p`
|
|
669
|
-
margin: 0;
|
|
670
|
-
font-family: ${u.font.sans};
|
|
671
|
-
font-size: 12px;
|
|
672
|
-
line-height: 1.5;
|
|
673
|
-
color: ${u.colors.muted};
|
|
674
|
-
`,Kg=m.div`
|
|
675
|
-
display: flex;
|
|
676
|
-
flex-direction: column;
|
|
677
|
-
align-items: center;
|
|
678
|
-
gap: 16px;
|
|
679
|
-
padding: 24px 16px;
|
|
680
|
-
border-radius: 16px;
|
|
681
|
-
background: rgba(193, 238, 207, 0.5);
|
|
682
|
-
text-align: center;
|
|
683
|
-
`,Qg=m.div`
|
|
684
|
-
display: grid;
|
|
685
|
-
place-items: center;
|
|
686
|
-
width: 64px;
|
|
687
|
-
height: 64px;
|
|
688
|
-
border-radius: 50%;
|
|
689
|
-
background: ${u.colors.ok};
|
|
690
|
-
color: ${u.colors.white};
|
|
691
|
-
|
|
692
|
-
.ico {
|
|
693
|
-
width: 34px;
|
|
694
|
-
height: 34px;
|
|
695
|
-
}
|
|
696
|
-
`,Vg=m.p`
|
|
697
|
-
margin: 0;
|
|
698
|
-
font-family: ${u.font.sans};
|
|
699
|
-
font-size: 20px;
|
|
700
|
-
line-height: 1.334;
|
|
701
|
-
color: ${u.colors.text2};
|
|
702
|
-
|
|
703
|
-
b {
|
|
704
|
-
font-weight: 700;
|
|
705
|
-
}
|
|
706
|
-
`,Ug=m.div`
|
|
707
|
-
display: flex;
|
|
708
|
-
gap: 12px;
|
|
709
|
-
|
|
710
|
-
${u.media.maxWidth("mobile")} {
|
|
711
|
-
flex-direction: column-reverse;
|
|
712
|
-
}
|
|
713
|
-
`,Xg=m.button`
|
|
714
|
-
flex: 1 1 0;
|
|
715
|
-
height: 48px;
|
|
716
|
-
border: 2px solid ${u.colors.accent};
|
|
717
|
-
border-radius: 12px;
|
|
718
|
-
background: transparent;
|
|
719
|
-
color: ${u.colors.accent};
|
|
720
|
-
cursor: pointer;
|
|
721
|
-
font-family: ${u.font.sans};
|
|
722
|
-
font-weight: 600;
|
|
723
|
-
font-size: 13px;
|
|
724
|
-
line-height: 24px;
|
|
725
|
-
letter-spacing: 0.46px;
|
|
726
|
-
text-transform: uppercase;
|
|
727
|
-
|
|
728
|
-
&:hover {
|
|
729
|
-
background: rgba(105, 31, 169, 0.06);
|
|
730
|
-
}
|
|
731
|
-
&:focus-visible {
|
|
732
|
-
outline: 2px solid ${u.colors.accent};
|
|
733
|
-
outline-offset: 2px;
|
|
734
|
-
}
|
|
735
|
-
`,Gg=m.button`
|
|
736
|
-
flex: 1 1 0;
|
|
737
|
-
height: 48px;
|
|
738
|
-
border: 0;
|
|
739
|
-
border-radius: 12px;
|
|
740
|
-
background: ${u.colors.accent};
|
|
741
|
-
color: ${u.colors.softWhite};
|
|
742
|
-
cursor: pointer;
|
|
743
|
-
font-family: ${u.font.sans};
|
|
744
|
-
font-weight: 600;
|
|
745
|
-
font-size: 13px;
|
|
746
|
-
line-height: 24px;
|
|
747
|
-
letter-spacing: 0.46px;
|
|
748
|
-
text-transform: uppercase;
|
|
749
|
-
|
|
750
|
-
&:hover {
|
|
751
|
-
background: ${u.colors.accentHover};
|
|
752
|
-
}
|
|
753
|
-
&:focus-visible {
|
|
754
|
-
outline: 2px solid ${u.colors.accent};
|
|
755
|
-
outline-offset: 2px;
|
|
756
|
-
}
|
|
757
|
-
`,Jg=30;function Ci(n){const a=new Date;return a.setHours(0,0,0,0),a.setDate(a.getDate()+n),a}function Zg({asset:n,session:a,creator:t,onListed:e,onClose:r}){const o=Ht(),i=Bt(),c=Tg(),{data:l}=xe({queryKey:["collection-meta",n.contractAddress],enabled:!t&&!!n.contractAddress,staleTime:5*6e4,queryFn:()=>Cs(n.contractAddress)}),p=t||(l==null?void 0:l.creator),{data:d}=Dr(p),h=p?d!=null&&d.name?Cr(d.name):wa(p):null,[x,b]=v.useState("10"),[y,w]=v.useState(()=>Ci(Jg)),[k,f]=v.useState(null),[C,N]=v.useState(!1),[E,R]=v.useState(null),[$,S]=v.useState("form"),D=Or(a),P=Number(x),I=Number.isInteger(P)&&P>0,O=y?y.getTime():NaN,T=!!y&&O>Date.now(),W=Ci(1),z=I?`$${en(P).toFixed(2)}`:"$0";async function V(){if(f(null),!I){f(g("sellModal.errorWholeNumber"));return}if(!T){f(g("sellModal.invalidDate"));return}if(!D){N(!0);try{const _=mo(n.contractAddress,n.chainId),J=await Ts(_,a.address);if(N(!1),!J){S("authorize");return}}catch{N(!1)}}await Y()}async function Y(){if(f(null),!I){f(g("sellModal.errorWholeNumber"));return}if(!T){f(g("sellModal.invalidDate"));return}N(!0);try{await hu({signer:a.signer,contractAddress:n.contractAddress,chainId:n.chainId});const _=await mu({signer:a.signer,nft:{contractAddress:n.contractAddress,tokenId:n.tokenId,network:n.network,chainId:n.chainId},usdPrice:en(P),expiresAtMs:O}),J=await Ds(_,a.identity);R(P),ue("Shop Listed Item",{item_id:n.itemId??n.tokenId??null,contract_address:n.contractAddress,price_credits:P,price_usd:en(P),listing_type:"secondary",is_primary:!1}),Tn.success(g("sellModal.toastOnSale",{name:n.name})),o.invalidateQueries({queryKey:["my-assets",a.address]}),e==null||e(P,J==null?void 0:J.id)}catch(_){Ne(_,{flow:"list_secondary"}),ue("Shop Listing Failed",{listing_type:"secondary",error_code:Ue(_)}),f(bt(_,g("sellModal.errorGeneric")))}finally{N(!1)}}function q(){r(),i("/my-items")}return E!==null?s.jsx(xi,{onClick:r,role:"presentation",children:s.jsxs(yi,{onClick:_=>_.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":g("sellModal.successHeader"),children:[s.jsxs(bi,{children:[s.jsx(vi,{children:g("sellModal.successHeader")}),s.jsx(wi,{onClick:r,"aria-label":g("getCredits.done"),children:s.jsx(U,{name:"close",className:"ico"})})]}),s.jsxs(Kg,{children:[s.jsx(Qg,{"aria-hidden":!0,children:s.jsx(U,{name:"check",className:"ico"})}),s.jsxs(Vg,{children:[s.jsx("b",{children:g("sellModal.successOnSale")})," ",g("sellModal.successManage")]})]}),s.jsxs(Ug,{children:[s.jsx(Xg,{onClick:q,children:g("sellModal.myItems")}),s.jsx(Gg,{onClick:r,children:g("getCredits.done")})]})]})}):$==="authorize"?s.jsx(js,{auth:mo(n.contractAddress,n.chainId),signer:a.signer,title:g("authorizeStep.sellTitle"),name:n.name,image:n.image,icon:s.jsx(U,{name:"pen",className:"ico"}),reason:g("authorizeStep.sellReason",{name:n.name}),onAuthorized:()=>{S("form"),Y()},onCancel:()=>S("form"),onClose:r}):s.jsx(xi,{onClick:C?void 0:r,role:"presentation",children:s.jsxs(yi,{"data-testid":"modal",onClick:_=>_.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":g("sellModal.sellProduct"),children:[s.jsxs(bi,{children:[s.jsx(vi,{children:g("sellModal.sellProduct")}),s.jsx(wi,{onClick:r,disabled:C,"aria-label":g("sellModal.cancel"),children:s.jsx(U,{name:"close",className:"ico"})})]}),s.jsx(Ng,{children:g("sellModal.subtitle")}),s.jsxs($g,{children:[s.jsx(Og,{children:n.image?s.jsx("img",{src:n.image,alt:""}):null}),s.jsxs(Rg,{children:[s.jsx(Ag,{children:n.name}),h?s.jsx(Lg,{children:g("sellModal.byCreator",{name:h})}):null]})]}),s.jsxs(Fg,{children:[s.jsxs(ki,{children:[s.jsx(Di,{children:g("sellModal.priceShort")}),s.jsxs(Yg,{"aria-invalid":x.length>0&&!I,children:[s.jsx(Ie,{className:"ccy"}),s.jsx(Wg,{type:"number",min:"1",step:"1",inputMode:"numeric",value:x,onChange:_=>b(_.target.value),disabled:C,"aria-label":g("sellModal.priceLabel",{currency:"credits"})}),s.jsx(Bg,{"aria-hidden":!0,children:z})]})]}),s.jsxs(ki,{children:[s.jsx(Di,{children:g("sellModal.expirationLabel")}),s.jsx(Hg,{"data-invalid":!!y&&!T,children:s.jsx(jg,{selected:y,onChange:w,minDate:W,dateFormat:"MM/dd/yyyy",placeholderText:"MM/DD/YYYY",disabled:C,showIcon:!0,showPopperArrow:!1,todayButton:g("sellModal.today"),ariaLabelledBy:void 0,"aria-label":g("sellModal.expirationLabel")})})]})]}),c&&I?s.jsx(qg,{children:g("sellModal.proceedsCredits",{count:P})}):null,s.jsx(ut,{message:k}),s.jsx(zg,{onClick:()=>void V(),disabled:C||!I||!T,children:C?D?g("sellModal.puttingOnSale"):g("sellModal.confirmListing"):g("sellModal.putUpForSale")})]})})}const ex=m.div`
|
|
758
|
-
position: fixed;
|
|
759
|
-
inset: 0;
|
|
760
|
-
z-index: 10000;
|
|
761
|
-
display: flex;
|
|
762
|
-
align-items: center;
|
|
763
|
-
justify-content: center;
|
|
764
|
-
padding: 16px;
|
|
765
|
-
background: rgba(22, 21, 24, 0.55);
|
|
766
|
-
`,tx=m.div`
|
|
767
|
-
width: 560px;
|
|
768
|
-
max-width: 100%;
|
|
769
|
-
max-height: 92vh;
|
|
770
|
-
overflow-y: auto;
|
|
771
|
-
background: ${u.colors.white};
|
|
772
|
-
border-radius: 16px;
|
|
773
|
-
padding: 12px 16px 16px;
|
|
774
|
-
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
|
|
775
|
-
display: flex;
|
|
776
|
-
flex-direction: column;
|
|
777
|
-
gap: 24px;
|
|
778
|
-
|
|
779
|
-
${u.media.maxWidth("mobile")} {
|
|
780
|
-
padding: 12px 16px 16px;
|
|
781
|
-
}
|
|
782
|
-
`,nx=m.div`
|
|
783
|
-
display: flex;
|
|
784
|
-
flex-direction: column;
|
|
785
|
-
gap: 4px;
|
|
786
|
-
padding-bottom: 16px;
|
|
787
|
-
border-bottom: 1px solid ${u.colors.gray4};
|
|
788
|
-
`,rx=m.div`
|
|
789
|
-
display: flex;
|
|
790
|
-
align-items: center;
|
|
791
|
-
justify-content: space-between;
|
|
792
|
-
gap: 8px;
|
|
793
|
-
`,ax=m.h2`
|
|
794
|
-
margin: 0;
|
|
795
|
-
font-family: ${u.font.sans};
|
|
796
|
-
font-weight: 600;
|
|
797
|
-
font-size: 20px;
|
|
798
|
-
line-height: 1.6;
|
|
799
|
-
color: ${u.colors.text};
|
|
800
|
-
`,ox=m.button`
|
|
801
|
-
flex: none;
|
|
802
|
-
display: grid;
|
|
803
|
-
place-items: center;
|
|
804
|
-
width: 24px;
|
|
805
|
-
height: 24px;
|
|
806
|
-
border: 0;
|
|
807
|
-
background: none;
|
|
808
|
-
cursor: pointer;
|
|
809
|
-
color: ${u.colors.text};
|
|
810
|
-
|
|
811
|
-
.ico {
|
|
812
|
-
width: 18px;
|
|
813
|
-
height: 18px;
|
|
814
|
-
}
|
|
815
|
-
&:disabled {
|
|
816
|
-
opacity: 0.4;
|
|
817
|
-
cursor: default;
|
|
818
|
-
}
|
|
819
|
-
&:focus-visible {
|
|
820
|
-
outline: 2px solid ${u.colors.accent};
|
|
821
|
-
outline-offset: 2px;
|
|
822
|
-
}
|
|
823
|
-
`,ix=m.div`
|
|
824
|
-
display: flex;
|
|
825
|
-
align-items: center;
|
|
826
|
-
gap: 12px;
|
|
827
|
-
`,sx=m.img`
|
|
828
|
-
flex: none;
|
|
829
|
-
width: 72px;
|
|
830
|
-
height: 72px;
|
|
831
|
-
border-radius: 12px;
|
|
832
|
-
object-fit: cover;
|
|
833
|
-
background: ${u.colors.media};
|
|
834
|
-
`,cx=m.p`
|
|
835
|
-
margin: 0;
|
|
836
|
-
font-family: ${u.font.sans};
|
|
837
|
-
font-weight: 600;
|
|
838
|
-
font-size: 18px;
|
|
839
|
-
line-height: 1.4;
|
|
840
|
-
color: ${u.colors.text};
|
|
841
|
-
`,lx=m.label`
|
|
842
|
-
display: flex;
|
|
843
|
-
flex-direction: column;
|
|
844
|
-
gap: 6px;
|
|
845
|
-
`,dx=m.span`
|
|
846
|
-
font-family: ${u.font.sans};
|
|
847
|
-
font-size: 12px;
|
|
848
|
-
color: ${u.colors.muted};
|
|
849
|
-
`,ux=m.input`
|
|
850
|
-
width: 100%;
|
|
851
|
-
height: 44px;
|
|
852
|
-
padding: 0 12px;
|
|
853
|
-
border: 1px solid ${u.colors.text};
|
|
854
|
-
border-radius: 8px;
|
|
855
|
-
background: ${u.colors.white};
|
|
856
|
-
font-family: ${u.font.sans};
|
|
857
|
-
font-size: 14px;
|
|
858
|
-
color: ${u.colors.text};
|
|
859
|
-
|
|
860
|
-
&::placeholder {
|
|
861
|
-
color: ${u.colors.muted2};
|
|
862
|
-
}
|
|
863
|
-
&:focus-visible {
|
|
864
|
-
outline: none;
|
|
865
|
-
border-color: ${u.colors.magenta};
|
|
866
|
-
}
|
|
867
|
-
&[aria-invalid='true'] {
|
|
868
|
-
border-color: ${u.colors.err};
|
|
869
|
-
}
|
|
870
|
-
&:disabled {
|
|
871
|
-
opacity: 0.6;
|
|
872
|
-
}
|
|
873
|
-
`,px=m.p`
|
|
874
|
-
margin: 0;
|
|
875
|
-
padding: 12px 14px;
|
|
876
|
-
border-radius: 10px;
|
|
877
|
-
background: rgba(255, 45, 85, 0.1);
|
|
878
|
-
font-family: ${u.font.sans};
|
|
879
|
-
font-size: 13px;
|
|
880
|
-
line-height: 1.5;
|
|
881
|
-
color: ${u.colors.text2};
|
|
882
|
-
`,Si=m.div`
|
|
883
|
-
display: flex;
|
|
884
|
-
gap: 12px;
|
|
885
|
-
|
|
886
|
-
${u.media.maxWidth("mobile")} {
|
|
887
|
-
flex-direction: column-reverse;
|
|
888
|
-
}
|
|
889
|
-
`,fx=m.button`
|
|
890
|
-
flex: 1;
|
|
891
|
-
height: 48px;
|
|
892
|
-
border: 2px solid ${u.colors.blackBtn};
|
|
893
|
-
border-radius: 16px;
|
|
894
|
-
background: transparent;
|
|
895
|
-
color: ${u.colors.text};
|
|
896
|
-
cursor: pointer;
|
|
897
|
-
font-family: ${u.font.sans};
|
|
898
|
-
font-weight: 600;
|
|
899
|
-
font-size: 15px;
|
|
900
|
-
line-height: 24px;
|
|
901
|
-
letter-spacing: 0.46px;
|
|
902
|
-
text-transform: uppercase;
|
|
903
|
-
|
|
904
|
-
&:hover:not(:disabled) {
|
|
905
|
-
background: rgba(36, 33, 41, 0.06);
|
|
906
|
-
}
|
|
907
|
-
&:focus-visible {
|
|
908
|
-
outline: 2px solid ${u.colors.accent};
|
|
909
|
-
outline-offset: 2px;
|
|
910
|
-
}
|
|
911
|
-
&:disabled {
|
|
912
|
-
opacity: 0.5;
|
|
913
|
-
cursor: default;
|
|
914
|
-
}
|
|
915
|
-
`,Mi=m.button`
|
|
916
|
-
flex: 1;
|
|
917
|
-
display: inline-flex;
|
|
918
|
-
align-items: center;
|
|
919
|
-
justify-content: center;
|
|
920
|
-
gap: 8px;
|
|
921
|
-
height: 48px;
|
|
922
|
-
border: 0;
|
|
923
|
-
border-radius: 16px;
|
|
924
|
-
background: ${u.colors.blackBtn};
|
|
925
|
-
color: ${u.colors.softWhite};
|
|
926
|
-
cursor: pointer;
|
|
927
|
-
font-family: ${u.font.sans};
|
|
928
|
-
font-weight: 600;
|
|
929
|
-
font-size: 15px;
|
|
930
|
-
line-height: 24px;
|
|
931
|
-
letter-spacing: 0.46px;
|
|
932
|
-
text-transform: uppercase;
|
|
933
|
-
|
|
934
|
-
&:hover:not(:disabled) {
|
|
935
|
-
filter: brightness(1.35);
|
|
936
|
-
}
|
|
937
|
-
&:focus-visible {
|
|
938
|
-
outline: 2px solid ${u.colors.accent};
|
|
939
|
-
outline-offset: 2px;
|
|
940
|
-
}
|
|
941
|
-
&:disabled {
|
|
942
|
-
opacity: 0.55;
|
|
943
|
-
cursor: default;
|
|
944
|
-
}
|
|
945
|
-
`,hx=m.div`
|
|
946
|
-
display: flex;
|
|
947
|
-
flex-direction: column;
|
|
948
|
-
align-items: center;
|
|
949
|
-
gap: 16px;
|
|
950
|
-
padding: 24px 16px;
|
|
951
|
-
border-radius: 16px;
|
|
952
|
-
background: rgba(193, 238, 207, 0.5);
|
|
953
|
-
text-align: center;
|
|
954
|
-
`,mx=m.div`
|
|
955
|
-
display: grid;
|
|
956
|
-
place-items: center;
|
|
957
|
-
width: 64px;
|
|
958
|
-
height: 64px;
|
|
959
|
-
border-radius: 50%;
|
|
960
|
-
background: ${u.colors.ok};
|
|
961
|
-
color: ${u.colors.white};
|
|
962
|
-
|
|
963
|
-
.ico {
|
|
964
|
-
width: 34px;
|
|
965
|
-
height: 34px;
|
|
966
|
-
}
|
|
967
|
-
`,gx=m.p`
|
|
968
|
-
margin: 0;
|
|
969
|
-
font-family: ${u.font.sans};
|
|
970
|
-
font-size: 16px;
|
|
971
|
-
line-height: 1.34;
|
|
972
|
-
color: ${u.colors.text2};
|
|
973
|
-
|
|
974
|
-
b {
|
|
975
|
-
font-weight: 700;
|
|
976
|
-
}
|
|
977
|
-
`;function xx(n){return/^0x[a-fA-F0-9]{40}$/.test(n.trim())}function yx({item:n,session:a,onClose:t,onTransferred:e}){const[r,o]=v.useState(""),[i,c]=v.useState(!1),[l,p]=v.useState(null),[d,h]=v.useState(!1),x=r.trim(),b=xx(x),y=b&&x.toLowerCase()===a.address.toLowerCase(),w=x.length===0?null:b?y?g("transfer.selfAddress"):null:g("transfer.invalidAddress"),k=b&&!y&&!i;async function f(){if(k){p(null),c(!0);try{await Jd({contractAddress:n.contractAddress,chainId:n.chainId,tokenId:n.tokenId,to:x,signer:a.signer}),ue("Shop Transferred Item",{contract_address:n.contractAddress,token_id:n.tokenId}),h(!0),Tn.success(g("transfer.toastSuccess",{name:n.name})),e==null||e()}catch(C){an(C)||Ne(C,{flow:"transfer-item",tokenId:n.tokenId}),ue("Shop Transfer Failed",{error_code:Ue(C)}),p(an(C)?g("getCredits.errorCanceled"):bt(C,g("transfer.errorGeneric")))}finally{c(!1)}}}return s.jsx(ex,{onClick:i?void 0:t,role:"presentation",children:s.jsxs(tx,{onClick:C=>C.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":g("transfer.title"),children:[s.jsx(nx,{children:s.jsxs(rx,{children:[s.jsx(ax,{children:g("transfer.title")}),s.jsx(ox,{onClick:t,disabled:i,"aria-label":g("sellModal.cancel"),children:s.jsx(U,{name:"close",className:"ico"})})]})}),d?s.jsxs(s.Fragment,{children:[s.jsxs(hx,{children:[s.jsx(mx,{"aria-hidden":!0,children:s.jsx(U,{name:"check",className:"ico"})}),s.jsx(gx,{children:g("transfer.successBody",{name:n.name})})]}),s.jsx(Si,{children:s.jsx(Mi,{onClick:t,children:g("getCredits.done")})})]}):s.jsxs(s.Fragment,{children:[s.jsxs(ix,{children:[n.thumbnail?s.jsx(sx,{src:n.thumbnail,alt:""}):null,s.jsx(cx,{children:n.name})]}),s.jsxs(lx,{children:[s.jsx(dx,{children:g("transfer.addressLabel")}),s.jsx(ux,{type:"text",spellCheck:!1,autoComplete:"off",placeholder:"0x…",value:r,onChange:C=>o(C.target.value),disabled:i,"aria-invalid":!!w,"aria-label":g("transfer.addressLabel")}),w?s.jsx(ut,{message:w}):null]}),s.jsx(px,{children:g("transfer.warning")}),s.jsx(ut,{message:l}),s.jsxs(Si,{children:[s.jsx(fx,{onClick:t,disabled:i,children:g("sellModal.cancel")}),s.jsx(Mi,{onClick:()=>void f(),disabled:!k,children:i?g("transfer.transferring"):g("transfer.transfer")})]})]})]})})}const _i=m.div`
|
|
978
|
-
position: fixed;
|
|
979
|
-
inset: 0;
|
|
980
|
-
z-index: 10000;
|
|
981
|
-
display: flex;
|
|
982
|
-
align-items: center;
|
|
983
|
-
justify-content: center;
|
|
984
|
-
padding: 16px;
|
|
985
|
-
background: rgba(22, 21, 24, 0.55);
|
|
986
|
-
`,Pi=m.div`
|
|
987
|
-
width: 560px;
|
|
988
|
-
max-width: 100%;
|
|
989
|
-
max-height: 92vh;
|
|
990
|
-
overflow-y: auto;
|
|
991
|
-
background: ${u.colors.white};
|
|
992
|
-
border-radius: 16px;
|
|
993
|
-
padding: 12px 16px 16px;
|
|
994
|
-
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
|
|
995
|
-
display: flex;
|
|
996
|
-
flex-direction: column;
|
|
997
|
-
gap: 24px;
|
|
998
|
-
`,Ii=m.div`
|
|
999
|
-
display: flex;
|
|
1000
|
-
align-items: center;
|
|
1001
|
-
justify-content: space-between;
|
|
1002
|
-
gap: 8px;
|
|
1003
|
-
padding-bottom: 16px;
|
|
1004
|
-
border-bottom: 1px solid ${u.colors.gray4};
|
|
1005
|
-
`,ji=m.h2`
|
|
1006
|
-
margin: 0;
|
|
1007
|
-
font-family: ${u.font.sans};
|
|
1008
|
-
font-weight: 600;
|
|
1009
|
-
font-size: 20px;
|
|
1010
|
-
line-height: 1.6;
|
|
1011
|
-
color: ${u.colors.text};
|
|
1012
|
-
`,Ei=m.button`
|
|
1013
|
-
flex: none;
|
|
1014
|
-
display: grid;
|
|
1015
|
-
place-items: center;
|
|
1016
|
-
width: 24px;
|
|
1017
|
-
height: 24px;
|
|
1018
|
-
border: 0;
|
|
1019
|
-
background: none;
|
|
1020
|
-
cursor: pointer;
|
|
1021
|
-
color: ${u.colors.text};
|
|
1022
|
-
|
|
1023
|
-
.ico {
|
|
1024
|
-
width: 18px;
|
|
1025
|
-
height: 18px;
|
|
1026
|
-
}
|
|
1027
|
-
&:disabled {
|
|
1028
|
-
opacity: 0.4;
|
|
1029
|
-
cursor: default;
|
|
1030
|
-
}
|
|
1031
|
-
&:focus-visible {
|
|
1032
|
-
outline: 2px solid ${u.colors.accent};
|
|
1033
|
-
outline-offset: 2px;
|
|
1034
|
-
}
|
|
1035
|
-
`,bx=m.p`
|
|
1036
|
-
margin: 0;
|
|
1037
|
-
font-family: ${u.font.sans};
|
|
1038
|
-
font-size: 14px;
|
|
1039
|
-
line-height: 1.57;
|
|
1040
|
-
color: ${u.colors.text};
|
|
1041
|
-
text-align: left;
|
|
1042
|
-
`,vx=m.div`
|
|
1043
|
-
display: flex;
|
|
1044
|
-
align-items: center;
|
|
1045
|
-
gap: 12px;
|
|
1046
|
-
`,wx=m.div`
|
|
1047
|
-
flex: none;
|
|
1048
|
-
display: grid;
|
|
1049
|
-
place-items: center;
|
|
1050
|
-
width: 180px;
|
|
1051
|
-
height: 180px;
|
|
1052
|
-
border-radius: 16px;
|
|
1053
|
-
background: ${u.colors.media};
|
|
1054
|
-
border: 1px solid ${u.colors.gray4};
|
|
1055
|
-
overflow: hidden;
|
|
1056
|
-
|
|
1057
|
-
img {
|
|
1058
|
-
width: 150px;
|
|
1059
|
-
height: 150px;
|
|
1060
|
-
object-fit: contain;
|
|
1061
|
-
filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.1));
|
|
1062
|
-
}
|
|
1063
|
-
|
|
1064
|
-
${u.media.maxWidth("mobile")} {
|
|
1065
|
-
width: 120px;
|
|
1066
|
-
height: 120px;
|
|
1067
|
-
|
|
1068
|
-
img {
|
|
1069
|
-
width: 100px;
|
|
1070
|
-
height: 100px;
|
|
1071
|
-
}
|
|
1072
|
-
}
|
|
1073
|
-
`,kx=m.div`
|
|
1074
|
-
flex: 1 1 0;
|
|
1075
|
-
min-width: 0;
|
|
1076
|
-
display: flex;
|
|
1077
|
-
flex-direction: column;
|
|
1078
|
-
gap: 4px;
|
|
1079
|
-
padding: 8px;
|
|
1080
|
-
`,Dx=m.p`
|
|
1081
|
-
margin: 0;
|
|
1082
|
-
font-family: ${u.font.sans};
|
|
1083
|
-
font-weight: 600;
|
|
1084
|
-
font-size: 20px;
|
|
1085
|
-
line-height: 1.57;
|
|
1086
|
-
color: ${u.colors.text};
|
|
1087
|
-
`,Cx=m.p`
|
|
1088
|
-
margin: 0;
|
|
1089
|
-
font-family: ${u.font.sans};
|
|
1090
|
-
font-size: 10px;
|
|
1091
|
-
line-height: 1.43;
|
|
1092
|
-
color: ${u.colors.muted};
|
|
1093
|
-
`,Sx=m.label`
|
|
1094
|
-
display: flex;
|
|
1095
|
-
flex-direction: column;
|
|
1096
|
-
gap: 4px;
|
|
1097
|
-
`,Mx=m.span`
|
|
1098
|
-
font-family: ${u.font.sans};
|
|
1099
|
-
font-size: 12px;
|
|
1100
|
-
color: ${u.colors.muted};
|
|
1101
|
-
`,_x=m.div`
|
|
1102
|
-
display: flex;
|
|
1103
|
-
align-items: center;
|
|
1104
|
-
justify-content: space-between;
|
|
1105
|
-
gap: 4px;
|
|
1106
|
-
height: 42px;
|
|
1107
|
-
padding: 0 8px;
|
|
1108
|
-
border: 0.5px solid ${u.colors.text};
|
|
1109
|
-
border-radius: 8px;
|
|
1110
|
-
background: ${u.colors.white};
|
|
1111
|
-
|
|
1112
|
-
&:focus-within {
|
|
1113
|
-
border-color: ${u.colors.magenta};
|
|
1114
|
-
}
|
|
1115
|
-
&[aria-invalid='true'] {
|
|
1116
|
-
border-color: ${u.colors.err};
|
|
1117
|
-
}
|
|
1118
|
-
|
|
1119
|
-
.ccy {
|
|
1120
|
-
flex: none;
|
|
1121
|
-
width: 22px;
|
|
1122
|
-
height: 22px;
|
|
1123
|
-
color: ${u.colors.rarity};
|
|
1124
|
-
}
|
|
1125
|
-
`,Px=m.input`
|
|
1126
|
-
flex: 1 1 auto;
|
|
1127
|
-
min-width: 0;
|
|
1128
|
-
border: 0;
|
|
1129
|
-
outline: none;
|
|
1130
|
-
background: transparent;
|
|
1131
|
-
font-family: ${u.font.sans};
|
|
1132
|
-
font-size: 13px;
|
|
1133
|
-
color: ${u.colors.text};
|
|
1134
|
-
|
|
1135
|
-
&::placeholder {
|
|
1136
|
-
color: ${u.colors.muted2};
|
|
1137
|
-
}
|
|
1138
|
-
/* Strip the number spinners — the glyph + USD hint carry the affordance. */
|
|
1139
|
-
&::-webkit-outer-spin-button,
|
|
1140
|
-
&::-webkit-inner-spin-button {
|
|
1141
|
-
-webkit-appearance: none;
|
|
1142
|
-
margin: 0;
|
|
1143
|
-
}
|
|
1144
|
-
&[type='number'] {
|
|
1145
|
-
-moz-appearance: textfield;
|
|
1146
|
-
appearance: textfield;
|
|
1147
|
-
}
|
|
1148
|
-
`,Ix=m.span`
|
|
1149
|
-
flex: none;
|
|
1150
|
-
font-family: ${u.font.sans};
|
|
1151
|
-
font-size: 10px;
|
|
1152
|
-
color: ${u.colors.muted2};
|
|
1153
|
-
`,ra=m.p`
|
|
1154
|
-
margin: 0;
|
|
1155
|
-
font-family: ${u.font.sans};
|
|
1156
|
-
font-size: 12px;
|
|
1157
|
-
line-height: 1.5;
|
|
1158
|
-
color: ${u.colors.muted};
|
|
1159
|
-
`,jx=m.button`
|
|
1160
|
-
width: 100%;
|
|
1161
|
-
height: 48px;
|
|
1162
|
-
border: 0;
|
|
1163
|
-
border-radius: 16px;
|
|
1164
|
-
cursor: pointer;
|
|
1165
|
-
background: ${u.colors.accent};
|
|
1166
|
-
color: ${u.colors.white};
|
|
1167
|
-
font-family: ${u.font.sans};
|
|
1168
|
-
font-weight: 600;
|
|
1169
|
-
font-size: 15px;
|
|
1170
|
-
line-height: 24px;
|
|
1171
|
-
letter-spacing: 0.46px;
|
|
1172
|
-
text-transform: uppercase;
|
|
1173
|
-
|
|
1174
|
-
&:hover:not(:disabled) {
|
|
1175
|
-
background: ${u.colors.accentHover};
|
|
1176
|
-
}
|
|
1177
|
-
&:focus-visible {
|
|
1178
|
-
outline: 2px solid ${u.colors.accent};
|
|
1179
|
-
outline-offset: 2px;
|
|
1180
|
-
}
|
|
1181
|
-
&:disabled {
|
|
1182
|
-
cursor: not-allowed;
|
|
1183
|
-
background: rgba(105, 31, 169, 0.2);
|
|
1184
|
-
color: ${u.colors.white};
|
|
1185
|
-
}
|
|
1186
|
-
`,Ex=m.p`
|
|
1187
|
-
margin: 0;
|
|
1188
|
-
font-family: ${u.font.sans};
|
|
1189
|
-
font-size: 13px;
|
|
1190
|
-
color: ${u.colors.muted};
|
|
1191
|
-
text-align: center;
|
|
1192
|
-
`,Tx=m.div`
|
|
1193
|
-
display: flex;
|
|
1194
|
-
flex-direction: column;
|
|
1195
|
-
align-items: center;
|
|
1196
|
-
gap: 16px;
|
|
1197
|
-
padding: 24px 16px;
|
|
1198
|
-
border-radius: 16px;
|
|
1199
|
-
background: rgba(193, 238, 207, 0.5);
|
|
1200
|
-
text-align: center;
|
|
1201
|
-
`,Nx=m.div`
|
|
1202
|
-
display: grid;
|
|
1203
|
-
place-items: center;
|
|
1204
|
-
width: 64px;
|
|
1205
|
-
height: 64px;
|
|
1206
|
-
border-radius: 50%;
|
|
1207
|
-
background: ${u.colors.ok};
|
|
1208
|
-
color: ${u.colors.white};
|
|
1209
|
-
|
|
1210
|
-
.ico {
|
|
1211
|
-
width: 34px;
|
|
1212
|
-
height: 34px;
|
|
1213
|
-
}
|
|
1214
|
-
`,$x=m.p`
|
|
1215
|
-
margin: 0;
|
|
1216
|
-
font-family: ${u.font.sans};
|
|
1217
|
-
font-size: 20px;
|
|
1218
|
-
line-height: 1.334;
|
|
1219
|
-
color: ${u.colors.text2};
|
|
1220
|
-
|
|
1221
|
-
b {
|
|
1222
|
-
font-weight: 700;
|
|
1223
|
-
}
|
|
1224
|
-
`,Ox=m.p`
|
|
1225
|
-
margin: 0;
|
|
1226
|
-
display: inline-flex;
|
|
1227
|
-
align-items: center;
|
|
1228
|
-
gap: 4px;
|
|
1229
|
-
font-family: ${u.font.sans};
|
|
1230
|
-
font-size: 14px;
|
|
1231
|
-
line-height: 1.43;
|
|
1232
|
-
color: ${u.colors.text2};
|
|
1233
|
-
|
|
1234
|
-
strong {
|
|
1235
|
-
display: inline-flex;
|
|
1236
|
-
align-items: center;
|
|
1237
|
-
gap: 4px;
|
|
1238
|
-
font-weight: 700;
|
|
1239
|
-
}
|
|
1240
|
-
.ccy-mark {
|
|
1241
|
-
width: 18px;
|
|
1242
|
-
height: 18px;
|
|
1243
|
-
color: ${u.colors.rarity};
|
|
1244
|
-
}
|
|
1245
|
-
`,Rx=m.div`
|
|
1246
|
-
display: flex;
|
|
1247
|
-
gap: 12px;
|
|
1248
|
-
|
|
1249
|
-
${u.media.maxWidth("mobile")} {
|
|
1250
|
-
flex-direction: column-reverse;
|
|
1251
|
-
}
|
|
1252
|
-
`,Ax=m.button`
|
|
1253
|
-
flex: 1 1 0;
|
|
1254
|
-
height: 48px;
|
|
1255
|
-
border: 2px solid ${u.colors.accent};
|
|
1256
|
-
border-radius: 12px;
|
|
1257
|
-
background: transparent;
|
|
1258
|
-
color: ${u.colors.accent};
|
|
1259
|
-
cursor: pointer;
|
|
1260
|
-
font-family: ${u.font.sans};
|
|
1261
|
-
font-weight: 600;
|
|
1262
|
-
font-size: 13px;
|
|
1263
|
-
line-height: 24px;
|
|
1264
|
-
letter-spacing: 0.46px;
|
|
1265
|
-
text-transform: uppercase;
|
|
1266
|
-
|
|
1267
|
-
&:hover {
|
|
1268
|
-
background: rgba(105, 31, 169, 0.06);
|
|
1269
|
-
}
|
|
1270
|
-
&:focus-visible {
|
|
1271
|
-
outline: 2px solid ${u.colors.accent};
|
|
1272
|
-
outline-offset: 2px;
|
|
1273
|
-
}
|
|
1274
|
-
`,Lx=m.button`
|
|
1275
|
-
flex: 1 1 0;
|
|
1276
|
-
height: 48px;
|
|
1277
|
-
border: 0;
|
|
1278
|
-
border-radius: 12px;
|
|
1279
|
-
background: ${u.colors.accent};
|
|
1280
|
-
color: ${u.colors.softWhite};
|
|
1281
|
-
cursor: pointer;
|
|
1282
|
-
font-family: ${u.font.sans};
|
|
1283
|
-
font-weight: 600;
|
|
1284
|
-
font-size: 13px;
|
|
1285
|
-
line-height: 24px;
|
|
1286
|
-
letter-spacing: 0.46px;
|
|
1287
|
-
text-transform: uppercase;
|
|
1288
|
-
|
|
1289
|
-
&:hover {
|
|
1290
|
-
background: ${u.colors.accentHover};
|
|
1291
|
-
}
|
|
1292
|
-
&:focus-visible {
|
|
1293
|
-
outline: 2px solid ${u.colors.accent};
|
|
1294
|
-
outline-offset: 2px;
|
|
1295
|
-
}
|
|
1296
|
-
`,Fx=1e3*60*60*24*182;function Yx({item:n,session:a,onListed:t,onClose:e}){const r=Ht(),o=Bt(),[i,c]=v.useState("10"),[l,p]=v.useState(null),[d,h]=v.useState(null),[x,b]=v.useState(!1),[y,w]=v.useState(null),[k,f]=v.useState(null),C=rn.chainId,N=Or(a),{data:E}=Dr(a.address),R=E!=null&&E.name?Cr(E.name):wa(a.address),$=Number(i),S=Number.isInteger($)&&$>0,D=S?`$${en($).toFixed(2)}`:"$0";v.useEffect(()=>{let T=!1;return(async()=>{try{const W=await gu({contractAddress:n.contractAddress,chainId:C});T||w(W)}catch{T||w(!1)}})(),()=>{T=!0}},[n.contractAddress,C]);async function P(){h(null);const T=Number(i);if(!Number.isInteger(T)||T<=0){h(g("primaryList.errorWholeNumber"));return}b(!0);try{y||(p(g("primaryList.statusEnabling")),await xu({signer:a.signer,contractAddress:n.contractAddress,chainId:C}),w(!0)),p(g("primaryList.statusPublishing"));const W=await yu({signer:a.signer,item:{contractAddress:n.contractAddress,itemId:n.blockchainItemId,network:Ae.Network.MATIC,chainId:C},usdPrice:en(T),uses:n.remainingSupply,expiresAtMs:Date.now()+Fx});p(g("primaryList.statusFinishing")),await Ds(W,a.identity),p(null),f(T),ue("Shop Listed Item",{item_id:n.blockchainItemId,contract_address:n.contractAddress,price_credits:T,price_usd:en(T),listing_type:"primary",is_primary:!0}),Tn.success(g("primaryList.toastOnSale",{name:n.name})),t==null||t(T),r.invalidateQueries({queryKey:["publishable-items"]}),r.invalidateQueries({queryKey:["collection-sale-state"]}),r.invalidateQueries({queryKey:["shop-items"]}),r.invalidateQueries({queryKey:["catalog-items"]}),r.invalidateQueries({queryKey:["overview-listings"]}),r.invalidateQueries({queryKey:["upsell-listings"]})}catch(W){Ne(W,{flow:"list_primary"}),ue("Shop Listing Failed",{listing_type:"primary",error_code:Ue(W)}),h(bt(W,g("primaryList.errorGeneric"))),p(null)}finally{b(!1)}}function I(){e(),o(wl(n.contractAddress,n.blockchainItemId))}const O=y===null?g("primaryList.checking"):x?N?g("primaryList.publishing"):g("primaryList.confirmListing"):y===!1?g("primaryList.enableAndPutOnSale"):g("primaryList.putOnSale");return k!==null?s.jsx(_i,{onClick:e,role:"presentation",children:s.jsxs(Pi,{onClick:T=>T.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":g("primaryList.successTitle"),children:[s.jsxs(Ii,{children:[s.jsx(ji,{children:g("primaryList.successTitle")}),s.jsx(Ei,{onClick:e,"aria-label":g("getCredits.done"),children:s.jsx(U,{name:"close",className:"ico"})})]}),s.jsxs(Tx,{children:[s.jsx(Nx,{"aria-hidden":!0,children:s.jsx(U,{name:"check",className:"ico"})}),s.jsx($x,{children:s.jsx("b",{children:n.name})}),s.jsxs(Ox,{children:[g("primaryList.listedFor")," ",s.jsxs("strong",{children:[s.jsx(Ie,{className:"ccy-mark"})," ",k]})," ",g("primaryList.dotAvailable",{count:n.remainingSupply})]})]}),s.jsxs(Rx,{children:[s.jsx(Ax,{onClick:e,children:g("getCredits.done")}),s.jsx(Lx,{onClick:I,children:g("primaryList.viewInShop")})]})]})}):s.jsx(_i,{onClick:x?void 0:e,role:"presentation",children:s.jsxs(Pi,{"data-testid":"modal",onClick:T=>T.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":g("primaryList.publishTitle",{name:n.name}),children:[s.jsxs(Ii,{children:[s.jsx(ji,{children:g("primaryList.publishTitle",{name:n.name})}),s.jsx(Ei,{onClick:e,disabled:x,"aria-label":g("primaryList.cancel"),children:s.jsx(U,{name:"close",className:"ico"})})]}),s.jsx(bx,{children:g("primaryList.fromCollection",{collectionName:n.collectionName,count:n.remainingSupply})}),s.jsxs(vx,{children:[s.jsx(wx,{children:n.thumbnail?s.jsx("img",{src:n.thumbnail,alt:""}):null}),s.jsxs(kx,{children:[s.jsx(Dx,{children:n.name}),R?s.jsx(Cx,{children:g("primaryList.byCreator",{name:R})}):null]})]}),s.jsxs(Sx,{children:[s.jsx(Mx,{children:g("primaryList.priceShort")}),s.jsxs(_x,{"aria-invalid":i.length>0&&!S,children:[s.jsx(Ie,{className:"ccy"}),s.jsx(Px,{type:"number",min:"1",step:"1",inputMode:"numeric",value:i,onChange:T=>c(T.target.value),disabled:x,"aria-label":g("primaryList.priceLabel",{currency:wt.name})}),s.jsx(Ix,{"aria-hidden":!0,children:D})]})]}),s.jsx(ra,{children:g("primaryList.pricedInWhole",{currency:wt.name,currencySingular:wt.nameSingular})}),y===!1&&!x?s.jsx(ra,{children:N?g("primaryList.firstTimeManaged",{collectionName:n.collectionName}):g("primaryList.firstTimeConfirm",{collectionName:n.collectionName})}):y===!0&&!x?s.jsx(ra,{children:N?g("primaryList.readyManaged"):g("primaryList.readyConfirm")}):null,l?s.jsx(Ex,{children:l}):null,s.jsx(ut,{message:d}),s.jsx(jx,{onClick:()=>void P(),disabled:x||y===null||!S,children:O})]})})}const Dc=["function issueTokens(address[] _beneficiaries, uint256[] _itemIds)"];function Cc(n){return/^0x[a-fA-F0-9]{40}$/.test(n.trim())}function Sc(n){return n.reduce((a,t)=>a+Math.max(0,Math.floor(t.amount||0)),0)}function Wx(n,a){const t=n.filter(r=>r.address.trim().length>0||(r.amount||0)>0);if(t.length===0)return!1;for(const r of t)if(!Cc(r.address)||!Number.isInteger(r.amount)||r.amount<1)return!1;const e=Sc(t);return e>=1&&e<=a}function Bx(n,a){const t=[],e=[];for(const r of n){const o=r.address.trim(),i=Math.max(0,Math.floor(r.amount||0));if(!(!o||i===0))for(let c=0;c<i;c++)t.push(o),e.push(a)}return{beneficiaries:t,itemIds:e}}async function Hx(n){const{contractAddress:a,chainId:t,beneficiaries:e,itemIds:r,signer:o}=n,i={...da(ks.ERC721CollectionV2,t),address:a},c=new Cu(Dc).encodeFunctionData("issueTokens",[e,r]),l=lu(),p=du(o.provider,l),d=await ku(p,l,c,i,{serverURL:Ns.relayerUrl});return await uu(d,"the mint"),d}async function zx(n){const{signer:a,contractAddress:t,chainId:e,entries:r,itemId:o}=n,{beneficiaries:i,itemIds:c}=Bx(r,o);if(i.length===0)throw new Error("No copies to issue");if(Ns.enabled)try{return await Hx({contractAddress:t,chainId:e,beneficiaries:i,itemIds:c,signer:a})}catch(h){if(h instanceof vu&&h.code===wu.USER_DENIED||h instanceof su)throw h;console.warn("[issue] gasless meta-tx failed, falling back to a direct tx:",h)}return await cu(a.provider,e),(await(await new Du(t,Dc,a).issueTokens(i,c,bu(e))).wait()).transactionHash}const qx=m.div`
|
|
1297
|
-
position: fixed;
|
|
1298
|
-
inset: 0;
|
|
1299
|
-
z-index: 10000;
|
|
1300
|
-
display: flex;
|
|
1301
|
-
align-items: center;
|
|
1302
|
-
justify-content: center;
|
|
1303
|
-
padding: 16px;
|
|
1304
|
-
background: rgba(22, 21, 24, 0.55);
|
|
1305
|
-
`,Kx=m.div`
|
|
1306
|
-
width: 560px;
|
|
1307
|
-
max-width: 100%;
|
|
1308
|
-
max-height: 92vh;
|
|
1309
|
-
overflow-y: auto;
|
|
1310
|
-
background: ${u.colors.white};
|
|
1311
|
-
border-radius: 16px;
|
|
1312
|
-
padding: 12px 16px 16px;
|
|
1313
|
-
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
|
|
1314
|
-
display: flex;
|
|
1315
|
-
flex-direction: column;
|
|
1316
|
-
gap: 20px;
|
|
1317
|
-
`,Qx=m.div`
|
|
1318
|
-
display: flex;
|
|
1319
|
-
align-items: center;
|
|
1320
|
-
justify-content: space-between;
|
|
1321
|
-
gap: 8px;
|
|
1322
|
-
padding-bottom: 16px;
|
|
1323
|
-
border-bottom: 1px solid ${u.colors.gray4};
|
|
1324
|
-
`,Vx=m.h2`
|
|
1325
|
-
margin: 0;
|
|
1326
|
-
font-family: ${u.font.sans};
|
|
1327
|
-
font-weight: 600;
|
|
1328
|
-
font-size: 20px;
|
|
1329
|
-
line-height: 1.6;
|
|
1330
|
-
color: ${u.colors.text};
|
|
1331
|
-
`,Ux=m.button`
|
|
1332
|
-
flex: none;
|
|
1333
|
-
display: grid;
|
|
1334
|
-
place-items: center;
|
|
1335
|
-
width: 24px;
|
|
1336
|
-
height: 24px;
|
|
1337
|
-
border: 0;
|
|
1338
|
-
background: none;
|
|
1339
|
-
cursor: pointer;
|
|
1340
|
-
color: ${u.colors.text};
|
|
1341
|
-
|
|
1342
|
-
.ico {
|
|
1343
|
-
width: 18px;
|
|
1344
|
-
height: 18px;
|
|
1345
|
-
}
|
|
1346
|
-
&:disabled {
|
|
1347
|
-
opacity: 0.4;
|
|
1348
|
-
cursor: default;
|
|
1349
|
-
}
|
|
1350
|
-
&:focus-visible {
|
|
1351
|
-
outline: 2px solid ${u.colors.accent};
|
|
1352
|
-
outline-offset: 2px;
|
|
1353
|
-
}
|
|
1354
|
-
`,Xx=m.p`
|
|
1355
|
-
margin: 0;
|
|
1356
|
-
font-family: ${u.font.sans};
|
|
1357
|
-
font-size: 14px;
|
|
1358
|
-
line-height: 1.57;
|
|
1359
|
-
color: ${u.colors.text};
|
|
1360
|
-
text-align: left;
|
|
1361
|
-
`,Gx=m.div`
|
|
1362
|
-
display: flex;
|
|
1363
|
-
align-items: center;
|
|
1364
|
-
gap: 12px;
|
|
1365
|
-
`,Jx=m.div`
|
|
1366
|
-
flex: none;
|
|
1367
|
-
display: grid;
|
|
1368
|
-
place-items: center;
|
|
1369
|
-
width: 56px;
|
|
1370
|
-
height: 56px;
|
|
1371
|
-
border-radius: 12px;
|
|
1372
|
-
background: ${u.colors.media};
|
|
1373
|
-
border: 1px solid ${u.colors.gray4};
|
|
1374
|
-
overflow: hidden;
|
|
1375
|
-
|
|
1376
|
-
img {
|
|
1377
|
-
width: 48px;
|
|
1378
|
-
height: 48px;
|
|
1379
|
-
object-fit: contain;
|
|
1380
|
-
filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.1));
|
|
1381
|
-
}
|
|
1382
|
-
`,Zx=m.p`
|
|
1383
|
-
margin: 0;
|
|
1384
|
-
font-family: ${u.font.sans};
|
|
1385
|
-
font-weight: 600;
|
|
1386
|
-
font-size: 16px;
|
|
1387
|
-
line-height: 1.4;
|
|
1388
|
-
color: ${u.colors.text};
|
|
1389
|
-
`,ey=m.div`
|
|
1390
|
-
display: flex;
|
|
1391
|
-
flex-direction: column;
|
|
1392
|
-
gap: 10px;
|
|
1393
|
-
`,ty=m.div`
|
|
1394
|
-
display: flex;
|
|
1395
|
-
align-items: flex-start;
|
|
1396
|
-
gap: 8px;
|
|
1397
|
-
`,ny=m.label`
|
|
1398
|
-
flex: 1 1 auto;
|
|
1399
|
-
min-width: 0;
|
|
1400
|
-
display: flex;
|
|
1401
|
-
flex-direction: column;
|
|
1402
|
-
gap: 4px;
|
|
1403
|
-
`,ry=m.label`
|
|
1404
|
-
flex: none;
|
|
1405
|
-
width: 96px;
|
|
1406
|
-
display: flex;
|
|
1407
|
-
flex-direction: column;
|
|
1408
|
-
gap: 4px;
|
|
1409
|
-
`,Ti=m.span`
|
|
1410
|
-
font-family: ${u.font.sans};
|
|
1411
|
-
font-size: 12px;
|
|
1412
|
-
color: ${u.colors.muted};
|
|
1413
|
-
`,Ni=m.input`
|
|
1414
|
-
height: 42px;
|
|
1415
|
-
padding: 0 10px;
|
|
1416
|
-
border: 0.5px solid ${u.colors.text};
|
|
1417
|
-
border-radius: 8px;
|
|
1418
|
-
background: ${u.colors.white};
|
|
1419
|
-
font-family: ${u.font.sans};
|
|
1420
|
-
font-size: 13px;
|
|
1421
|
-
color: ${u.colors.text};
|
|
1422
|
-
outline: none;
|
|
1423
|
-
|
|
1424
|
-
&::placeholder {
|
|
1425
|
-
color: ${u.colors.muted2};
|
|
1426
|
-
}
|
|
1427
|
-
&:focus {
|
|
1428
|
-
border-color: ${u.colors.magenta};
|
|
1429
|
-
}
|
|
1430
|
-
&[aria-invalid='true'] {
|
|
1431
|
-
border-color: ${u.colors.err};
|
|
1432
|
-
}
|
|
1433
|
-
/* Strip the number spinners on the amount input. */
|
|
1434
|
-
&::-webkit-outer-spin-button,
|
|
1435
|
-
&::-webkit-inner-spin-button {
|
|
1436
|
-
-webkit-appearance: none;
|
|
1437
|
-
margin: 0;
|
|
1438
|
-
}
|
|
1439
|
-
&[type='number'] {
|
|
1440
|
-
-moz-appearance: textfield;
|
|
1441
|
-
appearance: textfield;
|
|
1442
|
-
}
|
|
1443
|
-
`,ay=m.button`
|
|
1444
|
-
flex: none;
|
|
1445
|
-
margin-top: 22px;
|
|
1446
|
-
display: grid;
|
|
1447
|
-
place-items: center;
|
|
1448
|
-
width: 42px;
|
|
1449
|
-
height: 42px;
|
|
1450
|
-
border: 0.5px solid ${u.colors.gray4};
|
|
1451
|
-
border-radius: 8px;
|
|
1452
|
-
background: ${u.colors.white};
|
|
1453
|
-
color: ${u.colors.muted};
|
|
1454
|
-
cursor: pointer;
|
|
1455
|
-
|
|
1456
|
-
.ico {
|
|
1457
|
-
width: 16px;
|
|
1458
|
-
height: 16px;
|
|
1459
|
-
}
|
|
1460
|
-
&:hover:not(:disabled) {
|
|
1461
|
-
color: ${u.colors.err};
|
|
1462
|
-
border-color: ${u.colors.err};
|
|
1463
|
-
}
|
|
1464
|
-
&:disabled {
|
|
1465
|
-
opacity: 0.35;
|
|
1466
|
-
cursor: default;
|
|
1467
|
-
}
|
|
1468
|
-
&:focus-visible {
|
|
1469
|
-
outline: 2px solid ${u.colors.accent};
|
|
1470
|
-
outline-offset: 2px;
|
|
1471
|
-
}
|
|
1472
|
-
`,oy=m.button`
|
|
1473
|
-
align-self: flex-start;
|
|
1474
|
-
display: inline-flex;
|
|
1475
|
-
align-items: center;
|
|
1476
|
-
gap: 6px;
|
|
1477
|
-
border: 0;
|
|
1478
|
-
background: none;
|
|
1479
|
-
padding: 0;
|
|
1480
|
-
cursor: pointer;
|
|
1481
|
-
font-family: ${u.font.sans};
|
|
1482
|
-
font-weight: 600;
|
|
1483
|
-
font-size: 13px;
|
|
1484
|
-
color: ${u.colors.accent};
|
|
1485
|
-
|
|
1486
|
-
.ico {
|
|
1487
|
-
width: 16px;
|
|
1488
|
-
height: 16px;
|
|
1489
|
-
}
|
|
1490
|
-
&:disabled {
|
|
1491
|
-
opacity: 0.4;
|
|
1492
|
-
cursor: default;
|
|
1493
|
-
}
|
|
1494
|
-
&:focus-visible {
|
|
1495
|
-
outline: 2px solid ${u.colors.accent};
|
|
1496
|
-
outline-offset: 2px;
|
|
1497
|
-
}
|
|
1498
|
-
`,iy=m.p`
|
|
1499
|
-
margin: 0;
|
|
1500
|
-
font-family: ${u.font.sans};
|
|
1501
|
-
font-size: 13px;
|
|
1502
|
-
line-height: 1.5;
|
|
1503
|
-
color: ${n=>n.over?u.colors.err:u.colors.text};
|
|
1504
|
-
|
|
1505
|
-
strong {
|
|
1506
|
-
font-weight: 700;
|
|
1507
|
-
}
|
|
1508
|
-
`,sy=m.p`
|
|
1509
|
-
margin: 0;
|
|
1510
|
-
font-family: ${u.font.sans};
|
|
1511
|
-
font-size: 12px;
|
|
1512
|
-
line-height: 1.5;
|
|
1513
|
-
color: ${u.colors.muted};
|
|
1514
|
-
`;m.p`
|
|
1515
|
-
margin: 0;
|
|
1516
|
-
font-family: ${u.font.sans};
|
|
1517
|
-
font-size: 13px;
|
|
1518
|
-
color: ${u.colors.muted};
|
|
1519
|
-
text-align: center;
|
|
1520
|
-
`;const cy=m.p`
|
|
1521
|
-
margin: 0;
|
|
1522
|
-
font-family: ${u.font.sans};
|
|
1523
|
-
font-size: 11px;
|
|
1524
|
-
color: ${u.colors.err};
|
|
1525
|
-
`,$i=m.div`
|
|
1526
|
-
display: flex;
|
|
1527
|
-
gap: 12px;
|
|
1528
|
-
|
|
1529
|
-
${u.media.maxWidth("mobile")} {
|
|
1530
|
-
flex-direction: column-reverse;
|
|
1531
|
-
}
|
|
1532
|
-
`,ly=m.button`
|
|
1533
|
-
flex: 1 1 0;
|
|
1534
|
-
height: 48px;
|
|
1535
|
-
border: 2px solid ${u.colors.accent};
|
|
1536
|
-
border-radius: 12px;
|
|
1537
|
-
background: transparent;
|
|
1538
|
-
color: ${u.colors.accent};
|
|
1539
|
-
cursor: pointer;
|
|
1540
|
-
font-family: ${u.font.sans};
|
|
1541
|
-
font-weight: 600;
|
|
1542
|
-
font-size: 13px;
|
|
1543
|
-
line-height: 24px;
|
|
1544
|
-
letter-spacing: 0.46px;
|
|
1545
|
-
text-transform: uppercase;
|
|
1546
|
-
|
|
1547
|
-
&:hover:not(:disabled) {
|
|
1548
|
-
background: rgba(105, 31, 169, 0.06);
|
|
1549
|
-
}
|
|
1550
|
-
&:disabled {
|
|
1551
|
-
opacity: 0.5;
|
|
1552
|
-
cursor: not-allowed;
|
|
1553
|
-
}
|
|
1554
|
-
&:focus-visible {
|
|
1555
|
-
outline: 2px solid ${u.colors.accent};
|
|
1556
|
-
outline-offset: 2px;
|
|
1557
|
-
}
|
|
1558
|
-
`,Oi=m.button`
|
|
1559
|
-
flex: 1 1 0;
|
|
1560
|
-
height: 48px;
|
|
1561
|
-
border: 0;
|
|
1562
|
-
border-radius: 12px;
|
|
1563
|
-
cursor: pointer;
|
|
1564
|
-
background: ${u.colors.accent};
|
|
1565
|
-
color: ${u.colors.white};
|
|
1566
|
-
font-family: ${u.font.sans};
|
|
1567
|
-
font-weight: 600;
|
|
1568
|
-
font-size: 13px;
|
|
1569
|
-
line-height: 24px;
|
|
1570
|
-
letter-spacing: 0.46px;
|
|
1571
|
-
text-transform: uppercase;
|
|
1572
|
-
|
|
1573
|
-
&:hover:not(:disabled) {
|
|
1574
|
-
background: ${u.colors.accentHover};
|
|
1575
|
-
}
|
|
1576
|
-
&:focus-visible {
|
|
1577
|
-
outline: 2px solid ${u.colors.accent};
|
|
1578
|
-
outline-offset: 2px;
|
|
1579
|
-
}
|
|
1580
|
-
&:disabled {
|
|
1581
|
-
cursor: not-allowed;
|
|
1582
|
-
background: rgba(105, 31, 169, 0.2);
|
|
1583
|
-
color: ${u.colors.white};
|
|
1584
|
-
}
|
|
1585
|
-
`,dy=m.div`
|
|
1586
|
-
display: flex;
|
|
1587
|
-
flex-direction: column;
|
|
1588
|
-
align-items: center;
|
|
1589
|
-
gap: 16px;
|
|
1590
|
-
padding: 24px 16px;
|
|
1591
|
-
border-radius: 16px;
|
|
1592
|
-
background: rgba(193, 238, 207, 0.5);
|
|
1593
|
-
text-align: center;
|
|
1594
|
-
`,uy=m.div`
|
|
1595
|
-
display: grid;
|
|
1596
|
-
place-items: center;
|
|
1597
|
-
width: 64px;
|
|
1598
|
-
height: 64px;
|
|
1599
|
-
border-radius: 50%;
|
|
1600
|
-
background: ${u.colors.ok};
|
|
1601
|
-
color: ${u.colors.white};
|
|
1602
|
-
|
|
1603
|
-
.ico {
|
|
1604
|
-
width: 34px;
|
|
1605
|
-
height: 34px;
|
|
1606
|
-
}
|
|
1607
|
-
`,py=m.p`
|
|
1608
|
-
margin: 0;
|
|
1609
|
-
font-family: ${u.font.sans};
|
|
1610
|
-
font-size: 20px;
|
|
1611
|
-
line-height: 1.334;
|
|
1612
|
-
color: ${u.colors.text2};
|
|
1613
|
-
|
|
1614
|
-
b {
|
|
1615
|
-
font-weight: 700;
|
|
1616
|
-
}
|
|
1617
|
-
`;function fy(n){return n.map(a=>({address:a.address,amount:Number(a.amount)}))}function hy({item:n,session:a,onClose:t,onIssued:e}){const r=Ht(),[o,i]=v.useState([{address:"",amount:"1"}]),[c,l]=v.useState(!1),[p,d]=v.useState(null),[h,x]=v.useState(null),b=v.useRef(null),y=Or(a),w=fy(o),k=Sc(w),f=Wx(w,n.available),C=k>n.available;v.useEffect(()=>{var P;(P=b.current)==null||P.focus();function D(I){I.key==="Escape"&&!c&&t()}return window.addEventListener("keydown",D),()=>window.removeEventListener("keydown",D)},[c,t]);function N(D,P){i(I=>I.map((O,T)=>T===D?{...O,...P}:O))}function E(){i(D=>[...D,{address:"",amount:"1"}])}function R(D){i(P=>P.length<=1?P:P.filter((I,O)=>O!==D))}async function $(){if(!(!f||c)){d(null),l(!0);try{await zx({signer:a.signer,contractAddress:n.contractAddress,chainId:n.chainId,entries:w,itemId:n.itemId}),ue("Shop Issued Item",{contract_address:n.contractAddress,item_id:n.itemId,recipients:w.filter(D=>D.address.trim().length>0).length,copies:k}),x(k),Tn.success(g("issue.toastSuccess",{count:k,name:n.name})),r.invalidateQueries({queryKey:["publishable-item"]}),r.invalidateQueries({queryKey:["publishable-items"]}),e==null||e()}catch(D){an(D)||Ne(D,{flow:"issue-item",itemId:n.itemId}),ue("Shop Issue Failed",{error_code:Ue(D)}),d(an(D)?g("getCredits.errorCanceled"):bt(D,g("issue.errorGeneric")))}finally{l(!1)}}}const S=c?y?g("issue.issuing"):g("issue.confirm"):k>0?g("issue.issueCount",{count:k}):g("issue.issue");return s.jsx(qx,{onClick:c?void 0:t,role:"presentation",children:s.jsxs(Kx,{ref:b,tabIndex:-1,"data-testid":"issue-modal",onClick:D=>D.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":g("issue.title"),children:[s.jsxs(Qx,{children:[s.jsx(Vx,{children:g("issue.title")}),s.jsx(Ux,{onClick:t,disabled:c,"aria-label":g("sellModal.cancel"),children:s.jsx(U,{name:"close",className:"ico"})})]}),h!==null?s.jsxs(s.Fragment,{children:[s.jsxs(dy,{children:[s.jsx(uy,{"aria-hidden":!0,children:s.jsx(U,{name:"check",className:"ico"})}),s.jsx(py,{children:g("issue.successBody",{count:h,name:n.name})})]}),s.jsx($i,{children:s.jsx(Oi,{onClick:t,children:g("getCredits.done")})})]}):s.jsxs(s.Fragment,{children:[s.jsxs(Gx,{children:[s.jsx(Jx,{children:n.thumbnail?s.jsx("img",{src:n.thumbnail,alt:""}):null}),s.jsx(Zx,{children:n.name})]}),s.jsx(Xx,{children:g("issue.subtitle")}),s.jsx(ey,{children:o.map((D,P)=>{const I=D.address.trim(),O=I.length>0&&!Cc(I),T=Number(D.amount),W=D.amount.length>0&&(!Number.isInteger(T)||T<1);return s.jsxs(ty,{children:[s.jsxs(ny,{children:[s.jsx(Ti,{children:g("issue.addressLabel")}),s.jsx(Ni,{type:"text",spellCheck:!1,autoComplete:"off",placeholder:"0x…",value:D.address,onChange:z=>N(P,{address:z.target.value}),disabled:c,"aria-invalid":O,"aria-label":g("issue.addressLabel")}),O?s.jsx(cy,{children:g("issue.invalidAddress")}):null]}),s.jsxs(ry,{children:[s.jsx(Ti,{children:g("issue.amountLabel")}),s.jsx(Ni,{type:"number",min:"1",step:"1",inputMode:"numeric",value:D.amount,onChange:z=>N(P,{amount:z.target.value}),disabled:c,"aria-invalid":W,"aria-label":g("issue.amountLabel")})]}),s.jsx(ay,{onClick:()=>R(P),disabled:c||o.length<=1,"aria-label":g("issue.removeRow"),children:s.jsx(U,{name:"close",className:"ico"})})]},P)})}),s.jsxs(oy,{onClick:E,disabled:c,children:[s.jsx(U,{name:"plus",className:"ico"}),g("issue.addRow")]}),s.jsxs(iy,{over:C,"aria-live":"polite",children:[s.jsx("strong",{children:k})," / ",n.available," ",g("issue.itemsToIssue")]}),C?s.jsx(sy,{children:g("issue.overCap",{available:n.available})}):null,s.jsx(ut,{message:p}),s.jsxs($i,{children:[s.jsx(ly,{onClick:t,disabled:c,children:g("sellModal.cancel")}),s.jsx(Oi,{onClick:()=>void $(),disabled:!f||c,children:S})]})]})]})})}const{colors:ft,radius:my}=u,gy=m.div`
|
|
1618
|
-
position: fixed;
|
|
1619
|
-
inset: 0;
|
|
1620
|
-
z-index: 60;
|
|
1621
|
-
display: grid;
|
|
1622
|
-
place-items: center;
|
|
1623
|
-
padding: 20px;
|
|
1624
|
-
`,xy=m.div`
|
|
1625
|
-
position: absolute;
|
|
1626
|
-
inset: 0;
|
|
1627
|
-
background: rgba(22, 21, 24, 0.45);
|
|
1628
|
-
`,yy=m.div`
|
|
1629
|
-
position: relative;
|
|
1630
|
-
z-index: 1;
|
|
1631
|
-
width: 100%;
|
|
1632
|
-
max-width: 420px;
|
|
1633
|
-
background: ${ft.white};
|
|
1634
|
-
border-radius: ${my.banner};
|
|
1635
|
-
padding: 24px;
|
|
1636
|
-
box-shadow: 0 24px 60px rgba(22, 21, 24, 0.28);
|
|
1637
|
-
animation: cart-pop-in 0.16s ease;
|
|
1638
|
-
`,by=m.div`
|
|
1639
|
-
display: flex;
|
|
1640
|
-
align-items: center;
|
|
1641
|
-
gap: 14px;
|
|
1642
|
-
margin-bottom: 18px;
|
|
1643
|
-
`,vy=m.div`
|
|
1644
|
-
width: 64px;
|
|
1645
|
-
height: 64px;
|
|
1646
|
-
flex: none;
|
|
1647
|
-
border-radius: 12px;
|
|
1648
|
-
overflow: hidden;
|
|
1649
|
-
background: ${ft.media};
|
|
1650
|
-
|
|
1651
|
-
& img {
|
|
1652
|
-
width: 100%;
|
|
1653
|
-
height: 100%;
|
|
1654
|
-
object-fit: contain;
|
|
1655
|
-
}
|
|
1656
|
-
`,wy=m.div`
|
|
1657
|
-
font-weight: 700;
|
|
1658
|
-
font-size: 16px;
|
|
1659
|
-
color: ${ft.text};
|
|
1660
|
-
margin-bottom: 6px;
|
|
1661
|
-
`,ky=m.div`
|
|
1662
|
-
background: ${ft.panel};
|
|
1663
|
-
border-radius: 14px;
|
|
1664
|
-
padding: 16px;
|
|
1665
|
-
margin-bottom: 14px;
|
|
1666
|
-
`,Ri=m.div`
|
|
1667
|
-
color: ${ft.muted};
|
|
1668
|
-
font-size: 13px;
|
|
1669
|
-
font-weight: 600;
|
|
1670
|
-
margin-bottom: 6px;
|
|
1671
|
-
`,Ai=m.div`
|
|
1672
|
-
display: flex;
|
|
1673
|
-
align-items: center;
|
|
1674
|
-
gap: 8px;
|
|
1675
|
-
font-weight: 700;
|
|
1676
|
-
font-size: 24px;
|
|
1677
|
-
color: ${ft.text};
|
|
1678
|
-
|
|
1679
|
-
&[data-approx] {
|
|
1680
|
-
color: ${ft.text2};
|
|
1681
|
-
}
|
|
1682
|
-
`,Dy=m.span`
|
|
1683
|
-
color: ${ft.muted};
|
|
1684
|
-
`,Li=m(Ie)`
|
|
1685
|
-
width: 20px;
|
|
1686
|
-
height: 20px;
|
|
1687
|
-
color: ${ft.text};
|
|
1688
|
-
`,Fi=m.div`
|
|
1689
|
-
margin-top: 6px;
|
|
1690
|
-
font-size: 13px;
|
|
1691
|
-
`,Cy=m.div`
|
|
1692
|
-
font-size: 13px;
|
|
1693
|
-
margin-bottom: 6px;
|
|
1694
|
-
`,Mc=un`
|
|
1695
|
-
margin: 6px 0 0;
|
|
1696
|
-
font-size: 13px;
|
|
1697
|
-
`,Yi=m.p`
|
|
1698
|
-
${Mc};
|
|
1699
|
-
`,Sy=m(ut)`
|
|
1700
|
-
${Mc};
|
|
1701
|
-
`,My=m.div`
|
|
1702
|
-
display: flex;
|
|
1703
|
-
gap: 10px;
|
|
1704
|
-
margin-top: 18px;
|
|
1705
|
-
`,Wi=m(Nn)`
|
|
1706
|
-
flex: 1;
|
|
1707
|
-
`;function Bi(n){if(an(n))return g("errors.rejected");const a=(n.message??"").toLowerCase();return a.includes("insufficient")?g("marketCheckout.error.insufficient",{currency:wt.name}):a.includes("not found")||a.includes("no active listing")||a.includes("404")?g("marketCheckout.error.soldOrRemoved"):a.includes("your own listing")?g("errors.cantBuyOwn"):g("marketCheckout.error.generic")}function _y(n){return{id:n.tradeId,tradeId:n.tradeId,name:n.name,creator:n.creator,contractAddress:n.contractAddress,itemId:n.itemId,category:n.category,wearableCategory:n.wearableCategory??void 0,rarity:n.rarity,network:n.network,chainId:n.chainId,thumbnail:n.thumbnail,priceCredits:0,gender:null,isSmart:!1}}function _c({listing:n,rate:a,onClose:t,onSold:e}){const{session:r}=At(),{data:o,isError:i}=bs(r),c=Ht(),l=Bt(),[p,d]=v.useState("confirm"),[h,x]=v.useState(g("marketCheckout.lockingPrice")),[b,y]=v.useState(null),[w,k]=v.useState(null),f=v.useRef(null),C=v.useRef(Us()),N=sr(Hr(n.manaWei,a));v.useEffect(()=>{let I=!1;if(!r){d("error"),y(g("buyModal.signInToCheckout"));return}return(async()=>{try{const T=await Ms(n.tradeId);if(!T)throw new Error("not found");if(vs(T,r.address))throw new Error("You can't buy your own listing.");const W=Hr(n.manaWei,a);if(!Number.isFinite(W)||W<=0)throw new Error("price unavailable");const{credit:z,maxCreditedValue:V,usdCents:Y}=await la(r.identity,W,n.tradeId);if(I){$([z.id]);return}f.current=z.id,k({trade:T,credit:z,maxCreditedValue:V,usdCents:Y,credits:sr(Y)}),x("")}catch(T){if(I)return;console.error("[market] authorize failed",T),ue(at(T)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"authorize",error_code:Ue(T),value_usd:Math.round(Hr(n.manaWei,a))/100}),d("error"),y(Bi(T))}})(),()=>{I=!0,f.current&&r&&(S([f.current]),f.current=null)}},[]);const E=!!w&&o!=null&&o.credits<w.credits;async function R(){if(!r||!w)return;if(E){ue("Shop Buy Credits Prompted",{from:"item_checkout",credits_needed:w.credits,credits_balance:(o==null?void 0:o.credits)??0,shortfall:Math.max(0,w.credits-((o==null?void 0:o.credits)??0))}),$([w.credit.id]),f.current=null,l("/credits");return}d("working"),y(null);let I=!1,O;try{x(g("marketCheckout.confirming"));const W={trade:w.trade,buyer:r.address,signer:r.signer,credits:[w.credit],maxCreditedValue:w.maxCreditedValue,onBroadcast:({txHash:z})=>C.current.broadcast(w.credit.id,z),onReverted:({txHash:z})=>{z&&C.current.reverted(z)}};if(C.current.submitStarted(w.credit.id),Es())try{O=await $s(W),C.current.broadcast(w.credit.id,O),await Os(O),I=!0}catch(z){if(z instanceof Rs)I=!0;else if(z instanceof As){if(z.reason==="relayer-unreachable")throw C.current.unobservable(w.credit.id),z;O=await cr(W)}else throw O&&C.current.reverted(O),z}else O=await cr(W)}catch(W){C.current.submitFinished(w.credit.id),console.error("[market] buy now failed",W),$([w.credit.id]),f.current=null,ue(at(W)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Ue(W),value_usd:w.usdCents/100}),c.invalidateQueries({queryKey:["usd-balance"]}),y(Bi(W)),d("error");const z=(W.message??"").toLowerCase();(z.includes("not found")||z.includes("no active listing")||z.includes("404"))&&e();return}C.current.submitFinished(w.credit.id),f.current=null;try{c.invalidateQueries({queryKey:["usd-balance"]}),ue("Shop Completed Purchase",{items:[{item_id:n.itemId??null,contract_address:n.contractAddress,token_id:null,price_usd:w.usdCents/100}],value_credits:w.credits,value_usd:w.usdCents/100,purchase_type:"item",is_primary:!0,payment_type:"credits",no_crypto_step:I,transaction_hash:O??null}),c.invalidateQueries({queryKey:["detail-trade"]}),c.invalidateQueries({queryKey:["shop-item"]}),c.invalidateQueries({queryKey:["item-resales",n.contractAddress,n.itemId]}),c.invalidateQueries({queryKey:["shop-items"]}),c.invalidateQueries({queryKey:["catalog-items"]}),c.invalidateQueries({queryKey:["my-assets"]}),c.invalidateQueries({queryKey:["purchases"]})}catch(W){Ne(W,{flow:"market_buy_now",step:"post_purchase"})}const T={items:[_y(n)],txHash:O};l("/success",{state:T})}function $(I){if(!r||I.length===0)return;const O=I.filter(T=>!C.current.mayBeConsumed(T));O.length!==0&&ws(r.identity,O).catch(()=>{})}function S(I){$(I.filter(O=>!C.current.isInFlight(O)))}function D(){r&&w&&$([w.credit.id]),f.current=null,t()}const P=p==="working";return s.jsxs(gy,{role:"dialog","aria-modal":"true","aria-label":g("buyModal.dialogAria",{name:n.name}),children:[s.jsx(xy,{onClick:P?void 0:D,"aria-hidden":!0}),s.jsxs(yy,{children:[s.jsxs(by,{children:[s.jsx(vy,{children:n.thumbnail?s.jsx("img",{src:n.thumbnail,alt:""}):null}),s.jsxs("div",{children:[s.jsx(wy,{title:n.name,children:n.name||g("buyModal.itemFallback")}),s.jsx(Ss,{"data-variant":"rarity",children:n.rarity})]})]}),s.jsx(ky,{children:w?s.jsxs(s.Fragment,{children:[s.jsx(Ri,{children:g("marketCheckout.finalPrice")}),s.jsxs(Ai,{children:[s.jsx(Li,{}),uo(w.credits)]}),s.jsxs(Fi,{className:"muted",children:[g("marketCheckout.lockedForPurchase")," · $",(w.usdCents/100).toFixed(2)]})]}):s.jsxs(s.Fragment,{children:[s.jsx(Ri,{children:g("marketCheckout.todaysPrice")}),s.jsxs(Ai,{"data-approx":!0,children:[s.jsx(Dy,{"aria-hidden":!0,children:"≈"}),s.jsx(Li,{}),uo(N)]}),s.jsx(Fi,{className:"muted",children:h||g("marketCheckout.lockingPrice")})]})}),r?s.jsxs(Cy,{className:"muted",children:[g("marketCheckout.yourBalance")," ",s.jsx(Ie,{className:"ccy-mark"})," ",kl(o,i)]}):null,E?s.jsx(Yi,{className:"muted",children:g("marketCheckout.needMore",{currency:wt.name})}):null,h&&p==="working"?s.jsx(Yi,{className:"muted",children:h}):null,s.jsx(Sy,{message:b}),s.jsxs(My,{children:[s.jsx(Wi,{variant:"ghost",onClick:D,disabled:P,children:g("buyModal.cancel")}),s.jsx(Wi,{variant:"purple",onClick:()=>void R(),disabled:P||!w,children:P?g("marketCheckout.buying"):E?g("nav.getCredits",{currency:wt.name}):g("marketCheckout.confirmPurchase")})]})]})]})}function Py(n,a,{enabled:t=!0,first:e}={}){const{data:r,isFetched:o}=xe({queryKey:["related-items",n,a,e],enabled:t&&!!n&&!!a,staleTime:3e5,queryFn:()=>Dl(n,a,{first:e})});return{items:r??[],isFetched:o}}const{colors:ce,media:Oa}=u,Iy=Cl`
|
|
1708
|
-
to {
|
|
1709
|
-
transform: rotate(360deg);
|
|
1710
|
-
}
|
|
1711
|
-
`,jy=m.div``,Ey=m.span`
|
|
1712
|
-
width: 34px;
|
|
1713
|
-
height: 34px;
|
|
1714
|
-
border-radius: 50%;
|
|
1715
|
-
border: 3px solid ${ce.line};
|
|
1716
|
-
border-top-color: ${ce.accent};
|
|
1717
|
-
animation: ${Iy} 0.8s linear infinite;
|
|
1718
|
-
|
|
1719
|
-
@media (prefers-reduced-motion: reduce) {
|
|
1720
|
-
animation-duration: 2.4s;
|
|
1721
|
-
}
|
|
1722
|
-
`,Ty=m.p``;m.div``;m.button`
|
|
1723
|
-
border: 0;
|
|
1724
|
-
background: none;
|
|
1725
|
-
cursor: pointer;
|
|
1726
|
-
padding: 6px 16px;
|
|
1727
|
-
border-radius: 999px;
|
|
1728
|
-
font-weight: 600;
|
|
1729
|
-
font-size: 12px;
|
|
1730
|
-
text-transform: uppercase;
|
|
1731
|
-
letter-spacing: 0.04em;
|
|
1732
|
-
color: ${ce.muted};
|
|
1733
|
-
transition:
|
|
1734
|
-
background 0.12s ease,
|
|
1735
|
-
color 0.12s ease;
|
|
1736
|
-
|
|
1737
|
-
&[data-active] {
|
|
1738
|
-
background: ${ce.text};
|
|
1739
|
-
color: ${ce.white};
|
|
1740
|
-
}
|
|
1741
|
-
&:not([data-active]):hover {
|
|
1742
|
-
color: ${ce.text};
|
|
1743
|
-
}
|
|
1744
|
-
|
|
1745
|
-
${Oa.maxWidth("lg")} {
|
|
1746
|
-
padding: 9px 13px;
|
|
1747
|
-
border-radius: 0;
|
|
1748
|
-
background: ${ce.white};
|
|
1749
|
-
color: ${ce.text2};
|
|
1750
|
-
|
|
1751
|
-
&[data-active] {
|
|
1752
|
-
background: ${ce.text};
|
|
1753
|
-
color: ${ce.white};
|
|
1754
|
-
}
|
|
1755
|
-
&:first-of-type {
|
|
1756
|
-
border-top-left-radius: 999px;
|
|
1757
|
-
border-bottom-left-radius: 999px;
|
|
1758
|
-
}
|
|
1759
|
-
&:last-of-type {
|
|
1760
|
-
border-top-right-radius: 999px;
|
|
1761
|
-
border-bottom-right-radius: 999px;
|
|
1762
|
-
}
|
|
1763
|
-
}
|
|
1764
|
-
`;m.span`
|
|
1765
|
-
${Oa.maxWidth("lg")} {
|
|
1766
|
-
display: none;
|
|
1767
|
-
}
|
|
1768
|
-
`;m(U)`
|
|
1769
|
-
display: none;
|
|
1770
|
-
|
|
1771
|
-
${Oa.maxWidth("lg")} {
|
|
1772
|
-
display: block;
|
|
1773
|
-
}
|
|
1774
|
-
`;const Ny=m.div`
|
|
1775
|
-
& .MuiBox-root {
|
|
1776
|
-
position: static;
|
|
1777
|
-
width: 100%;
|
|
1778
|
-
margin: 0;
|
|
1779
|
-
padding: 0;
|
|
1780
|
-
display: flex;
|
|
1781
|
-
align-items: center;
|
|
1782
|
-
gap: 10px;
|
|
1783
|
-
}
|
|
1784
|
-
& .MuiButtonBase-root {
|
|
1785
|
-
min-width: 0;
|
|
1786
|
-
padding: 0;
|
|
1787
|
-
margin: 0;
|
|
1788
|
-
border-radius: 50%;
|
|
1789
|
-
display: inline-flex;
|
|
1790
|
-
align-items: center;
|
|
1791
|
-
justify-content: center;
|
|
1792
|
-
background: none !important;
|
|
1793
|
-
box-shadow: none !important;
|
|
1794
|
-
color: ${ce.muted};
|
|
1795
|
-
flex: 0 0 auto;
|
|
1796
|
-
transition:
|
|
1797
|
-
background 0.12s ease,
|
|
1798
|
-
color 0.12s ease;
|
|
1799
|
-
}
|
|
1800
|
-
& .MuiButtonBase-root .MuiSvgIcon-root {
|
|
1801
|
-
font-size: 20px;
|
|
1802
|
-
margin: 0;
|
|
1803
|
-
}
|
|
1804
|
-
& .MuiBox-root > .MuiButtonBase-root:first-child {
|
|
1805
|
-
width: 34px;
|
|
1806
|
-
height: 34px;
|
|
1807
|
-
background: ${ce.accent} !important;
|
|
1808
|
-
color: ${ce.white};
|
|
1809
|
-
}
|
|
1810
|
-
& .MuiBox-root > .MuiButtonBase-root:first-child:hover {
|
|
1811
|
-
background: ${ce.text} !important;
|
|
1812
|
-
}
|
|
1813
|
-
& .MuiBox-root > input + .MuiButtonBase-root {
|
|
1814
|
-
width: 30px;
|
|
1815
|
-
height: 30px;
|
|
1816
|
-
color: ${ce.muted};
|
|
1817
|
-
}
|
|
1818
|
-
& .MuiBox-root > input + .MuiButtonBase-root:hover {
|
|
1819
|
-
background: ${ce.media} !important;
|
|
1820
|
-
color: ${ce.text};
|
|
1821
|
-
}
|
|
1822
|
-
& input[type='range'] {
|
|
1823
|
-
flex: 1 1 auto;
|
|
1824
|
-
width: auto;
|
|
1825
|
-
min-width: 0;
|
|
1826
|
-
height: 4px;
|
|
1827
|
-
margin: 0;
|
|
1828
|
-
padding: 0;
|
|
1829
|
-
-webkit-appearance: none;
|
|
1830
|
-
appearance: none;
|
|
1831
|
-
background: transparent;
|
|
1832
|
-
cursor: pointer;
|
|
1833
|
-
}
|
|
1834
|
-
& input[type='range']::-webkit-slider-runnable-track {
|
|
1835
|
-
height: 4px;
|
|
1836
|
-
border-radius: 999px;
|
|
1837
|
-
background: ${ce.lineStrong};
|
|
1838
|
-
}
|
|
1839
|
-
& input[type='range']::-moz-range-track {
|
|
1840
|
-
height: 4px;
|
|
1841
|
-
border-radius: 999px;
|
|
1842
|
-
background: ${ce.lineStrong};
|
|
1843
|
-
}
|
|
1844
|
-
& input[type='range']::-webkit-slider-thumb {
|
|
1845
|
-
-webkit-appearance: none;
|
|
1846
|
-
appearance: none;
|
|
1847
|
-
width: 13px;
|
|
1848
|
-
height: 13px;
|
|
1849
|
-
margin-top: -4.5px;
|
|
1850
|
-
border-radius: 50%;
|
|
1851
|
-
background: ${ce.accent};
|
|
1852
|
-
border: 2px solid ${ce.white};
|
|
1853
|
-
box-shadow: 0 1px 3px rgba(22, 21, 24, 0.3);
|
|
1854
|
-
cursor: pointer;
|
|
1855
|
-
}
|
|
1856
|
-
& input[type='range']::-moz-range-thumb {
|
|
1857
|
-
width: 13px;
|
|
1858
|
-
height: 13px;
|
|
1859
|
-
border-radius: 50%;
|
|
1860
|
-
background: ${ce.accent};
|
|
1861
|
-
border: 2px solid ${ce.white};
|
|
1862
|
-
box-shadow: 0 1px 3px rgba(22, 21, 24, 0.3);
|
|
1863
|
-
cursor: pointer;
|
|
1864
|
-
}
|
|
1865
|
-
& input[type='range']:focus-visible {
|
|
1866
|
-
outline: none;
|
|
1867
|
-
}
|
|
1868
|
-
& input[type='range']:focus-visible::-webkit-slider-thumb {
|
|
1869
|
-
outline: 2px solid ${ce.accent};
|
|
1870
|
-
outline-offset: 2px;
|
|
1871
|
-
}
|
|
1872
|
-
`,Hi="shop-item-preview";function $y({item:n}){const a=At(S=>{var D;return(D=S.session)==null?void 0:D.address}),{data:t,isLoading:e}=Dr(a),r=a&&t?a:"default",o=n.category==="emote",[i]=v.useState("avatar"),c=!o&&i==="item",l=c||!e,p=Pn(S=>S.fittingOpen),{ref:d,active:h}=Mu(),x=l&&h&&!p,[b,y]=v.useState(!0);v.useEffect(()=>{y(!0)},[n.id,c]),v.useEffect(()=>{x&&y(!0)},[x]);const w=v.useRef(null);v.useEffect(()=>{if(x)return()=>{_u(w.current),w.current=null}},[x]);const[k,f]=v.useState(Ae.PreviewRenderer.UNITY),C=k===Ae.PreviewRenderer.BABYLON,N=!!a&&!!t,E=N&&Sl(n,Ml(t)),R=_l(n)[0],$=N&&!E&&!o;return s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:d,"data-preview-viewport":!0,"aria-hidden":!0}),x?s.jsx(Pl,{id:Hi,contractAddress:n.contractAddress,tokenId:n.tokenId??void 0,itemId:n.tokenId?void 0:n.itemId??void 0,profile:c?void 0:E?r:"default",bodyShape:c||E?void 0:R,type:o?void 0:c?Ae.PreviewType.WEARABLE:Ae.PreviewType.AVATAR,emote:o||c?void 0:Ae.PreviewEmote.FASHION,disableBackground:!0,wheelZoom:o?1.5:void 0,wheelStart:o?100:void 0,unity:!0,onRenderer:f,onLoad:()=>{var S;y(!1),w.current=((S=document.getElementById(Hi))==null?void 0:S.contentWindow)??null}}):null,!x||b?s.jsx(jy,{"data-preview-loading":!0,"aria-busy":"true","aria-label":g("itemPreview.loading"),children:s.jsx(Ey,{"aria-hidden":!0})}):null,$&&!c?s.jsx(Ty,{"data-preview-note":!0,children:g("itemPreview.shownOnBody",{shape:Il(R)})}):null,!C||!o?null:s.jsx(Ny,{"data-preview-controls":!0,"data-testid":"emote-controls",children:s.jsx(Su,{wearablePreviewId:"shop-item-preview",hideFrameInput:!0})})]})}const Oy=m.div`
|
|
1873
|
-
position: fixed;
|
|
1874
|
-
inset: 0;
|
|
1875
|
-
z-index: 10000;
|
|
1876
|
-
display: flex;
|
|
1877
|
-
align-items: center;
|
|
1878
|
-
justify-content: center;
|
|
1879
|
-
padding: 16px;
|
|
1880
|
-
background: rgba(22, 21, 24, 0.55);
|
|
1881
|
-
`,Ry=m.div`
|
|
1882
|
-
display: flex;
|
|
1883
|
-
flex-direction: column;
|
|
1884
|
-
gap: 12px;
|
|
1885
|
-
width: 1128px;
|
|
1886
|
-
max-width: 100%;
|
|
1887
|
-
max-height: 92vh;
|
|
1888
|
-
background: ${u.colors.white};
|
|
1889
|
-
border-radius: 16px;
|
|
1890
|
-
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
|
|
1891
|
-
|
|
1892
|
-
&:focus {
|
|
1893
|
-
outline: none;
|
|
1894
|
-
}
|
|
1895
|
-
`,Ay=m.div`
|
|
1896
|
-
flex: none;
|
|
1897
|
-
display: flex;
|
|
1898
|
-
align-items: center;
|
|
1899
|
-
gap: 8px;
|
|
1900
|
-
padding: 16px;
|
|
1901
|
-
border-bottom: 1px solid ${u.colors.gray4};
|
|
1902
|
-
`,Ly=m.h2`
|
|
1903
|
-
flex: 1 1 auto;
|
|
1904
|
-
min-width: 0;
|
|
1905
|
-
margin: 0;
|
|
1906
|
-
font-family: ${u.font.sans};
|
|
1907
|
-
font-weight: 600;
|
|
1908
|
-
font-size: 20px;
|
|
1909
|
-
line-height: 1.6;
|
|
1910
|
-
color: ${u.colors.text};
|
|
1911
|
-
`,Fy=m.button`
|
|
1912
|
-
flex: none;
|
|
1913
|
-
display: grid;
|
|
1914
|
-
place-items: center;
|
|
1915
|
-
width: 18.5px;
|
|
1916
|
-
height: 18.5px;
|
|
1917
|
-
padding: 0;
|
|
1918
|
-
border: 0;
|
|
1919
|
-
background: none;
|
|
1920
|
-
cursor: pointer;
|
|
1921
|
-
color: ${u.colors.text};
|
|
1922
|
-
|
|
1923
|
-
.ico {
|
|
1924
|
-
width: 18.5px;
|
|
1925
|
-
height: 18.5px;
|
|
1926
|
-
}
|
|
1927
|
-
&:focus-visible {
|
|
1928
|
-
outline: 2px solid ${u.colors.accent};
|
|
1929
|
-
outline-offset: 4px;
|
|
1930
|
-
}
|
|
1931
|
-
`,Yy=m.div`
|
|
1932
|
-
flex: 1 1 auto;
|
|
1933
|
-
min-height: 0;
|
|
1934
|
-
overflow-y: auto;
|
|
1935
|
-
display: flex;
|
|
1936
|
-
flex-direction: column;
|
|
1937
|
-
gap: 8px;
|
|
1938
|
-
padding: 0 16px 24px;
|
|
1939
|
-
`,Wy=m.div`
|
|
1940
|
-
position: sticky;
|
|
1941
|
-
top: 0;
|
|
1942
|
-
z-index: 1;
|
|
1943
|
-
display: flex;
|
|
1944
|
-
align-items: center;
|
|
1945
|
-
justify-content: space-between;
|
|
1946
|
-
gap: 8px;
|
|
1947
|
-
padding-bottom: 8px;
|
|
1948
|
-
background: ${u.colors.white};
|
|
1949
|
-
`,By=m.p`
|
|
1950
|
-
margin: 0;
|
|
1951
|
-
font-family: ${u.font.sans};
|
|
1952
|
-
font-size: 14px;
|
|
1953
|
-
line-height: 1.43;
|
|
1954
|
-
color: ${u.colors.muted};
|
|
1955
|
-
`,Hy=m.div`
|
|
1956
|
-
position: relative;
|
|
1957
|
-
flex: none;
|
|
1958
|
-
display: inline-flex;
|
|
1959
|
-
align-items: center;
|
|
1960
|
-
padding: 4px 4px 4px 12px;
|
|
1961
|
-
border: 0.5px solid ${u.colors.lineStrong};
|
|
1962
|
-
border-radius: 8px;
|
|
1963
|
-
background: ${u.colors.white};
|
|
1964
|
-
|
|
1965
|
-
select {
|
|
1966
|
-
appearance: none;
|
|
1967
|
-
/* 24px design gap + the 24px chevron that sits on top of it. */
|
|
1968
|
-
padding: 0 48px 0 0;
|
|
1969
|
-
border: 0;
|
|
1970
|
-
background: none;
|
|
1971
|
-
font-family: ${u.font.sans};
|
|
1972
|
-
font-weight: 500;
|
|
1973
|
-
font-size: 12px;
|
|
1974
|
-
line-height: 1.43;
|
|
1975
|
-
color: ${u.colors.text2};
|
|
1976
|
-
cursor: pointer;
|
|
1977
|
-
outline: none;
|
|
1978
|
-
}
|
|
1979
|
-
select:focus-visible {
|
|
1980
|
-
outline: 2px solid ${u.colors.accent};
|
|
1981
|
-
outline-offset: 2px;
|
|
1982
|
-
border-radius: 4px;
|
|
1983
|
-
}
|
|
1984
|
-
.chev {
|
|
1985
|
-
position: absolute;
|
|
1986
|
-
right: 4px;
|
|
1987
|
-
width: 24px;
|
|
1988
|
-
height: 24px;
|
|
1989
|
-
color: ${u.colors.text2};
|
|
1990
|
-
pointer-events: none;
|
|
1991
|
-
}
|
|
1992
|
-
`,zy=m.div`
|
|
1993
|
-
flex: none;
|
|
1994
|
-
border: 1px solid ${u.colors.lineStrong};
|
|
1995
|
-
border-radius: 16px;
|
|
1996
|
-
/* The four equal columns need the design width to hold their content, so a narrower modal scrolls
|
|
1997
|
-
the table here rather than letting the page scroll sideways. */
|
|
1998
|
-
overflow-x: auto;
|
|
1999
|
-
overflow-y: hidden;
|
|
2000
|
-
background: ${u.colors.white};
|
|
2001
|
-
`,qy=m.table`
|
|
2002
|
-
width: 100%;
|
|
2003
|
-
min-width: 1096px;
|
|
2004
|
-
table-layout: fixed;
|
|
2005
|
-
border-collapse: collapse;
|
|
2006
|
-
|
|
2007
|
-
th {
|
|
2008
|
-
height: 48px;
|
|
2009
|
-
padding: 8px 8px 8px 16px;
|
|
2010
|
-
text-align: left;
|
|
2011
|
-
vertical-align: middle;
|
|
2012
|
-
background: ${u.colors.media};
|
|
2013
|
-
border-right: 0.5px solid ${u.colors.lineStrong};
|
|
2014
|
-
font-family: ${u.font.sans};
|
|
2015
|
-
font-weight: 600;
|
|
2016
|
-
font-size: 16px;
|
|
2017
|
-
line-height: 1.5;
|
|
2018
|
-
color: ${u.colors.text};
|
|
2019
|
-
text-transform: capitalize;
|
|
2020
|
-
}
|
|
2021
|
-
th:last-of-type {
|
|
2022
|
-
border-right: 0;
|
|
2023
|
-
}
|
|
2024
|
-
|
|
2025
|
-
td {
|
|
2026
|
-
height: 56px;
|
|
2027
|
-
padding: 8px 8px 8px 16px;
|
|
2028
|
-
vertical-align: middle;
|
|
2029
|
-
border-right: 0.5px solid ${u.colors.lineStrong};
|
|
2030
|
-
border-bottom: 0.5px solid ${u.colors.lineStrong};
|
|
2031
|
-
font-family: ${u.font.sans};
|
|
2032
|
-
font-size: 14px;
|
|
2033
|
-
line-height: 1.43;
|
|
2034
|
-
color: ${u.colors.text2};
|
|
2035
|
-
}
|
|
2036
|
-
td:last-of-type {
|
|
2037
|
-
border-right: 0;
|
|
2038
|
-
}
|
|
2039
|
-
|
|
2040
|
-
tbody tr:hover,
|
|
2041
|
-
tbody tr:focus-within {
|
|
2042
|
-
background: ${u.colors.media};
|
|
2043
|
-
}
|
|
2044
|
-
tbody tr:hover td,
|
|
2045
|
-
tbody tr:focus-within td {
|
|
2046
|
-
border-bottom-color: ${u.colors.media};
|
|
2047
|
-
}
|
|
2048
|
-
|
|
2049
|
-
/* Stack every cell into a card — a 4-column grid is unusable at phone widths. The column name is
|
|
2050
|
-
carried on each cell's data-label so it survives translation. */
|
|
2051
|
-
${u.media.maxWidth("mobile")} {
|
|
2052
|
-
min-width: 0;
|
|
2053
|
-
|
|
2054
|
-
thead {
|
|
2055
|
-
display: none;
|
|
2056
|
-
}
|
|
2057
|
-
tr {
|
|
2058
|
-
display: block;
|
|
2059
|
-
border-bottom: 0.5px solid ${u.colors.lineStrong};
|
|
2060
|
-
}
|
|
2061
|
-
tr:last-of-type {
|
|
2062
|
-
border-bottom: 0;
|
|
2063
|
-
}
|
|
2064
|
-
td {
|
|
2065
|
-
display: block;
|
|
2066
|
-
height: auto;
|
|
2067
|
-
padding: 8px 16px;
|
|
2068
|
-
border-right: 0;
|
|
2069
|
-
border-bottom: 0;
|
|
2070
|
-
}
|
|
2071
|
-
td:first-of-type {
|
|
2072
|
-
padding-top: 12px;
|
|
2073
|
-
}
|
|
2074
|
-
td:last-of-type {
|
|
2075
|
-
padding-bottom: 12px;
|
|
2076
|
-
}
|
|
2077
|
-
td[data-label]::before {
|
|
2078
|
-
content: attr(data-label);
|
|
2079
|
-
display: block;
|
|
2080
|
-
margin-bottom: 2px;
|
|
2081
|
-
font-size: 12px;
|
|
2082
|
-
line-height: 1.43;
|
|
2083
|
-
color: ${u.colors.muted};
|
|
2084
|
-
text-transform: capitalize;
|
|
2085
|
-
}
|
|
2086
|
-
tbody tr:hover td,
|
|
2087
|
-
tbody tr:focus-within td {
|
|
2088
|
-
border-bottom-color: transparent;
|
|
2089
|
-
}
|
|
2090
|
-
}
|
|
2091
|
-
`,Pc=`
|
|
2092
|
-
display: flex;
|
|
2093
|
-
align-items: center;
|
|
2094
|
-
gap: 10px;
|
|
2095
|
-
min-width: 0;
|
|
2096
|
-
|
|
2097
|
-
.owner-ava {
|
|
2098
|
-
flex: none;
|
|
2099
|
-
display: inline-grid;
|
|
2100
|
-
place-items: center;
|
|
2101
|
-
width: 32px;
|
|
2102
|
-
height: 32px;
|
|
2103
|
-
border: 2.286px solid rgba(255, 255, 255, 0.5);
|
|
2104
|
-
border-radius: 50%;
|
|
2105
|
-
background: ${u.colors.media};
|
|
2106
|
-
object-fit: cover;
|
|
2107
|
-
overflow: hidden;
|
|
2108
|
-
color: ${u.colors.white};
|
|
2109
|
-
font-weight: 700;
|
|
2110
|
-
font-size: 13px;
|
|
2111
|
-
}
|
|
2112
|
-
.owner-name {
|
|
2113
|
-
min-width: 0;
|
|
2114
|
-
overflow: hidden;
|
|
2115
|
-
text-overflow: ellipsis;
|
|
2116
|
-
white-space: nowrap;
|
|
2117
|
-
font-family: ${u.font.sans};
|
|
2118
|
-
font-size: 14px;
|
|
2119
|
-
line-height: 1.43;
|
|
2120
|
-
color: ${u.colors.text2};
|
|
2121
|
-
}
|
|
2122
|
-
`,Ky=m.div`
|
|
2123
|
-
${Pc}
|
|
2124
|
-
`,Qy=m.button`
|
|
2125
|
-
${Pc}
|
|
2126
|
-
padding: 0;
|
|
2127
|
-
border: 0;
|
|
2128
|
-
background: none;
|
|
2129
|
-
font: inherit;
|
|
2130
|
-
text-align: left;
|
|
2131
|
-
cursor: pointer;
|
|
2132
|
-
|
|
2133
|
-
&:hover .owner-name {
|
|
2134
|
-
text-decoration: underline;
|
|
2135
|
-
}
|
|
2136
|
-
&:focus-visible {
|
|
2137
|
-
outline: 2px solid ${u.colors.accent};
|
|
2138
|
-
outline-offset: 2px;
|
|
2139
|
-
border-radius: 4px;
|
|
2140
|
-
}
|
|
2141
|
-
`,zi=m.span`
|
|
2142
|
-
color: ${u.colors.muted};
|
|
2143
|
-
`,Vy=m.div`
|
|
2144
|
-
display: flex;
|
|
2145
|
-
align-items: center;
|
|
2146
|
-
justify-content: space-between;
|
|
2147
|
-
gap: 4px;
|
|
2148
|
-
|
|
2149
|
-
.amount {
|
|
2150
|
-
display: inline-flex;
|
|
2151
|
-
align-items: center;
|
|
2152
|
-
gap: 4px;
|
|
2153
|
-
font-family: ${u.font.sans};
|
|
2154
|
-
font-weight: 600;
|
|
2155
|
-
font-size: 16px;
|
|
2156
|
-
line-height: 1.5;
|
|
2157
|
-
color: ${u.colors.text2};
|
|
2158
|
-
}
|
|
2159
|
-
/* The credits mark is always near-black here — never the violet accent. */
|
|
2160
|
-
.amount .ccy {
|
|
2161
|
-
flex: none;
|
|
2162
|
-
width: 22px;
|
|
2163
|
-
height: 22px;
|
|
2164
|
-
color: ${u.colors.text2};
|
|
2165
|
-
}
|
|
2166
|
-
.approx {
|
|
2167
|
-
color: ${u.colors.muted};
|
|
2168
|
-
font-weight: 600;
|
|
2169
|
-
}
|
|
2170
|
-
`,Uy=m.div`
|
|
2171
|
-
flex: none;
|
|
2172
|
-
display: flex;
|
|
2173
|
-
align-items: center;
|
|
2174
|
-
gap: 8px;
|
|
2175
|
-
opacity: 0;
|
|
2176
|
-
transition: opacity 0.12s ease;
|
|
2177
|
-
|
|
2178
|
-
tr:hover &,
|
|
2179
|
-
tr:focus-within &,
|
|
2180
|
-
&[data-persistent='true'] {
|
|
2181
|
-
opacity: 1;
|
|
2182
|
-
}
|
|
2183
|
-
|
|
2184
|
-
@media (hover: none) {
|
|
2185
|
-
opacity: 1;
|
|
2186
|
-
}
|
|
2187
|
-
${u.media.maxWidth("mobile")} {
|
|
2188
|
-
opacity: 1;
|
|
2189
|
-
}
|
|
2190
|
-
`,Ic=`
|
|
2191
|
-
display: inline-flex;
|
|
2192
|
-
align-items: center;
|
|
2193
|
-
justify-content: center;
|
|
2194
|
-
gap: 8px;
|
|
2195
|
-
height: 40px;
|
|
2196
|
-
padding: 0 12px;
|
|
2197
|
-
border: 0;
|
|
2198
|
-
border-radius: 12px;
|
|
2199
|
-
cursor: pointer;
|
|
2200
|
-
font-family: ${u.font.sans};
|
|
2201
|
-
font-weight: 600;
|
|
2202
|
-
font-size: 13px;
|
|
2203
|
-
line-height: 24px;
|
|
2204
|
-
letter-spacing: 0.46px;
|
|
2205
|
-
text-transform: uppercase;
|
|
2206
|
-
text-align: center;
|
|
2207
|
-
white-space: nowrap;
|
|
2208
|
-
|
|
2209
|
-
.ico {
|
|
2210
|
-
width: 20px;
|
|
2211
|
-
height: 20px;
|
|
2212
|
-
}
|
|
2213
|
-
&:focus-visible {
|
|
2214
|
-
outline: 2px solid ${u.colors.accent};
|
|
2215
|
-
outline-offset: 2px;
|
|
2216
|
-
}
|
|
2217
|
-
`,Xy=m.button`
|
|
2218
|
-
${Ic}
|
|
2219
|
-
min-width: 106px;
|
|
2220
|
-
background: ${u.colors.text2};
|
|
2221
|
-
color: ${u.colors.softWhite};
|
|
2222
|
-
|
|
2223
|
-
&:hover:not(:disabled) {
|
|
2224
|
-
filter: brightness(1.35);
|
|
2225
|
-
}
|
|
2226
|
-
&:disabled {
|
|
2227
|
-
opacity: 0.55;
|
|
2228
|
-
cursor: default;
|
|
2229
|
-
}
|
|
2230
|
-
`,qi=m.button`
|
|
2231
|
-
${Ic}
|
|
2232
|
-
background: ${u.colors.accent};
|
|
2233
|
-
color: ${u.colors.softWhite};
|
|
2234
|
-
|
|
2235
|
-
&:hover:not(:disabled) {
|
|
2236
|
-
background: ${u.colors.accentHover};
|
|
2237
|
-
}
|
|
2238
|
-
`,Gy=m.span`
|
|
2239
|
-
display: inline-flex;
|
|
2240
|
-
align-items: center;
|
|
2241
|
-
height: 40px;
|
|
2242
|
-
padding: 0 12px;
|
|
2243
|
-
border-radius: 12px;
|
|
2244
|
-
background: ${u.colors.chip};
|
|
2245
|
-
font-family: ${u.font.sans};
|
|
2246
|
-
font-weight: 600;
|
|
2247
|
-
font-size: 13px;
|
|
2248
|
-
line-height: 24px;
|
|
2249
|
-
color: ${u.colors.muted};
|
|
2250
|
-
white-space: nowrap;
|
|
2251
|
-
`,Jy=m.div`
|
|
2252
|
-
flex: none;
|
|
2253
|
-
display: flex;
|
|
2254
|
-
align-items: center;
|
|
2255
|
-
justify-content: flex-end;
|
|
2256
|
-
gap: 8px;
|
|
2257
|
-
`,Zy=m.p`
|
|
2258
|
-
margin: 0;
|
|
2259
|
-
font-family: ${u.font.sans};
|
|
2260
|
-
font-size: 12px;
|
|
2261
|
-
line-height: 1;
|
|
2262
|
-
color: ${u.colors.gray0};
|
|
2263
|
-
`,Ki=m.button`
|
|
2264
|
-
display: grid;
|
|
2265
|
-
place-items: center;
|
|
2266
|
-
padding: 10px;
|
|
2267
|
-
border: 1px solid ${u.colors.text2};
|
|
2268
|
-
border-radius: 4px;
|
|
2269
|
-
background: ${u.colors.white};
|
|
2270
|
-
color: ${u.colors.text2};
|
|
2271
|
-
cursor: pointer;
|
|
2272
|
-
|
|
2273
|
-
/* One chevron glyph turned into ‹ / › so no extra asset is needed. */
|
|
2274
|
-
.ico {
|
|
2275
|
-
width: 11px;
|
|
2276
|
-
height: 11px;
|
|
2277
|
-
transform: rotate(-90deg);
|
|
2278
|
-
}
|
|
2279
|
-
&[data-dir='prev'] .ico {
|
|
2280
|
-
transform: rotate(90deg);
|
|
2281
|
-
}
|
|
2282
|
-
&:disabled {
|
|
2283
|
-
border-color: ${u.colors.lineStrong};
|
|
2284
|
-
color: ${u.colors.lineStrong};
|
|
2285
|
-
cursor: default;
|
|
2286
|
-
}
|
|
2287
|
-
&:focus-visible {
|
|
2288
|
-
outline: 2px solid ${u.colors.accent};
|
|
2289
|
-
outline-offset: 2px;
|
|
2290
|
-
}
|
|
2291
|
-
`,eb=m.p`
|
|
2292
|
-
margin: 0;
|
|
2293
|
-
padding: 32px 0;
|
|
2294
|
-
font-family: ${u.font.sans};
|
|
2295
|
-
font-size: 14px;
|
|
2296
|
-
line-height: 1.43;
|
|
2297
|
-
color: ${u.colors.muted};
|
|
2298
|
-
text-align: center;
|
|
2299
|
-
`;m.div`
|
|
2300
|
-
display: flex;
|
|
2301
|
-
flex-direction: column;
|
|
2302
|
-
gap: 8px;
|
|
2303
|
-
margin-top: 16px;
|
|
2304
|
-
|
|
2305
|
-
.classic-title {
|
|
2306
|
-
font-family: ${u.font.sans};
|
|
2307
|
-
font-weight: 600;
|
|
2308
|
-
font-size: 15px;
|
|
2309
|
-
color: ${u.colors.text2};
|
|
2310
|
-
}
|
|
2311
|
-
.classic-note {
|
|
2312
|
-
font-family: ${u.font.sans};
|
|
2313
|
-
font-size: 13px;
|
|
2314
|
-
color: ${u.colors.muted};
|
|
2315
|
-
}
|
|
2316
|
-
`;m.span`
|
|
2317
|
-
display: inline-flex;
|
|
2318
|
-
align-items: center;
|
|
2319
|
-
padding: 2px 8px;
|
|
2320
|
-
border-radius: ${u.radius.chip};
|
|
2321
|
-
background: ${u.colors.chip};
|
|
2322
|
-
font-family: ${u.font.sans};
|
|
2323
|
-
font-size: 11px;
|
|
2324
|
-
letter-spacing: 0.4px;
|
|
2325
|
-
text-transform: uppercase;
|
|
2326
|
-
color: ${u.colors.muted};
|
|
2327
|
-
`;m.a`
|
|
2328
|
-
display: inline-flex;
|
|
2329
|
-
align-items: center;
|
|
2330
|
-
gap: 6px;
|
|
2331
|
-
height: 40px;
|
|
2332
|
-
padding: 0 14px;
|
|
2333
|
-
border: 1px solid ${u.colors.lineStrong};
|
|
2334
|
-
border-radius: 12px;
|
|
2335
|
-
color: ${u.colors.accent};
|
|
2336
|
-
font-family: ${u.font.sans};
|
|
2337
|
-
font-weight: 600;
|
|
2338
|
-
font-size: 13px;
|
|
2339
|
-
text-decoration: none;
|
|
2340
|
-
|
|
2341
|
-
&:hover {
|
|
2342
|
-
background: ${u.colors.chip};
|
|
2343
|
-
}
|
|
2344
|
-
.ico {
|
|
2345
|
-
width: 14px;
|
|
2346
|
-
height: 14px;
|
|
2347
|
-
}
|
|
2348
|
-
`;const er=10,tb=!1;function nb(n){return/^0x[a-fA-F0-9]{40}$/.test(n)?`${n.slice(0,6)}…${n.slice(-4)}`:n}function rb(n){let a=0;for(let t=0;t<n.length;t++)a=a*31+n.charCodeAt(t)>>>0;return`hsl(${a%360}, 52%, 45%)`}function ab(n,a){var t;return(((t=n==null?void 0:n.trim())==null?void 0:t[0])||a.replace(/^0x/i,"")[0]||"?").toUpperCase()}function ob(n){return n%100>=11&&n%100<=13?"th":["th","st","nd","rd"][n%10]??"th"}function ib(n,a){const t=new Date(n);return Number.isNaN(t.getTime())?"—":a==="en"?`${new Intl.DateTimeFormat("en",{month:"long"}).format(t)} ${t.getDate()}${ob(t.getDate())}, ${t.getFullYear()}`:new Intl.DateTimeFormat(a,{day:"numeric",month:"long",year:"numeric"}).format(t)}function sb(n){return{tradeId:n.tradeId??n.id,listingType:"primary",contractAddress:n.contractAddress,itemId:n.itemId??"",name:n.name,thumbnail:n.thumbnail,rarity:n.rarity,category:n.category,wearableCategory:n.wearableCategory??null,creator:n.creator,manaWei:n.manaWei??"0",available:1,network:n.network,chainId:n.chainId,createdAt:0}}function cb({r:n,seller:a,issuedId:t,labels:e,locale:r,isOwn:o,isLegacy:i,inCart:c,fallbackImage:l,onAdd:p,onBuyNative:d,onBuyLegacy:h}){var R,$;const x=Bt(),{data:b}=Dr(a),y=($=(R=b==null?void 0:b.avatar)==null?void 0:R.snapshots)==null?void 0:$.face256,[w,k]=v.useState(!1);v.useEffect(()=>k(!1),[y]);const f=!!y&&!w,C=a?b!=null&&b.name?Cr(b.name):nb(a):void 0,N=f?s.jsx("img",{className:"owner-ava",src:y,alt:"",loading:"lazy",onError:()=>k(!0)}):a?s.jsx("span",{className:"owner-ava",style:{backgroundColor:rb(a)},"aria-hidden":!0,children:ab(b==null?void 0:b.name,a)}):l?s.jsx("img",{className:"owner-ava",src:l,alt:"","aria-hidden":!0}):s.jsx("span",{className:"owner-ava","aria-hidden":!0}),E=s.jsxs(s.Fragment,{children:[N,C?s.jsx("span",{className:"owner-name","data-testid":"resale-seller",children:C}):null]});return s.jsxs("tr",{"data-testid":"resale-row","data-source":n.source,"data-own":o?"true":void 0,children:[s.jsx("td",{"data-label":e.owner,children:a?s.jsx(Qy,{type:"button",onClick:()=>x(`/items/creator/${a}`),children:E}):s.jsx(Ky,{children:E})}),s.jsx("td",{"data-label":e.itemNumber,children:t?s.jsxs("span",{"data-testid":"resale-issued",children:["#",t]}):s.jsx(zi,{children:"—"})}),s.jsx("td",{"data-label":e.expiration,children:n.saleEndsAt?ib(n.saleEndsAt,r):s.jsx(zi,{children:"—"})}),s.jsx("td",{"data-label":e.price,children:s.jsxs(Vy,{children:[s.jsxs("span",{className:"amount",children:[i?s.jsx("span",{className:"approx","aria-hidden":!0,children:"≈"}):null,s.jsx(Ie,{className:"ccy"}),s.jsx("span",{children:Ke(n.priceCredits)})]}),s.jsx(Uy,{"data-persistent":o?"true":void 0,children:o?s.jsx(Gy,{"data-testid":"resale-own",children:g("resales.yourListing")}):i?s.jsx(qi,{onClick:h,"aria-label":g("assetCard.buyNow"),"data-testid":"resale-buy",children:g("resales.buy")}):s.jsxs(s.Fragment,{children:[s.jsxs(Xy,{onClick:p,disabled:c,"aria-label":c?g("assetCard.inCart"):g("assetCard.addToCart"),"data-testid":"resale-add",children:[s.jsx(U,{name:"cart",className:"ico"}),s.jsx("span",{children:c?g("assetCard.inCart"):g("resales.add")})]}),s.jsx(qi,{onClick:d,"aria-label":g("assetCard.buyNow"),"data-testid":"resale-buy",children:g("resales.buy")})]})})]})})]})}function lb({item:n,onClose:a}){var q;const t=n.contractAddress,e=n.itemId,r=Ht(),o=Pn(_=>_.add),i=Pn(_=>_.items),{session:c}=At(),l=jl(_=>_.locale),p=(q=c==null?void 0:c.address)==null?void 0:q.toLowerCase(),d=v.useRef(null),[h,x]=v.useState(null),[b,y]=v.useState(null),[w,k]=v.useState("cheapest"),[f,C]=v.useState(0),N=!!h||!!b;v.useEffect(()=>{var _;(_=d.current)==null||_.focus()},[]),v.useEffect(()=>{function _(me){me.key==="Escape"&&!N&&a()}window.addEventListener("keydown",_);const J=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",_),document.body.style.overflow=J}},[N,a]);const{data:E=[],isLoading:R}=xe({queryKey:["item-resales",t,e],enabled:!!t&&!!e,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>Ps(t,e)}),$=v.useMemo(()=>w==="cheapest"?E:[...E].sort((_,J)=>J.priceCredits-_.priceCredits),[E,w]),S=Math.max(1,Math.ceil($.length/er)),D=Math.min(f,S-1),P=$.slice(D*er,D*er+er),I=P.filter(_=>!_.seller||!_.issuedId).map(_=>_.tokenId).filter(_=>!!_),{data:O={}}=xe({queryKey:["resale-token-info",t,I.join(",")],enabled:!!t&&I.length>0,staleTime:6e4,queryFn:()=>El(t,I)}),{data:T=[]}=xe({queryKey:["item-classic-orders",t,e],enabled:tb,queryFn:()=>Tl(t,e)}),W=E.some(_=>_.source==="legacy"),{data:z}=_s(W);function V(){r.invalidateQueries({queryKey:["item-resales",t,e]})}const Y={owner:g("resales.colOwner"),itemNumber:g("resales.colItemNumber"),expiration:g("resales.colExpiration"),price:g("resales.colPrice")};return s.jsxs(s.Fragment,{children:[s.jsx(Oy,{onClick:N?void 0:a,role:"presentation",children:s.jsxs(Ry,{ref:d,tabIndex:-1,onClick:_=>_.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":g("resales.modalTitle"),"data-testid":"resellers-modal",children:[s.jsxs(Ay,{children:[s.jsx(Ly,{children:g("resales.modalTitle")}),s.jsx(Fy,{onClick:a,"aria-label":g("resales.close"),"data-testid":"resellers-close",children:s.jsx(U,{name:"close"})})]}),s.jsxs(Yy,{children:[s.jsxs(Wy,{children:[s.jsx(By,{"data-testid":"resales-count",children:g("resales.count",{count:E.length})}),s.jsxs(Hy,{children:[s.jsxs("select",{value:w,onChange:_=>{k(_.target.value),C(0)},"aria-label":g("resales.sortLabel"),"data-testid":"resales-sort",children:[s.jsx("option",{value:"cheapest",children:g("resales.sortCheapest")}),s.jsx("option",{value:"most_expensive",children:g("resales.sortExpensive")})]}),s.jsx(U,{name:"chevron-down",className:"chev"})]})]}),R?null:$.length===0?s.jsx(eb,{"data-testid":"resales-empty",children:g("resales.empty")}):null,$.length>0?s.jsxs(s.Fragment,{children:[s.jsx(zy,{children:s.jsxs(qy,{children:[s.jsx("thead",{children:s.jsxs("tr",{children:[s.jsx("th",{scope:"col",children:Y.owner}),s.jsx("th",{scope:"col",children:Y.itemNumber}),s.jsx("th",{scope:"col",children:Y.expiration}),s.jsx("th",{scope:"col",children:Y.price})]})}),s.jsx("tbody",{children:P.map(_=>{const J=_.source==="legacy",me=i.some(mt=>mt.id===_.id),ge=_.tokenId&&O[_.tokenId]||{},We=_.issuedId??ge.issuedId,Ce=_.seller??ge.seller,_e={..._,name:_.name||n.name,thumbnail:_.thumbnail||n.thumbnail,rarity:_.rarity||n.rarity,category:_.category||n.category,wearableCategory:_.wearableCategory??n.wearableCategory,gender:_.gender??n.gender},St=!!Ce&&!!p&&Ce.toLowerCase()===p;return s.jsx(cb,{r:_e,seller:Ce,issuedId:We,labels:Y,locale:l,isOwn:St,isLegacy:J,inCart:me,fallbackImage:_e.thumbnail,onAdd:()=>o(_e,"item_detail"),onBuyNative:()=>x(_e),onBuyLegacy:()=>y(sb(_e))},_.tradeId??_.id)})})]})}),S>1?s.jsxs(Jy,{children:[s.jsx(Ki,{"data-dir":"prev",onClick:()=>C(_=>Math.max(0,_-1)),disabled:D===0,"aria-label":g("resales.prevPage"),"data-testid":"resale-prev-page",children:s.jsx(U,{name:"chevron-down"})}),s.jsx(Zy,{"data-testid":"resale-page-label",children:g("resales.page",{page:D+1,total:S})}),s.jsx(Ki,{onClick:()=>C(_=>Math.min(S-1,_+1)),disabled:D>=S-1,"aria-label":g("resales.nextPage"),"data-testid":"resale-next-page",children:s.jsx(U,{name:"chevron-down"})})]}):null]}):null,null]})]})}),h?s.jsx(fa,{item:h,onClose:()=>{x(null),V()}}):null,b&&z?s.jsx(_c,{listing:b,rate:z,onClose:()=>y(null),onSold:()=>{y(null),V()}}):null]})}function Ra(){return rn.shopServerUrl||null}function jc(){return!!Ra()}async function db(n,a,t){const e=Ra();if(!e)return{subscribed:!1};const r=new URLSearchParams({contractAddress:n,itemId:a}),o=`${e}/notify-requests?${r.toString()}`,i=await Is(o,{method:"GET",identity:t,metadata:{}});if(!i.ok)throw new Error(`getNotifyRequest ${i.status}`);return pb(i,"getNotifyRequest")}async function ub(n,a){const t=Ra();if(!t)throw new Error("createNotifyRequest: no shop-server host configured");const e=`${t}/notify-requests`,r=await Is(e,{method:"POST",identity:a,metadata:{},headers:{"Content-Type":"application/json"},body:JSON.stringify(n)});if(!r.ok)throw new Error(`createNotifyRequest ${r.status}: ${await r.text()}`);const o=await r.text();if(o.trim()&&!fb(o))throw new Error("createNotifyRequest: response was not JSON")}async function pb(n,a){try{return await n.json()}catch{throw new Error(`${a}: response was not JSON`)}}function fb(n){try{return JSON.parse(n),!0}catch{return!1}}const{colors:Re,radius:Ec}=u,Tc=un`
|
|
2349
|
-
display: flex;
|
|
2350
|
-
flex-direction: column;
|
|
2351
|
-
gap: 8px;
|
|
2352
|
-
width: 100%;
|
|
2353
|
-
`,hb=m.form`
|
|
2354
|
-
${Tc};
|
|
2355
|
-
`,Qi=m.div`
|
|
2356
|
-
${Tc};
|
|
2357
|
-
|
|
2358
|
-
&[data-done] {
|
|
2359
|
-
flex-direction: row;
|
|
2360
|
-
align-items: center;
|
|
2361
|
-
gap: 16px;
|
|
2362
|
-
padding: 12px;
|
|
2363
|
-
border-radius: 16px;
|
|
2364
|
-
background: rgba(193, 238, 207, 0.5);
|
|
2365
|
-
}
|
|
2366
|
-
`,mb=m.label`
|
|
2367
|
-
font-size: 14px;
|
|
2368
|
-
color: ${Re.text};
|
|
2369
|
-
`,gb=m.div`
|
|
2370
|
-
display: flex;
|
|
2371
|
-
align-items: stretch;
|
|
2372
|
-
gap: 8px;
|
|
2373
|
-
`,xb=m.input`
|
|
2374
|
-
flex: 1;
|
|
2375
|
-
min-width: 0;
|
|
2376
|
-
height: 42px;
|
|
2377
|
-
padding: 0 16px;
|
|
2378
|
-
border: 1px solid ${Re.muted};
|
|
2379
|
-
border-radius: ${Ec.btn};
|
|
2380
|
-
background: ${Re.white};
|
|
2381
|
-
font-size: 16px;
|
|
2382
|
-
color: ${Re.text};
|
|
2383
|
-
|
|
2384
|
-
&::placeholder {
|
|
2385
|
-
color: ${Re.muted2};
|
|
2386
|
-
}
|
|
2387
|
-
&:focus-visible {
|
|
2388
|
-
outline: none;
|
|
2389
|
-
border-color: ${Re.accent};
|
|
2390
|
-
box-shadow: 0 0 0 1px ${Re.accent};
|
|
2391
|
-
}
|
|
2392
|
-
`,Vi=m.button`
|
|
2393
|
-
flex-shrink: 0;
|
|
2394
|
-
height: 42px;
|
|
2395
|
-
padding: 0 16px;
|
|
2396
|
-
border: 0;
|
|
2397
|
-
border-radius: ${Ec.btn};
|
|
2398
|
-
background: ${Re.accent};
|
|
2399
|
-
color: ${Re.softWhite};
|
|
2400
|
-
font-weight: 600;
|
|
2401
|
-
font-size: 15px;
|
|
2402
|
-
text-transform: uppercase;
|
|
2403
|
-
letter-spacing: 0.46px;
|
|
2404
|
-
cursor: pointer;
|
|
2405
|
-
transition: opacity 0.15s ease;
|
|
2406
|
-
|
|
2407
|
-
&[data-full] {
|
|
2408
|
-
width: 100%;
|
|
2409
|
-
flex-shrink: 1;
|
|
2410
|
-
}
|
|
2411
|
-
&:hover:not(:disabled) {
|
|
2412
|
-
opacity: 0.9;
|
|
2413
|
-
}
|
|
2414
|
-
&:disabled {
|
|
2415
|
-
opacity: 0.5;
|
|
2416
|
-
cursor: default;
|
|
2417
|
-
}
|
|
2418
|
-
`,yb=m.span`
|
|
2419
|
-
display: inline-flex;
|
|
2420
|
-
align-items: center;
|
|
2421
|
-
justify-content: center;
|
|
2422
|
-
flex-shrink: 0;
|
|
2423
|
-
width: 20px;
|
|
2424
|
-
height: 20px;
|
|
2425
|
-
border-radius: 50%;
|
|
2426
|
-
background: #34ce76;
|
|
2427
|
-
color: ${Re.white};
|
|
2428
|
-
`,bb=m.span`
|
|
2429
|
-
font-size: 16px;
|
|
2430
|
-
line-height: 1.5;
|
|
2431
|
-
color: ${Re.text2};
|
|
2432
|
-
`;function Ui(n){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n.trim())}function vb({item:n}){const a=At(k=>k.session),t=At(k=>k.signIn),[e,r]=v.useState(""),[o,i]=v.useState(!1),[c,l]=v.useState(!1),[p,d]=v.useState(null),h=jc(),x=h&&!!a&&!!n.contractAddress&&!!n.itemId,{data:b}=xe({queryKey:["notify-request",n.contractAddress,n.itemId,a==null?void 0:a.address],enabled:x,queryFn:()=>db(n.contractAddress,n.itemId,a.identity)});v.useEffect(()=>{b!=null&&b.email&&r(k=>k||b.email)},[b==null?void 0:b.email]),v.useEffect(()=>{if(!a||!h)return;let k=!1;return Nl().then(f=>{!k&&f&&r(C=>C||f)}),()=>{k=!0}},[h,a]);const y=c||!!(b!=null&&b.subscribed);async function w(k){if(k.preventDefault(),!(!a||!n.itemId||!Ui(e)||o)){i(!0),d(null);try{await ub({contractAddress:n.contractAddress,itemId:n.itemId,chainId:n.chainId,email:e.trim()},a.identity),l(!0)}catch(f){Ne(f,{flow:"notify-me",contractAddress:n.contractAddress,itemId:n.itemId}),d(g("notifyMe.error"))}finally{i(!1)}}}return h?a?y?s.jsxs(Qi,{"data-done":!0,"data-testid":"notify-subscribed",children:[s.jsx(yb,{"aria-hidden":!0,children:s.jsx(U,{name:"check",size:12})}),s.jsx(bb,{children:g("notifyMe.subscribedBody")})]}):s.jsxs(hb,{onSubmit:k=>void w(k),"data-testid":"notify",children:[s.jsx(mb,{htmlFor:"notify-email",children:g("notifyMe.label")}),s.jsxs(gb,{children:[s.jsx(xb,{id:"notify-email",type:"email",inputMode:"email",autoComplete:"email",placeholder:g("notifyMe.placeholder"),value:e,onChange:k=>r(k.target.value),"data-testid":"notify-email"}),s.jsx(Vi,{type:"submit",disabled:!Ui(e)||o,"data-testid":"notify-submit",children:o?g("notifyMe.working"):g("notifyMe.cta")})]}),s.jsx(ut,{message:p})]}):s.jsx(Qi,{"data-testid":"notify",children:s.jsx(Vi,{type:"button","data-full":!0,onClick:t,"data-testid":"notify-signin",children:g("notifyMe.signInCta")})}):null}const Nc="shop:recently-viewed",$c=12;function wb(){try{const n=localStorage.getItem(Nc);if(!n)return[];const a=JSON.parse(n);return Array.isArray(a)?a.slice(0,$c):[]}catch{return[]}}function kb(n){if(n!=null&&n.id)try{const a=[n,...wb().filter(t=>t.id!==n.id)].slice(0,$c);localStorage.setItem(Nc,JSON.stringify(a))}catch{}}const Db=m($l)`
|
|
2433
|
-
display: flex;
|
|
2434
|
-
flex-direction: column;
|
|
2435
|
-
overflow: hidden;
|
|
2436
|
-
gap: 1px;
|
|
2437
|
-
background: ${u.colors.lineStrong};
|
|
2438
|
-
|
|
2439
|
-
/* Rows stack; each cell (<img>) covers its share. A single row (≤2 thumbnails, data-full) spans the
|
|
2440
|
-
full height. */
|
|
2441
|
-
& [data-collage-row] {
|
|
2442
|
-
display: flex;
|
|
2443
|
-
flex: 1 1 50%;
|
|
2444
|
-
min-height: 0;
|
|
2445
|
-
gap: 1px;
|
|
2446
|
-
}
|
|
2447
|
-
& [data-collage-row][data-full] {
|
|
2448
|
-
flex-basis: 100%;
|
|
2449
|
-
}
|
|
2450
|
-
& [data-collage-row] img {
|
|
2451
|
-
flex: 1 1 0;
|
|
2452
|
-
min-width: 0;
|
|
2453
|
-
width: 100%;
|
|
2454
|
-
height: 100%;
|
|
2455
|
-
object-fit: cover;
|
|
2456
|
-
display: block;
|
|
2457
|
-
}
|
|
2458
|
-
`;function Cb({contractAddress:n,name:a,items:t,className:e}){const r=Bt();if(!n||!a)return null;const o=(t??[]).map(l=>l.thumbnail).filter(l=>!!l).slice(0,4),i=o.slice(0,2),c=o.slice(2,4);return s.jsxs(Ol,{as:"button","data-link":!0,className:e,"data-testid":"creator",onClick:l=>{l.stopPropagation(),r(`/collection/${n}`)},children:[o.length>0?s.jsxs(Db,{as:"span","data-avatar":!0,"data-testid":"creator-ava","aria-hidden":!0,children:[s.jsx("span",{"data-collage-row":!0,"data-full":c.length===0||void 0,children:i.map((l,p)=>s.jsx("img",{src:l,alt:""},p))}),c.length>0?s.jsx("span",{"data-collage-row":!0,children:c.map((l,p)=>s.jsx("img",{src:l,alt:""},p))}):null]}):null,s.jsx(Rl,{"data-testid":"creator-name",children:Cr(a)})]})}const{colors:F,radius:An,media:De,font:Sb}=u,Xi=m.div`
|
|
2459
|
-
max-width: 1721px;
|
|
2460
|
-
margin: 0 auto;
|
|
2461
|
-
|
|
2462
|
-
${De.maxWidth("lg")} {
|
|
2463
|
-
padding-bottom: 88px;
|
|
2464
|
-
}
|
|
2465
|
-
`,Mb=m.nav`
|
|
2466
|
-
display: flex;
|
|
2467
|
-
align-items: center;
|
|
2468
|
-
gap: 8px;
|
|
2469
|
-
font-size: 13px;
|
|
2470
|
-
color: ${F.muted};
|
|
2471
|
-
margin-bottom: 24px;
|
|
2472
|
-
`,_b=m.button`
|
|
2473
|
-
background: none;
|
|
2474
|
-
border: 0;
|
|
2475
|
-
padding: 0;
|
|
2476
|
-
font: inherit;
|
|
2477
|
-
color: ${F.muted};
|
|
2478
|
-
|
|
2479
|
-
&:hover {
|
|
2480
|
-
color: ${F.text};
|
|
2481
|
-
}
|
|
2482
|
-
`,Pb=m.span`
|
|
2483
|
-
color: ${F.muted2};
|
|
2484
|
-
`,Ib=m.span`
|
|
2485
|
-
color: ${F.text};
|
|
2486
|
-
font-weight: 600;
|
|
2487
|
-
`,jb=m.div`
|
|
2488
|
-
display: grid;
|
|
2489
|
-
grid-template-columns: minmax(0, 1045fr) minmax(0, 514fr);
|
|
2490
|
-
gap: 48px;
|
|
2491
|
-
align-items: start;
|
|
2492
|
-
|
|
2493
|
-
${De.maxWidth("lg")} {
|
|
2494
|
-
grid-template-columns: 1fr;
|
|
2495
|
-
gap: 24px;
|
|
2496
|
-
}
|
|
2497
|
-
`,Eb=m.div`
|
|
2498
|
-
position: relative;
|
|
2499
|
-
aspect-ratio: 1045 / 752;
|
|
2500
|
-
border-radius: 16px;
|
|
2501
|
-
overflow: hidden;
|
|
2502
|
-
background: ${F.media};
|
|
2503
|
-
|
|
2504
|
-
${De.maxWidth("lg")} {
|
|
2505
|
-
aspect-ratio: 1 / 1;
|
|
2506
|
-
}
|
|
2507
|
-
|
|
2508
|
-
& iframe,
|
|
2509
|
-
& > * {
|
|
2510
|
-
width: 100%;
|
|
2511
|
-
height: 100%;
|
|
2512
|
-
border: 0;
|
|
2513
|
-
display: block;
|
|
2514
|
-
}
|
|
2515
|
-
|
|
2516
|
-
/* Invisible viewport sentinel for the IntersectionObserver that pauses the preview off-screen.
|
|
2517
|
-
Absolute + pointer-events:none so it neither takes layout space (undoing the greedy child sizing
|
|
2518
|
-
above) nor blocks the preview controls. */
|
|
2519
|
-
& > [data-preview-viewport] {
|
|
2520
|
-
position: absolute;
|
|
2521
|
-
inset: 0;
|
|
2522
|
-
pointer-events: none;
|
|
2523
|
-
z-index: 0;
|
|
2524
|
-
}
|
|
2525
|
-
|
|
2526
|
-
& > [data-preview-toggle] {
|
|
2527
|
-
position: absolute;
|
|
2528
|
-
top: 16px;
|
|
2529
|
-
left: 16px;
|
|
2530
|
-
z-index: 2;
|
|
2531
|
-
width: auto;
|
|
2532
|
-
height: auto;
|
|
2533
|
-
display: inline-flex;
|
|
2534
|
-
gap: 2px;
|
|
2535
|
-
padding: 3px;
|
|
2536
|
-
background: rgba(255, 255, 255, 0.92);
|
|
2537
|
-
border: 1px solid ${F.line};
|
|
2538
|
-
border-radius: 999px;
|
|
2539
|
-
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
|
|
2540
|
-
}
|
|
2541
|
-
|
|
2542
|
-
& > [data-preview-controls] {
|
|
2543
|
-
position: absolute;
|
|
2544
|
-
bottom: 16px;
|
|
2545
|
-
left: 50%;
|
|
2546
|
-
transform: translateX(-50%);
|
|
2547
|
-
z-index: 2;
|
|
2548
|
-
width: min(360px, 88%);
|
|
2549
|
-
height: auto;
|
|
2550
|
-
display: flex;
|
|
2551
|
-
align-items: center;
|
|
2552
|
-
background: rgba(255, 255, 255, 0.94);
|
|
2553
|
-
backdrop-filter: blur(6px);
|
|
2554
|
-
border: 1px solid ${F.line};
|
|
2555
|
-
border-radius: ${An.pill};
|
|
2556
|
-
padding: 6px 12px;
|
|
2557
|
-
box-shadow: 0 2px 10px rgba(22, 21, 24, 0.12);
|
|
2558
|
-
}
|
|
2559
|
-
|
|
2560
|
-
& > [data-preview-note] {
|
|
2561
|
-
position: absolute;
|
|
2562
|
-
bottom: 14px;
|
|
2563
|
-
left: 50%;
|
|
2564
|
-
transform: translateX(-50%);
|
|
2565
|
-
z-index: 2;
|
|
2566
|
-
width: auto;
|
|
2567
|
-
height: auto;
|
|
2568
|
-
max-width: 88%;
|
|
2569
|
-
margin: 0;
|
|
2570
|
-
text-align: center;
|
|
2571
|
-
background: rgba(22, 21, 24, 0.78);
|
|
2572
|
-
color: ${F.white};
|
|
2573
|
-
font-size: 12px;
|
|
2574
|
-
font-weight: 500;
|
|
2575
|
-
padding: 6px 12px;
|
|
2576
|
-
border-radius: 999px;
|
|
2577
|
-
}
|
|
2578
|
-
|
|
2579
|
-
& > [data-preview-loading] {
|
|
2580
|
-
position: absolute;
|
|
2581
|
-
inset: 0;
|
|
2582
|
-
z-index: 1;
|
|
2583
|
-
display: flex;
|
|
2584
|
-
align-items: center;
|
|
2585
|
-
justify-content: center;
|
|
2586
|
-
width: 100%;
|
|
2587
|
-
height: 100%;
|
|
2588
|
-
background: transparent;
|
|
2589
|
-
}
|
|
2590
|
-
|
|
2591
|
-
& > [data-fav-preview] {
|
|
2592
|
-
display: none;
|
|
2593
|
-
}
|
|
2594
|
-
|
|
2595
|
-
${De.maxWidth("lg")} {
|
|
2596
|
-
& > [data-preview-toggle] {
|
|
2597
|
-
top: auto;
|
|
2598
|
-
left: auto;
|
|
2599
|
-
bottom: 12px;
|
|
2600
|
-
right: 12px;
|
|
2601
|
-
gap: 0;
|
|
2602
|
-
padding: 0;
|
|
2603
|
-
background: transparent;
|
|
2604
|
-
border: 0;
|
|
2605
|
-
box-shadow: 0 1px 4px rgba(22, 21, 24, 0.18);
|
|
2606
|
-
overflow: hidden;
|
|
2607
|
-
}
|
|
2608
|
-
& > [data-fav-preview] {
|
|
2609
|
-
display: grid;
|
|
2610
|
-
position: absolute;
|
|
2611
|
-
top: 12px;
|
|
2612
|
-
right: 12px;
|
|
2613
|
-
z-index: 3;
|
|
2614
|
-
width: 40px;
|
|
2615
|
-
height: 40px;
|
|
2616
|
-
background: rgba(255, 255, 255, 0.92);
|
|
2617
|
-
box-shadow: 0 1px 4px rgba(22, 21, 24, 0.18);
|
|
2618
|
-
}
|
|
2619
|
-
& > [data-fav-preview]:hover {
|
|
2620
|
-
background: ${F.white};
|
|
2621
|
-
}
|
|
2622
|
-
}
|
|
2623
|
-
`,Tb=m.div``;m.span`
|
|
2624
|
-
position: absolute;
|
|
2625
|
-
inset: 0;
|
|
2626
|
-
width: 100%;
|
|
2627
|
-
height: 100%;
|
|
2628
|
-
border-radius: inherit;
|
|
2629
|
-
`;const Nb=m.div`
|
|
2630
|
-
display: flex;
|
|
2631
|
-
flex-direction: column;
|
|
2632
|
-
gap: 0;
|
|
2633
|
-
`,$b=m.div`
|
|
2634
|
-
display: flex;
|
|
2635
|
-
align-items: flex-start;
|
|
2636
|
-
justify-content: space-between;
|
|
2637
|
-
gap: 12px;
|
|
2638
|
-
|
|
2639
|
-
${De.maxWidth("lg")} {
|
|
2640
|
-
order: 0;
|
|
2641
|
-
}
|
|
2642
|
-
`,Ob=m.h1`
|
|
2643
|
-
font-size: 28px;
|
|
2644
|
-
font-weight: 600;
|
|
2645
|
-
line-height: 34px;
|
|
2646
|
-
color: ${F.text2};
|
|
2647
|
-
|
|
2648
|
-
${De.maxWidth("lg")} {
|
|
2649
|
-
font-size: 20px;
|
|
2650
|
-
line-height: 24px;
|
|
2651
|
-
}
|
|
2652
|
-
`,Gi=m.button`
|
|
2653
|
-
flex: none;
|
|
2654
|
-
width: 40px;
|
|
2655
|
-
height: 40px;
|
|
2656
|
-
border-radius: 50%;
|
|
2657
|
-
border: 0;
|
|
2658
|
-
background: ${F.media};
|
|
2659
|
-
display: grid;
|
|
2660
|
-
place-items: center;
|
|
2661
|
-
color: ${F.text2};
|
|
2662
|
-
cursor: pointer;
|
|
2663
|
-
transition:
|
|
2664
|
-
color 0.12s ease,
|
|
2665
|
-
background 0.12s ease;
|
|
2666
|
-
|
|
2667
|
-
&:hover {
|
|
2668
|
-
background: ${F.line};
|
|
2669
|
-
}
|
|
2670
|
-
&[data-on] {
|
|
2671
|
-
color: ${F.dclRed};
|
|
2672
|
-
}
|
|
2673
|
-
|
|
2674
|
-
${De.maxWidth("lg")} {
|
|
2675
|
-
&[data-fav-title] {
|
|
2676
|
-
display: none;
|
|
2677
|
-
}
|
|
2678
|
-
}
|
|
2679
|
-
`,Gt=m.div`
|
|
2680
|
-
display: inline-flex;
|
|
2681
|
-
align-items: center;
|
|
2682
|
-
gap: 5px;
|
|
2683
|
-
font-size: 12px;
|
|
2684
|
-
font-weight: 500;
|
|
2685
|
-
text-transform: uppercase;
|
|
2686
|
-
letter-spacing: 0;
|
|
2687
|
-
color: ${F.muted};
|
|
2688
|
-
`,Rb=m.div`
|
|
2689
|
-
display: flex;
|
|
2690
|
-
align-items: center;
|
|
2691
|
-
gap: 8px;
|
|
2692
|
-
flex-wrap: wrap;
|
|
2693
|
-
margin-top: 12px;
|
|
2694
|
-
|
|
2695
|
-
${De.maxWidth("lg")} {
|
|
2696
|
-
order: 1;
|
|
2697
|
-
margin-top: 10px;
|
|
2698
|
-
}
|
|
2699
|
-
`,rt=m(Ss)`
|
|
2700
|
-
height: 24px;
|
|
2701
|
-
padding: 0 8px;
|
|
2702
|
-
gap: 3px;
|
|
2703
|
-
font-size: 13px;
|
|
2704
|
-
font-weight: 500;
|
|
2705
|
-
border-radius: 4px;
|
|
2706
|
-
letter-spacing: 0.02em;
|
|
2707
|
-
text-transform: uppercase;
|
|
2708
|
-
|
|
2709
|
-
&[data-variant='cat'] {
|
|
2710
|
-
background: ${F.chip};
|
|
2711
|
-
color: ${F.text2};
|
|
2712
|
-
}
|
|
2713
|
-
`,Ab=m.div`
|
|
2714
|
-
display: flex;
|
|
2715
|
-
flex-direction: column;
|
|
2716
|
-
align-items: flex-start;
|
|
2717
|
-
gap: 8px;
|
|
2718
|
-
`,ba=m(Ab)`
|
|
2719
|
-
gap: 11px;
|
|
2720
|
-
`,Ji=m.p`
|
|
2721
|
-
margin: 0;
|
|
2722
|
-
color: ${F.text2};
|
|
2723
|
-
font-size: 14px;
|
|
2724
|
-
line-height: 30px;
|
|
2725
|
-
display: -webkit-box;
|
|
2726
|
-
-webkit-box-orient: vertical;
|
|
2727
|
-
-webkit-line-clamp: 4;
|
|
2728
|
-
overflow: hidden;
|
|
2729
|
-
|
|
2730
|
-
&[data-expanded] {
|
|
2731
|
-
-webkit-line-clamp: unset;
|
|
2732
|
-
overflow: visible;
|
|
2733
|
-
}
|
|
2734
|
-
`,Lb=m.button`
|
|
2735
|
-
font-size: 13px;
|
|
2736
|
-
align-self: flex-start;
|
|
2737
|
-
`,Oc=un`
|
|
2738
|
-
display: grid;
|
|
2739
|
-
grid-template-columns: 1fr 1fr;
|
|
2740
|
-
gap: 16px;
|
|
2741
|
-
`,Rc=m.div`
|
|
2742
|
-
${Oc};
|
|
2743
|
-
/* Clears the chips above. The pair below sits at 32px, so this is the tighter of the two steps: the
|
|
2744
|
-
description belongs to the heading block it follows, the creator/collection pair is a new subject. */
|
|
2745
|
-
margin-top: 24px;
|
|
2746
|
-
|
|
2747
|
-
${De.maxWidth("lg")} {
|
|
2748
|
-
order: 3;
|
|
2749
|
-
grid-template-columns: 1fr;
|
|
2750
|
-
/* Stacked, the two blocks need real separation — as one column they would read as one paragraph. */
|
|
2751
|
-
gap: 20px;
|
|
2752
|
-
margin-top: 20px;
|
|
2753
|
-
}
|
|
2754
|
-
`,va=m.div`
|
|
2755
|
-
min-width: 0;
|
|
2756
|
-
`,Ac=m.div`
|
|
2757
|
-
${Oc};
|
|
2758
|
-
margin-top: 32px;
|
|
2759
|
-
|
|
2760
|
-
${De.maxWidth("lg")} {
|
|
2761
|
-
order: 2;
|
|
2762
|
-
margin-top: 20px;
|
|
2763
|
-
}
|
|
2764
|
-
`,Mn=m.div`
|
|
2765
|
-
display: flex;
|
|
2766
|
-
flex-direction: column;
|
|
2767
|
-
gap: 15px;
|
|
2768
|
-
min-width: 0;
|
|
2769
|
-
|
|
2770
|
-
&[data-collection] {
|
|
2771
|
-
align-items: flex-start;
|
|
2772
|
-
}
|
|
2773
|
-
`,Lc=un`
|
|
2774
|
-
&[data-testid='creator'] {
|
|
2775
|
-
color: ${F.accent};
|
|
2776
|
-
font-size: 14px;
|
|
2777
|
-
gap: 12px;
|
|
2778
|
-
}
|
|
2779
|
-
[data-avatar] {
|
|
2780
|
-
width: 48px;
|
|
2781
|
-
height: 48px;
|
|
2782
|
-
}
|
|
2783
|
-
[data-letter] {
|
|
2784
|
-
font-size: 18px;
|
|
2785
|
-
}
|
|
2786
|
-
[data-testid='creator-name'] {
|
|
2787
|
-
color: ${F.accent};
|
|
2788
|
-
font-weight: 500;
|
|
2789
|
-
text-decoration: underline;
|
|
2790
|
-
}
|
|
2791
|
-
&[data-link]:hover [data-testid='creator-name'] {
|
|
2792
|
-
color: ${F.brandViolet};
|
|
2793
|
-
}
|
|
2794
|
-
`,Fb=m(Al)`
|
|
2795
|
-
${Lc}
|
|
2796
|
-
`,Yb=m(Cb)`
|
|
2797
|
-
${Lc}
|
|
2798
|
-
`,Fc=m.hr`
|
|
2799
|
-
border: 0;
|
|
2800
|
-
border-top: 1px solid ${F.gray4};
|
|
2801
|
-
margin: 24px 0 0;
|
|
2802
|
-
width: 100%;
|
|
2803
|
-
|
|
2804
|
-
${De.maxWidth("lg")} {
|
|
2805
|
-
order: 4;
|
|
2806
|
-
margin-top: 20px;
|
|
2807
|
-
}
|
|
2808
|
-
`,Wb=m.div`
|
|
2809
|
-
margin-top: 16px;
|
|
2810
|
-
|
|
2811
|
-
${De.maxWidth("lg")} {
|
|
2812
|
-
order: 5;
|
|
2813
|
-
margin-top: 16px;
|
|
2814
|
-
}
|
|
2815
|
-
`,Bb=m.div`
|
|
2816
|
-
display: flex;
|
|
2817
|
-
align-items: flex-start;
|
|
2818
|
-
gap: 16px;
|
|
2819
|
-
width: 100%;
|
|
2820
|
-
`,Hb=m.div`
|
|
2821
|
-
flex: 1 1 auto;
|
|
2822
|
-
min-width: 0;
|
|
2823
|
-
display: flex;
|
|
2824
|
-
flex-direction: column;
|
|
2825
|
-
gap: 8px;
|
|
2826
|
-
`,Zi=m.div`
|
|
2827
|
-
flex: 0 0 auto;
|
|
2828
|
-
display: flex;
|
|
2829
|
-
flex-direction: column;
|
|
2830
|
-
align-items: flex-end;
|
|
2831
|
-
gap: 8px;
|
|
2832
|
-
text-align: right;
|
|
2833
|
-
`,es=m.div`
|
|
2834
|
-
font-size: 18px;
|
|
2835
|
-
font-weight: 500;
|
|
2836
|
-
line-height: 1;
|
|
2837
|
-
color: ${F.text2};
|
|
2838
|
-
|
|
2839
|
-
&[data-out] {
|
|
2840
|
-
font-size: 14px;
|
|
2841
|
-
font-weight: 600;
|
|
2842
|
-
text-transform: uppercase;
|
|
2843
|
-
letter-spacing: 0.02em;
|
|
2844
|
-
color: ${F.muted1};
|
|
2845
|
-
}
|
|
2846
|
-
`,ts=m.div`
|
|
2847
|
-
font-size: 14px;
|
|
2848
|
-
font-weight: 600;
|
|
2849
|
-
text-transform: uppercase;
|
|
2850
|
-
letter-spacing: 0;
|
|
2851
|
-
color: ${F.muted1};
|
|
2852
|
-
`,Jt=m.div`
|
|
2853
|
-
display: flex;
|
|
2854
|
-
align-items: center;
|
|
2855
|
-
gap: 10px;
|
|
2856
|
-
font-weight: 700;
|
|
2857
|
-
color: ${F.text};
|
|
2858
|
-
|
|
2859
|
-
/* Not for sale: "Not for Sale" + an info tooltip, 14px semibold, no PRICE label. */
|
|
2860
|
-
&[data-variant='none'] {
|
|
2861
|
-
display: inline-flex;
|
|
2862
|
-
align-items: center;
|
|
2863
|
-
gap: 6px;
|
|
2864
|
-
font-size: 14px;
|
|
2865
|
-
font-weight: 600;
|
|
2866
|
-
color: ${F.text};
|
|
2867
|
-
}
|
|
2868
|
-
&[data-variant='sale'] {
|
|
2869
|
-
flex-wrap: wrap;
|
|
2870
|
-
gap: 10px 14px;
|
|
2871
|
-
color: ${F.dclRed};
|
|
2872
|
-
}
|
|
2873
|
-
`;m.span`
|
|
2874
|
-
display: flex;
|
|
2875
|
-
align-items: center;
|
|
2876
|
-
gap: 10px;
|
|
2877
|
-
font-weight: 700;
|
|
2878
|
-
color: ${F.dclRed};
|
|
2879
|
-
`;const kn=m.span`
|
|
2880
|
-
font-size: 30px;
|
|
2881
|
-
line-height: 1;
|
|
2882
|
-
`,zb=m.span`
|
|
2883
|
-
display: inline-flex;
|
|
2884
|
-
color: ${F.muted2};
|
|
2885
|
-
cursor: help;
|
|
2886
|
-
|
|
2887
|
-
&:focus-visible {
|
|
2888
|
-
outline: 2px solid ${F.accent};
|
|
2889
|
-
outline-offset: 2px;
|
|
2890
|
-
border-radius: ${An.chip};
|
|
2891
|
-
}
|
|
2892
|
-
`,qb=m.span`
|
|
2893
|
-
font-size: 24px;
|
|
2894
|
-
font-weight: 700;
|
|
2895
|
-
color: ${F.text};
|
|
2896
|
-
margin-right: -2px;
|
|
2897
|
-
`,Kb=m.div`
|
|
2898
|
-
font-size: 13px;
|
|
2899
|
-
margin-top: 6px;
|
|
2900
|
-
`,Qb=m.span`
|
|
2901
|
-
display: inline-flex;
|
|
2902
|
-
align-items: center;
|
|
2903
|
-
gap: 6px;
|
|
2904
|
-
color: ${F.muted};
|
|
2905
|
-
text-decoration: line-through;
|
|
2906
|
-
font-weight: 600;
|
|
2907
|
-
font-size: 20px;
|
|
2908
|
-
`,Vb=m.span`
|
|
2909
|
-
display: inline-flex;
|
|
2910
|
-
align-items: center;
|
|
2911
|
-
background: ${F.dclRed};
|
|
2912
|
-
color: ${F.white};
|
|
2913
|
-
font-weight: 800;
|
|
2914
|
-
font-size: 13px;
|
|
2915
|
-
letter-spacing: 0.03em;
|
|
2916
|
-
text-transform: uppercase;
|
|
2917
|
-
border-radius: 6px;
|
|
2918
|
-
padding: 4px 10px;
|
|
2919
|
-
`,Ub=m(Ll)`
|
|
2920
|
-
display: inline-flex;
|
|
2921
|
-
align-items: center;
|
|
2922
|
-
gap: 5px;
|
|
2923
|
-
background: ${F.rarityBg};
|
|
2924
|
-
color: ${F.accent};
|
|
2925
|
-
font-size: 13px;
|
|
2926
|
-
font-weight: 700;
|
|
2927
|
-
border-radius: 6px;
|
|
2928
|
-
padding: 4px 10px;
|
|
2929
|
-
white-space: nowrap;
|
|
2930
|
-
`,Xb=m.div`
|
|
2931
|
-
display: flex;
|
|
2932
|
-
flex-direction: column;
|
|
2933
|
-
gap: 12px;
|
|
2934
|
-
margin-top: 20px;
|
|
2935
|
-
|
|
2936
|
-
${De.maxWidth("lg")} {
|
|
2937
|
-
order: 6;
|
|
2938
|
-
|
|
2939
|
-
&[data-buttons] {
|
|
2940
|
-
position: fixed;
|
|
2941
|
-
left: 0;
|
|
2942
|
-
right: 0;
|
|
2943
|
-
bottom: 0;
|
|
2944
|
-
z-index: 40;
|
|
2945
|
-
margin-top: 0;
|
|
2946
|
-
padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
|
|
2947
|
-
background: ${F.softWhite};
|
|
2948
|
-
box-shadow: 0 -4px 16px rgba(22, 21, 24, 0.12);
|
|
2949
|
-
}
|
|
2950
|
-
&[data-dual] {
|
|
2951
|
-
flex-direction: row;
|
|
2952
|
-
align-items: stretch;
|
|
2953
|
-
gap: 12px;
|
|
2954
|
-
}
|
|
2955
|
-
}
|
|
2956
|
-
`,Aa=un`
|
|
2957
|
-
&& {
|
|
2958
|
-
width: 100%;
|
|
2959
|
-
height: 48px;
|
|
2960
|
-
border-radius: 16px;
|
|
2961
|
-
padding: 0 12px;
|
|
2962
|
-
display: flex;
|
|
2963
|
-
align-items: center;
|
|
2964
|
-
justify-content: center;
|
|
2965
|
-
gap: 8px;
|
|
2966
|
-
font-size: 15px;
|
|
2967
|
-
font-weight: 600;
|
|
2968
|
-
line-height: 24px;
|
|
2969
|
-
letter-spacing: 0.46px;
|
|
2970
|
-
text-transform: uppercase;
|
|
2971
|
-
}
|
|
2972
|
-
`,aa=m(Nn)`
|
|
2973
|
-
${Aa};
|
|
2974
|
-
|
|
2975
|
-
${De.maxWidth("lg")} {
|
|
2976
|
-
[data-dual] && {
|
|
2977
|
-
flex: 1 1 auto;
|
|
2978
|
-
width: auto;
|
|
2979
|
-
}
|
|
2980
|
-
}
|
|
2981
|
-
`,ns=m(Nn)`
|
|
2982
|
-
${Aa};
|
|
2983
|
-
&& {
|
|
2984
|
-
background: ${F.blackBtn};
|
|
2985
|
-
color: ${F.softWhite};
|
|
2986
|
-
border: 0;
|
|
2987
|
-
|
|
2988
|
-
.ico {
|
|
2989
|
-
width: 20px;
|
|
2990
|
-
height: 20px;
|
|
2991
|
-
}
|
|
2992
|
-
}
|
|
2993
|
-
&&:hover:not(:disabled) {
|
|
2994
|
-
background: ${F.blackBtn};
|
|
2995
|
-
filter: brightness(1.35);
|
|
2996
|
-
}
|
|
2997
|
-
`,Gb=m.button`
|
|
2998
|
-
align-self: center;
|
|
2999
|
-
border: 0;
|
|
3000
|
-
background: none;
|
|
3001
|
-
padding: 8px 0;
|
|
3002
|
-
color: ${u.colors.accent};
|
|
3003
|
-
font-weight: 600;
|
|
3004
|
-
font-size: 13px;
|
|
3005
|
-
line-height: 24px;
|
|
3006
|
-
letter-spacing: 0.46px;
|
|
3007
|
-
text-transform: uppercase;
|
|
3008
|
-
text-decoration: underline;
|
|
3009
|
-
cursor: pointer;
|
|
3010
|
-
|
|
3011
|
-
&:disabled {
|
|
3012
|
-
opacity: 0.5;
|
|
3013
|
-
cursor: default;
|
|
3014
|
-
}
|
|
3015
|
-
`,rs=m(Nn)`
|
|
3016
|
-
${Aa};
|
|
3017
|
-
&& {
|
|
3018
|
-
background: transparent;
|
|
3019
|
-
border: 2px solid ${F.blackBtn};
|
|
3020
|
-
color: ${F.text};
|
|
3021
|
-
}
|
|
3022
|
-
&&:hover:not(:disabled) {
|
|
3023
|
-
background: rgba(36, 33, 41, 0.06);
|
|
3024
|
-
}
|
|
3025
|
-
`,oa=m.span`
|
|
3026
|
-
display: none;
|
|
3027
|
-
align-items: center;
|
|
3028
|
-
gap: 6px;
|
|
3029
|
-
|
|
3030
|
-
${De.maxWidth("lg")} {
|
|
3031
|
-
[data-dual] & {
|
|
3032
|
-
display: inline-flex;
|
|
3033
|
-
}
|
|
3034
|
-
}
|
|
3035
|
-
`,as=m.button`
|
|
3036
|
-
width: 100%;
|
|
3037
|
-
height: 48px;
|
|
3038
|
-
display: flex;
|
|
3039
|
-
align-items: center;
|
|
3040
|
-
justify-content: center;
|
|
3041
|
-
gap: 8px;
|
|
3042
|
-
background: ${F.blackBtn};
|
|
3043
|
-
color: ${F.softWhite};
|
|
3044
|
-
border: 0;
|
|
3045
|
-
border-radius: 16px;
|
|
3046
|
-
font-weight: 600;
|
|
3047
|
-
font-size: 15px;
|
|
3048
|
-
text-transform: uppercase;
|
|
3049
|
-
letter-spacing: 0.46px;
|
|
3050
|
-
cursor: pointer;
|
|
3051
|
-
transition: background 0.15s ease;
|
|
3052
|
-
|
|
3053
|
-
/* Hover is the design's gray-0, not a brightness lift. */
|
|
3054
|
-
&:hover:not(:disabled) {
|
|
3055
|
-
background: ${F.gray0};
|
|
3056
|
-
}
|
|
3057
|
-
&:disabled {
|
|
3058
|
-
opacity: 0.55;
|
|
3059
|
-
cursor: default;
|
|
3060
|
-
}
|
|
3061
|
-
|
|
3062
|
-
${De.maxWidth("lg")} {
|
|
3063
|
-
[data-dual] & {
|
|
3064
|
-
flex: 0 0 auto;
|
|
3065
|
-
width: 56px;
|
|
3066
|
-
padding: 0;
|
|
3067
|
-
}
|
|
3068
|
-
[data-dual] & .ico {
|
|
3069
|
-
margin: 0;
|
|
3070
|
-
}
|
|
3071
|
-
}
|
|
3072
|
-
`,os=m.span`
|
|
3073
|
-
${De.maxWidth("lg")} {
|
|
3074
|
-
[data-dual] & {
|
|
3075
|
-
display: none;
|
|
3076
|
-
}
|
|
3077
|
-
}
|
|
3078
|
-
`,Jb=m.p`
|
|
3079
|
-
margin: 12px 0 0;
|
|
3080
|
-
font-size: 13px;
|
|
3081
|
-
color: ${F.muted};
|
|
3082
|
-
|
|
3083
|
-
& a {
|
|
3084
|
-
color: ${F.accent};
|
|
3085
|
-
font-weight: 600;
|
|
3086
|
-
}
|
|
3087
|
-
`,Zb=m.p`
|
|
3088
|
-
margin: 4px 0 0;
|
|
3089
|
-
font-size: 13px;
|
|
3090
|
-
color: ${F.muted};
|
|
3091
|
-
|
|
3092
|
-
& a {
|
|
3093
|
-
color: ${F.accent};
|
|
3094
|
-
font-weight: 600;
|
|
3095
|
-
}
|
|
3096
|
-
`;m.div`
|
|
3097
|
-
max-width: 1721px;
|
|
3098
|
-
margin: 0 auto;
|
|
3099
|
-
min-height: 46vh;
|
|
3100
|
-
display: flex;
|
|
3101
|
-
flex-direction: column;
|
|
3102
|
-
align-items: center;
|
|
3103
|
-
justify-content: center;
|
|
3104
|
-
text-align: center;
|
|
3105
|
-
gap: 14px;
|
|
3106
|
-
`;const ev=m(Nn)`
|
|
3107
|
-
margin-top: 6px;
|
|
3108
|
-
`,tv=m(U)`
|
|
3109
|
-
opacity: 0.4;
|
|
3110
|
-
`,nv=m.h1`
|
|
3111
|
-
font-size: 22px;
|
|
3112
|
-
`,rv=m.div`
|
|
3113
|
-
display: flex;
|
|
3114
|
-
flex-direction: column;
|
|
3115
|
-
`,is=m.span`
|
|
3116
|
-
display: block;
|
|
3117
|
-
height: 15px;
|
|
3118
|
-
width: 84px;
|
|
3119
|
-
border-radius: 4px;
|
|
3120
|
-
`,av=m.div`
|
|
3121
|
-
display: flex;
|
|
3122
|
-
flex-direction: column;
|
|
3123
|
-
align-self: stretch;
|
|
3124
|
-
gap: 16px;
|
|
3125
|
-
padding: 8px 0;
|
|
3126
|
-
`,ov=m.span`
|
|
3127
|
-
display: inline-flex;
|
|
3128
|
-
align-items: center;
|
|
3129
|
-
height: 48px;
|
|
3130
|
-
gap: 10px;
|
|
3131
|
-
background: none !important;
|
|
3132
|
-
|
|
3133
|
-
&::before,
|
|
3134
|
-
&::after {
|
|
3135
|
-
content: '';
|
|
3136
|
-
display: block;
|
|
3137
|
-
}
|
|
3138
|
-
&::before {
|
|
3139
|
-
width: 40px;
|
|
3140
|
-
height: 40px;
|
|
3141
|
-
border-radius: 50%;
|
|
3142
|
-
background: ${F.media};
|
|
3143
|
-
}
|
|
3144
|
-
&::after {
|
|
3145
|
-
width: 96px;
|
|
3146
|
-
height: 14px;
|
|
3147
|
-
border-radius: 6px;
|
|
3148
|
-
background: ${F.media};
|
|
3149
|
-
}
|
|
3150
|
-
`,iv=m.span`
|
|
3151
|
-
height: 34px;
|
|
3152
|
-
width: 70%;
|
|
3153
|
-
margin: 3px 0;
|
|
3154
|
-
border-radius: 8px;
|
|
3155
|
-
`,sv=m.div`
|
|
3156
|
-
display: flex;
|
|
3157
|
-
gap: 8px;
|
|
3158
|
-
/* Same as Chips above, so the row does not move when the real chips arrive. */
|
|
3159
|
-
margin-top: 12px;
|
|
3160
|
-
`,ia=m.span`
|
|
3161
|
-
height: 24px;
|
|
3162
|
-
width: 88px;
|
|
3163
|
-
border-radius: 6px;
|
|
3164
|
-
`,sa=m.span`
|
|
3165
|
-
height: 14px;
|
|
3166
|
-
width: 100%;
|
|
3167
|
-
border-radius: 6px;
|
|
3168
|
-
|
|
3169
|
-
&[data-short] {
|
|
3170
|
-
width: 55%;
|
|
3171
|
-
}
|
|
3172
|
-
`,cv=m.span`
|
|
3173
|
-
display: block;
|
|
3174
|
-
height: 30px;
|
|
3175
|
-
width: 40%;
|
|
3176
|
-
margin: 16px 0 13px;
|
|
3177
|
-
border-radius: 8px;
|
|
3178
|
-
`,lv=m.span`
|
|
3179
|
-
display: block;
|
|
3180
|
-
height: 42px;
|
|
3181
|
-
width: 100%;
|
|
3182
|
-
border-radius: 8px;
|
|
3183
|
-
margin-top: 20px;
|
|
3184
|
-
`,Dn=m(Ie)`
|
|
3185
|
-
width: 30px;
|
|
3186
|
-
height: 30px;
|
|
3187
|
-
color: ${F.text};
|
|
3188
|
-
|
|
3189
|
-
&[data-was] {
|
|
3190
|
-
width: 20px;
|
|
3191
|
-
height: 20px;
|
|
3192
|
-
color: ${F.muted};
|
|
3193
|
-
}
|
|
3194
|
-
`,ca=m(Ie)`
|
|
3195
|
-
width: 20px;
|
|
3196
|
-
height: 20px;
|
|
3197
|
-
`,dv=m.div`
|
|
3198
|
-
display: flex;
|
|
3199
|
-
align-items: center;
|
|
3200
|
-
justify-content: space-between;
|
|
3201
|
-
gap: 8px;
|
|
3202
|
-
padding: 8px;
|
|
3203
|
-
margin: 16px 0;
|
|
3204
|
-
border-radius: ${An.btn};
|
|
3205
|
-
background: #f4e9ff;
|
|
3206
|
-
`,uv=m.span`
|
|
3207
|
-
display: flex;
|
|
3208
|
-
align-items: center;
|
|
3209
|
-
gap: 8px;
|
|
3210
|
-
font-size: 14px;
|
|
3211
|
-
line-height: 14px;
|
|
3212
|
-
color: ${F.text};
|
|
3213
|
-
`,pv=m(U)`
|
|
3214
|
-
width: 20px;
|
|
3215
|
-
height: 20px;
|
|
3216
|
-
color: ${F.rarity};
|
|
3217
|
-
`,fv=m(U)`
|
|
3218
|
-
width: 24px;
|
|
3219
|
-
height: 24px;
|
|
3220
|
-
color: ${F.rarity};
|
|
3221
|
-
`,hv=m.div`
|
|
3222
|
-
display: flex;
|
|
3223
|
-
align-items: center;
|
|
3224
|
-
justify-content: space-between;
|
|
3225
|
-
gap: 8px;
|
|
3226
|
-
width: 100%;
|
|
3227
|
-
margin-top: 16px;
|
|
3228
|
-
|
|
3229
|
-
&[data-centered] {
|
|
3230
|
-
justify-content: center;
|
|
3231
|
-
}
|
|
3232
|
-
`,mv=m.span`
|
|
3233
|
-
display: flex;
|
|
3234
|
-
align-items: center;
|
|
3235
|
-
gap: 2px;
|
|
3236
|
-
font-size: 14px;
|
|
3237
|
-
font-weight: 600;
|
|
3238
|
-
color: ${F.muted};
|
|
3239
|
-
|
|
3240
|
-
& .ico {
|
|
3241
|
-
width: 20px;
|
|
3242
|
-
height: 20px;
|
|
3243
|
-
color: ${F.muted};
|
|
3244
|
-
}
|
|
3245
|
-
`,gv=m.span`
|
|
3246
|
-
font-size: 16px;
|
|
3247
|
-
font-weight: 700;
|
|
3248
|
-
padding-left: 2px;
|
|
3249
|
-
`,ss=m.button`
|
|
3250
|
-
border: 0;
|
|
3251
|
-
background: none;
|
|
3252
|
-
padding: 0;
|
|
3253
|
-
cursor: pointer;
|
|
3254
|
-
font-family: ${Sb.sans};
|
|
3255
|
-
font-size: 13px;
|
|
3256
|
-
font-weight: 600;
|
|
3257
|
-
letter-spacing: 0.46px;
|
|
3258
|
-
text-transform: uppercase;
|
|
3259
|
-
text-decoration: underline;
|
|
3260
|
-
color: ${F.accent};
|
|
3261
|
-
|
|
3262
|
-
&:hover {
|
|
3263
|
-
color: ${F.accentHover};
|
|
3264
|
-
}
|
|
3265
|
-
&:focus-visible {
|
|
3266
|
-
outline: 2px solid ${F.accent};
|
|
3267
|
-
outline-offset: 2px;
|
|
3268
|
-
border-radius: ${An.chip};
|
|
3269
|
-
}
|
|
3270
|
-
`,xv=m.div`
|
|
3271
|
-
display: flex;
|
|
3272
|
-
flex-direction: column;
|
|
3273
|
-
gap: 16px;
|
|
3274
|
-
width: 100%;
|
|
3275
|
-
padding: 16px 0;
|
|
3276
|
-
`,cs=m.div`
|
|
3277
|
-
display: flex;
|
|
3278
|
-
align-items: center;
|
|
3279
|
-
justify-content: space-between;
|
|
3280
|
-
gap: 8px;
|
|
3281
|
-
width: 100%;
|
|
3282
|
-
|
|
3283
|
-
&[data-variant='original'] {
|
|
3284
|
-
color: ${F.muted2};
|
|
3285
|
-
}
|
|
3286
|
-
`,ls=m.span`
|
|
3287
|
-
display: flex;
|
|
3288
|
-
align-items: center;
|
|
3289
|
-
gap: 4px;
|
|
3290
|
-
font-size: 14px;
|
|
3291
|
-
font-weight: 600;
|
|
3292
|
-
|
|
3293
|
-
[data-variant='original'] & {
|
|
3294
|
-
color: ${F.muted2};
|
|
3295
|
-
}
|
|
3296
|
-
[data-variant='resale'] & {
|
|
3297
|
-
color: ${F.text};
|
|
3298
|
-
}
|
|
3299
|
-
`,ds=m.span`
|
|
3300
|
-
display: flex;
|
|
3301
|
-
align-items: center;
|
|
3302
|
-
gap: 2px;
|
|
3303
|
-
padding: 0 2px;
|
|
3304
|
-
|
|
3305
|
-
[data-variant='original'] & .ico {
|
|
3306
|
-
width: 20px;
|
|
3307
|
-
height: 20px;
|
|
3308
|
-
color: ${F.muted2};
|
|
3309
|
-
}
|
|
3310
|
-
[data-variant='resale'] & .ico {
|
|
3311
|
-
width: 24px;
|
|
3312
|
-
height: 24px;
|
|
3313
|
-
color: ${F.rarity};
|
|
3314
|
-
}
|
|
3315
|
-
`,us=m.span`
|
|
3316
|
-
[data-variant='original'] & {
|
|
3317
|
-
font-size: 16px;
|
|
3318
|
-
font-weight: 700;
|
|
3319
|
-
text-decoration: line-through;
|
|
3320
|
-
}
|
|
3321
|
-
[data-variant='resale'] & {
|
|
3322
|
-
font-size: 25px;
|
|
3323
|
-
font-weight: 700;
|
|
3324
|
-
color: ${F.text};
|
|
3325
|
-
}
|
|
3326
|
-
`,yv=m.span`
|
|
3327
|
-
font-size: 14px;
|
|
3328
|
-
font-weight: 600;
|
|
3329
|
-
|
|
3330
|
-
[data-variant='original'] & {
|
|
3331
|
-
color: ${F.muted2};
|
|
3332
|
-
}
|
|
3333
|
-
`,bv=m.span`
|
|
3334
|
-
font-size: 14px;
|
|
3335
|
-
font-weight: 600;
|
|
3336
|
-
color: ${F.text2};
|
|
3337
|
-
`,ps=m.span`
|
|
3338
|
-
display: inline-flex;
|
|
3339
|
-
width: 12px;
|
|
3340
|
-
height: 12px;
|
|
3341
|
-
color: ${F.muted2};
|
|
3342
|
-
`,vv=m.div`
|
|
3343
|
-
display: flex;
|
|
3344
|
-
flex-direction: column;
|
|
3345
|
-
gap: 12px;
|
|
3346
|
-
width: 100%;
|
|
3347
|
-
`,wv=m.div`
|
|
3348
|
-
display: flex;
|
|
3349
|
-
justify-content: center;
|
|
3350
|
-
`,Rr=un`
|
|
3351
|
-
display: block;
|
|
3352
|
-
background: linear-gradient(100deg, #efeef2 30%, #e2e0e7 50%, #efeef2 70%);
|
|
3353
|
-
background-size: 200% 100%;
|
|
3354
|
-
animation: shimmer 1.4s infinite linear;
|
|
3355
|
-
|
|
3356
|
-
@media (prefers-reduced-motion: reduce) {
|
|
3357
|
-
animation: none;
|
|
3358
|
-
}
|
|
3359
|
-
`,kv=m.div`
|
|
3360
|
-
display: flex;
|
|
3361
|
-
flex-direction: column;
|
|
3362
|
-
gap: 12px;
|
|
3363
|
-
width: 100%;
|
|
3364
|
-
/* Reserve the divider→CTA rhythm so the block is the same height loading vs loaded. */
|
|
3365
|
-
padding-top: 4px;
|
|
3366
|
-
`,Dv=m.span`
|
|
3367
|
-
${Rr};
|
|
3368
|
-
width: 120px;
|
|
3369
|
-
height: 30px;
|
|
3370
|
-
border-radius: ${An.btn};
|
|
3371
|
-
margin-bottom: 4px;
|
|
3372
|
-
`,fs=m.span`
|
|
3373
|
-
${Rr};
|
|
3374
|
-
width: 100%;
|
|
3375
|
-
height: 48px;
|
|
3376
|
-
border-radius: 16px;
|
|
3377
|
-
`,hs=m.div`
|
|
3378
|
-
display: flex;
|
|
3379
|
-
align-items: center;
|
|
3380
|
-
gap: 12px;
|
|
3381
|
-
`,ms=m.span`
|
|
3382
|
-
${Rr};
|
|
3383
|
-
flex: none;
|
|
3384
|
-
width: 48px;
|
|
3385
|
-
height: 48px;
|
|
3386
|
-
border-radius: 50%;
|
|
3387
|
-
`,gs=m.span`
|
|
3388
|
-
${Rr};
|
|
3389
|
-
width: 96px;
|
|
3390
|
-
height: 16px;
|
|
3391
|
-
border-radius: 6px;
|
|
3392
|
-
`;function Cv(n){return Object.values(Ae.Rarity).includes(n)}function Sv(n){return n==="male"?g("itemDetail.genderMale"):n==="female"?g("itemDetail.genderFemale"):n==="unisex"?g("itemDetail.genderUnisex"):null}function xs(n){return n.wearableCategory?n.wearableCategory.replace(/_/g," "):n.category==="emote"?g("itemDetail.categoryEmote"):g("itemDetail.categoryWearable")}function Jv(){var lo;const{contractAddress:n,itemId:a,tokenId:t}=ll(),e=!!t,r=a??Mp(t)??null,o=dl(),i=o.state,c=Bt(),l=!!(i!=null&&i.market),p=(i==null?void 0:i.marketPriceCredits)??null,d=Ht(),h=Pn(j=>j.add),x=Pn(j=>j.items),b=Fl(j=>j.toggle),{session:y,signIn:w}=At(),k=Or(y),[f,C]=v.useState(()=>{if(i!=null&&i.item){const j={...i.item,tradeId:i.tradeId??i.item.tradeId};return e?{...j,tokenId:t,itemId:j.itemId??r}:{...j,tokenId:void 0,itemId:a??j.itemId}}return{id:`${n}-${t??a}`,name:"",creator:"",contractAddress:n??"",itemId:r,category:"wearable",rarity:"common",network:"MATIC",chainId:rn.chainId,thumbnail:"",priceCredits:0,gender:null,isSmart:!1,tokenId:t??void 0,tradeId:i==null?void 0:i.tradeId}}),[N,E]=v.useState(!1),[R,$]=v.useState(!!(i!=null&&i.resumeBuy));v.useEffect(()=>{i!=null&&i.resumeBuy&&E(!0)},[i==null?void 0:i.resumeBuy]);function S(){if(y){E(!0);return}l||Gd({type:"item-buy",path:o.pathname}),w()}const D=v.useRef(!1);v.useEffect(()=>{if(!y||D.current)return;const j=Xd("item-buy");!j||j.path!==o.pathname||(D.current=!0,$(!0),E(!0))},[y]);const{data:P=[],isFetched:I}=xe({queryKey:["collection-items",f.contractAddress],enabled:!!f.contractAddress,queryFn:()=>Gl(f.contractAddress,{first:20}).then(j=>j.items)}),O=f.available==null&&!f.tokenId,{data:T,isLoading:W}=xe({queryKey:["shop-item",f.contractAddress,r],enabled:!l&&!e&&!!f.contractAddress&&!!r&&(!(i!=null&&i.item)||O),staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>Jl(f.contractAddress,r)});v.useEffect(()=>{T&&C(j=>j.tradeId?j.available!=null&&j.wearableCategory?j:{...j,available:j.available??T.available,wearableCategory:j.wearableCategory??T.wearableCategory}:{...T})},[T]);const[z,V]=v.useState(!1),{data:Y=""}=xe({queryKey:["item-desc",f.contractAddress,f.itemId],enabled:!!f.contractAddress&&!!f.itemId,staleTime:5*6e4,queryFn:()=>Zl(f.contractAddress,f.itemId)}),{data:q,isLoading:_}=xe({queryKey:["collection-meta",f.contractAddress],enabled:!!f.contractAddress,staleTime:5*6e4,queryFn:()=>Cs(f.contractAddress)});v.useEffect(()=>{const j=(T==null?void 0:T.creator)||(q==null?void 0:q.creator);j&&C(de=>de.creator?de:{...de,creator:j})},[T,q]),v.useEffect(()=>{if(e||f.name||T||P.length===0)return;const j=r&&P.find(de=>de.itemId===r)||P.find(de=>de.contractAddress===f.contractAddress);j&&C(de=>({...j,tradeId:de.tradeId??j.tradeId}))},[P,T]);const J=v.useMemo(()=>{const j=new Set,de=[];for(const Ee of P){if(Ee.id===f.id||f.itemId&&Ee.itemId===f.itemId||f.tokenId&&Ee.tokenId===f.tokenId)continue;const nt=`${Ee.contractAddress}-${Ee.itemId??Ee.tokenId??Ee.id}`;j.has(nt)||(j.add(nt),de.push(Ee))}return de},[P,f.id,f.itemId,f.tokenId]),me=I&&J.length===0,{items:ge}=Py(f.contractAddress,r,{enabled:me}),{data:We,isLoading:Ce}=xe({queryKey:["detail-trade",f.id,f.tradeId,f.contractAddress,f.itemId],enabled:!!f.contractAddress,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:async()=>{if(f.tradeId)return f.tradeId;if(!e&&f.itemId){const j=await ed(f.contractAddress,f.itemId);return(j==null?void 0:j.id)??null}return null}}),{data:_e}=xe({queryKey:["item-traits",f.contractAddress,r],enabled:!!f.contractAddress&&!!r,staleTime:5*6e4,retry:1,queryFn:()=>td(f.contractAddress,r)}),St=(_e==null?void 0:_e.isSmart)??f.isSmart,mt=(_e==null?void 0:_e.utility)??null,gt=v.useMemo(()=>f.emoteLoop!==void 0?f:(r?P.find(de=>de.itemId===r):void 0)??f,[f,P,r]),Mt=So(d,f.tradeId)??So(d,We),be=!!Mt,qt=Yl(),{data:Ze=[]}=xe({queryKey:["item-resales",f.contractAddress,f.itemId],enabled:qt&&!l&&!!f.contractAddress&&!!f.itemId,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>Ps(f.contractAddress,f.itemId)}),_t=Ze.length>0?Ze[0].priceCredits:null,A=e&&f.tokenId?Ze.find(j=>j.tokenId===f.tokenId)??null:null,K=v.useMemo(()=>{const j=Ze[0];return j?{...j,name:j.name||f.name,thumbnail:j.thumbnail||f.thumbnail,rarity:j.rarity||f.rarity,category:j.category||f.category,wearableCategory:j.wearableCategory??f.wearableCategory,gender:j.gender??f.gender}:null},[Ze,f]),[Q,ie]=v.useState(null),[te,ve]=v.useState(!1),{data:fn}=_s(l),Kt=v.useMemo(()=>{if(!l||!(i!=null&&i.item))return null;const j=i.item;return j.manaWei?{tradeId:j.tradeId??j.id,listingType:"primary",contractAddress:j.contractAddress,itemId:j.itemId??"",name:j.name,thumbnail:j.thumbnail,rarity:j.rarity,category:j.category,wearableCategory:j.wearableCategory??null,creator:j.creator,manaWei:j.manaWei,available:1,network:j.network,chainId:j.chainId,createdAt:0}:null},[l,i==null?void 0:i.item]),Ln=l&&p!=null&&!!fn&&!!Kt,Fn=Wl({priceCredits:f.priceCredits,compareAtCredits:f.compareAtCredits,saleEndsAt:f.saleEndsAt}),hn=v.useMemo(()=>({...f,tradeId:Mt,id:Mt??f.id}),[f,Mt]),Ar=x.some(j=>j.id===hn.id),Yn=!hn.tokenId,Yc=((lo=x.find(j=>j.id===hn.id))==null?void 0:lo.quantity)??0,Lr=Yn&&typeof f.available=="number"&&Yc>=f.available,{key:La,faved:xt}=Bl(f),Fa=v.useRef(null);v.useEffect(()=>{!f.name||Ce||Fa.current===f.id||(Fa.current=f.id,ue("Shop Viewed Item",{...Hl(f),for_sale:be}),kb(f))},[f.id,f.name,Ce,be]);const Wn=`${n}/${t??a}`,Ya=v.useRef(Wn);v.useEffect(()=>{if(Ya.current!==Wn){if(Ya.current=Wn,i!=null&&i.item){const j={...i.item,tradeId:i.tradeId??i.item.tradeId};C(e?{...j,tokenId:t,itemId:j.itemId??r}:{...j,tokenId:void 0,itemId:a??j.itemId})}typeof window<"u"&&window.scrollTo({top:0,behavior:"smooth"})}},[Wn]);function Wc(){!be||Fr||Ce||!Yn&&Ar||Lr||h(hn,"item_detail")}const Bn=Cv(f.rarity)?f.rarity:Ae.Rarity.COMMON,Wa=Sv(f.gender),Ba=zl(f),Ha=ql(f.gender),Bc=be&&Fn,Hc=g("itemDetail.moreFromCollection"),zc=g("itemDetail.relatedItems"),Fr=Kl(f,y==null?void 0:y.address),[qc,za]=v.useState(!1),[Kc,qa]=v.useState(!1),[Qc,Ka]=v.useState(!1),[Vc,Qa]=v.useState(!1),[mn,gn]=v.useState(null),[et,Hn]=v.useState(null),[Uc,Va]=v.useState(null),{data:X,isLoading:zn}=xe({queryKey:["owned-token",f.contractAddress,f.tokenId,y==null?void 0:y.address],enabled:!l&&!!(y!=null&&y.address)&&!!f.contractAddress&&!!f.tokenId,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>y?nd(y.address,f.contractAddress,f.tokenId):null});v.useEffect(()=>{X&&C(j=>j.name?{...j,issuedId:j.issuedId??X.issuedId,priceCredits:X.listingPrice??0,tradeId:X.tradeId}:{id:X.id,name:X.name,creator:"",contractAddress:X.contractAddress,itemId:X.itemId,category:X.category,rarity:X.rarity??"common",network:X.network,chainId:X.chainId,thumbnail:X.image,priceCredits:X.listingPrice??0,gender:null,isSmart:!1,tokenId:X.tokenId,issuedId:X.issuedId,tradeId:X.tradeId})},[X]),v.useEffect(()=>{A&&C(j=>j.priceCredits===A.priceCredits&&j.tradeId?j:{...j,priceCredits:A.priceCredits,tradeId:j.tradeId??A.tradeId})},[A]),v.useEffect(()=>{mn!=null&&X!=null&&X.isOnSale&&X.listingPrice===mn&&gn(null)},[X,mn]);const Ua=!l&&!!f.contractAddress&&!!f.tokenId&&!f.name&&!T&&!zn&&!X,{data:we,isFetched:Xc}=xe({queryKey:["public-token",f.contractAddress,f.tokenId],enabled:Ua,staleTime:0,refetchOnMount:"always",refetchOnWindowFocus:!0,queryFn:()=>rd(f.contractAddress,f.tokenId)});v.useEffect(()=>{we&&C(j=>j.name?j.issuedId?j:{...j,issuedId:we.issuedId}:{id:we.id,name:we.name,creator:"",contractAddress:we.contractAddress,itemId:we.itemId,category:we.category,rarity:we.rarity??"common",network:we.network,chainId:we.chainId,thumbnail:we.image,priceCredits:we.listingPrice??0,gender:null,isSmart:!1,tokenId:we.tokenId,issuedId:we.issuedId,tradeId:we.tradeId})},[we]);const{data:Be}=xe({queryKey:["publishable-item",f.contractAddress,f.itemId,y==null?void 0:y.address],enabled:Fr&&!!y&&!!f.itemId,queryFn:async()=>y?(await eu(y.address,y.identity)).find(de=>de.contractAddress.toLowerCase()===f.contractAddress.toLowerCase()&&de.blockchainItemId===f.itemId)??null:null}),tt=e&&!!X,Yr=!e&&Fr,He=!l&&(Yr||tt),Xa=mn!=null?!0:tt?!!(X!=null&&X.isOnSale):be,xn=tt?X==null?void 0:X.tradeId:Mt,Ga=tt?!!X:!!Be,Gc=Yr||tt&&qt,Ja=mn??(tt?(X==null?void 0:X.listingPrice)??0:0),{data:Za=0}=xe({queryKey:["owned-item-count",f.contractAddress,a,y==null?void 0:y.address],enabled:!e&&!l&&!!(y!=null&&y.address)&&!!f.contractAddress&&!!a,staleTime:3e4,queryFn:()=>y?ad(y.address,f.contractAddress,a):0});async function Pt(){await Promise.all([d.invalidateQueries({queryKey:["owned-token",f.contractAddress,f.tokenId]}),d.invalidateQueries({queryKey:["detail-trade"]}),d.invalidateQueries({queryKey:["shop-item"]}),d.invalidateQueries({queryKey:["collection-sale-state"]}),d.invalidateQueries({queryKey:["shop-items"]}),d.invalidateQueries({queryKey:["catalog-items"]}),d.invalidateQueries({queryKey:["publishable-items"]}),d.invalidateQueries({queryKey:["publishable-item",f.contractAddress,f.itemId]}),d.invalidateQueries({queryKey:["item-resales",f.contractAddress,f.itemId]})])}async function eo(j={}){const de=j.own!==!1;if(!y||!xn)return!1;Va(null),de&&Hn("remove");try{const Ee=await Ms(xn);return await Zd({trade:Ee,signer:y.signer}),j.silent||Tn.success(g("myAssets.removedFromSale",{name:f.name})),gn(null),_p(d,xn),C(nt=>nt.tradeId===xn?{...nt,tradeId:void 0}:nt),Pt(),Vr(d,{address:y.address,contractAddress:f.contractAddress,tokenId:f.tokenId},{kind:"removed"}),!0}catch(Ee){const nt=an(Ee);return nt||Ne(Ee,{flow:"remove-listing",tradeId:xn}),Va(nt?g("getCredits.errorCanceled"):g("myAssets.removeListingError")),!1}finally{de&&Hn(null)}}function to(){tt?za(!0):qa(!0)}async function Jc(){Hn("update");try{await eo({silent:!0,own:!1})&&to()}finally{Hn(null)}}function no(){za(!1),qa(!1),Pt()}const ro=be?Ce?g("itemDetail.checking"):Lr?g("itemDetail.maxInCart"):!Yn&&Ar?g("assetCard.inCart"):g("assetCard.addToCart"):g("itemDetail.notForSale"),Zc=typeof f.available=="number"&&f.available>0&&!f.tokenId&&!l,ao=!l&&!f.tokenId&&f.available===0,Qt=ao&&!He&&!!K,qn=!!K&&x.some(j=>j.id===K.id),el=!He&&be&&!l,tl=l||!He&&(be||Qt&&!!K||jc()),nl=!f.name&&(!!T||!!X||!!we),oo=W||!!f.contractAddress&&!I||!f.name&&zn||nl||Ua&&!Xc,io=!f.name&&!oo,rl=!!f.name&&Pp({isMarket:l,forSale:be,priceKnown:f.priceCredits>0||He,manage:He,soldOutWithResale:Qt,stillResolving:oo,resolvingTrade:Ce,isTokenRoute:e,ownedAssetLoading:zn,deepLinkLoading:W}),so=!f.creator&&(W||_||zn),co=!(q!=null&&q.name)&&_,al=/^https?:\/\//i.test(f.thumbnail);return Ql(io?{title:g("seo.item.notFoundTitle"),noindex:!0}:f.name?{title:f.name,description:Y||g("seo.item.fallbackDescription",{name:f.name,rarity:f.rarity,category:xs(f),creator:wa(f.creator)}),image:al?f.thumbnail:void 0,type:"product"}:{}),io?s.jsxs(Xi,{"data-notfound":!0,children:[s.jsx(tv,{name:"cart"}),s.jsx(nv,{children:g("itemDetail.notAvailableTitle")}),s.jsx("p",{className:"muted",children:g("itemDetail.notAvailableBody")}),s.jsx(ev,{variant:"purple",onClick:()=>c("/items"),children:g("notFound.cta")})]}):s.jsxs(Xi,{children:[s.jsxs(Mb,{"aria-label":g("itemDetail.breadcrumbAria"),children:[s.jsx(_b,{onClick:()=>c("/items"),children:g("nav.collectibles")}),s.jsx(Pb,{children:"/"}),s.jsx(Ib,{children:f.name||g("itemDetail.itemFallback")})]}),s.jsxs(jb,{children:[s.jsxs(Eb,{"data-testid":"item-preview",children:[f.name?s.jsx($y,{item:f}):s.jsx(Tb,{"aria-busy":"true","aria-label":g("itemPreview.loading"),children:s.jsx("span",{className:"skeleton","aria-hidden":!0})}),La?s.jsx(Gi,{"data-fav-preview":!0,"data-on":xt||void 0,onClick:()=>b(f),"aria-pressed":xt,"aria-label":xt?g("assetCard.removeFromFavorites"):g("assetCard.addToFavorites"),children:s.jsx(U,{name:xt?"heart-solid":"heart",size:18})}):null]}),s.jsx(Nb,{"data-testid":"item-info",children:f.name?s.jsxs(s.Fragment,{children:[s.jsxs($b,{children:[s.jsxs(Ob,{children:[f.name,e&&f.issuedId?` #${f.issuedId}`:""]}),La?s.jsx(Gi,{"data-fav-title":!0,"data-on":xt||void 0,onClick:()=>b(f),"aria-pressed":xt,"aria-label":xt?g("assetCard.removeFromFavorites"):g("assetCard.addToFavorites"),children:s.jsx(U,{name:xt?"heart-solid":"heart",size:18})}):null]}),s.jsxs(Rb,{children:[s.jsx(rt,{"data-variant":"rarity",style:{background:Xl(Bn),color:Ul(Bn)},title:Vl(f.rarity),children:f.rarity}),s.jsxs(rt,{children:[Ba?s.jsx(U,{name:Ba,size:18,color:u.colors.text2}):null,xs(f)]}),Wa?s.jsxs(rt,{children:[Ha?s.jsx(U,{name:Ha,size:18,color:u.colors.text2}):null,Wa]}):null,!e&&f.issuedId?s.jsxs(rt,{"data-testid":"detail-issued",children:["#",f.issuedId]}):null,St?s.jsxs(rt,{"data-testid":"detail-smart",children:[s.jsx(U,{name:"smart",size:18,color:u.colors.text2}),g("itemDetail.smart")]}):null,gt.emoteLoop!==void 0?s.jsxs(rt,{"data-testid":"detail-play-mode",children:[s.jsx(U,{name:gt.emoteLoop?"play-loop":"play-once",size:18,color:u.colors.text2}),gt.emoteLoop?g("itemDetail.playLoop"):g("itemDetail.playOnce")]}):null,gt.emoteHasSound?s.jsxs(rt,{"data-testid":"detail-sound",children:[s.jsx(U,{name:"sound",size:18,color:u.colors.text2}),g("itemDetail.emoteSound")]}):null,gt.emoteHasProps?s.jsxs(rt,{"data-testid":"detail-props",children:[s.jsx(U,{name:"props",size:18,color:u.colors.text2}),g("itemDetail.emoteProps")]}):null,mt?s.jsxs(rt,{"data-testid":"detail-utility-chip",children:[s.jsx(U,{name:"utility",size:18,color:u.colors.text2}),g("itemDetail.utility")]}):null]}),Y||mt?s.jsxs(Rc,{children:[Y?s.jsx(va,{children:s.jsxs(ba,{children:[s.jsx(Gt,{children:g("itemDetail.description")}),s.jsx(Ji,{"data-expanded":z||void 0,children:Y}),Y.length>140?s.jsx(Lb,{className:"link",onClick:()=>V(j=>!j),children:z?g("itemDetail.showLess"):g("itemDetail.readMore")}):null]})}):null,mt?s.jsx(va,{children:s.jsxs(ba,{"data-testid":"detail-utility",children:[s.jsx(Gt,{children:g("itemDetail.utility")}),s.jsx(Ji,{"data-expanded":!0,children:mt})]})}):null]}):null,f.creator||q!=null&&q.name||so||co?s.jsxs(Ac,{children:[f.creator?s.jsxs(Mn,{children:[s.jsx(Gt,{children:g("itemDetail.creator")}),s.jsx(Fb,{address:f.creator,linkToProfile:!0,hidePrefix:!0})]}):so?s.jsxs(Mn,{children:[s.jsx(Gt,{children:g("itemDetail.creator")}),s.jsxs(hs,{"aria-hidden":!0,"data-testid":"creator-loading",children:[s.jsx(ms,{}),s.jsx(gs,{})]})]}):null,q!=null&&q.name?s.jsxs(Mn,{"data-collection":!0,children:[s.jsx(Gt,{children:g("itemDetail.collection")}),s.jsx(Yb,{contractAddress:f.contractAddress,name:q.name,items:P})]}):co?s.jsxs(Mn,{"data-collection":!0,children:[s.jsx(Gt,{children:g("itemDetail.collection")}),s.jsxs(hs,{"aria-hidden":!0,"data-testid":"collection-loading",children:[s.jsx(ms,{}),s.jsx(gs,{})]})]}):null]}):null,s.jsx(Fc,{}),rl?s.jsxs(kv,{"aria-hidden":!0,"data-testid":"sale-loading",children:[s.jsx(Dv,{}),s.jsx(fs,{}),s.jsx(fs,{})]}):s.jsxs(s.Fragment,{children:[qt&&!He&&!l&&be&&!f.tokenId?s.jsxs(dv,{"data-testid":"buy-from-creator",children:[s.jsxs(uv,{children:[s.jsx(pv,{name:"buy-from-creator"}),g("itemDetail.buyFromCreator")]}),s.jsx(fv,{name:"check-rounded"})]}):null,Qt?s.jsxs(xv,{"data-testid":"sold-out",children:[s.jsxs(cs,{"data-variant":"original",children:[s.jsxs(ls,{children:[g("itemDetail.originalPrice"),s.jsxs(ds,{children:[s.jsx(Ie,{className:"ico"}),s.jsx(us,{children:f.priceCredits})]}),s.jsx(ps,{"aria-hidden":!0,children:s.jsx(U,{name:"info",size:12})})]}),s.jsx(yv,{"data-testid":"out-of-stock",children:g("itemDetail.soldOut")})]}),s.jsxs(cs,{"data-variant":"resale",children:[s.jsxs(ls,{children:[g("itemDetail.resalePrice"),s.jsxs(ds,{children:[s.jsx(Ie,{className:"ico"}),s.jsx(us,{children:_t})]}),s.jsx(ps,{"aria-hidden":!0,children:s.jsx(U,{name:"info",size:12})})]}),s.jsxs(bv,{children:[g("itemDetail.stock")," ",Ze.length,"/",Ae.Rarity.getMaxSupply(Bn).toLocaleString()]})]})]}):s.jsx(Wb,{children:s.jsxs(Bb,{children:[s.jsxs(Hb,{children:[l||be?s.jsx(ts,{children:g("itemDetail.price")}):null,l?s.jsxs(s.Fragment,{children:[s.jsx(Jt,{"data-variant":"market","data-testid":"item-price",children:p==null?s.jsx(kn,{children:"—"}):s.jsxs(s.Fragment,{children:[s.jsx(qb,{"aria-hidden":!0,children:"≈"}),s.jsx(Dn,{}),s.jsx(kn,{children:p})]})}),s.jsx(Kb,{className:"muted",children:g("assetCard.marketPrice")})]}):be?Bc?s.jsxs(Jt,{"data-variant":"sale","data-testid":"item-price",children:[s.jsxs(Jt,{children:[s.jsx(Dn,{}),s.jsx(kn,{children:f.priceCredits})]}),s.jsxs(Qb,{children:[s.jsx(Dn,{"data-was":!0}),f.compareAtCredits]}),po(f.compareAtCredits,f.priceCredits)>0?s.jsx(Vb,{children:g("assetCard.saleWithDiscount",{pct:po(f.compareAtCredits,f.priceCredits)})}):null,s.jsx(Ub,{endsAt:f.saleEndsAt})]}):s.jsxs(Jt,{"data-testid":"item-price",children:[s.jsx(Dn,{}),s.jsx(kn,{children:f.priceCredits})]}):Xa&&Ja?s.jsxs(Jt,{"data-testid":"item-price",children:[s.jsx(Dn,{}),s.jsx(kn,{children:Ja})]}):He?null:s.jsxs(Jt,{"data-variant":"none","data-testid":"item-price",children:[s.jsx("span",{children:g("itemDetail.notForSale")}),s.jsx(Pu,{content:g("itemDetail.notForSaleHint"),children:s.jsx(zb,{tabIndex:0,role:"img","aria-label":g("itemDetail.notForSaleHint"),children:s.jsx(U,{name:"info",size:14})})})]})]}),Zc?s.jsxs(Zi,{children:[s.jsx(ts,{children:g("itemDetail.stock")}),s.jsxs(es,{children:[(f.available??0).toLocaleString(),"/",Ae.Rarity.getMaxSupply(Bn).toLocaleString()]})]}):ao?s.jsx(Zi,{children:s.jsx(es,{"data-out":!0,"data-testid":"out-of-stock",children:g("itemDetail.outOfStock")})}):null]})}),s.jsx(Xb,{"data-buttons":tl||void 0,"data-dual":el||void 0,children:l?s.jsxs(aa,{variant:"purple",onClick:S,disabled:!Ln,children:[s.jsx("span",{children:g("assetCard.buyNow")}),p!=null?s.jsxs(oa,{"aria-hidden":!0,children:[s.jsx(ca,{}),p]}):null]}):He?s.jsxs(vv,{"data-testid":"manage-actions",children:[s.jsx(ut,{message:Uc}),Xa?s.jsxs(s.Fragment,{children:[s.jsxs(ns,{onClick:()=>void Jc(),disabled:et!==null||!Ga,children:[et!=="update"?s.jsx(U,{name:"pen",className:"ico"}):null,s.jsx("span",{children:et==="update"?k?g("itemDetail.updateCanceling"):g("itemDetail.updateConfirmCancel"):g("itemDetail.manageUpdatePrice")})]}),s.jsx(rs,{onClick:()=>void eo(),disabled:et!==null,children:s.jsx("span",{children:et==="remove"?g("myAssets.removing"):g("itemDetail.manageRemove")})})]}):s.jsxs(s.Fragment,{children:[Gc?s.jsx(ns,{onClick:()=>{tt&&ue("Shop Started Listing",{listing_type:"secondary",item_id:f.itemId??f.tokenId??null}),to()},disabled:et!==null||!Ga,children:s.jsx("span",{children:g("itemDetail.manageList")})}):null,tt?s.jsx(rs,{onClick:()=>Ka(!0),disabled:et!==null,children:s.jsx("span",{children:g("itemDetail.manageTransfer")})}):null]}),Yr&&Be?s.jsx(Gb,{type:"button",onClick:()=>Qa(!0),disabled:et!==null,children:g("itemDetail.manageIssue")}):null,et==="update"?s.jsx(Zb,{children:g("itemDetail.updateHelper")}):null,_t!=null?s.jsx(wv,{children:s.jsx(ss,{onClick:()=>ve(!0),"data-testid":"view-resellers",children:g("itemDetail.viewAllResellers")})}):null]}):be?s.jsxs(s.Fragment,{children:[s.jsxs(aa,{variant:"purple",onClick:S,disabled:Ce,children:[s.jsx("span",{children:g("assetCard.buyNow")}),s.jsxs(oa,{"aria-hidden":!0,children:[s.jsx(ca,{}),f.priceCredits]})]}),s.jsxs(as,{onClick:Wc,disabled:Ce||(Yn?Lr:Ar),"aria-label":ro,children:[s.jsx(U,{name:"cart-solid"}),s.jsx(os,{children:ro})]})]}):Qt&&K?s.jsxs(s.Fragment,{children:[s.jsxs(aa,{variant:"purple",onClick:()=>y?ie(K):w(),children:[s.jsx("span",{children:g("assetCard.buyNow")}),s.jsxs(oa,{"aria-hidden":!0,children:[s.jsx(ca,{}),K.priceCredits]})]}),s.jsxs(as,{onClick:()=>{qn||h(K,"item_detail")},disabled:qn,"aria-label":qn?g("assetCard.inCart"):g("assetCard.addToCart"),children:[s.jsx(U,{name:"cart-solid"}),s.jsx(os,{children:qn?g("assetCard.inCart"):g("assetCard.addToCart")})]})]}):s.jsx(s.Fragment,{children:s.jsx(vb,{item:f})})}),!He&&!l&&_t!=null?s.jsxs(hv,{"data-testid":"lowest-price","data-centered":Qt||void 0,children:[Qt?null:s.jsxs(mv,{children:[g("itemDetail.lowestPrice"),s.jsx(Ie,{className:"ico"}),s.jsx(gv,{children:_t})]}),s.jsx(ss,{onClick:()=>ve(!0),"data-testid":"view-resellers",children:g("itemDetail.viewAllResellers")})]}):null,!He&&!l&&Za>0?s.jsxs(Jb,{"data-testid":"you-own-note",children:[g("itemDetail.youOwnN",{count:Za})," ",s.jsx(ul,{to:"/my-items",children:g("nav.myAssets")})]}):null]})]}):s.jsx(Mv,{})})]}),me?s.jsx(fo,{title:zc,items:ge}):s.jsx(fo,{title:Hc,items:J,onViewAll:f.contractAddress?()=>c(`/collection/${f.contractAddress}`):void 0}),N&&l&&Kt&&fn?s.jsx(_c,{listing:Kt,rate:fn,onClose:()=>E(!1),onSold:()=>E(!1)}):N&&!l?s.jsx(fa,{item:hn,resume:R,onClose:()=>{E(!1),$(!1)}}):null,Q?s.jsx(fa,{item:Q,onClose:()=>{ie(null),Pt()}}):null,qt&&te&&f.itemId?s.jsx(lb,{item:f,onClose:()=>ve(!1)}):null,qc&&X&&y?s.jsx(Zg,{asset:X,session:y,creator:f.creator,onListed:(j,de)=>{gn(j),Pt(),Vr(d,{address:y.address,contractAddress:f.contractAddress,tokenId:f.tokenId},{kind:"listed",priceCredits:j,tradeId:de})},onClose:no}):null,Qc&&y&&f.tokenId?s.jsx(yx,{item:{contractAddress:f.contractAddress,chainId:f.chainId,tokenId:f.tokenId,name:f.name,thumbnail:f.thumbnail},session:y,onClose:()=>{Ka(!1),Pt()},onTransferred:()=>{gn(null),Pt(),Vr(d,{address:y.address,contractAddress:f.contractAddress,tokenId:f.tokenId},{kind:"gone"})}}):null,Kc&&Be&&y?s.jsx(Yx,{item:Be,session:y,onListed:j=>gn(j),onClose:no}):null,Vc&&Be&&y?s.jsx(hy,{item:{contractAddress:Be.contractAddress,chainId:rn.chainId,itemId:Be.blockchainItemId,name:Be.name,thumbnail:Be.thumbnail,available:Be.remainingSupply},session:y,onClose:()=>{Qa(!1),Pt()}}):null]})}function Mv(){return s.jsxs(rv,{"aria-hidden":!0,children:[s.jsx(iv,{className:"skeleton"}),s.jsxs(sv,{children:[s.jsx(ia,{className:"skeleton"}),s.jsx(ia,{className:"skeleton"}),s.jsx(ia,{className:"skeleton"})]}),s.jsx(Rc,{children:[0,1].map(n=>s.jsx(va,{children:s.jsxs(ba,{children:[s.jsx(is,{className:"skeleton"}),s.jsxs(av,{children:[s.jsx(sa,{className:"skeleton"}),s.jsx(sa,{className:"skeleton"}),s.jsx(sa,{className:"skeleton","data-short":!0})]})]})},n))}),s.jsx(Ac,{children:[0,1].map(n=>s.jsxs(Mn,{...n===1?{"data-collection":!0}:{},children:[s.jsx(is,{className:"skeleton"}),s.jsx(ov,{})]},n))}),s.jsx(Fc,{}),s.jsx(cv,{className:"skeleton"}),s.jsx(lv,{className:"skeleton"})]})}export{Jv as ItemDetail,Jv as default};
|