@dcl/shop 1.4.2-31312432830.commit-294f554 → 1.4.2-31318792168.commit-63acc2c

package/_assets/Cart-DxmkSugV.js

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