@dcl/shop 0.1.0-30535358248.commit-2722a7f → 0.1.0-30555147117.commit-c0cc5df

package/assets/Cart-CktbEy9V.js

@@ -1,676 +0,0 @@
-import{j as e,L as ge,r as $,b as Lt,a as Nt}from"./react-vyZjIDcS.js";import{t as ee,s as i,e as a,J as Z,aj as Qt,G as Kt,I as R,z as xt,H as ze,m as Ut,ak as q,Q as Ze,n as Ht,u as Ot,al as Vt,E as Dt,am as Gt,an as Jt,ao as Yt,y as Xt,ap as et,aq as Q,ar as tt,as as Zt,l as V,c as at,h as ea,at as st,au as je,av as ke,aw as ce,ax as nt,a as le,b as ta,C as $e,ay as aa}from"./index-D6kQ69Bn.js";import{M as sa,S as na,C as ia,H as ra,a as oa,T as ca,X as la,b as da,B as ua,c as ha,d as it,e as pa,f as pe,P as gt,m as mt,g as xa,h as ga,i as ma,j as ft,k as xe,L as fa,l as ya,n as rt,o as ot,W as ba,p as va,q as Ca,A as wa,r as ja,s as ka,t as $a,u as Sa,v as Ma,w as Ta,x as Pa,y as za,z as Aa,D as Ia,E as qa,F as Ra,G as _a,I as Ba,J as Ea,K as Se,N as Wa,O as Fa,Q as La,R as Na,U as ct,V as Qa,Y as Ka,Z as Ua,_ as Ha}from"./CollectionCarousel-CEeV8t-a.js";import{u as Oa}from"./useManaRate-x5FL9eAV.js";import{r as Va}from"./mana-rate-cSpFrGml.js";import{i as Da,j as Ga,f as Ja,n as Ya,h as Xa,A as Za}from"./authorizations-BVmXaQeu.js";import{b as Me}from"./buy-Ccaxv3lt.js";import{b as es,w as ts,S as as,G as ss}from"./buy-gasless-UjTpzokh.js";import{u as ns,M as is,R as de,r as rs,c as os}from"./useCreditPacks-puL7tAtr.js";import{i as cs,a as ls}from"./errors-BfJQR72Z.js";import{E as ds}from"./ErrorNotice-BStoa2Qo.js";import{u as lt}from"./mana-convert-cZR9DTGN.js";import"./sentry-B35L1FdR.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CXBJm_wN.js";import"./intl-CBcMB1D2.js";import"./trade-encoding-CJDVWYcF.js";import"./sendMetaTransaction-CdI6QA-v.js";const{colors:D,radius:us}=ee,hs=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  width: 100%;
-`,ps=i.span`
-  font-size: 16px;
-  line-height: 22px;
-  color: ${D.text2};
-  text-transform: capitalize;
-  white-space: nowrap;
-`,xs=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  /* The list is the modal's elastic region: inside a viewport-capped card it gives up height first, so
-     the pack picker, total and Cancel/Buy below it stay on screen without scrolling. The floor is an
-     explicit ~one row because a scroll container's automatic minimum size is zero — it would otherwise
-     collapse to nothing on a short screen. */
-  min-height: 120px;
-  max-height: 360px;
-  overflow-y: auto;
-  width: 100%;
-  scrollbar-width: thin;
-  scrollbar-color: #a2a2a2 ${D.media};
-
-  &::-webkit-scrollbar {
-    width: 8px;
-  }
-  &::-webkit-scrollbar-track {
-    background: ${D.media};
-    border-radius: 10px;
-  }
-  &::-webkit-scrollbar-thumb {
-    background: #a2a2a2;
-    border-radius: ${us.btn};
-  }
-`,gs=i.span`
-  margin-left: 8px;
-  font-size: 13px;
-  font-weight: 600;
-  color: ${D.muted};
-`,ms=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 0 0 12px;
-  font-size: 14px;
-  color: ${D.muted};
-
-  & strong {
-    display: inline-flex;
-    align-items: center;
-    gap: 6px;
-    font-size: 20px;
-    font-weight: 700;
-    color: ${D.text};
-  }
-`,fs="https://cdn.decentraland.org/@dcl/shop/0.1.0-30535358248.commit-2722a7f/assets/buy-error-22UunaPC.png";function ys(c){const{phase:d,balanceCredits:k,onClose:T}=c,_=d==="processing",W=d==="error"?a("cartCheckout.errorTitle"):d==="nofunds"?a("cartCheckout.titleNoFunds"):d==="choose"?a("buyModal.choosePayment"):a("cartCheckout.titleBuy"),F=d==="processing";return e.jsxs(sa,{role:"dialog","aria-modal":"true","aria-label":a("cartCheckout.dialogAria"),children:[e.jsx(na,{onClick:_?void 0:T,"aria-hidden":!0}),e.jsxs(ia,{"data-tall":F||void 0,children:[e.jsxs(ra,{children:[e.jsxs(oa,{children:[e.jsx(ca,{children:W}),!_&&e.jsx(la,{onClick:T,"aria-label":a("buyModal.close"),children:e.jsx(da,{})})]}),e.jsxs(ua,{children:[e.jsx(ha,{children:d==="nofunds"?a("buyModal.dclBalance"):a("buyModal.myCreditsBalance")}),e.jsx(it,{}),e.jsx(pa,{children:Z(k)})]})]}),d==="choose"&&e.jsxs(pe,{children:[e.jsxs(ms,{children:[e.jsx("span",{children:a("cart.purchaseSummary")}),e.jsxs("strong",{children:[e.jsx(it,{}),Z(c.totalCredits??0)]})]}),e.jsx(gt,{options:c.options??[],totalCents:c.totalCents??0,onPay:c.onPay??(()=>{}),rateNote:(()=>{const z=mt(c.totalCents??0,c.totalManaWei??0n);return z!=null?a("buyModal.manaRate",{mana:z.toLocaleString("en",{maximumFractionDigits:2})}):null})()})]}),d==="processing"&&e.jsx(bs,{stage:c.stage??"reserving",step:c.step??1,total:c.total??1,isSelfCustody:!!c.isSelfCustody}),d==="nofunds"&&e.jsx(vs,{lines:c.lines??[],shortfallCredits:c.shortfallCredits??0,packs:c.packs??[],selectedPack:c.selectedPack??"",onSelectPack:c.onSelectPack??(()=>{}),onBuyPacks:c.onBuyPacks??(()=>{}),onCancel:T}),d==="error"&&e.jsxs(pe,{children:[e.jsxs(xa,{"data-testid":"buy-error",children:[e.jsx(ga,{src:fs,alt:"",width:64,height:80}),e.jsxs(ma,{children:[e.jsx("b",{children:a("cartCheckout.errorHeadline")})," ",a("cartCheckout.errorBody")]})]}),e.jsxs(ft,{children:[e.jsx(xe,{"data-variant":"outline",onClick:T,children:a("buyModal.cancel")}),e.jsx(xe,{"data-variant":"purple",onClick:c.onRetry??T,children:a("cartCheckout.tryAgain")})]})]})]})]})}function bs({stage:c,step:d,total:k,isSelfCustody:T}){const _=c==="reserving",W=k>0?Math.min(100,Math.round(d/k*100)):0,F=c==="awaiting-signature"?T?a("buyModal.confirmToContinue"):a("buyModal.completingTransaction"):c==="settling"?a("buyModal.completingTransaction"):a("cartCheckout.preparing");return e.jsxs(pe,{"data-processing":!0,children:[e.jsx(fa,{src:Qt,alt:"",width:61,height:61}),e.jsx(ya,{children:F}),_?e.jsxs(hs,{children:[e.jsx(rt,{"aria-hidden":!0,children:e.jsx(ot,{"data-step":!0,style:{width:`${W}%`}})}),k>1?e.jsxs(ps,{children:[d,"/",k]}):null]}):e.jsx(rt,{"aria-hidden":!0,children:e.jsx(ot,{})})]})}function vs({lines:c,shortfallCredits:d,packs:k,selectedPack:T,onSelectPack:_,onBuyPacks:W,onCancel:F}){const z=k.find(n=>n.id===T),me=c.reduce((n,I)=>n+(I.quantity??1),0);return e.jsxs(pe,{children:[e.jsxs(ba,{"data-testid":"nofunds-warning",children:[e.jsx(va,{}),e.jsxs(Ca,{children:[e.jsx("b",{children:a("buyModal.insufficientFunds")})," ",a("buyModal.warningNeedToBuy")," ",e.jsx("b",{children:a("buyModal.warningCreditsAmount",{count:Math.max(0,d)})})," ",a("buyModal.warningToPurchase",{count:me})]})]}),e.jsx(xs,{children:c.map(n=>{const I=n.quantity??1;return e.jsxs(wa,{children:[e.jsx(ja,{children:n.item.thumbnail?e.jsx("img",{src:n.item.thumbnail,alt:""}):null}),e.jsxs(ka,{children:[e.jsxs("div",{children:[e.jsxs($a,{title:n.item.name,children:[n.item.name||a("buyModal.itemFallback"),I>1?e.jsx(gs,{children:a("cartCheckout.qty",{count:I})}):null]}),n.item.creator?e.jsx(Sa,{address:n.item.creator}):null]}),e.jsxs(Ma,{children:[e.jsx(Ta,{}),e.jsx("span",{children:Z(n.priceCredits*I)})]})]})]},n.item.id)})}),e.jsx(Pa,{children:k.map(n=>{const I=n.id===T;return e.jsxs(za,{"data-testid":"credit-pack","data-on":I||void 0,onClick:()=>_(n.id),children:[e.jsx(Aa,{}),e.jsx(Ia,{children:Z(n.credits)}),e.jsxs(qa,{children:["($",n.usd.toFixed(2),")"]})]},n.id)})}),e.jsxs(Ra,{children:[e.jsxs(_a,{children:[e.jsx(Ba,{}),e.jsx("span",{children:Z((z==null?void 0:z.credits)??0)})]}),e.jsxs(Ea,{children:["$",((z==null?void 0:z.usd)??0).toFixed(2)]})]}),e.jsxs(ft,{children:[e.jsx(xe,{"data-variant":"outline",onClick:F,children:a("buyModal.cancel")}),e.jsx(xe,{"data-variant":"gradient",onClick:W,children:a("buyModal.buy")})]})]})}const{colors:o,gradients:yt,radius:K}=ee,bt="@media (max-width: 1080px)",S="@media (max-width: 880px)",dt=i.div`
-  max-width: 1510px;
-  margin: 0 auto;
-
-  ${S} {
-    padding-bottom: 188px; /* room for the fixed summary bar */
-  }
-`,ut=i.button`
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  margin: 0 0 16px;
-  padding: 0;
-  border: 0;
-  background: none;
-  color: ${o.text2};
-  font-size: 14px;
-  font-weight: 600;
-  letter-spacing: 0.02em;
-  text-transform: uppercase;
-  cursor: pointer;
-  transition: color 0.15s ease;
-
-  &:hover {
-    color: ${o.accent};
-  }
-  & .ico {
-    width: 18px;
-    height: 18px;
-  }
-
-  ${S} {
-    display: none;
-  }
-`,Cs=i.div`
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 615px;
-  gap: 24px;
-  align-items: start;
-
-  ${bt} {
-    grid-template-columns: 1fr;
-  }
-`,ht=i.div`
-  position: relative;
-`,ws=i.div`
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,js=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  background: ${o.white};
-  border-radius: 16px;
-  padding: 12px 12px 12px 24px;
-
-  ${S} {
-    gap: 8px;
-    padding: 12px;
-  }
-`,vt=i.section`
-  min-width: 0;
-  background: ${o.white};
-  border-radius: 16px;
-  padding: 24px;
-
-  ${S} {
-    padding: 16px;
-  }
-`,ks=i(vt)`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 24px;
-  min-height: 420px;
-  padding: 48px 16px;
-  text-align: center;
-  color: ${o.text};
-
-  ${ee.media.maxWidth("mobile")} {
-    min-height: 320px;
-    padding: 32px 16px;
-  }
-`,$s=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 12px;
-  padding-bottom: 16px;
-`,Ss=i.p`
-  margin: 0;
-  font-size: 24px;
-  font-weight: 700;
-  line-height: 1.6;
-
-  ${ee.media.maxWidth("mobile")} {
-    font-size: 20px;
-  }
-`,Ms=i.p`
-  margin: 0;
-  font-size: 20px;
-  font-weight: 400;
-  line-height: 1.6;
-
-  ${ee.media.maxWidth("mobile")} {
-    font-size: 16px;
-  }
-`,Ts=i(ge)`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 310px;
-  max-width: 100%;
-  height: 56px;
-  padding: 0 12px;
-  border-radius: ${K.card};
-  background: ${o.accent};
-  color: ${o.softWhite};
-  font-size: 15px;
-  font-weight: 600;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-  text-decoration: none;
-  transition: background 0.15s ease;
-
-  &:hover {
-    background: ${o.accentHover};
-  }
-  &:focus-visible {
-    outline: 2px solid ${o.accent};
-    outline-offset: 2px;
-  }
-`,Ps=i.button`
-  display: none;
-
-  ${S} {
-    display: inline-flex;
-    align-items: center;
-    flex-shrink: 0;
-    border: 0;
-    background: none;
-    padding: 0;
-    color: ${o.text};
-    cursor: pointer;
-
-    & .ico {
-      width: 20px;
-      height: 20px;
-    }
-  }
-`,zs=i.h1`
-  margin: 0;
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 1.57;
-  color: ${o.text};
-
-  ${S} {
-    flex: 1;
-    min-width: 0;
-    font-size: 16px;
-  }
-`,As=i.button`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  height: 40px;
-  padding: 0 12px;
-  border: 2px solid transparent;
-  border-radius: ${K.btn};
-  background:
-    linear-gradient(${o.white}, ${o.white}) padding-box,
-    ${yt.amethyst} border-box;
-  color: ${o.accent};
-  font-size: 13px;
-  font-weight: 600;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-  white-space: nowrap;
-  cursor: pointer;
-  transition:
-    box-shadow 0.15s ease,
-    filter 0.15s ease;
-
-  &:hover:not(:disabled) {
-    box-shadow: 0 0 8px 0 rgba(165, 36, 179, 0.35);
-  }
-  &:active:not(:disabled) {
-    filter: brightness(0.97);
-  }
-  &:disabled {
-    opacity: 0.55;
-    cursor: default;
-  }
-
-  ${S} {
-    height: 36px;
-    padding: 0 10px;
-    font-size: 12px;
-  }
-`,Is=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-`,qs=i.div`
-  position: relative;
-  display: flex;
-  align-items: stretch;
-  gap: 12px;
-  background: ${o.white};
-  border: 1px solid ${o.gray4};
-  border-radius: ${K.card};
-  overflow: hidden;
-
-  &[data-unavailable] [data-thumb] {
-    opacity: 0.5;
-  }
-  &[data-unavailable] [data-check] {
-    display: none;
-  }
-  &[data-unavailable] [data-desc] {
-    opacity: 0.7;
-  }
-`,Rs=i.div`
-  position: relative;
-  flex-shrink: 0;
-  width: 137.5px;
-  height: 137px;
-  background: ${o.media};
-  border-radius: ${K.card};
-  display: grid;
-  place-items: center;
-  overflow: hidden;
-
-  & img {
-    width: 83%;
-    height: 83%;
-    object-fit: contain;
-    filter: drop-shadow(0.56px 2.25px 2.8px rgba(0, 0, 0, 0.1));
-  }
-
-  ${S} {
-    width: 120px;
-    height: 120px;
-  }
-`,_s=i(ge)`
-  position: absolute;
-  inset: 0;
-  display: grid;
-  place-items: center;
-`,Bs=i.span`
-  position: absolute;
-  top: 7.5px;
-  left: 7.5px;
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  background: #34ce77;
-  display: grid;
-  place-items: center;
-`,Es=i.div`
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  gap: 8px;
-  padding: 16px 8px;
-
-  ${S} {
-    padding: 12px 4px 12px 0;
-  }
-`,Ws=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  min-width: 0;
-  padding-right: 64px; /* clear the top-right favourite + remove group */
-`,Ct=ze`
-  display: block;
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 1.2;
-  color: ${o.text};
-  text-decoration: none;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  a&:hover {
-    color: ${o.accent};
-  }
-
-  ${S} {
-    white-space: normal;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    line-clamp: 2;
-    -webkit-box-orient: vertical;
-  }
-`,Fs=i.div`
-  ${Ct};
-`,Ls=i(ge)`
-  ${Ct};
-`,Ns=i(Kt)`
-  font-size: 10px;
-  line-height: 1.43;
-  color: ${o.muted};
-
-  & [data-avatar] {
-    display: none;
-  }
-  & [data-testid='creator-name'] {
-    font-size: 10px;
-    line-height: 1.43;
-  }
-`,Qs=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding-right: 8px;
-`,Ks=i.div`
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px;
-  border: 0.5px solid ${o.muted2};
-  border-radius: ${K.pill};
-`,pt=i.button`
-  display: grid;
-  place-items: center;
-  width: 16px;
-  height: 16px;
-  padding: 0;
-  border: 0;
-  background: none;
-  color: ${o.text};
-  cursor: pointer;
-
-  &:disabled {
-    color: ${o.muted2};
-    cursor: default;
-  }
-`,Us=i.span`
-  min-width: 12px;
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 1.2;
-  color: ${o.text};
-  text-align: center;
-`,Hs=i.div`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  /* Always right-aligned: with a stepper present space-between handles it; for secondary/unique lines
-     (no stepper) the auto margin keeps the lone price on the right instead of falling to the left. */
-  margin-left: auto;
-  font-size: 24px;
-  font-weight: 600;
-  color: ${o.text2};
-
-  ${S} {
-    font-size: 20px;
-  }
-`,Os=i(xt)`
-  width: 24px;
-  height: 24px;
-  background: ${o.text};
-
-  ${S} {
-    width: 20px;
-    height: 20px;
-  }
-`,Vs=i.span`
-  margin-left: 6px;
-  font-size: 14px;
-  font-weight: 500;
-  color: ${o.muted};
-  text-decoration: line-through;
-`,Ds=i.div`
-  position: absolute;
-  top: 9px;
-  right: 7px;
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-`,Gs=i.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 1;
-  text-transform: uppercase;
-  color: ${o.text2};
-`,Js=i(R)`
-  color: #f48221;
-`,Ys=i(ge)`
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-  text-decoration: underline;
-  color: ${o.accent};
-
-  &:hover {
-    color: ${o.accentHover};
-  }
-  &:focus-visible {
-    outline: 2px solid ${o.accent};
-    outline-offset: 2px;
-  }
-`,Xs=i.span`
-  align-self: flex-start;
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 2px 4px;
-  border-radius: ${K.chip};
-  background: #f4e9ff;
-  font-size: 10px;
-  font-weight: 400;
-  line-height: 14px;
-  color: ${o.text};
-`,Zs=i(R)`
-  width: 11.31px;
-  height: 10.94px;
-  background: ${o.text};
-`,wt=ze`
-  display: grid;
-  place-items: center;
-  width: 24px;
-  height: 24px;
-  padding: 0;
-  border: 0;
-  background: none;
-  color: ${o.muted};
-  cursor: pointer;
-  transition: color 0.12s ease;
-
-  &:disabled {
-    opacity: 0.5;
-    cursor: default;
-  }
-`,en=i.button`
-  ${wt};
-
-  &:hover:not(:disabled) {
-    color: ${o.text};
-  }
-  &[data-on] {
-    color: ${o.dclRed};
-  }
-`,tn=i.button`
-  ${wt};
-
-  &:hover:not(:disabled) {
-    color: ${o.dclRed};
-  }
-`,an=i.div`
-  display: flex;
-  gap: 20px;
-  margin-top: 16px;
-
-  & .link {
-    font-size: 13px;
-    color: ${o.muted};
-    font-weight: 600;
-  }
-  & .link:hover:not(:disabled) {
-    color: ${o.text};
-  }
-`,sn=i.aside`
-  position: sticky;
-  top: 172px;
-  display: flex;
-  flex-direction: column;
-  background: ${o.white};
-  box-shadow: 0 1px 3px rgba(22, 21, 24, 0.06);
-  border-radius: 16px;
-  padding: 16px;
-
-  ${bt} {
-    position: static;
-  }
-  ${S} {
-    position: fixed;
-    left: 0;
-    right: 0;
-    top: auto;
-    bottom: 0;
-    z-index: 30;
-    border: 0;
-    border-radius: 16px 16px 0 0;
-    box-shadow: 0 -4px 20px rgba(22, 21, 24, 0.12);
-  }
-`,nn=i.h2`
-  margin: 0 0 24px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid ${o.gray4};
-  font-size: 24px;
-  font-weight: 600;
-  color: ${o.text};
-
-  ${S} {
-    margin-bottom: 12px;
-    padding-bottom: 12px;
-  }
-`,rn=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,on=i.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-`,cn=i.span`
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 1.57;
-  color: ${o.muted1};
-`,ln=i.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 24px;
-  font-weight: 700;
-  color: ${o.text};
-`,dn=i.span`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  justify-content: center;
-  gap: 4px;
-`,un=i.span`
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 1;
-  color: ${o.muted};
-`,hn=i(xt)`
-  width: 30px;
-  height: 30px;
-  background: ${o.text};
-  -webkit-mask-size: 24px 24px;
-  mask-size: 24px 24px;
-  -webkit-mask-position: left center;
-  mask-position: left center;
-`,pn=i.button`
-  width: 100%;
-  height: 56px;
-  border: 0;
-  border-radius: ${K.btn};
-  background: ${yt.amethyst};
-  color: ${o.softWhite};
-  font-size: 15px;
-  font-weight: 600;
-  letter-spacing: 0.046em;
-  text-transform: uppercase;
-  cursor: pointer;
-  transition:
-    background 0.15s ease,
-    filter 0.15s ease;
-
-  &:hover:not(:disabled) {
-    background: ${o.accent};
-  }
-  &:active:not(:disabled) {
-    filter: brightness(0.95);
-  }
-  &:disabled {
-    opacity: 0.6;
-    cursor: default;
-  }
-`,jt=ze`
-  margin: 0;
-  font-size: 13px;
-`,ue=i.p`
-  ${jt};
-`,xn=i(ds)`
-  ${jt};
-`,gn=i.div`
-  position: relative;
-  margin-top: 48px;
-  /* The whole gap from the top of the cross-sell to the "You might also like" heading — the shared
-     carousel's own top margin is zeroed below so this padding isn't stacked on top of it. */
-  padding: 47px 0 24px;
-
-  &::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    bottom: -80px; /* eat .page's bottom padding so the white reaches the footer */
-    left: 50%;
-    width: 100vw;
-    transform: translateX(-50%);
-    background: ${o.bg};
-    z-index: 0;
-  }
-  & > * {
-    position: relative;
-    z-index: 1;
-  }
-  & section {
-    margin-top: 0;
-  }
-`;function Te(c){if(cs(c))return a("errors.rejected");const d=(c.message??"").toLowerCase();return d.includes("insufficient")?a("cart.error.insufficient",{currency:ea.name}):d.includes("no active listing")||d.includes("your own listing")?a("cart.error.listingChanged"):a("marketCheckout.error.generic")}const mn=12e4;function fn(c){const d=[];return c.unavailable.length&&d.push(a("cart.drop.unavailable",{count:c.unavailable.length})),c.own.length&&d.push(a("cart.drop.own",{count:c.own.length})),a("cart.drop.removed",{items:d.join(` ${a("cart.drop.and")} `)})}const Pe=c=>c.reduce((d,k)=>d+k.priceCredits*k.quantity,0),he=c=>c.flatMap(d=>Array.from({length:d.quantity},()=>({...d,quantity:1})));function Bn(){Ut({title:a("nav.cart"),noindex:!0});const c=q(t=>t.items),d=q(t=>t.remove),k=q(t=>t.increment),T=q(t=>t.decrement),_=q(t=>t.clear),W=q(t=>t.restore),F=q(t=>t.setFittingOpen),z=Ze(t=>t.items),me=Ze(t=>t.toggle),{session:n,signIn:I}=Ht(),te=ns().packs.slice(0,is);$.useEffect(()=>(document.body.classList.add("shop-cart-bg"),()=>document.body.classList.remove("shop-cart-bg")),[]);const kt=c.some(t=>t.category!=="emote"),{data:fe}=Ot({queryKey:["upsell-listings"],queryFn:()=>aa({first:40}),staleTime:6e4}),{data:C}=Vt(n),m=Dt(),U=Lt(),{state:L}=Nt(),[$t,G]=$.useState(null),[Ae,ae]=$.useState(null),[St,A]=$.useState(!1),[P,N]=$.useState(null),Ie=$.useRef(0),[p,b]=$.useState(null),{data:J}=Gt(n),{data:Y}=Oa(!0),[ye,qe]=$.useState(""),X=$.useRef(null),Re=Jt(c),_e=t=>et(Re[t.id]),be=c.filter(_e),ve=c.length>0&&be.length===0,Mt=be.reduce((t,s)=>t+s.priceCredits*s.quantity,0),Tt=c.reduce((t,s)=>t+s.quantity,0),Pt=be.reduce((t,s)=>t+s.quantity,0),Be=P?P.liveTotalCredits:Mt,zt=new Set(c.map(t=>t.id)),Ee=((fe==null?void 0:fe.items)??[]).filter(t=>!zt.has(t.id)).slice(0,12),At=new Map(P==null?void 0:P.buyable.map(t=>[t.item.id,t])),se=(C==null?void 0:C.credits)??0,ne=Be*10,We=Y?lt(ne,Y):0n,ie=Se({priceCents:ne,priceManaWei:We,balanceCents:(C==null?void 0:C.balanceCents)??0,manaBalanceWei:J??0n}),Fe=mt(ne,We),Le=Fe!=null?a("buyModal.manaRate",{mana:Fe.toLocaleString("en",{maximumFractionDigits:2})}):null,It=Zt;function re(t){t(),N(null),ae(null),G(null)}function qt(){b(null),A(!1)}function Ne(t){const s=Pe(t),l=Math.max(0,s-se),r=te.find(u=>u.credits>=l)??te[te.length-1];qe(r.id),Q("Shop Buy Credits Prompted",{from:"cart_checkout",credits_needed:s,credits_balance:se,shortfall:l}),b({phase:"nofunds",lines:t.map(u=>({item:u.item,priceCredits:u.priceCredits,quantity:u.quantity})),shortfall:l}),A(!1)}async function Ce(t){if(!n||t.length===0)return;const s=he(t),l=s.map(g=>({...g.item,priceCredits:g.priceCredits})),r=t.map(g=>({...g.item,priceCredits:g.priceCredits,quantity:g.quantity})),u=[];let h="authorize",f=!1;b({phase:"processing",stage:"reserving",step:1,total:s.length});try{const g=[];for(let j=0;j<s.length;j++){const v=s[j];b({phase:"processing",stage:"reserving",step:j+1,total:s.length});try{const{credit:w,maxCreditedValue:O}=await st(n.identity,v.usdCents,v.trade.id);u.push(w.id),g.push({trade:v.trade,credits:[w],maxCreditedValue:O})}catch(w){if(ls(w)){if(u.length){try{await je(n.identity,u)}catch(O){V(O,{flow:"cart_checkout",step:"release"})}m.invalidateQueries({queryKey:["usd-balance"]})}Ne(t);return}throw w}}h="submit";const M=()=>b({phase:"processing",stage:"settling",step:s.length,total:s.length});b({phase:"processing",stage:"awaiting-signature",step:s.length,total:s.length});let y=[];if(Da())try{y=await es({purchases:g,buyer:n.address,signer:n.signer,onSigned:M});const v=(await Promise.allSettled(y.map(w=>ts(w)))).flatMap(w=>w.status==="rejected"?[w.reason]:[]);if(v.length&&!v.some(w=>w instanceof as))throw v[0];f=!0}catch(j){if(!(j instanceof ss))throw j;y=await Me({purchases:g,buyer:n.address,signer:n.signer,onSigned:M})}else y=await Me({purchases:g,buyer:n.address,signer:n.signer});t.forEach(j=>d(j.item.id)),N(null),Q("Shop Completed Purchase",{...ke(l),payment_type:"credits",no_crypto_step:f,transaction_hash:y[0]??null}),Qa(m);const x=X.current;X.current=null,b(null),A(!1);const E={items:r,txHash:y[0]??void 0,settled:!0,...x?{creditsAdded:x}:{}};U("/success",{state:E,replace:!0})}catch(g){if(ce(g)||V(g,{flow:"cart_checkout",step:h,cart_size:t.length}),Q(ce(g)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:h,error_code:nt(g),value_usd:tt(l.reduce((M,y)=>M+y.priceCredits,0)),cart_size:s.length}),u.length){try{await je(n.identity,u)}catch(M){V(M,{flow:"cart_checkout",step:"release"})}m.invalidateQueries({queryKey:["usd-balance"]})}b({phase:"error",message:Te(g)})}}function Qe(t,s){m.invalidateQueries({queryKey:["usd-balance"]}),m.invalidateQueries({queryKey:["detail-trade"]}),m.invalidateQueries({queryKey:["shop-item"]}),m.invalidateQueries({queryKey:["owned-token"]}),m.invalidateQueries({queryKey:["public-token"]}),m.invalidateQueries({queryKey:["item-resales"]}),m.invalidateQueries({queryKey:["shop-items"]}),m.invalidateQueries({queryKey:["catalog-items"]}),m.invalidateQueries({queryKey:["my-assets"]}),m.invalidateQueries({queryKey:["purchases"]}),m.invalidateQueries({queryKey:["owned-item-count"]}),m.invalidateQueries({queryKey:["overview-listings"]}),m.invalidateQueries({queryKey:["upsell-listings"]});const l=X.current;X.current=null,b(null),A(!1);const r={items:t,txHash:s[0]??void 0,settled:!0,...l?{creditsAdded:l}:{}};U("/success",{state:r,replace:!0})}function Ke(t,s){ce(t)||V(t,{flow:s,step:"submit"}),Q(ce(t)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:nt(t)}),b({phase:"error",message:Te(t)}),A(!1)}async function Rt(t,s){const l=le($e.MANAToken,s),r=le($e.CreditsManager,s);await Xa({auth:{kind:Za.Allowance,contractAddress:l.address,spenderAddress:r.address,chainId:s},signer:t})}async function Ue(){if(Y)return Y;try{return await m.fetchQuery({queryKey:["mana-rate",at.chainId],queryFn:()=>Va(at.chainId),staleTime:6e4})}catch{return}}async function _t(t){const s=he(t).reduce((h,f)=>h+f.usdCents,0),r=(J??0n)>0n?await Ue():Y,u=r?lt(s,r):0n;return{totalCents:s,manaWei:u}}async function He(t,s){const l=Pe(t),{totalCents:r,manaWei:u}=await _t(t),h=Se({priceCents:r,priceManaWei:u,balanceCents:(C==null?void 0:C.balanceCents)??0,manaBalanceWei:J??0n});if(s&&h.options.some(f=>f.method===s)){if(s==="credits"){Ce(t);return}const{spender:f,chainId:g}=Oe(s,t);await Ve(f,g,()=>s==="mana"?void De(t):void Ge(t,r,u));return}if(h.options.some(f=>f.method==="mana"||f.method==="combined")){b({phase:"choose",lines:t,totalCents:r,manaWei:u}),A(!1);return}if(C!=null&&C.credits<l){Ne(t);return}Ce(t)}function Bt(t){return Se({priceCents:t.totalCents,priceManaWei:t.manaWei,balanceCents:(C==null?void 0:C.balanceCents)??0,manaBalanceWei:J??0n})}const[we,oe]=$.useState(null);function Oe(t,s){const l=s[0].trade;return{spender:t==="mana"?le(ta(l.contract),l.chainId).address:le($e.CreditsManager,l.chainId).address,chainId:l.chainId}}async function Ve(t,s,l){const r=Ga(s,t),u=n?await Ja(r,n.address).catch(()=>!0):!0;if(Ya(n==null?void 0:n.providerType,u)){A(!1),oe({auth:r,run:l});return}l()}function Et(t){if((p==null?void 0:p.phase)!=="choose")return;const{lines:s,totalCents:l,manaWei:r}=p;if(t==="credits"){Ce(s);return}const{spender:u,chainId:h}=Oe(t,s);Ve(u,h,()=>t==="mana"?void De(s):void Ge(s,l,r))}async function De(t){if(!n||t.length===0)return;const s=he(t),l=s.map(h=>({...h.item,priceCredits:h.priceCredits})),r=t.map(h=>({...h.item,priceCredits:h.priceCredits,quantity:h.quantity})),u=()=>b({phase:"processing",stage:"settling",step:s.length,total:s.length});b({phase:"processing",stage:"awaiting-signature",step:s.length,total:s.length});try{const h=await Ka({trades:s.map(f=>f.trade),buyer:n.address,signer:n.signer,onSigned:u});t.forEach(f=>d(f.item.id)),N(null),Q("Shop Completed Purchase",{...ke(l),payment_type:"mana",transaction_hash:h[0]??null}),m.invalidateQueries({queryKey:["mana-balance"]}),Qe(r,h)}catch(h){Ke(h,"buy_cart_mana")}}async function Ge(t,s,l){if(!n||t.length===0)return;const r=he(t),u=r.map(x=>({...x.item,priceCredits:x.priceCredits})),h=t.map(x=>({...x.item,priceCredits:x.priceCredits,quantity:x.quantity})),f=Ua(r.map(x=>x.usdCents),(C==null?void 0:C.balanceCents)??0),g=f.reduce((x,E)=>x+E,0),M=Ha(Math.max(0,s-g),s,l),y=[];b({phase:"processing",stage:"reserving",step:1,total:r.length});try{const x=[];for(let v=0;v<r.length;v++){const w=f[v];if(w<=0)continue;b({phase:"processing",stage:"reserving",step:v+1,total:r.length});const{credit:O,maxCreditedValue:Ft}=await st(n.identity,w,r[v].trade.id);y.push(O.id),x.push({trade:r[v].trade,credits:[O],maxCreditedValue:Ft})}r.forEach((v,w)=>{f[w]<=0&&x.push({trade:v.trade,credits:[],maxCreditedValue:"0"})}),x[0]={...x[0],maxCreditedValue:(BigInt(x[0].maxCreditedValue)+M).toString()},await Rt(n.signer,r[0].trade.chainId);const E=()=>b({phase:"processing",stage:"settling",step:r.length,total:r.length});b({phase:"processing",stage:"awaiting-signature",step:r.length,total:r.length});const j=await Me({purchases:x,buyer:n.address,signer:n.signer,onSigned:E});t.forEach(v=>d(v.item.id)),N(null),Q("Shop Completed Purchase",{...ke(u),payment_type:"credits_and_mana",transaction_hash:j[0]??null}),m.invalidateQueries({queryKey:["mana-balance"]}),Qe(h,j)}catch(x){y.length&&(je(n.identity,y).catch(()=>{}),m.invalidateQueries({queryKey:["usd-balance"]})),Ke(x,"buy_cart_combined")}}async function H(t){if(!n){ct({type:"cart-checkout"}),I();return}const s=q.getState().items.filter(_e);if(s.length===0)return;G(null),ae(null),A(!0);const l=s.reduce((r,u)=>r+u.priceCredits*u.quantity,0);Q("Shop Started Checkout",{cart_size:s.length,cart_value_credits:l,cart_value_usd:tt(l),has_sufficient_credits:se>=l});try{const r=await rs(s,n.address,It,await Ue()),u=[...r.unavailable,...r.own];if(u.length&&(u.forEach(h=>d(h.id)),ae(fn(r))),r.buyable.length===0){G(a("cart.error.noneAvailable")),N(null);return}if(r.orderChanged){N(r),Ie.current=Date.now();return}await He(r.buyable,t)}catch(r){V(r,{flow:"cart_checkout",step:"review",cart_size:s.length}),G(Te(r))}finally{A(!1)}}async function Je(){if(P){if(!n){ct({type:"cart-checkout"}),I();return}if(Date.now()-Ie.current>mn){N(null),ae(null),await H();return}G(null),He(P.buyable)}}async function Wt(){if(ye){try{sessionStorage.setItem(de,JSON.stringify(q.getState().items))}catch{}A(!0);try{const t=await os(ye,n?{address:n.address,identity:n.identity}:void 0);if(t.url){window.location.href=t.url;return}U("/credits")}catch(t){try{sessionStorage.removeItem(de)}catch{}V(t,{flow:"cart_buy_credits"}),b({phase:"error",message:a("buyModal.error.creditsCheckout")})}finally{A(!1)}}}const Ye=$.useRef(!1);$.useEffect(()=>{if(!n||Ye.current||!Wa("cart-checkout"))return;Ye.current=!0;const t=setTimeout(()=>void H(),0);return()=>clearTimeout(t)},[n]);const Xe=$.useRef(!1);$.useEffect(()=>{if(!(L!=null&&L.resumeCheckout)||Xe.current)return;Xe.current=!0,X.current=L.creditsAdded??null;try{const s=sessionStorage.getItem(de);if(s){sessionStorage.removeItem(de);const l=JSON.parse(s);Array.isArray(l)&&l.length&&W(l)}}catch{}m.invalidateQueries({queryKey:["usd-balance"]});const t=setTimeout(()=>void H(),0);return()=>clearTimeout(t)},[L==null?void 0:L.resumeCheckout]);const B=St||(p==null?void 0:p.phase)==="processing";return c.length===0&&!p?e.jsx(dt,{children:e.jsxs(ht,{children:[e.jsxs(ut,{onClick:()=>U(-1),type:"button",children:[e.jsx(R,{name:"arrow-left"}),a("nav.cart")]}),e.jsxs(ks,{"data-testid":"cart-empty",children:[e.jsx(R,{name:"cart-plus",size:110}),e.jsxs($s,{children:[e.jsx(Ss,{children:a("cart.empty.title")}),e.jsx(Ms,{children:a("cart.empty.body")})]}),e.jsx(Ts,{to:"/assets",children:a("cart.empty.cta")})]})]})}):e.jsxs(dt,{children:[e.jsxs(ht,{children:[e.jsxs(ut,{onClick:()=>U(-1),type:"button",children:[e.jsx(R,{name:"arrow-left"}),a("nav.cart")]}),e.jsxs(Cs,{children:[e.jsxs(ws,{children:[e.jsxs(js,{children:[e.jsx(Ps,{onClick:()=>U(-1),type:"button","aria-label":a("cart.goBack"),children:e.jsx(R,{name:"arrow-left"})}),e.jsx(zs,{children:a("cart.panelTitle",{count:Tt})}),kt?e.jsxs(As,{onClick:()=>F(!0),disabled:B,children:[e.jsx(R,{name:"fitting-room"}),a("cart.fittingRoom")]}):null]}),e.jsxs(vt,{children:[e.jsx(Is,{children:c.map(t=>{const s=At.get(t.id),l=s?s.priceCredits:t.priceCredits,r=!!s&&s.priceCredits!==t.priceCredits,u=!t.tokenId,h=t.quantity,f=typeof t.available=="number"&&h>=t.available,g=l*h,M=!!z[t.id],y=Yt(t),x=Re[t.id],E=!et(x),j=x==="sold-out"?a("cart.availability.soldOut"):a("cart.availability.unavailable");return e.jsxs(qs,{"data-unavailable":E||void 0,children:[e.jsxs(Rs,{"data-thumb":!0,children:[y?e.jsx(_s,{to:y,state:{item:t,tradeId:t.tradeId},"aria-label":t.name,children:t.thumbnail?e.jsx("img",{src:t.thumbnail,alt:t.name}):null}):t.thumbnail?e.jsx("img",{src:t.thumbnail,alt:t.name}):null,e.jsx(Bs,{"data-check":!0,"aria-hidden":!0,children:e.jsx("svg",{viewBox:"0 0 20 20",width:"12",height:"12",children:e.jsx("path",{d:"M5 10.5l3 3 7-7.5",fill:"none",stroke:"#fff",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),e.jsxs(Es,{children:[e.jsxs(Ws,{"data-desc":!0,children:[y?e.jsx(Ls,{to:y,state:{item:t,tradeId:t.tradeId},title:t.name,children:t.name}):e.jsx(Fs,{title:t.name,children:t.name}),t.creator?e.jsx(Ns,{address:t.creator,linkToProfile:!0}):null,u?e.jsxs(Xs,{"data-testid":"cart-creator-tag",children:[e.jsx(Zs,{name:"buy-from-creator"}),a("cart.creatorTag")]}):null]}),e.jsx(Qs,{children:E?e.jsxs(e.Fragment,{children:[e.jsxs(Gs,{children:[e.jsx(Js,{name:"warning-fill",size:24}),j]}),y?e.jsx(Ys,{to:y,state:{item:t,tradeId:t.tradeId},children:a("cart.availability.viewResales")}):null]}):e.jsxs(e.Fragment,{children:[u?e.jsxs(Ks,{children:[e.jsx(pt,{onClick:()=>re(()=>T(t.id)),disabled:B||h<=1,"aria-label":a("cart.decreaseQuantity",{name:t.name}),children:e.jsx("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,focusable:"false",children:e.jsx("path",{d:"M3.5 8h9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})}),e.jsx(Us,{children:h}),e.jsx(pt,{onClick:()=>re(()=>k(t.id)),disabled:B||f,"aria-label":a("cart.increaseQuantity"),children:e.jsx("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,focusable:"false",children:e.jsx("path",{d:"M8 3.5v9M3.5 8h9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]}):null,e.jsxs(Hs,{children:[e.jsx(Os,{})," ",g,r?e.jsx(Vs,{children:t.priceCredits*h}):null]})]})})]}),e.jsxs(Ds,{children:[e.jsx(en,{"data-on":M||void 0,onClick:()=>me(t),"aria-label":M?a("cart.removeFromFavorites",{name:t.name}):a("cart.addToFavorites",{name:t.name}),title:M?a("assetCard.removeFromFavorites"):a("assetCard.addToFavorites"),children:e.jsx(R,{name:M?"heart-solid":"heart"})}),e.jsx(tn,{onClick:()=>re(()=>d(t.id)),disabled:B,"aria-label":a("cart.remove",{name:t.name}),title:a("cart.removeTitle"),children:e.jsx(R,{name:"trash",size:24})})]})]},t.id)})}),e.jsx(an,{children:e.jsx("button",{className:"link",onClick:()=>re(_),disabled:B,children:a("cart.clearCart")})})]})]}),e.jsxs(sn,{children:[e.jsx(nn,{children:a("cart.purchaseSummary")}),e.jsxs(rn,{children:[e.jsxs(on,{children:[e.jsx(cn,{children:a("cart.totalItems",{count:Pt})}),e.jsxs(dn,{children:[e.jsxs(ln,{children:[e.jsx(hn,{})," ",Be]}),Le&&(J??0n)>0n?e.jsx(un,{"data-testid":"cart-mana-rate",children:Le}):null]})]}),ie.options.length>0||ie.manaShortfall?e.jsx(gt,{options:ie.options,totalCents:ne,shortfall:ie.manaShortfall,creditsLabel:P?a("marketCheckout.confirmPurchase"):a("cart.buyWithCredits"),busy:B||ve,onPay:t=>void(P?Je():H(t))}):e.jsx(pn,{onClick:()=>void(P?Je():H()),disabled:B||ve,children:B?a("cart.working"):P?a("marketCheckout.confirmPurchase"):a("assetCard.buyNow")}),ve?e.jsx(ue,{className:"muted",children:a("cart.allUnavailable")}):null,n?null:e.jsx(ue,{className:"muted",children:a("cart.signInHint")}),P?e.jsx(ue,{className:"muted",children:a("cart.priceChanged")}):null,Ae?e.jsx(ue,{className:"muted",children:Ae}):null,e.jsx(xn,{message:$t})]})]})]})]}),Ee.length>0?e.jsx(gn,{children:e.jsx(Fa,{title:a("cart.youMightAlsoLike"),items:Ee})}):null,we&&n?e.jsx(La,{auth:we.auth,signer:n.signer,title:a("authorizeStep.manaTitle"),name:a("authorizeStep.manaName"),reason:a("authorizeStep.manaReason"),icon:e.jsx("img",{src:Na,width:24,height:24,alt:"","aria-hidden":!0}),onAuthorized:()=>{const{run:t}=we;oe(null),t()},onCancel:()=>oe(null),onClose:()=>oe(null)}):null,p?e.jsx(ys,{phase:p.phase,balanceCredits:se,onClose:qt,stage:p.phase==="processing"?p.stage:void 0,step:p.phase==="processing"?p.step:void 0,total:p.phase==="processing"?p.total:void 0,isSelfCustody:Xt(n==null?void 0:n.providerType),options:p.phase==="choose"?Bt(p).options:void 0,onPay:Et,totalCents:p.phase==="choose"?p.totalCents:void 0,totalManaWei:p.phase==="choose"?p.manaWei:void 0,totalCredits:p.phase==="choose"?Pe(p.lines):void 0,lines:p.phase==="nofunds"?p.lines:void 0,shortfallCredits:p.phase==="nofunds"?p.shortfall:void 0,packs:te,selectedPack:ye,onSelectPack:qe,onBuyPacks:()=>void Wt(),message:p.phase==="error"?p.message:void 0,onRetry:()=>void H()}):null]})}export{Bn as Cart};