@dcl/shop 1.18.2-36637356847.commit-825c9d5 → 1.18.2-36637388260.commit-7062577

package/_assets/Cart-BHCWXLFp.js

@@ -0,0 +1,826 @@
+import{j as e,L as Yt,r as T,b as Sa,a as Ma}from"./react-BekGWEkZ.js";import{s as i,a as P,t as a,z as Ae,F as pe,W as Le,C as Me,E as Fe,bl as Ta,A as Aa,I as X,n as Je,B as Wa,aj as H,$ as Tt,x as Ia,y as Ea,w as Pa,bm as za,X as _a,bn as Ba,a0 as qa,bo as Ra,bp as La,bq as Fa,br as Na,bs as At,a2 as Ka,bt as Qa,bu as Ua,bv as Oa,av as Ne,a3 as Ga,D as Ha,bw as Wt,O as V,bx as It,by as Da,bz as Va,l as ie,bA as Xa,bB as Ya,bC as Ja,bD as Ke,bi as Za,bE as ve,bF as Ce,Z as Et,bG as es,h as Pt,j as zt,bH as ts}from"./index-D7EQyQF6.js";import{C as as,b as ss,t as ns,a as is,A as rs,s as _t,r as Bt,i as qt,m as os,c as cs,p as Rt,d as ds}from"./CollectionCarousel-cU9fE44V.js";import{M as ls,S as hs,C as us,H as ps,a as gs,T as fs,X as ms,B as xs,b as bs,c as Lt,d as ys,e as We,f as ws,g as vs,h as Cs,i as Ye,j as ue,L as ks,P as js,k as Ft,l as Nt,W as $s,m as Ss,n as Ms,o as Ts,A as As,p as Ws,q as Is,r as Es,s as Ps,t as zs,u as _s,v as Bs,w as Qe,x as qs,y as Rs}from"./CreditPackPicker-CYUT6H0R.js";import{m as Te}from"./mana-matic-light-Bl5duieC.js";import{q as Ls,s as Fs,g as Ns,t as Ks,u as Qs,A as Us}from"./trade-encoding-BraQNr9h.js";import{p as Kt,g as Os,a as Ue}from"./buy-CcmRcJZ4.js";import{w as Gs,S as Oe,b as Hs,G as Ds}from"./buy-gasless-YzdaXjQE.js";import{l as Vs,u as Xs,M as Ys,R as ke,o as Js,r as Zs,c as en,g as tn,a as an,p as Qt,b as Ge}from"./loader-logo-Cqmi86kx.js";import{i as sn,a as nn}from"./errors-C8z3HbKi.js";import{E as rn}from"./ErrorNotice-Bd1f01au.js";import"./dcl-schemas-BdKiENaP.js";import"./sentry-BJsKhDHR.js";import"./ethers-kd3kVp8g.js";import"./intl-AKLEHPeO.js";import"./sendMetaTransaction-LSOm03u7.js";(function(){try{var n=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},l=new n.Error().stack;l&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[l]="6018ec78-bdf0-4f8d-9d1e-259306867f36",n._sentryDebugIdIdentifier="sentry-dbid-6018ec78-bdf0-4f8d-9d1e-259306867f36")}catch{}})();const on=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  align-items: stretch;
+  width: 100%;
+`,Jt=`
+  width: 100%;
+  min-height: 56px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  flex-wrap: wrap;
+  padding: 0 12px;
+  border: 0;
+  border-radius: 12px;
+  cursor: pointer;
+  transition:
+    background 0.15s ease,
+    filter 0.15s ease;
+  font-family: ${P.font.sans};
+  font-weight: 600;
+  font-size: 15px;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+  color: ${P.colors.softWhite};
+
+  &:focus-visible {
+    outline: 2px solid ${P.colors.accent};
+    outline-offset: 2px;
+  }
+  &:disabled {
+    opacity: 0.6;
+    cursor: default;
+  }
+`,Ut=i.button`
+  ${Jt}
+  background: ${P.gradients.buyBtn};
+
+  &:hover:not(:disabled) {
+    filter: brightness(1.08);
+  }
+`,He=i.button`
+  ${Jt}
+  background: ${P.colors.text2};
+
+  &:hover:not(:disabled) {
+    background: ${P.colors.gray0};
+  }
+`,je=i.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  text-transform: none;
+  letter-spacing: 0;
+
+  span {
+    font-size: 20px;
+    font-weight: 600;
+    line-height: normal;
+  }
+  .ico {
+    width: 24px;
+    height: 24px;
+    background: ${P.colors.softWhite};
+  }
+`,De=i.span`
+  position: relative;
+  display: block;
+  width: 30px;
+  height: 30px;
+  flex: none;
+
+  /* Centred in the slot, not pinned to its top: the slot is taller than the glyph and sits next to a
+     vertically centred amount, so a top-pinned mark reads as floating above the number. */
+  img {
+    position: absolute;
+    top: 50%;
+    left: 0;
+    transform: translateY(-50%);
+    width: 24px;
+    height: 24px;
+    display: block;
+  }
+`,cn=i.span`
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  opacity: 0.85;
+`,dn=i.span`
+  font-size: 18px;
+  font-weight: 600;
+  opacity: 0.7;
+`,ln=i.p`
+  margin: -4px 0 0;
+  font-family: ${P.font.sans};
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 1.4;
+  color: ${P.colors.muted};
+  text-align: center;
+`;function Zt({options:n,totalCents:l,onPay:j,busy:$=!1,creditsLabel:z,shortfall:U,showCreditsAmount:O=!0,creditsFallback:G=null}){const M=n.some(r=>r.method==="credits");return e.jsxs(on,{children:[!M&&G?e.jsx(Ut,{type:"button","data-testid":"pay-with-credits-topup",onClick:G.onClick,disabled:$,children:e.jsx("span",{children:G.label})}):null,n.map(r=>r.method==="credits"?e.jsxs(Ut,{type:"button","data-testid":"pay-with-credits",onClick:()=>j("credits"),disabled:$,children:[e.jsx("span",{children:z??a("buyModal.buy")}),O?e.jsxs(je,{children:[e.jsx(Ae,{}),e.jsx("span",{children:pe(r.credits)})]}):null]},"credits"):r.method==="mana"?e.jsxs(He,{type:"button","data-testid":"pay-with-mana",onClick:()=>j("mana"),disabled:$,children:[e.jsx("span",{children:a("buyModal.buyWithMana")}),e.jsxs(je,{children:[e.jsx(De,{children:e.jsx("img",{src:Te,alt:"","aria-hidden":!0})}),e.jsx("span",{children:Le(r.manaWei)})]})]},"mana"):e.jsxs(He,{type:"button","data-testid":"pay-with-combined",onClick:()=>j("combined"),disabled:$,children:[e.jsx("span",{children:a("buyModal.buyWith")}),e.jsxs(je,{children:[e.jsx(Ae,{}),e.jsx("span",{children:pe(r.credits)}),e.jsx(dn,{children:"+"}),e.jsx(De,{children:e.jsx("img",{src:Te,alt:"","aria-hidden":!0})}),e.jsx("span",{children:Le(r.manaWei)}),e.jsx(cn,{children:"MANA"})]})]},"combined")),U?e.jsxs(e.Fragment,{children:[e.jsxs(He,{type:"button","data-testid":"pay-with-mana-disabled",disabled:!0,children:[e.jsx("span",{children:a("buyModal.buyWithMana")}),e.jsxs(je,{children:[e.jsx(De,{children:e.jsx("img",{src:Te,alt:"","aria-hidden":!0})}),e.jsx("span",{children:Le(U.manaWei)})]})]},"mana-short"),e.jsx(ln,{"data-testid":"mana-shortfall-note",children:a("buyModal.notEnoughMana")})]}):null,e.jsx("span",{hidden:!0,"data-testid":"pay-total-cents",children:l})]})}const{colors:re,radius:hn}=P,un=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  width: 100%;
+`,pn=i.span`
+  font-size: 16px;
+  line-height: 22px;
+  color: ${re.text2};
+  text-transform: capitalize;
+  white-space: nowrap;
+`,gn=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 ${re.media};
+
+  &::-webkit-scrollbar {
+    width: 8px;
+  }
+  &::-webkit-scrollbar-track {
+    background: ${re.media};
+    border-radius: 10px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: #a2a2a2;
+    border-radius: ${hn.btn};
+  }
+`,fn=i.span`
+  margin-left: 8px;
+  font-size: 13px;
+  font-weight: 600;
+  color: ${re.muted};
+`,mn=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 0 0 12px;
+  font-size: 14px;
+  color: ${re.muted};
+
+  & strong {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 20px;
+    font-weight: 700;
+    color: ${re.text};
+  }
+`,xn=i.p`
+  margin: 12px 0 0;
+  background: rgba(255, 162, 90, 0.3);
+  border-radius: ${P.radius.btn};
+  padding: 12px 16px;
+  font-family: ${P.font.sans};
+  font-size: 14px;
+  line-height: 1.334;
+  color: ${P.colors.text2};
+`;function bn(n){const{phase:l,balanceCredits:j,onClose:$}=n,z=l==="processing",U=l==="error"?a("cartCheckout.errorTitle"):l==="nofunds"?a("cartCheckout.titleNoFunds"):l==="choose"?a("buyModal.choosePayment"):a("cartCheckout.titleBuy"),O=l==="processing";return e.jsxs(ls,{role:"dialog","aria-modal":"true","aria-label":a("cartCheckout.dialogAria"),children:[e.jsx(hs,{onClick:z?void 0:$,"aria-hidden":!0}),e.jsxs(us,{"data-tall":O||void 0,children:[e.jsxs(ps,{children:[e.jsxs(gs,{children:[e.jsx(fs,{children:U}),!z&&e.jsx(ms,{onClick:$,"aria-label":a("buyModal.close"),children:e.jsx(as,{})})]}),e.jsxs(xs,{children:[e.jsx(bs,{children:l==="nofunds"?a("buyModal.dclBalance"):a("buyModal.myCreditsBalance")}),e.jsx(Lt,{}),e.jsx(ys,{children:pe(j)})]}),n.heldCreditsCount&&(l==="choose"||l==="nofunds")?e.jsx(xn,{"data-testid":"cart-held-notice",children:a("buyModal.heldExplainer",{credits:n.heldCreditsCount,currency:Me.name})}):null]}),l==="choose"&&e.jsxs(We,{children:[e.jsxs(mn,{children:[e.jsx("span",{children:a("cart.purchaseSummary")}),e.jsxs("strong",{children:[e.jsx(Lt,{}),pe(n.totalCredits??0)]})]}),e.jsx(Zt,{options:n.options??[],totalCents:n.totalCents??0,shortfall:n.shortfall,onPay:n.onPay??(()=>{})})]}),l==="processing"&&e.jsx(yn,{stage:n.stage??"reserving",step:n.step??1,total:n.total??1,isSelfCustody:!!n.isSelfCustody,signatures:n.signatures}),l==="nofunds"&&e.jsx(wn,{lines:n.lines??[],shortfallCredits:n.shortfallCredits??0,packs:n.packs??[],selectedPack:n.selectedPack??"",onSelectPack:n.onSelectPack??(()=>{}),onBuyPacks:n.onBuyPacks??(()=>{}),onCancel:$}),l==="error"&&e.jsxs(We,{children:[e.jsxs(ws,{"data-testid":"buy-error",children:[e.jsx(vs,{src:ss,alt:"",width:64,height:80}),e.jsxs(Cs,{children:[e.jsx("b",{children:a("cartCheckout.errorHeadline")})," ",n.heldCredits?e.jsxs(e.Fragment,{children:[n.message?e.jsxs(e.Fragment,{children:[n.message," "]}):null,a("cartCheckout.heldLead",{currency:Me.name}),e.jsx("b",{children:a("cartCheckout.heldBold")}),a("cartCheckout.heldTail",{currency:Me.name})]}):n.message??a("cartCheckout.errorBody")]})]}),n.heldCredits?e.jsx(Ye,{children:e.jsx(ue,{"data-variant":"purple","data-full":!0,onClick:$,children:a("cartCheckout.gotIt")})}):e.jsxs(Ye,{children:[e.jsx(ue,{"data-variant":"outline",onClick:$,children:a("buyModal.cancel")}),e.jsx(ue,{"data-variant":"purple",onClick:n.onRetry??$,children:a("cartCheckout.tryAgain")})]})]})]})]})}function yn({stage:n,step:l,total:j,isSelfCustody:$,signatures:z}){const U=n==="reserving",O=j>0?Math.min(100,Math.round(l/j*100)):0,G=$&&z&&z.total>1,M=n==="awaiting-signature"?$?G?a("cartCheckout.confirmMultiple",{current:z.current,total:z.total}):a("buyModal.confirmToContinue"):a("buyModal.completingTransaction"):n==="settling"?a("buyModal.completingTransaction"):a("cartCheckout.preparing");return e.jsxs(We,{"data-processing":!0,children:[e.jsx(ks,{src:Vs,alt:"",width:61,height:61}),e.jsx(js,{children:M}),U?e.jsxs(un,{children:[e.jsx(Ft,{"aria-hidden":!0,children:e.jsx(Nt,{"data-step":!0,style:{width:`${O}%`}})}),j>1?e.jsxs(pn,{children:[l,"/",j]}):null]}):e.jsx(Ft,{"aria-hidden":!0,children:e.jsx(Nt,{})})]})}function wn({lines:n,shortfallCredits:l,packs:j,selectedPack:$,onSelectPack:z,onBuyPacks:U,onCancel:O}){const G=n.reduce((M,r)=>M+(r.quantity??1),0);return e.jsxs(We,{children:[e.jsxs($s,{"data-testid":"nofunds-warning",children:[e.jsx(Ss,{}),e.jsxs(Ms,{children:[e.jsx("b",{children:a("buyModal.insufficientFunds")})," ",a("buyModal.warningNeedToBuy")," ",e.jsx("b",{children:a("buyModal.warningCreditsAmount",{count:Math.max(0,l)})})," ",a("buyModal.warningToPurchase",{count:G}),Fe()?null:e.jsxs(e.Fragment,{children:[e.jsx("br",{}),e.jsx(Ts,{href:Ta("/credits"),target:"_blank",rel:"noopener noreferrer",children:a("buyModal.warningLearnMore")})]})]})]}),e.jsx(gn,{children:n.map(M=>{const r=M.quantity??1;return e.jsxs(As,{children:[e.jsx(Ws,{children:M.item.thumbnail?e.jsx("img",{src:M.item.thumbnail,alt:""}):null}),e.jsxs(Is,{children:[e.jsxs("div",{children:[e.jsxs(Es,{title:M.item.name,children:[M.item.name||a("buyModal.itemFallback"),r>1?e.jsx(fn,{children:a("cartCheckout.qty",{count:r})}):null]}),M.item.creator?e.jsx(Ps,{address:M.item.creator}):null]}),e.jsxs(zs,{children:[e.jsx(_s,{}),e.jsx("span",{children:pe(M.priceCredits*r)})]})]})]},M.item.id)})}),Fe()?null:e.jsx(e.Fragment,{children:e.jsx(Bs,{packs:j,selectedId:$||void 0,onSelect:z})}),e.jsxs(Ye,{children:[e.jsx(ue,{"data-variant":"outline",onClick:O,children:a("buyModal.cancel")}),Fe()?null:e.jsx(ue,{"data-variant":"gradient",onClick:U,children:a("buyModal.buy")})]})]})}const{colors:d,gradients:vn,radius:oe}=P,ea=1080,Cn=880,ta=`@media (max-width: ${ea}px)`,W=`@media (max-width: ${Cn}px)`,kn=`@media (min-width: ${ea+1}px) and (max-width: 1180px)`,Ot=i.div`
+  max-width: 1510px;
+  margin: 0 auto;
+  /* Grows into the page's leftover height and passes it down to Upsell, so a short cart leaves its slack
+     BELOW the cross-sell rail rather than inside the band. Needs .page[data-route="/cart"] to be a flex
+     column. */
+  width: 100%;
+  flex: 1 0 auto;
+  display: flex;
+  flex-direction: column;
+
+  ${W} {
+    padding-bottom: 188px; /* room for the fixed summary bar */
+  }
+`,Gt=i.button`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin: 0 0 16px;
+  padding: 0;
+  border: 0;
+  background: none;
+  /* Gray 5, not Gray 4: this row leads the band, above the cards and with nothing but the wash behind it,
+     where Gray 4 drops under AA. */
+  color: ${d.gray5};
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  cursor: pointer;
+  transition: color 0.15s ease;
+
+  &:hover {
+    color: ${d.softWhite};
+  }
+  & .ico {
+    width: 18px;
+    height: 18px;
+  }
+
+  ${W} {
+    display: none;
+  }
+`,jn=i.div`
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 615px;
+  gap: 24px;
+  align-items: start;
+
+  ${ta} {
+    grid-template-columns: 1fr;
+  }
+`,Ht=i.div`
+  position: relative;
+  /* The band's own breathing room, above the breadcrumb and under the panels, which is what sets how big
+     the section reads. Deliberately generous rather than hugging the cards: the zone is the checkout, and
+     at the old 48px it read as a strip squeezed between the sub-nav and the cross-sell rail.
+
+     No min-height floor: Figma's 733px was sized for an opaque band that had to reach the cross-sell, and
+     keeping it here only pushed the rail below down behind a stretch of empty wash. The band tracks its
+     content, and this padding is what surrounds it. */
+  padding-top: 58px;
+  padding-bottom: 107px;
+
+  /* The wash that gives the cards a floor instead of leaving them on the bare field.
+
+     Every surface on this page is ONE step of this same token, never two: translucent fills stack, and
+     the previous pass had a 40% panel over a 40% band compositing to 64%, with the item card on top of
+     both reaching 78% — which is what read as heavy. At one step each, a panel on the band lands at 36%
+     and the item card adds nothing (see Card). Depth comes from borders and spacing, not from piling up
+     black. */
+  &::before {
+    content: '';
+    position: absolute;
+    top: -28px;
+    bottom: 0;
+    left: 50%;
+    width: 100vw;
+    transform: translateX(-50%);
+    background: ${d.overlayLight};
+    z-index: 0;
+  }
+
+  /* The light ink is set here so descendants inherit it; the cards below carry the contrast. */
+  color: ${d.softWhite};
+  & > * {
+    position: relative;
+    z-index: 1;
+  }
+
+  ${W} {
+    /* The fixed summary bar already reserves room at the bottom on mobile (see Checkout), and a tall band
+       on a short viewport costs more than it gives. */
+    padding-top: 24px;
+    padding-bottom: 32px;
+
+    &::before {
+      top: -16px; /* .page's mobile padding */
+    }
+  }
+`,$n=i.div`
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+`,Sn=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  /* Pulled out to the card's edges, then the padding is put back on the row itself, so the row reads as
+     the card's own header strip rather than as content indented inside it. No rule under it: the gap
+     below already separates the header from the list, and the line only added weight. */
+  margin: -24px -24px 16px;
+  padding: 12px 12px 12px 24px;
+
+  ${W} {
+    gap: 8px;
+    margin: -16px -16px 12px;
+    padding: 8px 16px;
+  }
+`,Mn=i.section`
+  min-width: 0;
+  background: ${d.overlayLight};
+  border-radius: 16px;
+  padding: 24px;
+
+  ${W} {
+    padding: 16px;
+  }
+`,Tn=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,An=i.button`
+  display: none;
+
+  ${W} {
+    display: inline-flex;
+    align-items: center;
+    flex-shrink: 0;
+    border: 0;
+    background: none;
+    padding: 0;
+    color: ${d.softWhite};
+    cursor: pointer;
+
+    & .ico {
+      width: 20px;
+      height: 20px;
+    }
+  }
+`,Wn=i.h1`
+  margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.57;
+  color: ${d.softWhite};
+
+  ${W} {
+    flex: 1;
+    min-width: 0;
+    font-size: 16px;
+  }
+`,In=i.button`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  height: 40px;
+  padding: 0 12px;
+  border: 2px solid ${d.softWhite};
+  border-radius: ${oe.btn};
+  background: none;
+  color: ${d.softWhite};
+  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. */
+  ${W} {
+    border-width: 1px;
+  }
+`,En=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+`,Pn=i.div`
+  position: relative;
+  display: flex;
+  align-items: stretch;
+  gap: 12px;
+  /* No fill: the line is drawn by its border alone, over whatever the panel behind it is. A third
+     translucent layer here is what pushed this card to 78% black in the previous pass (see Top), and it
+     buys nothing — the white design separated these lines with a border too, the card being white on a
+     white panel. */
+  border: 1px solid ${d.cardLine};
+  border-radius: ${oe.card};
+  overflow: hidden;
+
+  &[data-unavailable] [data-thumb] {
+    opacity: 0.5;
+  }
+  &[data-unavailable] [data-check] {
+    display: none;
+  }
+  &[data-unavailable] [data-desc] {
+    opacity: 0.7;
+  }
+`,zn=i.div`
+  position: relative;
+  flex-shrink: 0;
+  /* The thumb is what sets the row's height — nothing else in the line is taller — so this is where a
+     cart line is made to feel less cramped. A quarter above Figma's 137.5x137, which read small against
+     a row this wide, and small is what a buyer sees of an item they are about to pay for. */
+  width: 172px;
+  height: 171px;
+  background: ${d.media};
+  border-radius: ${oe.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));
+  }
+
+  /* Just above the single-column breakpoint the summary is still a fixed 615px, so the cart column is only
+     ~334px and a 172px thumb left the name and the price nothing — the price clipped outright. Step the
+     thumb down over that range. BELOW the breakpoint there is no problem: the grid is one column there and
+     the row gets the full width. Measured with the longest real price (11K, quantity 2): clipping is gone
+     from 1120px up, and at 1181px the full-size thumb fits again with room to spare. */
+  ${kn} {
+    width: 120px;
+    height: 120px;
+  }
+
+  ${W} {
+    width: 120px;
+    height: 120px;
+  }
+`,_n=i(Yt)`
+  position: absolute;
+  inset: 0;
+  display: grid;
+  place-items: center;
+`,Bn=i.span`
+  position: absolute;
+  top: 7.5px;
+  left: 7.5px;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: #34ce77;
+  display: grid;
+  place-items: center;
+`,qn=i.div`
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 16px 8px;
+
+  ${W} {
+    padding: 12px 4px 12px 0;
+  }
+`,Rn=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+  padding-right: 64px; /* clear the top-right favourite + remove group */
+`,aa=Je`
+  display: block;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.2;
+  color: ${d.softWhite};
+  text-decoration: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  /* Underline, not a colour change: the ink here is already softWhite, so the old hover colour matched
+     the resting one and the link announced nothing on hover. */
+  a&:hover {
+    text-decoration: underline;
+  }
+
+  ${W} {
+    white-space: normal;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
+`,Ln=i.div`
+  ${aa};
+`,Fn=i(Yt)`
+  ${aa};
+`,Nn=i(Aa)`
+  font-size: 10px;
+  line-height: 1.43;
+  color: ${d.gray4};
+
+  & [data-avatar] {
+    display: none;
+  }
+  /* The shared badge switches this to its dark ink on hover (badge.styles), which was drawn for a white
+     card and lands around 1.1:1 here — the name disappears under the cursor. */
+  &[data-link]:hover [data-testid='creator-name'] {
+    color: ${d.softWhite};
+  }
+  & [data-testid='creator-name'] {
+    font-size: 10px;
+    line-height: 1.43;
+  }
+`,Kn=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding-right: 8px;
+`,Qn=i.div`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px;
+  border: 0.5px solid ${d.cardLine};
+  border-radius: ${oe.pill};
+`,Dt=i.button`
+  display: grid;
+  place-items: center;
+  width: 16px;
+  height: 16px;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: ${d.softWhite};
+  cursor: pointer;
+
+  &:disabled {
+    color: ${d.gray4};
+    cursor: default;
+  }
+`,Un=i.span`
+  min-width: 12px;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.2;
+  color: ${d.softWhite};
+  text-align: center;
+`,On=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: ${d.softWhite};
+
+  ${W} {
+    font-size: 20px;
+  }
+`,Gn=i(Ae)`
+  width: 24px;
+  height: 24px;
+  background: ${d.softWhite};
+
+  ${W} {
+    width: 20px;
+    height: 20px;
+  }
+`,Hn=i.span`
+  margin-left: 6px;
+  font-size: 14px;
+  font-weight: 500;
+  color: ${d.gray4};
+  text-decoration: line-through;
+`,Dn=i.div`
+  position: absolute;
+  top: 9px;
+  right: 7px;
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+`,Vn=i.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1;
+  text-transform: uppercase;
+  color: ${d.softWhite};
+`,Xn=i(X)`
+  color: #f48221;
+`,Yn=i.span`
+  align-self: flex-start;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 2px 4px;
+  border-radius: ${oe.chip};
+  background: ${d.glass};
+  font-size: 10px;
+  font-weight: 400;
+  line-height: 14px;
+  color: ${d.softWhite};
+`,Jn=i(X)`
+  width: 11.31px;
+  height: 10.94px;
+  background: ${d.softWhite};
+`,sa=Je`
+  display: grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: ${d.gray4};
+  cursor: pointer;
+  transition: color 0.12s ease;
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+`,Zn=i.button`
+  ${sa};
+
+  &:hover:not(:disabled) {
+    color: ${d.softWhite};
+  }
+  &[data-on] {
+    color: ${d.dclRed};
+  }
+`,ei=i.button`
+  ${sa};
+
+  &:hover:not(:disabled) {
+    color: ${d.dclRed};
+  }
+`,ti=i.div`
+  display: flex;
+  gap: 20px;
+  margin-top: 16px;
+
+  & .link {
+    font-size: 13px;
+    color: ${d.gray4};
+    font-weight: 600;
+  }
+  & .link:hover:not(:disabled) {
+    color: ${d.softWhite};
+  }
+`,ai=i.aside`
+  position: sticky;
+  top: 172px;
+  display: flex;
+  flex-direction: column;
+  background: ${d.overlayLight};
+  box-shadow: 0 1px 3px rgba(22, 21, 24, 0.06);
+  border-radius: 16px;
+  padding: 32px;
+
+  /* PaymentCtas renders both here and inside the checkout modal, whose shell is still white, so its
+     defaults were picked against white and only break on this card. Overridden in the summary's scope
+     rather than in the component, so the modal keeps what works there.
+
+     The focus ring is the blocking one: accent (#691fa9) against this card measures 1.2:1, and 1.65:1 on
+     the mobile bar, where WCAG 1.4.11 asks 3:1 of a focus indicator — on the page's main action, for the
+     one kind of user who depends on it. The shortfall note is the same muted-ink problem already fixed
+     for Msg. */
+  button:focus-visible {
+    outline-color: ${d.softWhite};
+  }
+  [data-testid='mana-shortfall-note'] {
+    color: ${d.gray4};
+  }
+
+  ${ta} {
+    position: static;
+  }
+  ${W} {
+    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;
+    /* Back to the compact padding: the desktop card's roomier one would make the docked bar taller than
+       the space Checkout reserves for it, and the bar would cover the last cart line. */
+    padding: 16px;
+    /* Opaque, unlike the desktop card. This one is docked to the viewport and the whole cart scrolls
+       underneath it, so a translucent fill showed the list through the total and the CTA — over one of
+       the light item thumbnails, softWhite measured 1.72:1. The token is the field's bottom stop with
+       this same wash composited in, so the bar matches where it sits. */
+    background: ${d.fieldBottomWashed};
+    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.25);
+  }
+`,si=i.h2`
+  margin: 0 0 32px;
+  padding-bottom: 20px;
+  border-bottom: 1px solid ${d.cardLine};
+  font-size: 24px;
+  font-weight: 600;
+  color: ${d.softWhite};
+
+  ${W} {
+    margin-bottom: 12px;
+    padding-bottom: 8px;
+    font-size: 16px;
+    line-height: 1.6;
+  }
+`,ni=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 28px;
+
+  /* Same reason as Summary's padding: the mobile bar is docked and its height is budgeted for. */
+  ${W} {
+    gap: 12px;
+  }
+`,ii=i.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+`,ri=i.span`
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.57;
+  color: ${d.gray4};
+`,oi=i.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 24px;
+  font-weight: 700;
+  color: ${d.softWhite};
+`,ci=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: ${d.gray4};
+`;const di=i(Ae)`
+  width: 30px;
+  height: 30px;
+  background: ${d.softWhite};
+  -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: ${oe.btn};
+  background: ${vn.buyBtn};
+  color: ${d.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(${d.dclRed}, ${d.dclRed});
+  }
+  &:disabled {
+    opacity: 0.6;
+    cursor: default;
+  }
+`;const na=Je`
+  margin: 0;
+  font-size: 13px;
+
+  /* These carry the global .muted class, whose ink was chosen against white — on the summary's card it
+     measures 4.10:1, under AA. Matching the two-class specificity overrides it without !important. */
+  &.muted {
+    color: ${d.gray4};
+  }
+`,$e=i.p`
+  ${na};
+`,li=i(rn)`
+  ${na};
+
+  /* The shared notice was drawn against a white card: near-black message ink and the flat error red for
+     the icon. On this translucent purple they measure 1.56:1 and 2.78:1 — the message is effectively
+     invisible. It is the checkout failure sitting beside the CTA, announced with role="alert", so it has
+     to survive the move off white. The icon keeps a red so the notice still reads as an error. */
+  .error-notice__msg {
+    color: ${d.softWhite};
+  }
+  .error-notice__ico {
+    color: ${d.saleTag};
+  }
+`,Vt=i.div`
+  position: relative;
+  flex: 1 0 auto;
+  /* 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. It is the only gap now — the 48px margin that used
+     to sit on top of it was clearing the old opaque band's edge, which no longer needs clearing. */
+  padding: 32px 0 24px;
+
+  & section {
+    margin-top: 0;
+  }
+`;function Ve(n){if(sn(n))return a("errors.rejected");const l=(n.message??"").toLowerCase();return l.includes("insufficient")?a("cart.error.insufficient",{currency:Me.name}):l.includes("no active listing")||l.includes("your own listing")?a("cart.error.listingChanged"):a("marketCheckout.error.generic")}const hi=12e4;function ui(n){const l=[];return n.unavailable.length&&l.push(a("cart.drop.unavailable",{count:n.unavailable.length})),n.own.length&&l.push(a("cart.drop.own",{count:n.own.length})),a("cart.drop.removed",{items:l.join(` ${a("cart.drop.and")} `)})}const Xe=n=>n.reduce((l,j)=>l+j.priceCredits*j.quantity,0),Se=n=>n.flatMap(l=>Array.from({length:l.quantity},()=>({...l,quantity:1}))),Xt=8;function Ai(){var $t,St,Mt;Wa({title:a("nav.cart"),noindex:!0});const n=H(t=>t.items),l=H(t=>t.remove),j=H(t=>t.increment),$=H(t=>t.decrement),z=H(t=>t.clear),U=H(t=>t.restore),O=H(t=>t.setFittingOpen),G=Tt(t=>t.items),M=Tt(t=>t.toggle),{session:r,signIn:Ze}=Ia(),ia=Ea(),ge=Xs().packs.slice(0,Ys);T.useEffect(()=>(document.body.classList.add("shop-cart-bg"),()=>document.body.classList.remove("shop-cart-bg")),[]);const ra=n.some(t=>t.category!=="emote"),{data:Ie}=Pa({queryKey:["upsell-listings"],queryFn:()=>ts({first:40}),staleTime:6e4}),{data:k}=za(r),y=_a(),Y=Sa(),{state:_}=Ma(),[oa,ce]=T.useState(null),[et,fe]=T.useState(null),[ca,q]=T.useState(!1),[R,D]=T.useState(null),tt=T.useRef(0),[h,S]=T.useState(null),{data:me}=Ba(r),{data:de}=qa(!0),[Ee,at]=T.useState(""),le=T.useRef(null),st=Ra(n),nt=t=>Wt(st[t.id]),Pe=n.filter(nt),it=n.length>0&&Pe.length===0,da=Pe.reduce((t,s)=>t+s.priceCredits*s.quantity,0),la=n.reduce((t,s)=>t+s.quantity,0),ha=Pe.reduce((t,s)=>t+s.quantity,0),rt=R?R.liveTotalCredits:da,ua=new Set(n.map(t=>t.id)),ot=((Ie==null?void 0:Ie.items)??[]).filter(t=>!ua.has(t.id)).slice(0,12),ct=T.useMemo(()=>n.map(t=>t.contractAddress&&t.itemId?`${t.contractAddress.toLowerCase()}-${t.itemId}`:null).filter(t=>t!==null),[n]),te=La(Xt,{exclude:ct}),dt=Fa({enabled:te.enabled,hasSignal:te.hasSignal,isLoading:te.isLoading,isError:te.isError,personalized:($t=te.result)==null?void 0:$t.personalized,rowCount:Na(((St=te.result)==null?void 0:St.data)??[]).length}),pa=new Map(R==null?void 0:R.buyable.map(t=>[t.item.id,t])),xe=(k==null?void 0:k.credits)??0,ze=rt*10,ga=de?At(ze,de):0n,_e=Qe({priceCents:ze,priceManaWei:ga,balanceCents:(k==null?void 0:k.balanceCents)??0,manaBalanceWei:me??0n}),fa=t=>t.flatMap(s=>{const o=Ge(s);return o.kind==="store"?[o.mint]:[]}),ma=t=>t.flatMap(s=>s.acquisition==="trade"?[s.trade]:[]),xa=t=>Object.fromEntries(t.flatMap(s=>s.acquisition==="trade"&&s.coupon?[[s.trade.id,s.coupon]]:[])),ba=Da,ya=t=>Ya(t.contractAddress,String(t.itemId));function be(t){t(),D(null),fe(null),ce(null)}function wa(){S(null),q(!1)}function lt(t){const s=Xe(t),o=Math.max(0,s-xe),c=ge.find(u=>u.credits>=o)??ge[ge.length-1];at(c.id),V("Shop Buy Credits Prompted",{from:"cart_checkout",credits_needed:s,credits_balance:xe,shortfall:o}),S({phase:"nofunds",lines:t.map(u=>({item:u.item,priceCredits:u.priceCredits,quantity:u.quantity})),shortfall:o}),q(!1)}async function Be(t){if(!r||t.length===0)return;const s=Se(t),o=s.map(x=>({...x.item,priceCredits:x.priceCredits})),c=t.map(x=>({...x.item,priceCredits:x.priceCredits,quantity:x.quantity})),u=[];let w="authorize";const f=new Set,A=new Set,F=new Set,L=[];let v=!1;S({phase:"processing",stage:"reserving",step:1,total:s.length});try{const x=[],E=tn(s,Kt);let N=0;for(const p of E){S({phase:"processing",stage:"reserving",step:N+1,total:s.length});try{const{credit:m,maxCreditedValue:b}=await Ja(r.identity,p.units.map(an));p.units.forEach((Q,ne)=>{u.push({salt:m.id,itemId:Q.item.id}),x.push({...p.drafts[ne],credits:[m],maxCreditedValue:b})}),N+=p.units.length}catch(m){if(nn(m)){if(u.length){try{await Ke(r.identity,[...new Set(u.map(b=>b.salt))])}catch(b){ie(b,{flow:"cart_checkout",step:"release"})}y.invalidateQueries({queryKey:["usd-balance"]})}lt(t);return}throw m}}u.length&&y.invalidateQueries({queryKey:["usd-balance"]}),w="submit";const K=Os(x).length,ee=p=>K>1?{current:p,total:K}:void 0,B=(p,m)=>S({phase:"processing",stage:p,step:s.length,total:s.length,signatures:ee(m)}),C=p=>p<K?B("awaiting-signature",p+1):B("settling",K);B("awaiting-signature",1);let g=[];const I=new Map,ae=async p=>{const m=await Promise.allSettled(p.map(b=>Gs(b)));return m.forEach((b,Q)=>{const ne=I.get(p[Q])??[];b.status==="fulfilled"?(ne.forEach(Re=>A.add(Re)),L.push(p[Q])):b.reason instanceof Oe||ne.forEach(Re=>F.add(Re))}),m.flatMap(b=>b.status==="rejected"?[b.reason]:[])};if(Ls())try{let p=0;g=await Hs({purchases:x,buyer:r.address,signer:r.signer,identity:r.identity,onSigned:()=>B("settling",Math.min(p+1,K)),onBroadcast:({txHash:b,salts:Q})=>{p+=1,I.set(b,Q),Q.forEach(ne=>f.add(ne))},onGroupSettling:({settled:b})=>B("settling",b)});const m=await ae(g);if(m.length&&!m.some(b=>b instanceof Oe))throw m[0];v=!0}catch(p){if(p instanceof Oe)throw await ae([...I.keys()]),p;if(!(p instanceof Ds)||!Za(r.providerType))throw p;g=await Ue({purchases:x,buyer:r.address,signer:r.signer,onSigned:C,onBroadcast:({salts:m})=>m.forEach(b=>f.add(b)),onSettled:({txHash:m,salts:b})=>{b.forEach(Q=>A.add(Q)),L.push(m)},onReverted:({salts:m})=>m.forEach(b=>F.add(b))})}else g=await Ue({purchases:x,buyer:r.address,signer:r.signer,onSigned:C,onBroadcast:({salts:p})=>p.forEach(m=>f.add(m)),onSettled:({txHash:p,salts:m})=>{m.forEach(b=>A.add(b)),L.push(p)},onReverted:({salts:p})=>p.forEach(m=>F.add(m))});t.forEach(p=>l(p.item.id)),D(null),V("Shop Completed Purchase",{...ve(o),payment_type:"credits",no_crypto_step:v,transaction_hash:g[0]??null}),Bt(o.map(p=>p.coupon)),qt(y);const we=le.current;le.current=null,S(null),q(!1);const se={items:c,txHash:g[0]??void 0,txHashes:g,settled:!0,...we?{creditsAdded:we}:{}};Y("/success",{state:se,replace:!0})}catch(x){Ce(x)||ie(x,{flow:"cart_checkout",step:w,cart_size:t.length});const E=new Set([...f].filter(g=>!F.has(g))),{toRelease:N,boughtItemIds:K}=Qt({reservations:u,spent:E,settled:A}),ee=[...E].some(g=>!A.has(g)),B=o.filter(g=>K.includes(g.id)),C=o.filter(g=>!K.includes(g.id));if(V(Ce(x)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:w,error_code:Et(x),value_usd:It(C.reduce((g,I)=>g+I.priceCredits,0)),cart_size:s.length,partial:B.length>0}),N.length)try{await Ke(r.identity,N)}catch(g){ie(g,{flow:"cart_checkout",step:"release"})}if(y.invalidateQueries({queryKey:["usd-balance"]}),B.length>0){K.forEach(g=>l(g)),D(null),Bt(B.map(g=>g.coupon)),qt(y),V("Shop Completed Purchase",{...ve(B),payment_type:"credits",no_crypto_step:v,transaction_hash:L[0]??null,partial:!0}),S({phase:"error",message:a("cart.error.partiallyBought"),heldCredits:ee}),q(!1);return}S({phase:"error",message:ee?void 0:Ve(x),heldCredits:ee})}}function ht(t,s){y.invalidateQueries({queryKey:["usd-balance"]}),y.invalidateQueries({queryKey:["detail-trade"]}),y.invalidateQueries({queryKey:["shop-item"]}),y.invalidateQueries({queryKey:["owned-token"]}),y.invalidateQueries({queryKey:["public-token"]}),y.invalidateQueries({queryKey:["item-resales"]}),y.invalidateQueries({queryKey:["shop-items"]}),y.invalidateQueries({queryKey:["catalog-items"]}),y.invalidateQueries({queryKey:["my-assets"]}),y.invalidateQueries({queryKey:["purchases"]}),y.invalidateQueries({queryKey:["owned-item-count"]}),y.invalidateQueries({queryKey:["overview-listings"]}),y.invalidateQueries({queryKey:["upsell-listings"]});const o=le.current;le.current=null,S(null),q(!1);const c={items:t,txHash:s[0]??void 0,txHashes:s,settled:!0,...o?{creditsAdded:o}:{}};Y("/success",{state:c,replace:!0})}function ut(t,s){Ce(t)||ie(t,{flow:s,step:"submit"}),V(Ce(t)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Et(t)}),S({phase:"error",message:Ve(t)}),q(!1)}async function va(t,s,o){const c=Pt(zt.MANAToken,s),u=Pt(zt.CreditsManager,s);await Qs({auth:{kind:Us.Allowance,contractAddress:c.address,spenderAddress:u.address,chainId:s},signer:t,requiredWei:o})}async function pt(){if(de)return de;try{return await y.fetchQuery(Xa())}catch{return}}async function Ca(t){const s=Se(t).reduce((w,f)=>w+f.usdCents,0),c=(me??0n)>0n?await pt():de,u=c?At(s,c):0n;return{totalCents:s,manaWei:u}}async function gt(t,s){const o=Xe(t),{totalCents:c,manaWei:u}=await Ca(t),w=Qe({priceCents:c,priceManaWei:u,balanceCents:(k==null?void 0:k.balanceCents)??0,manaBalanceWei:me??0n});if(s&&w.options.some(f=>f.method===s)){if(s==="credits"){Be(t);return}const f=bt(w,s);await mt(ft(s,t),f,()=>s==="mana"?void yt(t,f):void wt(t,c,u));return}if(w.options.some(f=>f.method==="mana"||f.method==="combined")){S({phase:"choose",lines:t,totalCents:c,manaWei:u}),q(!1);return}if(k!=null&&k.credits<o){lt(t);return}Be(t)}function qe(t){return Qe({priceCents:t.totalCents,priceManaWei:t.manaWei,balanceCents:(k==null?void 0:k.balanceCents)??0,manaBalanceWei:me??0n})}const[he,ye]=T.useState(null);function ft(t,s){const o=new Map;for(const c of s){const u=os(t,Ge(c));o.set(`${u.chainId}:${u.spender.toLowerCase()}`,u)}return[...o.values()]}async function mt(t,s,o){const c=[];for(const{spender:u,chainId:w}of t){const f=Fs(w,u),A=r?await Ns(f,r.address,s).catch(()=>!0):!0;Ks(r==null?void 0:r.providerType,A)&&c.push(f)}if(c.length===0){o();return}q(!1),xt(c,0,o)}function xt(t,s,o){ye({auth:t[s],index:s+1,total:t.length,run:()=>s+1<t.length?xt(t,s+1,o):o()})}function bt(t,s){var o;return((o=t.options.find(c=>c.method===s))==null?void 0:o.manaWei)??0n}function ka(t){if((h==null?void 0:h.phase)!=="choose")return;const{lines:s,totalCents:o,manaWei:c}=h;if(t==="credits"){Be(s);return}const u=bt(qe(h),t);mt(ft(t,s),u,()=>t==="mana"?void yt(s,u):void wt(s,o,c))}async function yt(t,s){if(!r||t.length===0)return;const o=Se(t),c=o.map(f=>({...f.item,priceCredits:f.priceCredits})),u=t.map(f=>({...f.item,priceCredits:f.priceCredits,quantity:f.quantity})),w=()=>S({phase:"processing",stage:"settling",step:o.length,total:o.length});S({phase:"processing",stage:"awaiting-signature",step:o.length,total:o.length});try{const f=await cs({trades:ma(o),coupons:xa(o),mints:fa(o),buyer:r.address,signer:r.signer,onSigned:w,manaWei:s});t.forEach(A=>l(A.item.id)),D(null),V("Shop Completed Purchase",{...ve(c),payment_type:"mana",transaction_hash:f[0]??null}),y.invalidateQueries({queryKey:["mana-balance"]}),ht(u,f)}catch(f){ut(f,"buy_cart_mana")}}async function wt(t,s,o){if(!r||t.length===0)return;const c=Se(t),u=c.map(v=>({...v.item,priceCredits:v.priceCredits})),w=t.map(v=>({...v.item,priceCredits:v.priceCredits,quantity:v.quantity})),f=qs(c.map(v=>v.usdCents),(k==null?void 0:k.balanceCents)??0),A=[],F=new Set,L=new Set;S({phase:"processing",stage:"reserving",step:1,total:c.length});try{const v=c.map(Ge),x=[],E=new Map,N=new Map;for(let C=0;C<c.length;C++){const g=c[C],I=v[C],ae=f[C],we=Rs(Math.max(0,g.usdCents-ae),s,o);let se;if(ae<=0)se=Rt(I,[],"0");else{S({phase:"processing",stage:"reserving",step:C+1,total:c.length});const m=g.item,{credit:b,maxCreditedValue:Q}=await es(r.identity,ae,I.kind==="trade"?I.trade.id:void 0,m.contractAddress&&m.itemId!=null?{contractAddress:m.contractAddress,itemId:String(m.itemId)}:void 0);A.push({salt:b.id,itemId:m.id}),se=Rt(I,[b],Q)}const p=Kt(se);E.set(p,(E.get(p)??0n)+we),N.has(p)||N.set(p,x.length),x.push(se)}A.length&&y.invalidateQueries({queryKey:["usd-balance"]});for(const[C,g]of E){const I=N.get(C);I==null||g<=0n||(x[I]={...x[I],maxCreditedValue:(BigInt(x[I].maxCreditedValue)+g).toString()})}const K=[...E.values()].reduce((C,g)=>C+g,0n);await va(r.signer,ds(v[0]),K);const ee=()=>S({phase:"processing",stage:"settling",step:c.length,total:c.length});S({phase:"processing",stage:"awaiting-signature",step:c.length,total:c.length});const B=await Ue({purchases:x,buyer:r.address,signer:r.signer,onSigned:ee,onBroadcast:({salts:C})=>C.forEach(g=>F.add(g)),onReverted:({salts:C})=>C.forEach(g=>L.add(g))});t.forEach(C=>l(C.item.id)),D(null),V("Shop Completed Purchase",{...ve(u),payment_type:"credits_and_mana",transaction_hash:B[0]??null}),y.invalidateQueries({queryKey:["mana-balance"]}),ht(w,B)}catch(v){const{toRelease:x}=Qt({reservations:A,spent:new Set([...F].filter(E=>!L.has(E))),settled:new Set});x.length&&Ke(r.identity,x).catch(()=>{}),A.length&&y.invalidateQueries({queryKey:["usd-balance"]}),ut(v,"buy_cart_combined")}}async function J(t){if(!r){_t({type:"cart-checkout"}),Ze();return}const s=H.getState().items.filter(nt);if(s.length===0)return;ce(null),fe(null),q(!0);const o=s.reduce((c,u)=>c+u.priceCredits*u.quantity,0);V("Shop Started Checkout",{checkout_source:"cart",cart_size:s.length,cart_value_credits:o,cart_value_usd:It(o),has_sufficient_credits:xe>=o});try{const c=await Zs(s,r.address,ba,await pt(),ya,Va),u=[...c.unavailable,...c.own];if(u.length&&(u.forEach(w=>l(w.id)),fe(ui(c))),c.buyable.length===0){ce(a("cart.error.noneAvailable")),D(null);return}if(c.orderChanged){D(c),tt.current=Date.now();return}await gt(c.buyable,t)}catch(c){ie(c,{flow:"cart_checkout",step:"review",cart_size:s.length}),ce(Ve(c))}finally{q(!1)}}async function vt(){if(R){if(!r){_t({type:"cart-checkout"}),Ze();return}if(Date.now()-tt.current>hi){D(null),fe(null),await J();return}ce(null),gt(R.buyable)}}async function ja(){if(Ee){try{sessionStorage.setItem(ke,JSON.stringify(H.getState().items))}catch{}q(!0);try{const t=await en(Ee,r?{address:r.address,identity:r.identity}:void 0);if(t.url){window.location.href=t.url;return}if(!t.orderId)throw new Error("Checkout returned neither a redirect url nor an order id");Y(`/credits?order=${encodeURIComponent(t.orderId)}`)}catch(t){try{sessionStorage.removeItem(ke)}catch{}ie(t,{flow:"cart_buy_credits"}),S({phase:"error",message:a("buyModal.error.creditsCheckout")})}finally{q(!1)}}}const Ct=T.useRef(!1);T.useEffect(()=>{if(!r||Ct.current||!ns("cart-checkout"))return;Ct.current=!0;const t=setTimeout(()=>void J(),0);return()=>clearTimeout(t)},[r]);const kt=T.useRef(!1);T.useEffect(()=>{if(!(_!=null&&_.resumeCheckout)||kt.current)return;kt.current=!0,le.current=_.creditsAdded??null;try{const s=sessionStorage.getItem(ke);if(s){sessionStorage.removeItem(ke);const o=JSON.parse(s);Array.isArray(o)&&o.length&&U(o)}}catch{}y.invalidateQueries({queryKey:["usd-balance"]});const t=setTimeout(()=>void J(),0);return()=>clearTimeout(t)},[_==null?void 0:_.resumeCheckout]);const jt=T.useRef(!1);T.useEffect(()=>{if(!(_!=null&&_.startCheckout)||jt.current)return;jt.current=!0,Y(".",{replace:!0,state:null});const t=setTimeout(()=>void J(),0);return()=>clearTimeout(t)},[_==null?void 0:_.startCheckout]);const Z=ca||(h==null?void 0:h.phase)==="processing";if(n.length===0&&!h)return e.jsx(Ot,{children:e.jsxs(Ht,{children:[e.jsxs(Gt,{onClick:()=>Y(-1),type:"button",children:[e.jsx(X,{name:"arrow-left"}),a("nav.cart")]}),e.jsx(Tn,{children:e.jsx(Ka,{testId:"cart-empty",icon:Qa,title:a("cart.empty.title"),body:a("cart.empty.body"),cta:{label:a("cart.empty.cta"),to:"/items"}})})]})});const $a=Js(ge,(h==null?void 0:h.phase)==="nofunds"?h.shortfall:0).packs;return e.jsxs(Ot,{children:[e.jsxs(Ht,{children:[e.jsxs(Gt,{onClick:()=>Y(-1),type:"button",children:[e.jsx(X,{name:"arrow-left"}),a("nav.cart")]}),e.jsxs(jn,{children:[e.jsx($n,{children:e.jsxs(Mn,{children:[e.jsxs(Sn,{children:[e.jsx(An,{onClick:()=>Y(-1),type:"button","aria-label":a("cart.goBack"),children:e.jsx(X,{name:"arrow-left"})}),e.jsx(Wn,{children:a("cart.panelTitle",{count:la})}),ra?e.jsxs(In,{onClick:()=>O(!0),disabled:Z,children:[e.jsx(X,{name:"fitting-room"}),a("cart.fittingRoom")]}):null]}),e.jsx(En,{children:n.map(t=>{const s=pa.get(t.id),o=s?s.priceCredits:t.priceCredits,c=!!s&&s.priceCredits!==t.priceCredits,u=!t.tokenId,w=t.quantity,f=typeof t.available=="number"&&w>=t.available,A=o*w,F=Ua(t),L=!!F&&!!G[F],v=Oa(t),x=st[t.id],E=!Wt(x),N=x==="sold-out"?a("cart.availability.soldOut"):a("cart.availability.unavailable");return e.jsxs(Pn,{"data-unavailable":E||void 0,children:[e.jsxs(zn,{"data-thumb":!0,children:[v?e.jsx(_n,{to:v,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(Bn,{"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(qn,{children:[e.jsxs(Rn,{"data-desc":!0,children:[v?e.jsx(Fn,{to:v,state:{item:t,tradeId:t.tradeId},title:t.name,children:t.name}):e.jsx(Ln,{title:t.name,children:t.name}),t.creator?e.jsx(Nn,{address:t.creator,linkToProfile:!0}):null,ia&&u?e.jsxs(Yn,{"data-testid":"cart-creator-tag",children:[e.jsx(Jn,{name:"buy-from-creator"}),a("cart.creatorTag")]}):null]}),e.jsx(Kn,{children:E?e.jsxs(Vn,{children:[e.jsx(Xn,{name:"warning-fill",size:24}),N]}):e.jsxs(e.Fragment,{children:[u?e.jsxs(Qn,{children:[e.jsx(Dt,{onClick:()=>be(()=>$(t.id)),disabled:Z||w<=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(Un,{children:w}),e.jsx(Dt,{onClick:()=>be(()=>j(t.id)),disabled:Z||f,"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(On,{children:[e.jsx(Gn,{})," ",e.jsx(Ne,{credits:A}),c?e.jsx(Hn,{children:e.jsx(Ne,{credits:t.priceCredits*w})}):null]})]})})]}),e.jsxs(Dn,{children:[F?e.jsx(Zn,{"data-on":L||void 0,onClick:()=>M(t),"aria-label":L?a("cart.removeFromFavorites",{name:t.name}):a("cart.addToFavorites",{name:t.name}),title:L?a("assetCard.removeFromFavorites"):a("assetCard.addToFavorites"),children:e.jsx(X,{name:L?"heart-solid":"heart"})}):null,e.jsx(ei,{onClick:()=>be(()=>l(t.id)),disabled:Z,"aria-label":a("cart.remove",{name:t.name}),title:a("cart.removeTitle"),children:e.jsx(X,{name:"trash",size:24})})]})]},t.id)})}),e.jsx(ti,{children:e.jsx("button",{className:"link",onClick:()=>be(z),disabled:Z,children:a("cart.clearCart")})})]})}),e.jsxs(ai,{children:[e.jsx(si,{children:a("cart.purchaseSummary")}),e.jsxs(ni,{children:[e.jsxs(ii,{children:[e.jsx(ri,{children:a("cart.totalItems",{count:ha})}),e.jsx(ci,{children:e.jsxs(oi,{children:[e.jsx(di,{})," ",e.jsx(Ne,{credits:rt})]})})]}),e.jsx(Zt,{options:_e.options,totalCents:ze,shortfall:_e.manaShortfall,showCreditsAmount:!1,creditsLabel:R?a("marketCheckout.confirmPurchase"):_e.options.length>1?a("cart.buyWithCredits"):a("cart.checkout"),busy:Z||it,onPay:t=>void(R?vt():J(t)),creditsFallback:{label:Z?a("cart.working"):R?a("marketCheckout.confirmPurchase"):a("cart.checkout"),onClick:()=>void(R?vt():J())}}),it?e.jsx($e,{className:"muted",children:a("cart.allUnavailable")}):null,r?null:e.jsx($e,{className:"muted",children:a("cart.signInHint")}),R?e.jsx($e,{className:"muted",children:a("cart.priceChanged")}):null,et?e.jsx($e,{className:"muted",children:et}):null,e.jsx(li,{message:oa})]})]})]})]}),dt===null&&e.jsx(Vt,{"data-testid":"cart-personal-upsell",children:e.jsx(Ga,{exclude:ct,title:a("cart.suggestedTitle"),surface:"cart",first:Xt})}),dt!==null&&ot.length>0?e.jsx(Vt,{children:e.jsx(is,{title:a("cart.youMightAlsoLike"),items:ot})}):null,he&&r?e.jsx(rs,{auth:he.auth,signer:r.signer,step:{index:he.index,total:he.total},title:a("authorizeStep.manaTitle"),name:a("authorizeStep.manaName"),reason:a("authorizeStep.manaReason"),icon:e.jsx("img",{src:Te,width:24,height:24,alt:"","aria-hidden":!0}),onAuthorized:()=>{const{run:t}=he;ye(null),t()},onCancel:()=>ye(null),onClose:()=>ye(null)}):null,h?e.jsx(bn,{phase:h.phase,balanceCredits:xe,heldCreditsCount:((Mt=k==null?void 0:k.held)==null?void 0:Mt.credits)??null,onClose:wa,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:Ha(r==null?void 0:r.providerType),signatures:h.phase==="processing"?h.signatures:void 0,options:h.phase==="choose"?qe(h).options:void 0,shortfall:h.phase==="choose"?qe(h).manaShortfall:void 0,onPay:ka,totalCents:h.phase==="choose"?h.totalCents:void 0,totalManaWei:h.phase==="choose"?h.manaWei:void 0,totalCredits:h.phase==="choose"?Xe(h.lines):void 0,lines:h.phase==="nofunds"?h.lines:void 0,shortfallCredits:h.phase==="nofunds"?h.shortfall:void 0,packs:$a,selectedPack:Ee,onSelectPack:at,onBuyPacks:()=>void ja(),message:h.phase==="error"?h.message:void 0,heldCredits:h.phase==="error"&&!!h.heldCredits,onRetry:()=>void J()}):null]})}export{Ai as Cart};
+//# sourceMappingURL=Cart-BHCWXLFp.js.map