@dcl/shop 1.9.2 → 1.9.3-32495537062.commit-4b3f64e

package/_assets/Cart-C4caiTwW.js

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