@dcl/shop 1.3.1-31252242626.commit-c73d75c → 1.4.0

package/_assets/Cart-CbbJZlOR.js

@@ -1,696 +0,0 @@
-import{j as e,L as We,r as M,b as sa,a as na}from"./react-BYHuwl8r.js";import{t as de,s as i,b as s,L as le,ax as ia,ay as ze,az as ra,J as oa,I as O,A as Tt,K as Le,y as ca,X as H,am as ot,v as la,w as da,l as ua,aA as ha,D as pa,aB as ga,an as ma,aC as xa,aD as ct,aE as fa,aF as ya,z as ba,aG as lt,Z as V,aH as dt,aI as va,k as ae,r as wa,c as ut,aJ as Ca,C as ja,aK as ht,aL as Ee,aM as ka,aN as fe,aO as ye,aP as pt,g as gt,f as mt,aQ as $a}from"./index-CJmYIHke.js";import{M as Sa,S as Ma,C as Ta,H as Ia,a as Pa,T as Aa,X as za,b as Ea,B as Ra,c as Ba,d as xt,e as qa,f as Ce,P as It,m as _a,g as Fa,h as Wa,i as La,j as Ka,k as Pt,l as je,L as Na,n as Qa,o as ft,p as yt,W as Ua,q as Ga,r as Ha,s as Oa,A as Da,t as Va,u as Ja,v as Xa,w as Ya,x as Za,y as es,z as ts,D as as,E as ss,F as ns,G as is,I as rs,J as os,K as cs,N as ls,O as ds,Q as Re,R as us,U as hs,V as ps,Y as gs,Z as bt,_ as vt,$ as ms,a0 as xs,a1 as fs,a2 as ys,a3 as wt,a4 as bs}from"./CollectionCarousel-DFOfIf7S.js";import{f as vs,h as ws,a as Cs,n as js,i as ks,A as $s}from"./authorizations-B8zfFZri.js";import{g as Ss,h as Be,p as Ms}from"./buy-C8cZuDKG.js";import{b as Ts,w as Is,S as Ct,G as Ps}from"./buy-gasless-DgVYAdEI.js";import{u as As,M as zs,R as be,r as Es,c as Rs,p as jt,a as qe}from"./useCreditPacks-BQuT66CB.js";import{i as Bs,a as qs}from"./errors-OSxcB_78.js";import{E as _s}from"./ErrorNotice-C6TzeGyj.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./sendMetaTransaction-ChBpXQUv.js";const{colors:se,radius:Fs}=de,Ws=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  width: 100%;
-`,Ls=i.span`
-  font-size: 16px;
-  line-height: 22px;
-  color: ${se.text2};
-  text-transform: capitalize;
-  white-space: nowrap;
-`,Ks=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  /* 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 ${se.media};
-
-  &::-webkit-scrollbar {
-    width: 8px;
-  }
-  &::-webkit-scrollbar-track {
-    background: ${se.media};
-    border-radius: 10px;
-  }
-  &::-webkit-scrollbar-thumb {
-    background: #a2a2a2;
-    border-radius: ${Fs.btn};
-  }
-`,Ns=i.span`
-  margin-left: 8px;
-  font-size: 13px;
-  font-weight: 600;
-  color: ${se.muted};
-`,Qs=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 0 0 12px;
-  font-size: 14px;
-  color: ${se.muted};
-
-  & strong {
-    display: inline-flex;
-    align-items: center;
-    gap: 6px;
-    font-size: 20px;
-    font-weight: 700;
-    color: ${se.text};
-  }
-`;function Us(o){const{phase:d,balanceCredits:P,onClose:A}=o,F=d==="processing",J=d==="error"?s("cartCheckout.errorTitle"):d==="nofunds"?s("cartCheckout.titleNoFunds"):d==="choose"?s("buyModal.choosePayment"):s("cartCheckout.titleBuy"),X=d==="processing";return e.jsxs(Sa,{role:"dialog","aria-modal":"true","aria-label":s("cartCheckout.dialogAria"),children:[e.jsx(Ma,{onClick:F?void 0:A,"aria-hidden":!0}),e.jsxs(Ta,{"data-tall":X||void 0,children:[e.jsxs(Ia,{children:[e.jsxs(Pa,{children:[e.jsx(Aa,{children:J}),!F&&e.jsx(za,{onClick:A,"aria-label":s("buyModal.close"),children:e.jsx(Ea,{})})]}),e.jsxs(Ra,{children:[e.jsx(Ba,{children:d==="nofunds"?s("buyModal.dclBalance"):s("buyModal.myCreditsBalance")}),e.jsx(xt,{}),e.jsx(qa,{children:le(P)})]})]}),d==="choose"&&e.jsxs(Ce,{children:[e.jsxs(Qs,{children:[e.jsx("span",{children:s("cart.purchaseSummary")}),e.jsxs("strong",{children:[e.jsx(xt,{}),le(o.totalCredits??0)]})]}),e.jsx(It,{options:o.options??[],totalCents:o.totalCents??0,onPay:o.onPay??(()=>{}),rateNote:(()=>{const z=_a(o.totalCents??0,o.totalManaWei??0n);return z!=null?s("buyModal.manaRate",{mana:z.toLocaleString("en",{maximumFractionDigits:2})}):null})()})]}),d==="processing"&&e.jsx(Gs,{stage:o.stage??"reserving",step:o.step??1,total:o.total??1,isSelfCustody:!!o.isSelfCustody,signatures:o.signatures}),d==="nofunds"&&e.jsx(Hs,{lines:o.lines??[],shortfallCredits:o.shortfallCredits??0,packs:o.packs??[],selectedPack:o.selectedPack??"",onSelectPack:o.onSelectPack??(()=>{}),onBuyPacks:o.onBuyPacks??(()=>{}),onCancel:A}),d==="error"&&e.jsxs(Ce,{children:[e.jsxs(Fa,{"data-testid":"buy-error",children:[e.jsx(Wa,{src:La,alt:"",width:64,height:80}),e.jsxs(Ka,{children:[e.jsx("b",{children:s("cartCheckout.errorHeadline")})," ",o.message??s("cartCheckout.errorBody")]})]}),e.jsxs(Pt,{children:[e.jsx(je,{"data-variant":"outline",onClick:A,children:s("buyModal.cancel")}),e.jsx(je,{"data-variant":"purple",onClick:o.onRetry??A,children:s("cartCheckout.tryAgain")})]})]})]})]})}function Gs({stage:o,step:d,total:P,isSelfCustody:A,signatures:F}){const J=o==="reserving",X=P>0?Math.min(100,Math.round(d/P*100)):0,z=A&&F&&F.total>1,ne=o==="awaiting-signature"?A?z?s("cartCheckout.confirmMultiple",{current:F.current,total:F.total}):s("buyModal.confirmToContinue"):s("buyModal.completingTransaction"):o==="settling"?s("buyModal.completingTransaction"):s("cartCheckout.preparing");return e.jsxs(Ce,{"data-processing":!0,children:[e.jsx(Na,{src:ia,alt:"",width:61,height:61}),e.jsx(Qa,{children:ne}),J?e.jsxs(Ws,{children:[e.jsx(ft,{"aria-hidden":!0,children:e.jsx(yt,{"data-step":!0,style:{width:`${X}%`}})}),P>1?e.jsxs(Ls,{children:[d,"/",P]}):null]}):e.jsx(ft,{"aria-hidden":!0,children:e.jsx(yt,{})})]})}function Hs({lines:o,shortfallCredits:d,packs:P,selectedPack:A,onSelectPack:F,onBuyPacks:J,onCancel:X}){const z=P.find(n=>n.id===A),ne=o.reduce((n,L)=>n+(L.quantity??1),0);return e.jsxs(Ce,{children:[e.jsxs(Ua,{"data-testid":"nofunds-warning",children:[e.jsx(Ga,{}),e.jsxs(Ha,{children:[e.jsx("b",{children:s("buyModal.insufficientFunds")})," ",s("buyModal.warningNeedToBuy")," ",e.jsx("b",{children:s("buyModal.warningCreditsAmount",{count:Math.max(0,d)})})," ",s("buyModal.warningToPurchase",{count:ne}),ze()?null:e.jsxs(e.Fragment,{children:[e.jsx("br",{}),e.jsx(Oa,{href:ra("/credits"),target:"_blank",rel:"noopener noreferrer",children:s("buyModal.warningLearnMore")})]})]})]}),e.jsx(Ks,{children:o.map(n=>{const L=n.quantity??1;return e.jsxs(Da,{children:[e.jsx(Va,{children:n.item.thumbnail?e.jsx("img",{src:n.item.thumbnail,alt:""}):null}),e.jsxs(Ja,{children:[e.jsxs("div",{children:[e.jsxs(Xa,{title:n.item.name,children:[n.item.name||s("buyModal.itemFallback"),L>1?e.jsx(Ns,{children:s("cartCheckout.qty",{count:L})}):null]}),n.item.creator?e.jsx(Ya,{address:n.item.creator}):null]}),e.jsxs(Za,{children:[e.jsx(es,{}),e.jsx("span",{children:le(n.priceCredits*L)})]})]})]},n.item.id)})}),ze()?null:e.jsxs(e.Fragment,{children:[e.jsx(ts,{children:P.map(n=>{const L=n.id===A;return e.jsxs(as,{"data-testid":"credit-pack","data-on":L||void 0,onClick:()=>F(n.id),children:[e.jsx(ss,{src:ns,alt:""}),e.jsx(is,{children:le(n.credits)}),e.jsxs(rs,{children:["($",n.usd.toFixed(2),")"]})]},n.id)})}),e.jsxs(os,{children:[e.jsxs(cs,{children:[e.jsx(ls,{}),e.jsx("span",{children:le((z==null?void 0:z.credits)??0)})]}),e.jsxs(ds,{children:["$",((z==null?void 0:z.usd)??0).toFixed(2)]})]})]}),e.jsxs(Pt,{children:[e.jsx(je,{"data-variant":"outline",onClick:X,children:s("buyModal.cancel")}),ze()?null:e.jsx(je,{"data-variant":"gradient",onClick:J,children:s("buyModal.buy")})]})]})}const{colors:c,gradients:Os,radius:te}=de,At="@media (max-width: 1080px)",I="@media (max-width: 880px)",kt=i.div`
-  max-width: 1510px;
-  margin: 0 auto;
-  /* Grows into the page's leftover height and passes it down to Upsell, so the white cross-sell band ends at
-     the footer rather than leaving a gray strip. Needs .page[data-route="/cart"] to be a flex column. */
-  width: 100%;
-  flex: 1 0 auto;
-  display: flex;
-  flex-direction: column;
-
-  ${I} {
-    padding-bottom: 188px; /* room for the fixed summary bar */
-  }
-`,$t=i.button`
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  margin: 0 0 16px;
-  padding: 0;
-  border: 0;
-  background: none;
-  color: ${c.text2};
-  font-size: 14px;
-  font-weight: 600;
-  letter-spacing: 0.02em;
-  text-transform: uppercase;
-  cursor: pointer;
-  transition: color 0.15s ease;
-
-  &:hover {
-    color: ${c.accent};
-  }
-  & .ico {
-    width: 18px;
-    height: 18px;
-  }
-
-  ${I} {
-    display: none;
-  }
-`,Ds=i.div`
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 615px;
-  gap: 24px;
-  align-items: start;
-
-  ${At} {
-    grid-template-columns: 1fr;
-  }
-`,St=i.div`
-  position: relative;
-  /* The gray band is 733px in Figma (1553-317103) — taller than the panels inside it, deliberately. Without
-     this it collapsed to the panels' height, and the page shell's own viewport-filling min-height then padded
-     the page out BELOW the cross-sell, so a strip of gray showed under "You might also like" instead of the
-     footer. Giving the band its designed height puts the leftover space where the design wants it. */
-  min-height: 733px;
-  /* Gray below the panels so the band never hugs the last card: Figma's band runs y152–950 with the
-     content ending at 854. The min-height above only covers a SHORT cart — once the list outgrows it
-     the band tracks the content, and without this padding it would butt straight into the purple. */
-  padding-bottom: 96px;
-
-  &::before {
-    content: '';
-    position: absolute;
-    top: -28px;
-    bottom: 0;
-    left: 50%;
-    width: 100vw;
-    transform: translateX(-50%);
-    background: ${c.media};
-    z-index: 0;
-  }
-  & > * {
-    position: relative;
-    z-index: 1;
-  }
-
-  ${I} {
-    /* The single-column layout is already taller than the desktop band, and the fixed summary bar sits over
-       the bottom of it — a floor here would only add empty gray. */
-    min-height: 0;
-
-    /* The fixed summary bar already reserves room at the bottom on mobile (see Checkout). */
-    padding-bottom: 32px;
-
-    &::before {
-      top: -16px; /* .page's mobile padding */
-    }
-  }
-`,Vs=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: ${c.white};
-  border-radius: 16px;
-  padding: 12px 12px 12px 24px;
-
-  ${I} {
-    gap: 8px;
-    padding: 8px 16px;
-  }
-`,zt=i.section`
-  min-width: 0;
-  background: ${c.white};
-  border-radius: 16px;
-  padding: 24px;
-
-  ${I} {
-    padding: 16px;
-  }
-`,Xs=i(zt)`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 24px;
-  min-height: 420px;
-  padding: 48px 16px;
-  text-align: center;
-  color: ${c.text};
-
-  ${de.media.maxWidth("mobile")} {
-    min-height: 320px;
-    padding: 32px 16px;
-  }
-`,Ys=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 12px;
-  padding-bottom: 16px;
-`,Zs=i.p`
-  margin: 0;
-  font-size: 24px;
-  font-weight: 700;
-  line-height: 1.6;
-
-  ${de.media.maxWidth("mobile")} {
-    font-size: 20px;
-  }
-`,en=i.p`
-  margin: 0;
-  font-size: 20px;
-  font-weight: 400;
-  line-height: 1.6;
-
-  ${de.media.maxWidth("mobile")} {
-    font-size: 16px;
-  }
-`,tn=i(We)`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 310px;
-  max-width: 100%;
-  height: 56px;
-  padding: 0 12px;
-  border-radius: ${te.card};
-  background: ${c.accent};
-  color: ${c.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: ${c.accentHover};
-  }
-  &:focus-visible {
-    outline: 2px solid ${c.accent};
-    outline-offset: 2px;
-  }
-`,an=i.button`
-  display: none;
-
-  ${I} {
-    display: inline-flex;
-    align-items: center;
-    flex-shrink: 0;
-    border: 0;
-    background: none;
-    padding: 0;
-    color: ${c.text};
-    cursor: pointer;
-
-    & .ico {
-      width: 20px;
-      height: 20px;
-    }
-  }
-`,sn=i.h1`
-  margin: 0;
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 1.57;
-  color: ${c.text};
-
-  ${I} {
-    flex: 1;
-    min-width: 0;
-    font-size: 16px;
-  }
-`,nn=i.button`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  height: 40px;
-  padding: 0 12px;
-  border: 2px solid ${c.text2};
-  border-radius: ${te.btn};
-  background: none;
-  color: ${c.text2};
-  font-size: 13px;
-  font-weight: 600;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-  white-space: nowrap;
-  cursor: pointer;
-  transition:
-    background 0.15s ease,
-    filter 0.15s ease;
-
-  /* Mixed from currentColor so the wash cannot drift from the border colour. */
-  &:hover:not(:disabled) {
-    background: color-mix(in srgb, currentColor 6%, transparent);
-  }
-  &:active:not(:disabled) {
-    filter: brightness(0.97);
-  }
-  &:disabled {
-    opacity: 0.55;
-    cursor: default;
-  }
-
-  /* Mobile keeps the full 40px button and thins the outline to 1px (1182:236892) rather than shrinking
-     the type, which had it reading smaller than the row title beside it. */
-  ${I} {
-    border-width: 1px;
-    border-color: ${c.text};
-    color: ${c.text};
-  }
-`,rn=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-`,on=i.div`
-  position: relative;
-  display: flex;
-  align-items: stretch;
-  gap: 12px;
-  background: ${c.white};
-  border: 1px solid ${c.gray4};
-  border-radius: ${te.card};
-  overflow: hidden;
-
-  &[data-unavailable] [data-thumb] {
-    opacity: 0.5;
-  }
-  &[data-unavailable] [data-check] {
-    display: none;
-  }
-  &[data-unavailable] [data-desc] {
-    opacity: 0.7;
-  }
-`,cn=i.div`
-  position: relative;
-  flex-shrink: 0;
-  width: 137.5px;
-  height: 137px;
-  background: ${c.media};
-  border-radius: ${te.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));
-  }
-
-  ${I} {
-    width: 120px;
-    height: 120px;
-  }
-`,ln=i(We)`
-  position: absolute;
-  inset: 0;
-  display: grid;
-  place-items: center;
-`,dn=i.span`
-  position: absolute;
-  top: 7.5px;
-  left: 7.5px;
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  background: #34ce77;
-  display: grid;
-  place-items: center;
-`,un=i.div`
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  gap: 8px;
-  padding: 16px 8px;
-
-  ${I} {
-    padding: 12px 4px 12px 0;
-  }
-`,hn=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  min-width: 0;
-  padding-right: 64px; /* clear the top-right favourite + remove group */
-`,Et=Le`
-  display: block;
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 1.2;
-  color: ${c.text};
-  text-decoration: none;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  a&:hover {
-    color: ${c.accent};
-  }
-
-  ${I} {
-    white-space: normal;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    line-clamp: 2;
-    -webkit-box-orient: vertical;
-  }
-`,pn=i.div`
-  ${Et};
-`,gn=i(We)`
-  ${Et};
-`,mn=i(oa)`
-  font-size: 10px;
-  line-height: 1.43;
-  color: ${c.muted};
-
-  & [data-avatar] {
-    display: none;
-  }
-  & [data-testid='creator-name'] {
-    font-size: 10px;
-    line-height: 1.43;
-  }
-`,xn=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding-right: 8px;
-`,fn=i.div`
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px;
-  border: 0.5px solid ${c.muted2};
-  border-radius: ${te.pill};
-`,Mt=i.button`
-  display: grid;
-  place-items: center;
-  width: 16px;
-  height: 16px;
-  padding: 0;
-  border: 0;
-  background: none;
-  color: ${c.text};
-  cursor: pointer;
-
-  &:disabled {
-    color: ${c.muted2};
-    cursor: default;
-  }
-`,yn=i.span`
-  min-width: 12px;
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 1.2;
-  color: ${c.text};
-  text-align: center;
-`,bn=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: ${c.text2};
-
-  ${I} {
-    font-size: 20px;
-  }
-`,vn=i(Tt)`
-  width: 24px;
-  height: 24px;
-  background: ${c.text};
-
-  ${I} {
-    width: 20px;
-    height: 20px;
-  }
-`,wn=i.span`
-  margin-left: 6px;
-  font-size: 14px;
-  font-weight: 500;
-  color: ${c.muted};
-  text-decoration: line-through;
-`,Cn=i.div`
-  position: absolute;
-  top: 9px;
-  right: 7px;
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-`,jn=i.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 1;
-  text-transform: uppercase;
-  color: ${c.text2};
-`,kn=i(O)`
-  color: #f48221;
-`,$n=i.span`
-  align-self: flex-start;
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 2px 4px;
-  border-radius: ${te.chip};
-  background: #f4e9ff;
-  font-size: 10px;
-  font-weight: 400;
-  line-height: 14px;
-  color: ${c.text};
-`,Sn=i(O)`
-  width: 11.31px;
-  height: 10.94px;
-  background: ${c.text};
-`,Rt=Le`
-  display: grid;
-  place-items: center;
-  width: 24px;
-  height: 24px;
-  padding: 0;
-  border: 0;
-  background: none;
-  color: ${c.muted};
-  cursor: pointer;
-  transition: color 0.12s ease;
-
-  &:disabled {
-    opacity: 0.5;
-    cursor: default;
-  }
-`,Mn=i.button`
-  ${Rt};
-
-  &:hover:not(:disabled) {
-    color: ${c.text};
-  }
-  &[data-on] {
-    color: ${c.dclRed};
-  }
-`,Tn=i.button`
-  ${Rt};
-
-  &:hover:not(:disabled) {
-    color: ${c.dclRed};
-  }
-`,In=i.div`
-  display: flex;
-  gap: 20px;
-  margin-top: 16px;
-
-  & .link {
-    font-size: 13px;
-    color: ${c.muted};
-    font-weight: 600;
-  }
-  & .link:hover:not(:disabled) {
-    color: ${c.text};
-  }
-`,Pn=i.aside`
-  position: sticky;
-  top: 172px;
-  display: flex;
-  flex-direction: column;
-  background: ${c.white};
-  box-shadow: 0 1px 3px rgba(22, 21, 24, 0.06);
-  border-radius: 16px;
-  padding: 16px;
-
-  ${At} {
-    position: static;
-  }
-  ${I} {
-    position: fixed;
-    left: 0;
-    right: 0;
-    top: auto;
-    bottom: 0;
-    z-index: 30;
-    border: 0;
-    /* Square and hard-edged against the page (1182:236910): it is a bar docked to the bottom, not a sheet
-       lifted off it. */
-    border-radius: 0;
-    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.25);
-  }
-`,An=i.h2`
-  margin: 0 0 24px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid ${c.gray4};
-  font-size: 24px;
-  font-weight: 600;
-  color: ${c.text};
-
-  ${I} {
-    margin-bottom: 12px;
-    padding-bottom: 8px;
-    font-size: 16px;
-    line-height: 1.6;
-  }
-`,zn=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,En=i.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-`,Rn=i.span`
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 1.57;
-  color: ${c.muted1};
-`,Bn=i.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 24px;
-  font-weight: 700;
-  color: ${c.text};
-`,qn=i.span`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  justify-content: center;
-  gap: 4px;
-`;i.span`
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 1;
-  color: ${c.muted};
-`;const _n=i(Tt)`
-  width: 30px;
-  height: 30px;
-  background: ${c.text};
-  -webkit-mask-size: 24px 24px;
-  mask-size: 24px 24px;
-  -webkit-mask-position: left center;
-  mask-position: left center;
-`;i.button`
-  width: 100%;
-  height: 56px;
-  border: 0;
-  border-radius: ${te.btn};
-  background: ${Os.buyBtn};
-  color: ${c.softWhite};
-  font-size: 15px;
-  font-weight: 600;
-  letter-spacing: 0.046em;
-  text-transform: uppercase;
-  cursor: pointer;
-  transition: background-image 0.15s ease;
-
-  /* Primary hover/pressed is the solid Primary red (Figma 738:53252 / 738:53262) — the gradient is
-     the RESTING fill only. Painted as a flat GRADIENT, not a background-color: the shorthand can't
-     interpolate background-image, so gradient -> colour dropped the image midway while the colour was
-     still half transparent and the button visibly blinked. Same property both ends = a clean swap. */
-  &:hover:not(:disabled),
-  &:active:not(:disabled) {
-    background-image: linear-gradient(${c.dclRed}, ${c.dclRed});
-  }
-  &:disabled {
-    opacity: 0.6;
-    cursor: default;
-  }
-`;const Bt=Le`
-  margin: 0;
-  font-size: 13px;
-`,ve=i.p`
-  ${Bt};
-`,Fn=i(_s)`
-  ${Bt};
-`,Wn=i.div`
-  position: relative;
-  flex: 1 0 auto;
-  margin-top: 48px;
-  /* Below the gray band the cross-sell sits straight on the purple field (Figma) — hence no band of its
-     own. The padding is the whole gap from the top of the section to the heading; the shared carousel's
-     own top margin is zeroed below so the two don't stack. */
-  padding: 47px 0 24px;
-
-  & section {
-    margin-top: 0;
-  }
-`;function _e(o){if(Bs(o))return s("errors.rejected");const d=(o.message??"").toLowerCase();return d.includes("insufficient")?s("cart.error.insufficient",{currency:ja.name}):d.includes("no active listing")||d.includes("your own listing")?s("cart.error.listingChanged"):s("marketCheckout.error.generic")}const Ln=12e4;function Kn(o){const d=[];return o.unavailable.length&&d.push(s("cart.drop.unavailable",{count:o.unavailable.length})),o.own.length&&d.push(s("cart.drop.own",{count:o.own.length})),s("cart.drop.removed",{items:d.join(` ${s("cart.drop.and")} `)})}const Fe=o=>o.reduce((d,P)=>d+P.priceCredits*P.quantity,0),we=o=>o.flatMap(d=>Array.from({length:d.quantity},()=>({...d,quantity:1})));function ai(){ca({title:s("nav.cart"),noindex:!0});const o=H(t=>t.items),d=H(t=>t.remove),P=H(t=>t.increment),A=H(t=>t.decrement),F=H(t=>t.clear),J=H(t=>t.restore),X=H(t=>t.setFittingOpen),z=ot(t=>t.items),ne=ot(t=>t.toggle),{session:n,signIn:L}=la(),qt=da(),ue=As().packs.slice(0,zs);M.useEffect(()=>(document.body.classList.add("shop-cart-bg"),()=>document.body.classList.remove("shop-cart-bg")),[]);const _t=o.some(t=>t.category!=="emote"),{data:ke}=ua({queryKey:["upsell-listings"],queryFn:()=>$a({first:40}),staleTime:6e4}),{data:k}=ha(n),v=pa(),Y=sa(),{state:E}=na(),[Ft,ie]=M.useState(null),[Ke,he]=M.useState(null),[Wt,B]=M.useState(!1),[q,D]=M.useState(null),Ne=M.useRef(0),[p,j]=M.useState(null),{data:pe}=ga(n),{data:re}=ma(!0),[$e,Qe]=M.useState(""),oe=M.useRef(null),Ue=xa(o),Ge=t=>lt(Ue[t.id]),Se=o.filter(Ge),He=o.length>0&&Se.length===0,Lt=Se.reduce((t,a)=>t+a.priceCredits*a.quantity,0),Kt=o.reduce((t,a)=>t+a.quantity,0),Nt=Se.reduce((t,a)=>t+a.quantity,0),Oe=q?q.liveTotalCredits:Lt,Qt=new Set(o.map(t=>t.id)),De=((ke==null?void 0:ke.items)??[]).filter(t=>!Qt.has(t.id)).slice(0,12),Ut=new Map(q==null?void 0:q.buyable.map(t=>[t.item.id,t])),ge=(k==null?void 0:k.credits)??0,Me=Oe*10,Gt=re?ct(Me,re):0n,Te=Re({priceCents:Me,priceManaWei:Gt,balanceCents:(k==null?void 0:k.balanceCents)??0,manaBalanceWei:pe??0n}),Ht=t=>t.flatMap(a=>{const l=qe(a);return l.kind==="store"?[l.mint]:[]}),Ot=t=>t.flatMap(a=>a.acquisition==="trade"?[a.trade]:[]),Dt=va,Vt=t=>Ca(t.contractAddress,String(t.itemId));function me(t){t(),D(null),he(null),ie(null)}function Jt(){j(null),B(!1)}function Ve(t){const a=Fe(t),l=Math.max(0,a-ge),r=ue.find(u=>u.credits>=l)??ue[ue.length-1];Qe(r.id),V("Shop Buy Credits Prompted",{from:"cart_checkout",credits_needed:a,credits_balance:ge,shortfall:l}),j({phase:"nofunds",lines:t.map(u=>({item:u.item,priceCredits:u.priceCredits,quantity:u.quantity})),shortfall:l}),B(!1)}async function Ie(t){if(!n||t.length===0)return;const a=we(t),l=a.map(g=>({...g.item,priceCredits:g.priceCredits})),r=t.map(g=>({...g.item,priceCredits:g.priceCredits,quantity:g.quantity})),u=[];let m="authorize";const $=new Set,K=new Set,W=new Set,_=[];let w=!1;j({phase:"processing",stage:"reserving",step:1,total:a.length});try{const g=[];for(let x=0;x<a.length;x++){const h=a[x];j({phase:"processing",stage:"reserving",step:x+1,total:a.length});try{const C=h.acquisition==="trade"?h.trade.id:void 0,b=h.item.contractAddress&&h.item.itemId!=null?{contractAddress:h.item.contractAddress,itemId:String(h.item.itemId)}:void 0,{credit:T,maxCreditedValue:U}=await ht(n.identity,h.usdCents,C,b);u.push({salt:T.id,itemId:h.item.id}),g.push(h.acquisition==="store"?{kind:"store",item:{collection:h.item.contractAddress,itemId:String(h.item.itemId),priceWei:h.priceWei},credits:[T],maxCreditedValue:U,chainId:h.item.chainId}:{kind:"trade",trade:h.trade,credits:[T],maxCreditedValue:U})}catch(C){if(qs(C)){if(u.length){try{await Ee(n.identity,u.map(b=>b.salt))}catch(b){ae(b,{flow:"cart_checkout",step:"release"})}v.invalidateQueries({queryKey:["usd-balance"]})}Ve(t);return}throw C}}m="submit";const S=Ss(g).length,N=x=>S>1?{current:x,total:S}:void 0,G=(x,h)=>j({phase:"processing",stage:x,step:a.length,total:a.length,signatures:N(h)}),Q=x=>x<S?G("awaiting-signature",x+1):G("settling",S);G("awaiting-signature",1);let f=[];if(vs())try{const x=new Map;f=await Ts({purchases:g,buyer:n.address,signer:n.signer,onSigned:()=>Q(S),onBroadcast:({txHash:b,salts:T})=>{x.set(b,T),T.forEach(U=>$.add(U))}});const h=await Promise.allSettled(f.map(b=>Is(b)));h.forEach((b,T)=>{const U=x.get(f[T])??[];b.status==="fulfilled"?(U.forEach(ce=>K.add(ce)),_.push(f[T])):b.reason instanceof Ct||U.forEach(ce=>W.add(ce))});const C=h.flatMap(b=>b.status==="rejected"?[b.reason]:[]);if(C.length&&!C.some(b=>b instanceof Ct))throw C[0];w=!0}catch(x){if(!(x instanceof Ps)||!ka(n.providerType))throw x;f=await Be({purchases:g,buyer:n.address,signer:n.signer,onSigned:Q,onBroadcast:({salts:h})=>h.forEach(C=>$.add(C)),onSettled:({txHash:h,salts:C})=>{C.forEach(b=>K.add(b)),_.push(h)},onReverted:({salts:h})=>h.forEach(C=>W.add(C))})}else f=await Be({purchases:g,buyer:n.address,signer:n.signer,onSigned:Q,onBroadcast:({salts:x})=>x.forEach(h=>$.add(h)),onSettled:({txHash:x,salts:h})=>{h.forEach(C=>K.add(C)),_.push(x)},onReverted:({salts:x})=>x.forEach(h=>W.add(h))});t.forEach(x=>d(x.item.id)),D(null),V("Shop Completed Purchase",{...fe(l),payment_type:"credits",no_crypto_step:w,transaction_hash:f[0]??null}),vt(v);const y=oe.current;oe.current=null,j(null),B(!1);const R={items:r,txHash:f[0]??void 0,txHashes:f,settled:!0,...y?{creditsAdded:y}:{}};Y("/success",{state:R,replace:!0})}catch(g){ye(g)||ae(g,{flow:"cart_checkout",step:m,cart_size:t.length});const S=new Set([...$].filter(y=>!W.has(y))),{toRelease:N,boughtItemIds:G}=jt({reservations:u,spent:S,settled:K}),Q=l.filter(y=>G.includes(y.id)),f=l.filter(y=>!G.includes(y.id));if(V(ye(g)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:m,error_code:pt(g),value_usd:dt(f.reduce((y,R)=>y+R.priceCredits,0)),cart_size:a.length,partial:Q.length>0}),N.length)try{await Ee(n.identity,N)}catch(y){ae(y,{flow:"cart_checkout",step:"release"})}if(v.invalidateQueries({queryKey:["usd-balance"]}),Q.length>0){G.forEach(y=>d(y)),D(null),vt(v),V("Shop Completed Purchase",{...fe(Q),payment_type:"credits",no_crypto_step:w,transaction_hash:_[0]??null,partial:!0}),j({phase:"error",message:s("cart.error.partiallyBought")}),B(!1);return}j({phase:"error",message:_e(g)})}}function Je(t,a){v.invalidateQueries({queryKey:["usd-balance"]}),v.invalidateQueries({queryKey:["detail-trade"]}),v.invalidateQueries({queryKey:["shop-item"]}),v.invalidateQueries({queryKey:["owned-token"]}),v.invalidateQueries({queryKey:["public-token"]}),v.invalidateQueries({queryKey:["item-resales"]}),v.invalidateQueries({queryKey:["shop-items"]}),v.invalidateQueries({queryKey:["catalog-items"]}),v.invalidateQueries({queryKey:["my-assets"]}),v.invalidateQueries({queryKey:["purchases"]}),v.invalidateQueries({queryKey:["owned-item-count"]}),v.invalidateQueries({queryKey:["overview-listings"]}),v.invalidateQueries({queryKey:["upsell-listings"]});const l=oe.current;oe.current=null,j(null),B(!1);const r={items:t,txHash:a[0]??void 0,txHashes:a,settled:!0,...l?{creditsAdded:l}:{}};Y("/success",{state:r,replace:!0})}function Xe(t,a){ye(t)||ae(t,{flow:a,step:"submit"}),V(ye(t)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:pt(t)}),j({phase:"error",message:_e(t)}),B(!1)}async function Xt(t,a){const l=gt(mt.MANAToken,a),r=gt(mt.CreditsManager,a);await ks({auth:{kind:$s.Allowance,contractAddress:l.address,spenderAddress:r.address,chainId:a},signer:t})}async function Ye(){if(re)return re;try{return await v.fetchQuery({queryKey:["mana-rate",ut.chainId],queryFn:()=>wa(ut.chainId),staleTime:6e4})}catch{return}}async function Yt(t){const a=we(t).reduce((m,$)=>m+$.usdCents,0),r=(pe??0n)>0n?await Ye():re,u=r?ct(a,r):0n;return{totalCents:a,manaWei:u}}async function Ze(t,a){const l=Fe(t),{totalCents:r,manaWei:u}=await Yt(t),m=Re({priceCents:r,priceManaWei:u,balanceCents:(k==null?void 0:k.balanceCents)??0,manaBalanceWei:pe??0n});if(a&&m.options.some($=>$.method===a)){if(a==="credits"){Ie(t);return}await Ae(et(a,t),()=>a==="mana"?void tt(t):void at(t,r,u));return}if(m.options.some($=>$.method==="mana"||$.method==="combined")){j({phase:"choose",lines:t,totalCents:r,manaWei:u}),B(!1);return}if(k!=null&&k.credits<l){Ve(t);return}Ie(t)}function Zt(t){return Re({priceCents:t.totalCents,priceManaWei:t.manaWei,balanceCents:(k==null?void 0:k.balanceCents)??0,manaBalanceWei:pe??0n})}const[Pe,xe]=M.useState(null);function et(t,a){const l=new Map;for(const r of a){const u=ms(t,qe(r));l.set(`${u.chainId}:${u.spender.toLowerCase()}`,u)}return[...l.values()]}async function Ae(t,a){const[l,...r]=t;if(!l){a();return}await ea(l.spender,l.chainId,()=>void Ae(r,a))}async function ea(t,a,l){const r=ws(a,t),u=n?await Cs(r,n.address).catch(()=>!0):!0;if(js(n==null?void 0:n.providerType,u)){B(!1),xe({auth:r,run:l});return}l()}function ta(t){if((p==null?void 0:p.phase)!=="choose")return;const{lines:a,totalCents:l,manaWei:r}=p;if(t==="credits"){Ie(a);return}Ae(et(t,a),()=>t==="mana"?void tt(a):void at(a,l,r))}async function tt(t){if(!n||t.length===0)return;const a=we(t),l=a.map(m=>({...m.item,priceCredits:m.priceCredits})),r=t.map(m=>({...m.item,priceCredits:m.priceCredits,quantity:m.quantity})),u=()=>j({phase:"processing",stage:"settling",step:a.length,total:a.length});j({phase:"processing",stage:"awaiting-signature",step:a.length,total:a.length});try{const m=await xs({trades:Ot(a),mints:Ht(a),buyer:n.address,signer:n.signer,onSigned:u});t.forEach($=>d($.item.id)),D(null),V("Shop Completed Purchase",{...fe(l),payment_type:"mana",transaction_hash:m[0]??null}),v.invalidateQueries({queryKey:["mana-balance"]}),Je(r,m)}catch(m){Xe(m,"buy_cart_mana")}}async function at(t,a,l){if(!n||t.length===0)return;const r=we(t),u=r.map(w=>({...w.item,priceCredits:w.priceCredits})),m=t.map(w=>({...w.item,priceCredits:w.priceCredits,quantity:w.quantity})),$=fs(r.map(w=>w.usdCents),(k==null?void 0:k.balanceCents)??0),K=[],W=new Set,_=new Set;j({phase:"processing",stage:"reserving",step:1,total:r.length});try{const w=r.map(qe),g=[],S=new Map,N=new Map;for(let f=0;f<r.length;f++){const y=r[f],R=w[f],x=$[f],h=ys(Math.max(0,y.usdCents-x),a,l);let C;if(x<=0)C=wt(R,[],"0");else{j({phase:"processing",stage:"reserving",step:f+1,total:r.length});const T=y.item,{credit:U,maxCreditedValue:ce}=await ht(n.identity,x,R.kind==="trade"?R.trade.id:void 0,T.contractAddress&&T.itemId!=null?{contractAddress:T.contractAddress,itemId:String(T.itemId)}:void 0);K.push({salt:U.id,itemId:T.id}),C=wt(R,[U],ce)}const b=Ms(C);S.set(b,(S.get(b)??0n)+h),N.has(b)||N.set(b,g.length),g.push(C)}for(const[f,y]of S){const R=N.get(f);R==null||y<=0n||(g[R]={...g[R],maxCreditedValue:(BigInt(g[R].maxCreditedValue)+y).toString()})}await Xt(n.signer,bs(w[0]));const G=()=>j({phase:"processing",stage:"settling",step:r.length,total:r.length});j({phase:"processing",stage:"awaiting-signature",step:r.length,total:r.length});const Q=await Be({purchases:g,buyer:n.address,signer:n.signer,onSigned:G,onBroadcast:({salts:f})=>f.forEach(y=>W.add(y)),onReverted:({salts:f})=>f.forEach(y=>_.add(y))});t.forEach(f=>d(f.item.id)),D(null),V("Shop Completed Purchase",{...fe(u),payment_type:"credits_and_mana",transaction_hash:Q[0]??null}),v.invalidateQueries({queryKey:["mana-balance"]}),Je(m,Q)}catch(w){const{toRelease:g}=jt({reservations:K,spent:new Set([...W].filter(S=>!_.has(S))),settled:new Set});g.length&&Ee(n.identity,g).catch(()=>{}),K.length&&v.invalidateQueries({queryKey:["usd-balance"]}),Xe(w,"buy_cart_combined")}}async function Z(t){if(!n){bt({type:"cart-checkout"}),L();return}const a=H.getState().items.filter(Ge);if(a.length===0)return;ie(null),he(null),B(!0);const l=a.reduce((r,u)=>r+u.priceCredits*u.quantity,0);V("Shop Started Checkout",{cart_size:a.length,cart_value_credits:l,cart_value_usd:dt(l),has_sufficient_credits:ge>=l});try{const r=await Es(a,n.address,Dt,await Ye(),Vt),u=[...r.unavailable,...r.own];if(u.length&&(u.forEach(m=>d(m.id)),he(Kn(r))),r.buyable.length===0){ie(s("cart.error.noneAvailable")),D(null);return}if(r.orderChanged){D(r),Ne.current=Date.now();return}await Ze(r.buyable,t)}catch(r){ae(r,{flow:"cart_checkout",step:"review",cart_size:a.length}),ie(_e(r))}finally{B(!1)}}async function st(){if(q){if(!n){bt({type:"cart-checkout"}),L();return}if(Date.now()-Ne.current>Ln){D(null),he(null),await Z();return}ie(null),Ze(q.buyable)}}async function aa(){if($e){try{sessionStorage.setItem(be,JSON.stringify(H.getState().items))}catch{}B(!0);try{const t=await Rs($e,n?{address:n.address,identity:n.identity}:void 0);if(t.url){window.location.href=t.url;return}Y("/credits")}catch(t){try{sessionStorage.removeItem(be)}catch{}ae(t,{flow:"cart_buy_credits"}),j({phase:"error",message:s("buyModal.error.creditsCheckout")})}finally{B(!1)}}}const nt=M.useRef(!1);M.useEffect(()=>{if(!n||nt.current||!us("cart-checkout"))return;nt.current=!0;const t=setTimeout(()=>void Z(),0);return()=>clearTimeout(t)},[n]);const it=M.useRef(!1);M.useEffect(()=>{if(!(E!=null&&E.resumeCheckout)||it.current)return;it.current=!0,oe.current=E.creditsAdded??null;try{const a=sessionStorage.getItem(be);if(a){sessionStorage.removeItem(be);const l=JSON.parse(a);Array.isArray(l)&&l.length&&J(l)}}catch{}v.invalidateQueries({queryKey:["usd-balance"]});const t=setTimeout(()=>void Z(),0);return()=>clearTimeout(t)},[E==null?void 0:E.resumeCheckout]);const rt=M.useRef(!1);M.useEffect(()=>{if(!(E!=null&&E.startCheckout)||rt.current)return;rt.current=!0,Y(".",{replace:!0,state:null});const t=setTimeout(()=>void Z(),0);return()=>clearTimeout(t)},[E==null?void 0:E.startCheckout]);const ee=Wt||(p==null?void 0:p.phase)==="processing";return o.length===0&&!p?e.jsx(kt,{children:e.jsxs(St,{children:[e.jsxs($t,{onClick:()=>Y(-1),type:"button",children:[e.jsx(O,{name:"arrow-left"}),s("nav.cart")]}),e.jsxs(Xs,{"data-testid":"cart-empty",children:[e.jsx(O,{name:"cart-plus",size:110}),e.jsxs(Ys,{children:[e.jsx(Zs,{children:s("cart.empty.title")}),e.jsx(en,{children:s("cart.empty.body")})]}),e.jsx(tn,{to:"/items",children:s("cart.empty.cta")})]})]})}):e.jsxs(kt,{children:[e.jsxs(St,{children:[e.jsxs($t,{onClick:()=>Y(-1),type:"button",children:[e.jsx(O,{name:"arrow-left"}),s("nav.cart")]}),e.jsxs(Ds,{children:[e.jsxs(Vs,{children:[e.jsxs(Js,{children:[e.jsx(an,{onClick:()=>Y(-1),type:"button","aria-label":s("cart.goBack"),children:e.jsx(O,{name:"arrow-left"})}),e.jsx(sn,{children:s("cart.panelTitle",{count:Kt})}),_t?e.jsxs(nn,{onClick:()=>X(!0),disabled:ee,children:[e.jsx(O,{name:"fitting-room"}),s("cart.fittingRoom")]}):null]}),e.jsxs(zt,{children:[e.jsx(rn,{children:o.map(t=>{const a=Ut.get(t.id),l=a?a.priceCredits:t.priceCredits,r=!!a&&a.priceCredits!==t.priceCredits,u=!t.tokenId,m=t.quantity,$=typeof t.available=="number"&&m>=t.available,K=l*m,W=fa(t),_=!!W&&!!z[W],w=ya(t),g=Ue[t.id],S=!lt(g),N=g==="sold-out"?s("cart.availability.soldOut"):s("cart.availability.unavailable");return e.jsxs(on,{"data-unavailable":S||void 0,children:[e.jsxs(cn,{"data-thumb":!0,children:[w?e.jsx(ln,{to:w,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(dn,{"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(un,{children:[e.jsxs(hn,{"data-desc":!0,children:[w?e.jsx(gn,{to:w,state:{item:t,tradeId:t.tradeId},title:t.name,children:t.name}):e.jsx(pn,{title:t.name,children:t.name}),t.creator?e.jsx(mn,{address:t.creator,linkToProfile:!0}):null,qt&&u?e.jsxs($n,{"data-testid":"cart-creator-tag",children:[e.jsx(Sn,{name:"buy-from-creator"}),s("cart.creatorTag")]}):null]}),e.jsx(xn,{children:S?e.jsxs(jn,{children:[e.jsx(kn,{name:"warning-fill",size:24}),N]}):e.jsxs(e.Fragment,{children:[u?e.jsxs(fn,{children:[e.jsx(Mt,{onClick:()=>me(()=>A(t.id)),disabled:ee||m<=1,"aria-label":s("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(yn,{children:m}),e.jsx(Mt,{onClick:()=>me(()=>P(t.id)),disabled:ee||$,"aria-label":s("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(bn,{children:[e.jsx(vn,{})," ",K,r?e.jsx(wn,{children:t.priceCredits*m}):null]})]})})]}),e.jsxs(Cn,{children:[W?e.jsx(Mn,{"data-on":_||void 0,onClick:()=>ne(t),"aria-label":_?s("cart.removeFromFavorites",{name:t.name}):s("cart.addToFavorites",{name:t.name}),title:_?s("assetCard.removeFromFavorites"):s("assetCard.addToFavorites"),children:e.jsx(O,{name:_?"heart-solid":"heart"})}):null,e.jsx(Tn,{onClick:()=>me(()=>d(t.id)),disabled:ee,"aria-label":s("cart.remove",{name:t.name}),title:s("cart.removeTitle"),children:e.jsx(O,{name:"trash",size:24})})]})]},t.id)})}),e.jsx(In,{children:e.jsx("button",{className:"link",onClick:()=>me(F),disabled:ee,children:s("cart.clearCart")})})]})]}),e.jsxs(Pn,{children:[e.jsx(An,{children:s("cart.purchaseSummary")}),e.jsxs(zn,{children:[e.jsxs(En,{children:[e.jsx(Rn,{children:s("cart.totalItems",{count:Nt})}),e.jsx(qn,{children:e.jsxs(Bn,{children:[e.jsx(_n,{})," ",Oe]})})]}),e.jsx(It,{options:Te.options,totalCents:Me,shortfall:Te.manaShortfall,showCreditsAmount:!1,creditsLabel:q?s("marketCheckout.confirmPurchase"):Te.options.length>1?s("cart.buyWithCredits"):s("cart.checkout"),busy:ee||He,onPay:t=>void(q?st():Z(t)),creditsFallback:{label:ee?s("cart.working"):q?s("marketCheckout.confirmPurchase"):s("cart.checkout"),onClick:()=>void(q?st():Z())}}),He?e.jsx(ve,{className:"muted",children:s("cart.allUnavailable")}):null,n?null:e.jsx(ve,{className:"muted",children:s("cart.signInHint")}),q?e.jsx(ve,{className:"muted",children:s("cart.priceChanged")}):null,Ke?e.jsx(ve,{className:"muted",children:Ke}):null,e.jsx(Fn,{message:Ft})]})]})]})]}),De.length>0?e.jsx(Wn,{children:e.jsx(hs,{title:s("cart.youMightAlsoLike"),items:De})}):null,Pe&&n?e.jsx(ps,{auth:Pe.auth,signer:n.signer,title:s("authorizeStep.manaTitle"),name:s("authorizeStep.manaName"),reason:s("authorizeStep.manaReason"),icon:e.jsx("img",{src:gs,width:24,height:24,alt:"","aria-hidden":!0}),onAuthorized:()=>{const{run:t}=Pe;xe(null),t()},onCancel:()=>xe(null),onClose:()=>xe(null)}):null,p?e.jsx(Us,{phase:p.phase,balanceCredits:ge,onClose:Jt,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:ba(n==null?void 0:n.providerType),signatures:p.phase==="processing"?p.signatures:void 0,options:p.phase==="choose"?Zt(p).options:void 0,onPay:ta,totalCents:p.phase==="choose"?p.totalCents:void 0,totalManaWei:p.phase==="choose"?p.manaWei:void 0,totalCredits:p.phase==="choose"?Fe(p.lines):void 0,lines:p.phase==="nofunds"?p.lines:void 0,shortfallCredits:p.phase==="nofunds"?p.shortfall:void 0,packs:ue,selectedPack:$e,onSelectPack:Qe,onBuyPacks:()=>void aa(),message:p.phase==="error"?p.message:void 0,onRetry:()=>void Z()}):null]})}export{ai as Cart};