@dcl/shop 1.2.1-31142410827.commit-447715b → 1.3.0

package/_assets/Cart-CMAKp-wK.js

@@ -1,696 +0,0 @@
-import{j as e,L as Le,r as T,b as ea,a as ta}from"./react-BYHuwl8r.js";import{t as de,s as i,b as a,L as ce,ax as aa,ay as Ee,az as sa,J as na,I as O,z as Mt,K as Ke,x as ia,X as H,am as dt,o as ra,q as oa,v as ca,aA as da,A as la,aB as ua,an as ha,aC as pa,aD as lt,aE as ga,aF as ma,y as xa,aG as ut,Z as V,aH as ht,aI as fa,F as ae,r as ya,c as pt,aJ as ba,C as va,aK as gt,aL as Re,aM as wa,aN as xe,aO as fe,aP as mt,g as ye,f as Ca,h as qe,aQ as ja}from"./index-B2t9sa1E.js";import{M as ka,S as Sa,C as $a,H as Ma,a as Ta,T as Ia,X as Pa,b as Aa,B as za,c as Ea,d as xt,e as Ra,f as Ce,P as Tt,m as qa,g as Ba,h as _a,i as Fa,j as Wa,k as It,l as je,L as La,n as Ka,o as ft,p as yt,W as Na,q as Qa,r as Ua,s as Ha,A as Oa,t as Ga,u as Va,v as Da,w as Ja,x as Xa,y as Ya,z as Za,D as es,E as ts,F as as,G as ss,I as ns,J as is,K as rs,N as os,O as cs,Q as Be,R as ds,U as ls,V as us,Y as hs,Z as bt,_ as vt,$ as ps,a0 as gs,a1 as ms}from"./CollectionCarousel-DMTJO3vn.js";import{f as xs,h as fs,a as ys,n as bs,i as vs,A as ws}from"./authorizations-BIUtCNZm.js";import{g as Cs,j as _e}from"./buy-Dvc_dX-A.js";import{b as js,w as ks,S as wt,G as Ss}from"./buy-gasless-C2CSfMz_.js";import{u as $s,M as Ms,R as be,r as Ts,c as Is,p as Ct}from"./useCreditPacks-BKNj_K3V.js";import{i as Ps,a as As}from"./errors-CX9EJ2UZ.js";import{E as zs}from"./ErrorNotice-BQwK_TDE.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./sendMetaTransaction-etVFqqtW.js";const{colors:se,radius:Es}=de,Rs=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  width: 100%;
-`,qs=i.span`
-  font-size: 16px;
-  line-height: 22px;
-  color: ${se.text2};
-  text-transform: capitalize;
-  white-space: nowrap;
-`,Bs=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: ${Es.btn};
-  }
-`,_s=i.span`
-  margin-left: 8px;
-  font-size: 13px;
-  font-weight: 600;
-  color: ${se.muted};
-`,Fs=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 Ws(r){const{phase:l,balanceCredits:P,onClose:A}=r,F=l==="processing",D=l==="error"?a("cartCheckout.errorTitle"):l==="nofunds"?a("cartCheckout.titleNoFunds"):l==="choose"?a("buyModal.choosePayment"):a("cartCheckout.titleBuy"),J=l==="processing";return e.jsxs(ka,{role:"dialog","aria-modal":"true","aria-label":a("cartCheckout.dialogAria"),children:[e.jsx(Sa,{onClick:F?void 0:A,"aria-hidden":!0}),e.jsxs($a,{"data-tall":J||void 0,children:[e.jsxs(Ma,{children:[e.jsxs(Ta,{children:[e.jsx(Ia,{children:D}),!F&&e.jsx(Pa,{onClick:A,"aria-label":a("buyModal.close"),children:e.jsx(Aa,{})})]}),e.jsxs(za,{children:[e.jsx(Ea,{children:l==="nofunds"?a("buyModal.dclBalance"):a("buyModal.myCreditsBalance")}),e.jsx(xt,{}),e.jsx(Ra,{children:ce(P)})]})]}),l==="choose"&&e.jsxs(Ce,{children:[e.jsxs(Fs,{children:[e.jsx("span",{children:a("cart.purchaseSummary")}),e.jsxs("strong",{children:[e.jsx(xt,{}),ce(r.totalCredits??0)]})]}),e.jsx(Tt,{options:r.options??[],totalCents:r.totalCents??0,onPay:r.onPay??(()=>{}),rateNote:(()=>{const z=qa(r.totalCents??0,r.totalManaWei??0n);return z!=null?a("buyModal.manaRate",{mana:z.toLocaleString("en",{maximumFractionDigits:2})}):null})()})]}),l==="processing"&&e.jsx(Ls,{stage:r.stage??"reserving",step:r.step??1,total:r.total??1,isSelfCustody:!!r.isSelfCustody,signatures:r.signatures}),l==="nofunds"&&e.jsx(Ks,{lines:r.lines??[],shortfallCredits:r.shortfallCredits??0,packs:r.packs??[],selectedPack:r.selectedPack??"",onSelectPack:r.onSelectPack??(()=>{}),onBuyPacks:r.onBuyPacks??(()=>{}),onCancel:A}),l==="error"&&e.jsxs(Ce,{children:[e.jsxs(Ba,{"data-testid":"buy-error",children:[e.jsx(_a,{src:Fa,alt:"",width:64,height:80}),e.jsxs(Wa,{children:[e.jsx("b",{children:a("cartCheckout.errorHeadline")})," ",r.message??a("cartCheckout.errorBody")]})]}),e.jsxs(It,{children:[e.jsx(je,{"data-variant":"outline",onClick:A,children:a("buyModal.cancel")}),e.jsx(je,{"data-variant":"purple",onClick:r.onRetry??A,children:a("cartCheckout.tryAgain")})]})]})]})]})}function Ls({stage:r,step:l,total:P,isSelfCustody:A,signatures:F}){const D=r==="reserving",J=P>0?Math.min(100,Math.round(l/P*100)):0,z=A&&F&&F.total>1,ne=r==="awaiting-signature"?A?z?a("cartCheckout.confirmMultiple",{current:F.current,total:F.total}):a("buyModal.confirmToContinue"):a("buyModal.completingTransaction"):r==="settling"?a("buyModal.completingTransaction"):a("cartCheckout.preparing");return e.jsxs(Ce,{"data-processing":!0,children:[e.jsx(La,{src:aa,alt:"",width:61,height:61}),e.jsx(Ka,{children:ne}),D?e.jsxs(Rs,{children:[e.jsx(ft,{"aria-hidden":!0,children:e.jsx(yt,{"data-step":!0,style:{width:`${J}%`}})}),P>1?e.jsxs(qs,{children:[l,"/",P]}):null]}):e.jsx(ft,{"aria-hidden":!0,children:e.jsx(yt,{})})]})}function Ks({lines:r,shortfallCredits:l,packs:P,selectedPack:A,onSelectPack:F,onBuyPacks:D,onCancel:J}){const z=P.find(n=>n.id===A),ne=r.reduce((n,K)=>n+(K.quantity??1),0);return e.jsxs(Ce,{children:[e.jsxs(Na,{"data-testid":"nofunds-warning",children:[e.jsx(Qa,{}),e.jsxs(Ua,{children:[e.jsx("b",{children:a("buyModal.insufficientFunds")})," ",a("buyModal.warningNeedToBuy")," ",e.jsx("b",{children:a("buyModal.warningCreditsAmount",{count:Math.max(0,l)})})," ",a("buyModal.warningToPurchase",{count:ne}),Ee()?null:e.jsxs(e.Fragment,{children:[e.jsx("br",{}),e.jsx(Ha,{href:sa("/credits"),target:"_blank",rel:"noopener noreferrer",children:a("buyModal.warningLearnMore")})]})]})]}),e.jsx(Bs,{children:r.map(n=>{const K=n.quantity??1;return e.jsxs(Oa,{children:[e.jsx(Ga,{children:n.item.thumbnail?e.jsx("img",{src:n.item.thumbnail,alt:""}):null}),e.jsxs(Va,{children:[e.jsxs("div",{children:[e.jsxs(Da,{title:n.item.name,children:[n.item.name||a("buyModal.itemFallback"),K>1?e.jsx(_s,{children:a("cartCheckout.qty",{count:K})}):null]}),n.item.creator?e.jsx(Ja,{address:n.item.creator}):null]}),e.jsxs(Xa,{children:[e.jsx(Ya,{}),e.jsx("span",{children:ce(n.priceCredits*K)})]})]})]},n.item.id)})}),Ee()?null:e.jsxs(e.Fragment,{children:[e.jsx(Za,{children:P.map(n=>{const K=n.id===A;return e.jsxs(es,{"data-testid":"credit-pack","data-on":K||void 0,onClick:()=>F(n.id),children:[e.jsx(ts,{src:as,alt:""}),e.jsx(ss,{children:ce(n.credits)}),e.jsxs(ns,{children:["($",n.usd.toFixed(2),")"]})]},n.id)})}),e.jsxs(is,{children:[e.jsxs(rs,{children:[e.jsx(os,{}),e.jsx("span",{children:ce((z==null?void 0:z.credits)??0)})]}),e.jsxs(cs,{children:["$",((z==null?void 0:z.usd)??0).toFixed(2)]})]})]}),e.jsxs(It,{children:[e.jsx(je,{"data-variant":"outline",onClick:J,children:a("buyModal.cancel")}),Ee()?null:e.jsx(je,{"data-variant":"gradient",onClick:D,children:a("buyModal.buy")})]})]})}const{colors:o,gradients:Ns,radius:te}=de,Pt="@media (max-width: 1080px)",I="@media (max-width: 880px)",jt=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 */
-  }
-`,kt=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;
-  }
-
-  ${I} {
-    display: none;
-  }
-`,Qs=i.div`
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 615px;
-  gap: 24px;
-  align-items: start;
-
-  ${Pt} {
-    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: ${o.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 */
-    }
-  }
-`,Us=i.div`
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,Hs=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  background: ${o.white};
-  border-radius: 16px;
-  padding: 12px 12px 12px 24px;
-
-  ${I} {
-    gap: 8px;
-    padding: 8px 16px;
-  }
-`,At=i.section`
-  min-width: 0;
-  background: ${o.white};
-  border-radius: 16px;
-  padding: 24px;
-
-  ${I} {
-    padding: 16px;
-  }
-`,Os=i(At)`
-  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};
-
-  ${de.media.maxWidth("mobile")} {
-    min-height: 320px;
-    padding: 32px 16px;
-  }
-`,Gs=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 12px;
-  padding-bottom: 16px;
-`,Vs=i.p`
-  margin: 0;
-  font-size: 24px;
-  font-weight: 700;
-  line-height: 1.6;
-
-  ${de.media.maxWidth("mobile")} {
-    font-size: 20px;
-  }
-`,Ds=i.p`
-  margin: 0;
-  font-size: 20px;
-  font-weight: 400;
-  line-height: 1.6;
-
-  ${de.media.maxWidth("mobile")} {
-    font-size: 16px;
-  }
-`,Js=i(Le)`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 310px;
-  max-width: 100%;
-  height: 56px;
-  padding: 0 12px;
-  border-radius: ${te.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;
-  }
-`,Xs=i.button`
-  display: none;
-
-  ${I} {
-    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;
-    }
-  }
-`,Ys=i.h1`
-  margin: 0;
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 1.57;
-  color: ${o.text};
-
-  ${I} {
-    flex: 1;
-    min-width: 0;
-    font-size: 16px;
-  }
-`,Zs=i.button`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  height: 40px;
-  padding: 0 12px;
-  border: 2px solid ${o.text2};
-  border-radius: ${te.btn};
-  background: none;
-  color: ${o.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: ${o.text};
-    color: ${o.text};
-  }
-`,en=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-`,tn=i.div`
-  position: relative;
-  display: flex;
-  align-items: stretch;
-  gap: 12px;
-  background: ${o.white};
-  border: 1px solid ${o.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;
-  }
-`,an=i.div`
-  position: relative;
-  flex-shrink: 0;
-  width: 137.5px;
-  height: 137px;
-  background: ${o.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;
-  }
-`,sn=i(Le)`
-  position: absolute;
-  inset: 0;
-  display: grid;
-  place-items: center;
-`,nn=i.span`
-  position: absolute;
-  top: 7.5px;
-  left: 7.5px;
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  background: #34ce77;
-  display: grid;
-  place-items: center;
-`,rn=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;
-  }
-`,on=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  min-width: 0;
-  padding-right: 64px; /* clear the top-right favourite + remove group */
-`,zt=Ke`
-  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};
-  }
-
-  ${I} {
-    white-space: normal;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    line-clamp: 2;
-    -webkit-box-orient: vertical;
-  }
-`,cn=i.div`
-  ${zt};
-`,dn=i(Le)`
-  ${zt};
-`,ln=i(na)`
-  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;
-  }
-`,un=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding-right: 8px;
-`,hn=i.div`
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px;
-  border: 0.5px solid ${o.muted2};
-  border-radius: ${te.pill};
-`,$t=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;
-  }
-`,pn=i.span`
-  min-width: 12px;
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 1.2;
-  color: ${o.text};
-  text-align: center;
-`,gn=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};
-
-  ${I} {
-    font-size: 20px;
-  }
-`,mn=i(Mt)`
-  width: 24px;
-  height: 24px;
-  background: ${o.text};
-
-  ${I} {
-    width: 20px;
-    height: 20px;
-  }
-`,xn=i.span`
-  margin-left: 6px;
-  font-size: 14px;
-  font-weight: 500;
-  color: ${o.muted};
-  text-decoration: line-through;
-`,fn=i.div`
-  position: absolute;
-  top: 9px;
-  right: 7px;
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-`,yn=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};
-`,bn=i(O)`
-  color: #f48221;
-`,vn=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: ${o.text};
-`,wn=i(O)`
-  width: 11.31px;
-  height: 10.94px;
-  background: ${o.text};
-`,Et=Ke`
-  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;
-  }
-`,Cn=i.button`
-  ${Et};
-
-  &:hover:not(:disabled) {
-    color: ${o.text};
-  }
-  &[data-on] {
-    color: ${o.dclRed};
-  }
-`,jn=i.button`
-  ${Et};
-
-  &:hover:not(:disabled) {
-    color: ${o.dclRed};
-  }
-`,kn=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;
-
-  ${Pt} {
-    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);
-  }
-`,$n=i.h2`
-  margin: 0 0 24px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid ${o.gray4};
-  font-size: 24px;
-  font-weight: 600;
-  color: ${o.text};
-
-  ${I} {
-    margin-bottom: 12px;
-    padding-bottom: 8px;
-    font-size: 16px;
-    line-height: 1.6;
-  }
-`,Mn=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,Tn=i.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-`,In=i.span`
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 1.57;
-  color: ${o.muted1};
-`,Pn=i.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 24px;
-  font-weight: 700;
-  color: ${o.text};
-`,An=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: ${o.muted};
-`;const zn=i(Mt)`
-  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;
-`;i.button`
-  width: 100%;
-  height: 56px;
-  border: 0;
-  border-radius: ${te.btn};
-  background: ${Ns.buyBtn};
-  color: ${o.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(${o.dclRed}, ${o.dclRed});
-  }
-  &:disabled {
-    opacity: 0.6;
-    cursor: default;
-  }
-`;const Rt=Ke`
-  margin: 0;
-  font-size: 13px;
-`,ve=i.p`
-  ${Rt};
-`,En=i(zs)`
-  ${Rt};
-`,Rn=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 Fe(r){if(Ps(r))return a("errors.rejected");const l=(r.message??"").toLowerCase();return l.includes("insufficient")?a("cart.error.insufficient",{currency:va.name}):l.includes("no active listing")||l.includes("your own listing")?a("cart.error.listingChanged"):a("marketCheckout.error.generic")}const qn=12e4;function Bn(r){const l=[];return r.unavailable.length&&l.push(a("cart.drop.unavailable",{count:r.unavailable.length})),r.own.length&&l.push(a("cart.drop.own",{count:r.own.length})),a("cart.drop.removed",{items:l.join(` ${a("cart.drop.and")} `)})}const We=r=>r.reduce((l,P)=>l+P.priceCredits*P.quantity,0),we=r=>r.flatMap(l=>Array.from({length:l.quantity},()=>({...l,quantity:1})));function Xn(){ia({title:a("nav.cart"),noindex:!0});const r=H(t=>t.items),l=H(t=>t.remove),P=H(t=>t.increment),A=H(t=>t.decrement),F=H(t=>t.clear),D=H(t=>t.restore),J=H(t=>t.setFittingOpen),z=dt(t=>t.items),ne=dt(t=>t.toggle),{session:n,signIn:K}=ra(),qt=oa(),le=$s().packs.slice(0,Ms);T.useEffect(()=>(document.body.classList.add("shop-cart-bg"),()=>document.body.classList.remove("shop-cart-bg")),[]);const Bt=r.some(t=>t.category!=="emote"),{data:ke}=ca({queryKey:["upsell-listings"],queryFn:()=>ja({first:40}),staleTime:6e4}),{data:S}=da(n),v=la(),X=ea(),{state:E}=ta(),[_t,ie]=T.useState(null),[Ne,ue]=T.useState(null),[Ft,q]=T.useState(!1),[B,G]=T.useState(null),Qe=T.useRef(0),[g,j]=T.useState(null),{data:he}=ua(n),{data:re}=ha(!0),[Se,Ue]=T.useState(""),oe=T.useRef(null),He=pa(r),Oe=t=>ut(He[t.id]),$e=r.filter(Oe),Ge=r.length>0&&$e.length===0,Wt=$e.reduce((t,s)=>t+s.priceCredits*s.quantity,0),Lt=r.reduce((t,s)=>t+s.quantity,0),Kt=$e.reduce((t,s)=>t+s.quantity,0),Ve=B?B.liveTotalCredits:Wt,Nt=new Set(r.map(t=>t.id)),De=((ke==null?void 0:ke.items)??[]).filter(t=>!Nt.has(t.id)).slice(0,12),Qt=new Map(B==null?void 0:B.buyable.map(t=>[t.item.id,t])),pe=(S==null?void 0:S.credits)??0,Me=Ve*10,Ut=re?lt(Me,re):0n,Te=Be({priceCents:Me,priceManaWei:Ut,balanceCents:(S==null?void 0:S.balanceCents)??0,manaBalanceWei:he??0n}),Ht=t=>t.some(s=>s.acquisition==="store"),Ie=t=>t.flatMap(s=>s.acquisition==="trade"?[s]:[]),Ot=fa,Gt=t=>ba(t.contractAddress,String(t.itemId));function ge(t){t(),G(null),ue(null),ie(null)}function Vt(){j(null),q(!1)}function Je(t){const s=We(t),d=Math.max(0,s-pe),c=le.find(u=>u.credits>=d)??le[le.length-1];Ue(c.id),V("Shop Buy Credits Prompted",{from:"cart_checkout",credits_needed:s,credits_balance:pe,shortfall:d}),j({phase:"nofunds",lines:t.map(u=>({item:u.item,priceCredits:u.priceCredits,quantity:u.quantity})),shortfall:d}),q(!1)}async function Pe(t){if(!n||t.length===0)return;const s=we(t),d=s.map(y=>({...y.item,priceCredits:y.priceCredits})),c=t.map(y=>({...y.item,priceCredits:y.priceCredits,quantity:y.quantity})),u=[];let h="authorize";const w=new Set,$=new Set,_=new Set,R=[];let W=!1;j({phase:"processing",stage:"reserving",step:1,total:s.length});try{const y=[];for(let x=0;x<s.length;x++){const p=s[x];j({phase:"processing",stage:"reserving",step:x+1,total:s.length});try{const M=p.acquisition==="trade"?p.trade.id:void 0,C=p.item.contractAddress&&p.item.itemId!=null?{contractAddress:p.item.contractAddress,itemId:String(p.item.itemId)}:void 0,{credit:U,maxCreditedValue:ee}=await gt(n.identity,p.usdCents,M,C);u.push({salt:U.id,itemId:p.item.id}),y.push(p.acquisition==="store"?{kind:"store",item:{collection:p.item.contractAddress,itemId:String(p.item.itemId),priceWei:p.priceWei},credits:[U],maxCreditedValue:ee,chainId:p.item.chainId}:{kind:"trade",trade:p.trade,credits:[U],maxCreditedValue:ee})}catch(M){if(As(M)){if(u.length){try{await Re(n.identity,u.map(C=>C.salt))}catch(C){ae(C,{flow:"cart_checkout",step:"release"})}v.invalidateQueries({queryKey:["usd-balance"]})}Je(t);return}throw M}}h="submit";const m=Cs(y).length,k=x=>m>1?{current:x,total:m}:void 0,L=(x,p)=>j({phase:"processing",stage:x,step:s.length,total:s.length,signatures:k(p)}),N=x=>x<m?L("awaiting-signature",x+1):L("settling",m);L("awaiting-signature",1);let f=[];if(xs())try{const x=new Map;f=await js({purchases:y,buyer:n.address,signer:n.signer,onSigned:()=>N(m),onBroadcast:({txHash:C,salts:U})=>{x.set(C,U),U.forEach(ee=>w.add(ee))}});const p=await Promise.allSettled(f.map(C=>ks(C)));p.forEach((C,U)=>{const ee=x.get(f[U])??[];C.status==="fulfilled"?(ee.forEach(ze=>$.add(ze)),R.push(f[U])):C.reason instanceof wt||ee.forEach(ze=>_.add(ze))});const M=p.flatMap(C=>C.status==="rejected"?[C.reason]:[]);if(M.length&&!M.some(C=>C instanceof wt))throw M[0];W=!0}catch(x){if(!(x instanceof Ss)||!wa(n.providerType))throw x;f=await _e({purchases:y,buyer:n.address,signer:n.signer,onSigned:N,onBroadcast:({salts:p})=>p.forEach(M=>w.add(M)),onSettled:({txHash:p,salts:M})=>{M.forEach(C=>$.add(C)),R.push(p)},onReverted:({salts:p})=>p.forEach(M=>_.add(M))})}else f=await _e({purchases:y,buyer:n.address,signer:n.signer,onSigned:N,onBroadcast:({salts:x})=>x.forEach(p=>w.add(p)),onSettled:({txHash:x,salts:p})=>{p.forEach(M=>$.add(M)),R.push(x)},onReverted:({salts:x})=>x.forEach(p=>_.add(p))});t.forEach(x=>l(x.item.id)),G(null),V("Shop Completed Purchase",{...xe(d),payment_type:"credits",no_crypto_step:W,transaction_hash:f[0]??null}),vt(v);const b=oe.current;oe.current=null,j(null),q(!1);const Q={items:c,txHash:f[0]??void 0,txHashes:f,settled:!0,...b?{creditsAdded:b}:{}};X("/success",{state:Q,replace:!0})}catch(y){fe(y)||ae(y,{flow:"cart_checkout",step:h,cart_size:t.length});const m=new Set([...w].filter(b=>!_.has(b))),{toRelease:k,boughtItemIds:L}=Ct({reservations:u,spent:m,settled:$}),N=d.filter(b=>L.includes(b.id)),f=d.filter(b=>!L.includes(b.id));if(V(fe(y)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:h,error_code:mt(y),value_usd:ht(f.reduce((b,Q)=>b+Q.priceCredits,0)),cart_size:s.length,partial:N.length>0}),k.length)try{await Re(n.identity,k)}catch(b){ae(b,{flow:"cart_checkout",step:"release"})}if(v.invalidateQueries({queryKey:["usd-balance"]}),N.length>0){L.forEach(b=>l(b)),G(null),vt(v),V("Shop Completed Purchase",{...xe(N),payment_type:"credits",no_crypto_step:W,transaction_hash:R[0]??null,partial:!0}),j({phase:"error",message:a("cart.error.partiallyBought")}),q(!1);return}j({phase:"error",message:Fe(y)})}}function Xe(t,s){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 d=oe.current;oe.current=null,j(null),q(!1);const c={items:t,txHash:s[0]??void 0,txHashes:s,settled:!0,...d?{creditsAdded:d}:{}};X("/success",{state:c,replace:!0})}function Ye(t,s){fe(t)||ae(t,{flow:s,step:"submit"}),V(fe(t)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:mt(t)}),j({phase:"error",message:Fe(t)}),q(!1)}async function Dt(t,s){const d=ye(qe.MANAToken,s),c=ye(qe.CreditsManager,s);await vs({auth:{kind:ws.Allowance,contractAddress:d.address,spenderAddress:c.address,chainId:s},signer:t})}async function Ze(){if(re)return re;try{return await v.fetchQuery({queryKey:["mana-rate",pt.chainId],queryFn:()=>ya(pt.chainId),staleTime:6e4})}catch{return}}async function Jt(t){const s=we(t).reduce((h,w)=>h+w.usdCents,0),c=(he??0n)>0n?await Ze():re,u=c?lt(s,c):0n;return{totalCents:s,manaWei:u}}async function et(t,s){const d=We(t),{totalCents:c,manaWei:u}=await Jt(t),h=Be({priceCents:c,priceManaWei:u,balanceCents:(S==null?void 0:S.balanceCents)??0,manaBalanceWei:he??0n}),w=Ht(t)?{...h,options:h.options.filter($=>$.method==="credits")}:h;if(s&&w.options.some($=>$.method===s)){if(s==="credits"){Pe(t);return}const{spender:$,chainId:_}=tt(s,t);await at($,_,()=>s==="mana"?void st(t):void nt(t,c,u));return}if(w.options.some($=>$.method==="mana"||$.method==="combined")){j({phase:"choose",lines:t,totalCents:c,manaWei:u}),q(!1);return}if(S!=null&&S.credits<d){Je(t);return}Pe(t)}function Xt(t){return Be({priceCents:t.totalCents,priceManaWei:t.manaWei,balanceCents:(S==null?void 0:S.balanceCents)??0,manaBalanceWei:he??0n})}const[Ae,me]=T.useState(null);function tt(t,s){const d=Ie(s)[0].trade;return{spender:t==="mana"?ye(Ca(d.contract),d.chainId).address:ye(qe.CreditsManager,d.chainId).address,chainId:d.chainId}}async function at(t,s,d){const c=fs(s,t),u=n?await ys(c,n.address).catch(()=>!0):!0;if(bs(n==null?void 0:n.providerType,u)){q(!1),me({auth:c,run:d});return}d()}function Yt(t){if((g==null?void 0:g.phase)!=="choose")return;const{lines:s,totalCents:d,manaWei:c}=g;if(t==="credits"){Pe(s);return}const{spender:u,chainId:h}=tt(t,s);at(u,h,()=>t==="mana"?void st(s):void nt(s,d,c))}async function st(t){if(!n||t.length===0)return;const s=we(t),d=s.map(h=>({...h.item,priceCredits:h.priceCredits})),c=t.map(h=>({...h.item,priceCredits:h.priceCredits,quantity:h.quantity})),u=()=>j({phase:"processing",stage:"settling",step:s.length,total:s.length});j({phase:"processing",stage:"awaiting-signature",step:s.length,total:s.length});try{const h=await ps({trades:Ie(s).map(w=>w.trade),buyer:n.address,signer:n.signer,onSigned:u});t.forEach(w=>l(w.item.id)),G(null),V("Shop Completed Purchase",{...xe(d),payment_type:"mana",transaction_hash:h[0]??null}),v.invalidateQueries({queryKey:["mana-balance"]}),Xe(c,h)}catch(h){Ye(h,"buy_cart_mana")}}async function nt(t,s,d){if(!n||t.length===0)return;const c=we(t),u=c.map(m=>({...m.item,priceCredits:m.priceCredits})),h=t.map(m=>({...m.item,priceCredits:m.priceCredits,quantity:m.quantity})),w=gs(c.map(m=>m.usdCents),(S==null?void 0:S.balanceCents)??0),$=w.reduce((m,k)=>m+k,0),_=ms(Math.max(0,s-$),s,d),R=[],W=new Set,y=new Set;j({phase:"processing",stage:"reserving",step:1,total:c.length});try{const m=Ie(c),k=[];for(let f=0;f<m.length;f++){const b=w[f];if(b<=0)continue;j({phase:"processing",stage:"reserving",step:f+1,total:m.length});const Q=m[f].item,{credit:x,maxCreditedValue:p}=await gt(n.identity,b,m[f].trade.id,Q.contractAddress&&Q.itemId!=null?{contractAddress:Q.contractAddress,itemId:String(Q.itemId)}:void 0);R.push({salt:x.id,itemId:Q.id}),k.push({kind:"trade",trade:m[f].trade,credits:[x],maxCreditedValue:p})}m.forEach((f,b)=>{w[b]<=0&&k.push({kind:"trade",trade:f.trade,credits:[],maxCreditedValue:"0"})}),k[0]={...k[0],maxCreditedValue:(BigInt(k[0].maxCreditedValue)+_).toString()},await Dt(n.signer,m[0].trade.chainId);const L=()=>j({phase:"processing",stage:"settling",step:c.length,total:c.length});j({phase:"processing",stage:"awaiting-signature",step:c.length,total:c.length});const N=await _e({purchases:k,buyer:n.address,signer:n.signer,onSigned:L,onBroadcast:({salts:f})=>f.forEach(b=>W.add(b)),onReverted:({salts:f})=>f.forEach(b=>y.add(b))});t.forEach(f=>l(f.item.id)),G(null),V("Shop Completed Purchase",{...xe(u),payment_type:"credits_and_mana",transaction_hash:N[0]??null}),v.invalidateQueries({queryKey:["mana-balance"]}),Xe(h,N)}catch(m){const{toRelease:k}=Ct({reservations:R,spent:new Set([...W].filter(L=>!y.has(L))),settled:new Set});k.length&&Re(n.identity,k).catch(()=>{}),R.length&&v.invalidateQueries({queryKey:["usd-balance"]}),Ye(m,"buy_cart_combined")}}async function Y(t){if(!n){bt({type:"cart-checkout"}),K();return}const s=H.getState().items.filter(Oe);if(s.length===0)return;ie(null),ue(null),q(!0);const d=s.reduce((c,u)=>c+u.priceCredits*u.quantity,0);V("Shop Started Checkout",{cart_size:s.length,cart_value_credits:d,cart_value_usd:ht(d),has_sufficient_credits:pe>=d});try{const c=await Ts(s,n.address,Ot,await Ze(),Gt),u=[...c.unavailable,...c.own];if(u.length&&(u.forEach(h=>l(h.id)),ue(Bn(c))),c.buyable.length===0){ie(a("cart.error.noneAvailable")),G(null);return}if(c.orderChanged){G(c),Qe.current=Date.now();return}await et(c.buyable,t)}catch(c){ae(c,{flow:"cart_checkout",step:"review",cart_size:s.length}),ie(Fe(c))}finally{q(!1)}}async function it(){if(B){if(!n){bt({type:"cart-checkout"}),K();return}if(Date.now()-Qe.current>qn){G(null),ue(null),await Y();return}ie(null),et(B.buyable)}}async function Zt(){if(Se){try{sessionStorage.setItem(be,JSON.stringify(H.getState().items))}catch{}q(!0);try{const t=await Is(Se,n?{address:n.address,identity:n.identity}:void 0);if(t.url){window.location.href=t.url;return}X("/credits")}catch(t){try{sessionStorage.removeItem(be)}catch{}ae(t,{flow:"cart_buy_credits"}),j({phase:"error",message:a("buyModal.error.creditsCheckout")})}finally{q(!1)}}}const rt=T.useRef(!1);T.useEffect(()=>{if(!n||rt.current||!ds("cart-checkout"))return;rt.current=!0;const t=setTimeout(()=>void Y(),0);return()=>clearTimeout(t)},[n]);const ot=T.useRef(!1);T.useEffect(()=>{if(!(E!=null&&E.resumeCheckout)||ot.current)return;ot.current=!0,oe.current=E.creditsAdded??null;try{const s=sessionStorage.getItem(be);if(s){sessionStorage.removeItem(be);const d=JSON.parse(s);Array.isArray(d)&&d.length&&D(d)}}catch{}v.invalidateQueries({queryKey:["usd-balance"]});const t=setTimeout(()=>void Y(),0);return()=>clearTimeout(t)},[E==null?void 0:E.resumeCheckout]);const ct=T.useRef(!1);T.useEffect(()=>{if(!(E!=null&&E.startCheckout)||ct.current)return;ct.current=!0,X(".",{replace:!0,state:null});const t=setTimeout(()=>void Y(),0);return()=>clearTimeout(t)},[E==null?void 0:E.startCheckout]);const Z=Ft||(g==null?void 0:g.phase)==="processing";return r.length===0&&!g?e.jsx(jt,{children:e.jsxs(St,{children:[e.jsxs(kt,{onClick:()=>X(-1),type:"button",children:[e.jsx(O,{name:"arrow-left"}),a("nav.cart")]}),e.jsxs(Os,{"data-testid":"cart-empty",children:[e.jsx(O,{name:"cart-plus",size:110}),e.jsxs(Gs,{children:[e.jsx(Vs,{children:a("cart.empty.title")}),e.jsx(Ds,{children:a("cart.empty.body")})]}),e.jsx(Js,{to:"/items",children:a("cart.empty.cta")})]})]})}):e.jsxs(jt,{children:[e.jsxs(St,{children:[e.jsxs(kt,{onClick:()=>X(-1),type:"button",children:[e.jsx(O,{name:"arrow-left"}),a("nav.cart")]}),e.jsxs(Qs,{children:[e.jsxs(Us,{children:[e.jsxs(Hs,{children:[e.jsx(Xs,{onClick:()=>X(-1),type:"button","aria-label":a("cart.goBack"),children:e.jsx(O,{name:"arrow-left"})}),e.jsx(Ys,{children:a("cart.panelTitle",{count:Lt})}),Bt?e.jsxs(Zs,{onClick:()=>J(!0),disabled:Z,children:[e.jsx(O,{name:"fitting-room"}),a("cart.fittingRoom")]}):null]}),e.jsxs(At,{children:[e.jsx(en,{children:r.map(t=>{const s=Qt.get(t.id),d=s?s.priceCredits:t.priceCredits,c=!!s&&s.priceCredits!==t.priceCredits,u=!t.tokenId,h=t.quantity,w=typeof t.available=="number"&&h>=t.available,$=d*h,_=ga(t),R=!!_&&!!z[_],W=ma(t),y=He[t.id],m=!ut(y),k=y==="sold-out"?a("cart.availability.soldOut"):a("cart.availability.unavailable");return e.jsxs(tn,{"data-unavailable":m||void 0,children:[e.jsxs(an,{"data-thumb":!0,children:[W?e.jsx(sn,{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(nn,{"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(rn,{children:[e.jsxs(on,{"data-desc":!0,children:[W?e.jsx(dn,{to:W,state:{item:t,tradeId:t.tradeId},title:t.name,children:t.name}):e.jsx(cn,{title:t.name,children:t.name}),t.creator?e.jsx(ln,{address:t.creator,linkToProfile:!0}):null,qt&&u?e.jsxs(vn,{"data-testid":"cart-creator-tag",children:[e.jsx(wn,{name:"buy-from-creator"}),a("cart.creatorTag")]}):null]}),e.jsx(un,{children:m?e.jsxs(yn,{children:[e.jsx(bn,{name:"warning-fill",size:24}),k]}):e.jsxs(e.Fragment,{children:[u?e.jsxs(hn,{children:[e.jsx($t,{onClick:()=>ge(()=>A(t.id)),disabled:Z||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(pn,{children:h}),e.jsx($t,{onClick:()=>ge(()=>P(t.id)),disabled:Z||w,"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(gn,{children:[e.jsx(mn,{})," ",$,c?e.jsx(xn,{children:t.priceCredits*h}):null]})]})})]}),e.jsxs(fn,{children:[_?e.jsx(Cn,{"data-on":R||void 0,onClick:()=>ne(t),"aria-label":R?a("cart.removeFromFavorites",{name:t.name}):a("cart.addToFavorites",{name:t.name}),title:R?a("assetCard.removeFromFavorites"):a("assetCard.addToFavorites"),children:e.jsx(O,{name:R?"heart-solid":"heart"})}):null,e.jsx(jn,{onClick:()=>ge(()=>l(t.id)),disabled:Z,"aria-label":a("cart.remove",{name:t.name}),title:a("cart.removeTitle"),children:e.jsx(O,{name:"trash",size:24})})]})]},t.id)})}),e.jsx(kn,{children:e.jsx("button",{className:"link",onClick:()=>ge(F),disabled:Z,children:a("cart.clearCart")})})]})]}),e.jsxs(Sn,{children:[e.jsx($n,{children:a("cart.purchaseSummary")}),e.jsxs(Mn,{children:[e.jsxs(Tn,{children:[e.jsx(In,{children:a("cart.totalItems",{count:Kt})}),e.jsx(An,{children:e.jsxs(Pn,{children:[e.jsx(zn,{})," ",Ve]})})]}),e.jsx(Tt,{options:Te.options,totalCents:Me,shortfall:Te.manaShortfall,showCreditsAmount:!1,creditsLabel:B?a("marketCheckout.confirmPurchase"):Te.options.length>1?a("cart.buyWithCredits"):a("cart.checkout"),busy:Z||Ge,onPay:t=>void(B?it():Y(t)),creditsFallback:{label:Z?a("cart.working"):B?a("marketCheckout.confirmPurchase"):a("cart.checkout"),onClick:()=>void(B?it():Y())}}),Ge?e.jsx(ve,{className:"muted",children:a("cart.allUnavailable")}):null,n?null:e.jsx(ve,{className:"muted",children:a("cart.signInHint")}),B?e.jsx(ve,{className:"muted",children:a("cart.priceChanged")}):null,Ne?e.jsx(ve,{className:"muted",children:Ne}):null,e.jsx(En,{message:_t})]})]})]})]}),De.length>0?e.jsx(Rn,{children:e.jsx(ls,{title:a("cart.youMightAlsoLike"),items:De})}):null,Ae&&n?e.jsx(us,{auth:Ae.auth,signer:n.signer,title:a("authorizeStep.manaTitle"),name:a("authorizeStep.manaName"),reason:a("authorizeStep.manaReason"),icon:e.jsx("img",{src:hs,width:24,height:24,alt:"","aria-hidden":!0}),onAuthorized:()=>{const{run:t}=Ae;me(null),t()},onCancel:()=>me(null),onClose:()=>me(null)}):null,g?e.jsx(Ws,{phase:g.phase,balanceCredits:pe,onClose:Vt,stage:g.phase==="processing"?g.stage:void 0,step:g.phase==="processing"?g.step:void 0,total:g.phase==="processing"?g.total:void 0,isSelfCustody:xa(n==null?void 0:n.providerType),signatures:g.phase==="processing"?g.signatures:void 0,options:g.phase==="choose"?Xt(g).options:void 0,onPay:Yt,totalCents:g.phase==="choose"?g.totalCents:void 0,totalManaWei:g.phase==="choose"?g.manaWei:void 0,totalCredits:g.phase==="choose"?We(g.lines):void 0,lines:g.phase==="nofunds"?g.lines:void 0,shortfallCredits:g.phase==="nofunds"?g.shortfall:void 0,packs:le,selectedPack:Se,onSelectPack:Ue,onBuyPacks:()=>void Zt(),message:g.phase==="error"?g.message:void 0,onRetry:()=>void Y()}):null]})}export{Xn as Cart};