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

package/_assets/Cart-CH9s120K.js

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