@dcl/shop 1.13.1-35339357506.commit-a201fb1 → 1.13.1-35585926635.commit-02c8d2e

package/_assets/Cart-Bwf6I0xV.js

@@ -0,0 +1,748 @@
+import{j as e,L as Yt,r as T,b as ka,a as Sa}from"./react-ZT2P9-hV.js";import{s as i,a as z,t as a,z as Ie,F as pe,bh as Fe,C as Me,bi as $a,E as Le,bj as Ma,A as Ta,I as Y,n as Je,B as Ia,ae as H,V as Tt,x as Aa,y as Ea,w as Pa,bk as za,aK as Ra,bl as Ba,W as qa,bm as _a,bn as Wa,bo as Fa,bp as It,Y as La,bq as Ka,br as Na,bs as Qa,aq as Ke,Z as Ua,D as Ga,bt as At,O as V,bu as Et,bv as Oa,bw as Ha,l as ie,bx as Da,by as Va,bz as Ya,bA as Ne,be as Xa,bB as we,bC as Ce,bD as Pt,bE as Ja,h as zt,j as Rt,bF as Za}from"./index-y9tZLe7Z.js";import{C as es,b as ts,c as Qe,t as as,a as ss,A as ns,s as Bt,i as qt,m as is,d as rs,e as os,f as cs,p as _t,g as ls}from"./CollectionCarousel-CrMGuIJ3.js";import{m as Te}from"./mana-matic-light-Bl5duieC.js";import{q as ds,s as us,g as hs,t as ps,u as gs,A as xs}from"./trade-encoding-JnGsRcov.js";import{p as Wt,g as fs,a as Ue}from"./buy-Da1E8jgj.js";import{w as ms,S as Ge,b as bs,G as ys}from"./buy-gasless-CaUM9sxG.js";import{u as vs,M as ws,R as je,o as Cs,r as js,c as ks,g as Ss,a as $s,p as Ft,b as Oe}from"./cart-checkout-uu8usx3x.js";import{M as Ms,S as Ts,C as Is,H as As,a as Es,T as Ps,X as zs,B as Rs,b as Bs,c as Lt,d as qs,e as Ae,f as _s,g as Ws,h as Fs,i as Xe,j as he,L as Ls,P as Ks,k as Kt,l as Nt,W as Ns,m as Qs,n as Us,o as Gs,A as Os,p as Hs,q as Ds,r as Vs,s as Ys,t as Xs,u as Js,v as Zs}from"./CreditPackPicker-COb2KClL.js";import{i as en,a as tn}from"./errors-COVZQXFS.js";import{E as an}from"./ErrorNotice-Cm0KaFyV.js";import"./dcl-schemas-Do6ePE9M.js";import"./sentry-qVQnooqM.js";import"./ethers-DVrorjJ1.js";import"./intl-AKLEHPeO.js";import"./sendMetaTransaction-BcKatlZr.js";(function(){try{var n=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},d=new n.Error().stack;d&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[d]="c7bca88a-3c03-48ea-94e2-b7de10446503",n._sentryDebugIdIdentifier="sentry-dbid-c7bca88a-3c03-48ea-94e2-b7de10446503")}catch{}})();const sn=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  align-items: stretch;
+  width: 100%;
+`,Xt=`
+  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: ${z.font.sans};
+  font-weight: 600;
+  font-size: 15px;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+  color: ${z.colors.softWhite};
+
+  &:focus-visible {
+    outline: 2px solid ${z.colors.accent};
+    outline-offset: 2px;
+  }
+  &:disabled {
+    opacity: 0.6;
+    cursor: default;
+  }
+`,Qt=i.button`
+  ${Xt}
+  background: ${z.gradients.buyBtn};
+
+  &:hover:not(:disabled) {
+    filter: brightness(1.08);
+  }
+`,He=i.button`
+  ${Xt}
+  background: ${z.colors.text2};
+
+  &:hover:not(:disabled) {
+    background: ${z.colors.gray0};
+  }
+`,ke=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: ${z.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;
+  }
+`,nn=i.span`
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  opacity: 0.85;
+`,rn=i.span`
+  font-size: 18px;
+  font-weight: 600;
+  opacity: 0.7;
+`,on=i.p`
+  margin: -4px 0 0;
+  font-family: ${z.font.sans};
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 1.4;
+  color: ${z.colors.muted};
+  text-align: center;
+`;function Jt({options:n,totalCents:d,onPay:k,busy:S=!1,creditsLabel:R,shortfall:U,showCreditsAmount:G=!0,creditsFallback:O=null}){const M=n.some(r=>r.method==="credits");return e.jsxs(sn,{children:[!M&&O?e.jsx(Qt,{type:"button","data-testid":"pay-with-credits-topup",onClick:O.onClick,disabled:S,children:e.jsx("span",{children:O.label})}):null,n.map(r=>r.method==="credits"?e.jsxs(Qt,{type:"button","data-testid":"pay-with-credits",onClick:()=>k("credits"),disabled:S,children:[e.jsx("span",{children:R??a("buyModal.buy")}),G?e.jsxs(ke,{children:[e.jsx(Ie,{}),e.jsx("span",{children:pe(r.credits)})]}):null]},"credits"):r.method==="mana"?e.jsxs(He,{type:"button","data-testid":"pay-with-mana",onClick:()=>k("mana"),disabled:S,children:[e.jsx("span",{children:a("buyModal.buyWithMana")}),e.jsxs(ke,{children:[e.jsx(De,{children:e.jsx("img",{src:Te,alt:"","aria-hidden":!0})}),e.jsx("span",{children:Fe(r.manaWei)})]})]},"mana"):e.jsxs(He,{type:"button","data-testid":"pay-with-combined",onClick:()=>k("combined"),disabled:S,children:[e.jsx("span",{children:a("buyModal.buyWith")}),e.jsxs(ke,{children:[e.jsx(Ie,{}),e.jsx("span",{children:pe(r.credits)}),e.jsx(rn,{children:"+"}),e.jsx(De,{children:e.jsx("img",{src:Te,alt:"","aria-hidden":!0})}),e.jsx("span",{children:Fe(r.manaWei)}),e.jsx(nn,{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(ke,{children:[e.jsx(De,{children:e.jsx("img",{src:Te,alt:"","aria-hidden":!0})}),e.jsx("span",{children:Fe(U.manaWei)})]})]},"mana-short"),e.jsx(on,{"data-testid":"mana-shortfall-note",children:a("buyModal.notEnoughMana")})]}):null,e.jsx("span",{hidden:!0,"data-testid":"pay-total-cents",children:d})]})}const{colors:re,radius:cn}=z,ln=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  width: 100%;
+`,dn=i.span`
+  font-size: 16px;
+  line-height: 22px;
+  color: ${re.text2};
+  text-transform: capitalize;
+  white-space: nowrap;
+`,un=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: ${cn.btn};
+  }
+`,hn=i.span`
+  margin-left: 8px;
+  font-size: 13px;
+  font-weight: 600;
+  color: ${re.muted};
+`,pn=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};
+  }
+`,gn=i.p`
+  margin: 12px 0 0;
+  background: rgba(255, 162, 90, 0.3);
+  border-radius: ${z.radius.btn};
+  padding: 12px 16px;
+  font-family: ${z.font.sans};
+  font-size: 14px;
+  line-height: 1.334;
+  color: ${z.colors.text2};
+`;function xn(n){const{phase:d,balanceCredits:k,onClose:S}=n,R=d==="processing",U=d==="error"?a("cartCheckout.errorTitle"):d==="nofunds"?a("cartCheckout.titleNoFunds"):d==="choose"?a("buyModal.choosePayment"):a("cartCheckout.titleBuy"),G=d==="processing";return e.jsxs(Ms,{role:"dialog","aria-modal":"true","aria-label":a("cartCheckout.dialogAria"),children:[e.jsx(Ts,{onClick:R?void 0:S,"aria-hidden":!0}),e.jsxs(Is,{"data-tall":G||void 0,children:[e.jsxs(As,{children:[e.jsxs(Es,{children:[e.jsx(Ps,{children:U}),!R&&e.jsx(zs,{onClick:S,"aria-label":a("buyModal.close"),children:e.jsx(es,{})})]}),e.jsxs(Rs,{children:[e.jsx(Bs,{children:d==="nofunds"?a("buyModal.dclBalance"):a("buyModal.myCreditsBalance")}),e.jsx(Lt,{}),e.jsx(qs,{children:pe(k)})]}),n.heldCreditsCount&&(d==="choose"||d==="nofunds")?e.jsx(gn,{"data-testid":"cart-held-notice",children:a("buyModal.heldExplainer",{credits:n.heldCreditsCount,currency:Me.name})}):null]}),d==="choose"&&e.jsxs(Ae,{children:[e.jsxs(pn,{children:[e.jsx("span",{children:a("cart.purchaseSummary")}),e.jsxs("strong",{children:[e.jsx(Lt,{}),pe(n.totalCredits??0)]})]}),e.jsx(Jt,{options:n.options??[],totalCents:n.totalCents??0,shortfall:n.shortfall,onPay:n.onPay??(()=>{})})]}),d==="processing"&&e.jsx(fn,{stage:n.stage??"reserving",step:n.step??1,total:n.total??1,isSelfCustody:!!n.isSelfCustody,signatures:n.signatures}),d==="nofunds"&&e.jsx(mn,{lines:n.lines??[],shortfallCredits:n.shortfallCredits??0,packs:n.packs??[],selectedPack:n.selectedPack??"",onSelectPack:n.onSelectPack??(()=>{}),onBuyPacks:n.onBuyPacks??(()=>{}),onCancel:S}),d==="error"&&e.jsxs(Ae,{children:[e.jsxs(_s,{"data-testid":"buy-error",children:[e.jsx(Ws,{src:ts,alt:"",width:64,height:80}),e.jsxs(Fs,{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(Xe,{children:e.jsx(he,{"data-variant":"purple","data-full":!0,onClick:S,children:a("cartCheckout.gotIt")})}):e.jsxs(Xe,{children:[e.jsx(he,{"data-variant":"outline",onClick:S,children:a("buyModal.cancel")}),e.jsx(he,{"data-variant":"purple",onClick:n.onRetry??S,children:a("cartCheckout.tryAgain")})]})]})]})]})}function fn({stage:n,step:d,total:k,isSelfCustody:S,signatures:R}){const U=n==="reserving",G=k>0?Math.min(100,Math.round(d/k*100)):0,O=S&&R&&R.total>1,M=n==="awaiting-signature"?S?O?a("cartCheckout.confirmMultiple",{current:R.current,total:R.total}):a("buyModal.confirmToContinue"):a("buyModal.completingTransaction"):n==="settling"?a("buyModal.completingTransaction"):a("cartCheckout.preparing");return e.jsxs(Ae,{"data-processing":!0,children:[e.jsx(Ls,{src:$a,alt:"",width:61,height:61}),e.jsx(Ks,{children:M}),U?e.jsxs(ln,{children:[e.jsx(Kt,{"aria-hidden":!0,children:e.jsx(Nt,{"data-step":!0,style:{width:`${G}%`}})}),k>1?e.jsxs(dn,{children:[d,"/",k]}):null]}):e.jsx(Kt,{"aria-hidden":!0,children:e.jsx(Nt,{})})]})}function mn({lines:n,shortfallCredits:d,packs:k,selectedPack:S,onSelectPack:R,onBuyPacks:U,onCancel:G}){const O=n.reduce((M,r)=>M+(r.quantity??1),0);return e.jsxs(Ae,{children:[e.jsxs(Ns,{"data-testid":"nofunds-warning",children:[e.jsx(Qs,{}),e.jsxs(Us,{children:[e.jsx("b",{children:a("buyModal.insufficientFunds")})," ",a("buyModal.warningNeedToBuy")," ",e.jsx("b",{children:a("buyModal.warningCreditsAmount",{count:Math.max(0,d)})})," ",a("buyModal.warningToPurchase",{count:O}),Le()?null:e.jsxs(e.Fragment,{children:[e.jsx("br",{}),e.jsx(Gs,{href:Ma("/credits"),target:"_blank",rel:"noopener noreferrer",children:a("buyModal.warningLearnMore")})]})]})]}),e.jsx(un,{children:n.map(M=>{const r=M.quantity??1;return e.jsxs(Os,{children:[e.jsx(Hs,{children:M.item.thumbnail?e.jsx("img",{src:M.item.thumbnail,alt:""}):null}),e.jsxs(Ds,{children:[e.jsxs("div",{children:[e.jsxs(Vs,{title:M.item.name,children:[M.item.name||a("buyModal.itemFallback"),r>1?e.jsx(hn,{children:a("cartCheckout.qty",{count:r})}):null]}),M.item.creator?e.jsx(Ys,{address:M.item.creator}):null]}),e.jsxs(Xs,{children:[e.jsx(Js,{}),e.jsx("span",{children:pe(M.priceCredits*r)})]})]})]},M.item.id)})}),Le()?null:e.jsx(e.Fragment,{children:e.jsx(Zs,{packs:k,selectedId:S||void 0,onSelect:R})}),e.jsxs(Xe,{children:[e.jsx(he,{"data-variant":"outline",onClick:G,children:a("buyModal.cancel")}),Le()?null:e.jsx(he,{"data-variant":"gradient",onClick:U,children:a("buyModal.buy")})]})]})}const{colors:l,gradients:bn,radius:oe}=z,Zt="@media (max-width: 1080px)",E="@media (max-width: 880px)",Ut=i.div`
+  max-width: 1510px;
+  margin: 0 auto;
+  /* Grows into the page's leftover height and passes it down to Upsell, so the white cross-sell band ends at
+     the footer rather than leaving a gray strip. Needs .page[data-route="/cart"] to be a flex column. */
+  width: 100%;
+  flex: 1 0 auto;
+  display: flex;
+  flex-direction: column;
+
+  ${E} {
+    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;
+  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;
+  }
+
+  ${E} {
+    display: none;
+  }
+`,yn=i.div`
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 615px;
+  gap: 24px;
+  align-items: start;
+
+  ${Zt} {
+    grid-template-columns: 1fr;
+  }
+`,Ot=i.div`
+  position: relative;
+  /* The gray band is 733px in Figma (1553-317103) — taller than the panels inside it, deliberately. Without
+     this it collapsed to the panels' height, and the page shell's own viewport-filling min-height then padded
+     the page out BELOW the cross-sell, so a strip of gray showed under "You might also like" instead of the
+     footer. Giving the band its designed height puts the leftover space where the design wants it. */
+  min-height: 733px;
+  /* Gray below the panels so the band never hugs the last card: Figma's band runs y152–950 with the
+     content ending at 854. The min-height above only covers a SHORT cart — once the list outgrows it
+     the band tracks the content, and without this padding it would butt straight into the purple. */
+  padding-bottom: 96px;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: -28px;
+    bottom: 0;
+    left: 50%;
+    width: 100vw;
+    transform: translateX(-50%);
+    background: ${l.media};
+    z-index: 0;
+  }
+  & > * {
+    position: relative;
+    z-index: 1;
+  }
+
+  ${E} {
+    /* 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 */
+    }
+  }
+`,vn=i.div`
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,wn=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  background: ${l.white};
+  border-radius: 16px;
+  padding: 12px 12px 12px 24px;
+
+  ${E} {
+    gap: 8px;
+    padding: 8px 16px;
+  }
+`,Cn=i.section`
+  min-width: 0;
+  background: ${l.white};
+  border-radius: 16px;
+  padding: 24px;
+
+  ${E} {
+    padding: 16px;
+  }
+`,jn=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`,kn=i.button`
+  display: none;
+
+  ${E} {
+    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;
+    }
+  }
+`,Sn=i.h1`
+  margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.57;
+  color: ${l.text};
+
+  ${E} {
+    flex: 1;
+    min-width: 0;
+    font-size: 16px;
+  }
+`,$n=i.button`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  height: 40px;
+  padding: 0 12px;
+  border: 2px solid ${l.text2};
+  border-radius: ${oe.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. */
+  ${E} {
+    border-width: 1px;
+    border-color: ${l.text};
+    color: ${l.text};
+  }
+`,Mn=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+`,Tn=i.div`
+  position: relative;
+  display: flex;
+  align-items: stretch;
+  gap: 12px;
+  background: ${l.white};
+  border: 1px solid ${l.gray4};
+  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;
+  }
+`,In=i.div`
+  position: relative;
+  flex-shrink: 0;
+  width: 137.5px;
+  height: 137px;
+  background: ${l.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));
+  }
+
+  ${E} {
+    width: 120px;
+    height: 120px;
+  }
+`,An=i(Yt)`
+  position: absolute;
+  inset: 0;
+  display: grid;
+  place-items: center;
+`,En=i.span`
+  position: absolute;
+  top: 7.5px;
+  left: 7.5px;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: #34ce77;
+  display: grid;
+  place-items: center;
+`,Pn=i.div`
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 16px 8px;
+
+  ${E} {
+    padding: 12px 4px 12px 0;
+  }
+`,zn=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+  padding-right: 64px; /* clear the top-right favourite + remove group */
+`,ea=Je`
+  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};
+  }
+
+  ${E} {
+    white-space: normal;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
+`,Rn=i.div`
+  ${ea};
+`,Bn=i(Yt)`
+  ${ea};
+`,qn=i(Ta)`
+  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;
+  }
+`,_n=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding-right: 8px;
+`,Wn=i.div`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px;
+  border: 0.5px solid ${l.muted2};
+  border-radius: ${oe.pill};
+`,Ht=i.button`
+  display: grid;
+  place-items: center;
+  width: 16px;
+  height: 16px;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: ${l.text};
+  cursor: pointer;
+
+  &:disabled {
+    color: ${l.muted2};
+    cursor: default;
+  }
+`,Fn=i.span`
+  min-width: 12px;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.2;
+  color: ${l.text};
+  text-align: center;
+`,Ln=i.div`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  /* Always right-aligned: with a stepper present space-between handles it; for secondary/unique lines
+     (no stepper) the auto margin keeps the lone price on the right instead of falling to the left. */
+  margin-left: auto;
+  font-size: 24px;
+  font-weight: 600;
+  color: ${l.text2};
+
+  ${E} {
+    font-size: 20px;
+  }
+`,Kn=i(Ie)`
+  width: 24px;
+  height: 24px;
+  background: ${l.text};
+
+  ${E} {
+    width: 20px;
+    height: 20px;
+  }
+`,Nn=i.span`
+  margin-left: 6px;
+  font-size: 14px;
+  font-weight: 500;
+  color: ${l.muted};
+  text-decoration: line-through;
+`,Qn=i.div`
+  position: absolute;
+  top: 9px;
+  right: 7px;
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+`,Un=i.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1;
+  text-transform: uppercase;
+  color: ${l.text2};
+`,Gn=i(Y)`
+  color: #f48221;
+`,On=i.span`
+  align-self: flex-start;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 2px 4px;
+  border-radius: ${oe.chip};
+  background: #f4e9ff;
+  font-size: 10px;
+  font-weight: 400;
+  line-height: 14px;
+  color: ${l.text};
+`,Hn=i(Y)`
+  width: 11.31px;
+  height: 10.94px;
+  background: ${l.text};
+`,ta=Je`
+  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;
+  }
+`,Dn=i.button`
+  ${ta};
+
+  &:hover:not(:disabled) {
+    color: ${l.text};
+  }
+  &[data-on] {
+    color: ${l.dclRed};
+  }
+`,Vn=i.button`
+  ${ta};
+
+  &:hover:not(:disabled) {
+    color: ${l.dclRed};
+  }
+`,Yn=i.div`
+  display: flex;
+  gap: 20px;
+  margin-top: 16px;
+
+  & .link {
+    font-size: 13px;
+    color: ${l.muted};
+    font-weight: 600;
+  }
+  & .link:hover:not(:disabled) {
+    color: ${l.text};
+  }
+`,Xn=i.aside`
+  position: sticky;
+  top: 172px;
+  display: flex;
+  flex-direction: column;
+  background: ${l.white};
+  box-shadow: 0 1px 3px rgba(22, 21, 24, 0.06);
+  border-radius: 16px;
+  padding: 16px;
+
+  ${Zt} {
+    position: static;
+  }
+  ${E} {
+    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);
+  }
+`,Jn=i.h2`
+  margin: 0 0 24px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid ${l.gray4};
+  font-size: 24px;
+  font-weight: 600;
+  color: ${l.text};
+
+  ${E} {
+    margin-bottom: 12px;
+    padding-bottom: 8px;
+    font-size: 16px;
+    line-height: 1.6;
+  }
+`,Zn=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,ei=i.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+`,ti=i.span`
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.57;
+  color: ${l.muted1};
+`,ai=i.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 24px;
+  font-weight: 700;
+  color: ${l.text};
+`,si=i.span`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: center;
+  gap: 4px;
+`;i.span`
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 1;
+  color: ${l.muted};
+`;const ni=i(Ie)`
+  width: 30px;
+  height: 30px;
+  background: ${l.text};
+  -webkit-mask-size: 24px 24px;
+  mask-size: 24px 24px;
+  -webkit-mask-position: left center;
+  mask-position: left center;
+`;i.button`
+  width: 100%;
+  height: 56px;
+  border: 0;
+  border-radius: ${oe.btn};
+  background: ${bn.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 aa=Je`
+  margin: 0;
+  font-size: 13px;
+`,Se=i.p`
+  ${aa};
+`,ii=i(an)`
+  ${aa};
+`,Dt=i.div`
+  position: relative;
+  flex: 1 0 auto;
+  margin-top: 48px;
+  /* Below the gray band the cross-sell sits straight on the purple field (Figma) — hence no band of its
+     own. The padding is the whole gap from the top of the section to the heading; the shared carousel's
+     own top margin is zeroed below so the two don't stack. */
+  padding: 47px 0 24px;
+
+  & section {
+    margin-top: 0;
+  }
+`;function Ve(n){if(en(n))return a("errors.rejected");const d=(n.message??"").toLowerCase();return d.includes("insufficient")?a("cart.error.insufficient",{currency:Me.name}):d.includes("no active listing")||d.includes("your own listing")?a("cart.error.listingChanged"):a("marketCheckout.error.generic")}const ri=12e4;function oi(n){const d=[];return n.unavailable.length&&d.push(a("cart.drop.unavailable",{count:n.unavailable.length})),n.own.length&&d.push(a("cart.drop.own",{count:n.own.length})),a("cart.drop.removed",{items:d.join(` ${a("cart.drop.and")} `)})}const Ye=n=>n.reduce((d,k)=>d+k.priceCredits*k.quantity,0),$e=n=>n.flatMap(d=>Array.from({length:d.quantity},()=>({...d,quantity:1}))),Vt=8;function ki(){var St,$t,Mt;Ia({title:a("nav.cart"),noindex:!0});const n=H(t=>t.items),d=H(t=>t.remove),k=H(t=>t.increment),S=H(t=>t.decrement),R=H(t=>t.clear),U=H(t=>t.restore),G=H(t=>t.setFittingOpen),O=Tt(t=>t.items),M=Tt(t=>t.toggle),{session:r,signIn:Ze}=Aa(),sa=Ea(),ge=vs().packs.slice(0,ws);T.useEffect(()=>(document.body.classList.add("shop-cart-bg"),()=>document.body.classList.remove("shop-cart-bg")),[]);const na=n.some(t=>t.category!=="emote"),{data:Ee}=Pa({queryKey:["upsell-listings"],queryFn:()=>Za({first:40}),staleTime:6e4}),{data:j}=za(r),y=Ra(),X=ka(),{state:B}=Sa(),[ia,ce]=T.useState(null),[et,xe]=T.useState(null),[ra,q]=T.useState(!1),[_,D]=T.useState(null),tt=T.useRef(0),[u,$]=T.useState(null),{data:fe}=Ba(r),{data:le}=qa(!0),[Pe,at]=T.useState(""),de=T.useRef(null),st=_a(n),nt=t=>At(st[t.id]),ze=n.filter(nt),it=n.length>0&&ze.length===0,oa=ze.reduce((t,s)=>t+s.priceCredits*s.quantity,0),ca=n.reduce((t,s)=>t+s.quantity,0),la=ze.reduce((t,s)=>t+s.quantity,0),rt=_?_.liveTotalCredits:oa,da=new Set(n.map(t=>t.id)),ot=((Ee==null?void 0:Ee.items)??[]).filter(t=>!da.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=Wa(Vt,{exclude:ct}),lt=Fa({enabled:te.enabled,hasSignal:te.hasSignal,isLoading:te.isLoading,isError:te.isError,personalized:(St=te.result)==null?void 0:St.personalized,rowCount:(($t=te.result)==null?void 0:$t.data.length)??0}),ua=new Map(_==null?void 0:_.buyable.map(t=>[t.item.id,t])),me=(j==null?void 0:j.credits)??0,Re=rt*10,ha=le?It(Re,le):0n,Be=Qe({priceCents:Re,priceManaWei:ha,balanceCents:(j==null?void 0:j.balanceCents)??0,manaBalanceWei:fe??0n}),pa=t=>t.flatMap(s=>{const o=Oe(s);return o.kind==="store"?[o.mint]:[]}),ga=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]]:[])),fa=Oa,ma=t=>Va(t.contractAddress,String(t.itemId));function be(t){t(),D(null),xe(null),ce(null)}function ba(){$(null),q(!1)}function dt(t){const s=Ye(t),o=Math.max(0,s-me),c=ge.find(h=>h.credits>=o)??ge[ge.length-1];at(c.id),V("Shop Buy Credits Prompted",{from:"cart_checkout",credits_needed:s,credits_balance:me,shortfall:o}),$({phase:"nofunds",lines:t.map(h=>({item:h.item,priceCredits:h.priceCredits,quantity:h.quantity})),shortfall:o}),q(!1)}async function qe(t){if(!r||t.length===0)return;const s=$e(t),o=s.map(m=>({...m.item,priceCredits:m.priceCredits})),c=t.map(m=>({...m.item,priceCredits:m.priceCredits,quantity:m.quantity})),h=[];let v="authorize";const g=new Set,I=new Set,L=new Set,W=[];let w=!1;$({phase:"processing",stage:"reserving",step:1,total:s.length});try{const m=[],P=Ss(s,Wt);let K=0;for(const p of P){$({phase:"processing",stage:"reserving",step:K+1,total:s.length});try{const{credit:f,maxCreditedValue:b}=await Ya(r.identity,p.units.map($s));p.units.forEach((Q,ne)=>{h.push({salt:f.id,itemId:Q.item.id}),m.push({...p.drafts[ne],credits:[f],maxCreditedValue:b})}),K+=p.units.length}catch(f){if(tn(f)){if(h.length){try{await Ne(r.identity,[...new Set(h.map(b=>b.salt))])}catch(b){ie(b,{flow:"cart_checkout",step:"release"})}y.invalidateQueries({queryKey:["usd-balance"]})}dt(t);return}throw f}}h.length&&y.invalidateQueries({queryKey:["usd-balance"]}),v="submit";const N=fs(m).length,ee=p=>N>1?{current:p,total:N}:void 0,F=(p,f)=>$({phase:"processing",stage:p,step:s.length,total:s.length,signatures:ee(f)}),C=p=>p<N?F("awaiting-signature",p+1):F("settling",N);F("awaiting-signature",1);let x=[];const A=new Map,ae=async p=>{const f=await Promise.allSettled(p.map(b=>ms(b)));return f.forEach((b,Q)=>{const ne=A.get(p[Q])??[];b.status==="fulfilled"?(ne.forEach(We=>I.add(We)),W.push(p[Q])):b.reason instanceof Ge||ne.forEach(We=>L.add(We))}),f.flatMap(b=>b.status==="rejected"?[b.reason]:[])};if(ds())try{let p=0;x=await bs({purchases:m,buyer:r.address,signer:r.signer,identity:r.identity,onSigned:()=>F("settling",Math.min(p+1,N)),onBroadcast:({txHash:b,salts:Q})=>{p+=1,A.set(b,Q),Q.forEach(ne=>g.add(ne))},onGroupSettling:({settled:b})=>F("settling",b)});const f=await ae(x);if(f.length&&!f.some(b=>b instanceof Ge))throw f[0];w=!0}catch(p){if(p instanceof Ge)throw await ae([...A.keys()]),p;if(!(p instanceof ys)||!Xa(r.providerType))throw p;x=await Ue({purchases:m,buyer:r.address,signer:r.signer,onSigned:C,onBroadcast:({salts:f})=>f.forEach(b=>g.add(b)),onSettled:({txHash:f,salts:b})=>{b.forEach(Q=>I.add(Q)),W.push(f)},onReverted:({salts:f})=>f.forEach(b=>L.add(b))})}else x=await Ue({purchases:m,buyer:r.address,signer:r.signer,onSigned:C,onBroadcast:({salts:p})=>p.forEach(f=>g.add(f)),onSettled:({txHash:p,salts:f})=>{f.forEach(b=>I.add(b)),W.push(p)},onReverted:({salts:p})=>p.forEach(f=>L.add(f))});t.forEach(p=>d(p.item.id)),D(null),V("Shop Completed Purchase",{...we(o),payment_type:"credits",no_crypto_step:w,transaction_hash:x[0]??null}),qt(y);const ve=de.current;de.current=null,$(null),q(!1);const se={items:c,txHash:x[0]??void 0,txHashes:x,settled:!0,...ve?{creditsAdded:ve}:{}};X("/success",{state:se,replace:!0})}catch(m){Ce(m)||ie(m,{flow:"cart_checkout",step:v,cart_size:t.length});const P=new Set([...g].filter(x=>!L.has(x))),{toRelease:K,boughtItemIds:N}=Ft({reservations:h,spent:P,settled:I}),ee=[...P].some(x=>!I.has(x)),F=o.filter(x=>N.includes(x.id)),C=o.filter(x=>!N.includes(x.id));if(V(Ce(m)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:v,error_code:Pt(m),value_usd:Et(C.reduce((x,A)=>x+A.priceCredits,0)),cart_size:s.length,partial:F.length>0}),K.length)try{await Ne(r.identity,K)}catch(x){ie(x,{flow:"cart_checkout",step:"release"})}if(y.invalidateQueries({queryKey:["usd-balance"]}),F.length>0){N.forEach(x=>d(x)),D(null),qt(y),V("Shop Completed Purchase",{...we(F),payment_type:"credits",no_crypto_step:w,transaction_hash:W[0]??null,partial:!0}),$({phase:"error",message:a("cart.error.partiallyBought"),heldCredits:ee}),q(!1);return}$({phase:"error",message:ee?void 0:Ve(m),heldCredits:ee})}}function ut(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=de.current;de.current=null,$(null),q(!1);const c={items:t,txHash:s[0]??void 0,txHashes:s,settled:!0,...o?{creditsAdded:o}:{}};X("/success",{state:c,replace:!0})}function ht(t,s){Ce(t)||ie(t,{flow:s,step:"submit"}),V(Ce(t)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:Pt(t)}),$({phase:"error",message:Ve(t)}),q(!1)}async function ya(t,s,o){const c=zt(Rt.MANAToken,s),h=zt(Rt.CreditsManager,s);await gs({auth:{kind:xs.Allowance,contractAddress:c.address,spenderAddress:h.address,chainId:s},signer:t,requiredWei:o})}async function pt(){if(le)return le;try{return await y.fetchQuery(Da())}catch{return}}async function va(t){const s=$e(t).reduce((v,g)=>v+g.usdCents,0),c=(fe??0n)>0n?await pt():le,h=c?It(s,c):0n;return{totalCents:s,manaWei:h}}async function gt(t,s){const o=Ye(t),{totalCents:c,manaWei:h}=await va(t),v=Qe({priceCents:c,priceManaWei:h,balanceCents:(j==null?void 0:j.balanceCents)??0,manaBalanceWei:fe??0n});if(s&&v.options.some(g=>g.method===s)){if(s==="credits"){qe(t);return}const g=bt(v,s);await ft(xt(s,t),g,()=>s==="mana"?void yt(t,g):void vt(t,c,h));return}if(v.options.some(g=>g.method==="mana"||g.method==="combined")){$({phase:"choose",lines:t,totalCents:c,manaWei:h}),q(!1);return}if(j!=null&&j.credits<o){dt(t);return}qe(t)}function _e(t){return Qe({priceCents:t.totalCents,priceManaWei:t.manaWei,balanceCents:(j==null?void 0:j.balanceCents)??0,manaBalanceWei:fe??0n})}const[ue,ye]=T.useState(null);function xt(t,s){const o=new Map;for(const c of s){const h=is(t,Oe(c));o.set(`${h.chainId}:${h.spender.toLowerCase()}`,h)}return[...o.values()]}async function ft(t,s,o){const c=[];for(const{spender:h,chainId:v}of t){const g=us(v,h),I=r?await hs(g,r.address,s).catch(()=>!0):!0;ps(r==null?void 0:r.providerType,I)&&c.push(g)}if(c.length===0){o();return}q(!1),mt(c,0,o)}function mt(t,s,o){ye({auth:t[s],index:s+1,total:t.length,run:()=>s+1<t.length?mt(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 wa(t){if((u==null?void 0:u.phase)!=="choose")return;const{lines:s,totalCents:o,manaWei:c}=u;if(t==="credits"){qe(s);return}const h=bt(_e(u),t);ft(xt(t,s),h,()=>t==="mana"?void yt(s,h):void vt(s,o,c))}async function yt(t,s){if(!r||t.length===0)return;const o=$e(t),c=o.map(g=>({...g.item,priceCredits:g.priceCredits})),h=t.map(g=>({...g.item,priceCredits:g.priceCredits,quantity:g.quantity})),v=()=>$({phase:"processing",stage:"settling",step:o.length,total:o.length});$({phase:"processing",stage:"awaiting-signature",step:o.length,total:o.length});try{const g=await rs({trades:ga(o),coupons:xa(o),mints:pa(o),buyer:r.address,signer:r.signer,onSigned:v,manaWei:s});t.forEach(I=>d(I.item.id)),D(null),V("Shop Completed Purchase",{...we(c),payment_type:"mana",transaction_hash:g[0]??null}),y.invalidateQueries({queryKey:["mana-balance"]}),ut(h,g)}catch(g){ht(g,"buy_cart_mana")}}async function vt(t,s,o){if(!r||t.length===0)return;const c=$e(t),h=c.map(w=>({...w.item,priceCredits:w.priceCredits})),v=t.map(w=>({...w.item,priceCredits:w.priceCredits,quantity:w.quantity})),g=os(c.map(w=>w.usdCents),(j==null?void 0:j.balanceCents)??0),I=[],L=new Set,W=new Set;$({phase:"processing",stage:"reserving",step:1,total:c.length});try{const w=c.map(Oe),m=[],P=new Map,K=new Map;for(let C=0;C<c.length;C++){const x=c[C],A=w[C],ae=g[C],ve=cs(Math.max(0,x.usdCents-ae),s,o);let se;if(ae<=0)se=_t(A,[],"0");else{$({phase:"processing",stage:"reserving",step:C+1,total:c.length});const f=x.item,{credit:b,maxCreditedValue:Q}=await Ja(r.identity,ae,A.kind==="trade"?A.trade.id:void 0,f.contractAddress&&f.itemId!=null?{contractAddress:f.contractAddress,itemId:String(f.itemId)}:void 0);I.push({salt:b.id,itemId:f.id}),se=_t(A,[b],Q)}const p=Wt(se);P.set(p,(P.get(p)??0n)+ve),K.has(p)||K.set(p,m.length),m.push(se)}I.length&&y.invalidateQueries({queryKey:["usd-balance"]});for(const[C,x]of P){const A=K.get(C);A==null||x<=0n||(m[A]={...m[A],maxCreditedValue:(BigInt(m[A].maxCreditedValue)+x).toString()})}const N=[...P.values()].reduce((C,x)=>C+x,0n);await ya(r.signer,ls(w[0]),N);const ee=()=>$({phase:"processing",stage:"settling",step:c.length,total:c.length});$({phase:"processing",stage:"awaiting-signature",step:c.length,total:c.length});const F=await Ue({purchases:m,buyer:r.address,signer:r.signer,onSigned:ee,onBroadcast:({salts:C})=>C.forEach(x=>L.add(x)),onReverted:({salts:C})=>C.forEach(x=>W.add(x))});t.forEach(C=>d(C.item.id)),D(null),V("Shop Completed Purchase",{...we(h),payment_type:"credits_and_mana",transaction_hash:F[0]??null}),y.invalidateQueries({queryKey:["mana-balance"]}),ut(v,F)}catch(w){const{toRelease:m}=Ft({reservations:I,spent:new Set([...L].filter(P=>!W.has(P))),settled:new Set});m.length&&Ne(r.identity,m).catch(()=>{}),I.length&&y.invalidateQueries({queryKey:["usd-balance"]}),ht(w,"buy_cart_combined")}}async function J(t){if(!r){Bt({type:"cart-checkout"}),Ze();return}const s=H.getState().items.filter(nt);if(s.length===0)return;ce(null),xe(null),q(!0);const o=s.reduce((c,h)=>c+h.priceCredits*h.quantity,0);V("Shop Started Checkout",{checkout_source:"cart",cart_size:s.length,cart_value_credits:o,cart_value_usd:Et(o),has_sufficient_credits:me>=o});try{const c=await js(s,r.address,fa,await pt(),ma,Ha),h=[...c.unavailable,...c.own];if(h.length&&(h.forEach(v=>d(v.id)),xe(oi(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 wt(){if(_){if(!r){Bt({type:"cart-checkout"}),Ze();return}if(Date.now()-tt.current>ri){D(null),xe(null),await J();return}ce(null),gt(_.buyable)}}async function Ca(){if(Pe){try{sessionStorage.setItem(je,JSON.stringify(H.getState().items))}catch{}q(!0);try{const t=await ks(Pe,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");X(`/credits?order=${encodeURIComponent(t.orderId)}`)}catch(t){try{sessionStorage.removeItem(je)}catch{}ie(t,{flow:"cart_buy_credits"}),$({phase:"error",message:a("buyModal.error.creditsCheckout")})}finally{q(!1)}}}const Ct=T.useRef(!1);T.useEffect(()=>{if(!r||Ct.current||!as("cart-checkout"))return;Ct.current=!0;const t=setTimeout(()=>void J(),0);return()=>clearTimeout(t)},[r]);const jt=T.useRef(!1);T.useEffect(()=>{if(!(B!=null&&B.resumeCheckout)||jt.current)return;jt.current=!0,de.current=B.creditsAdded??null;try{const s=sessionStorage.getItem(je);if(s){sessionStorage.removeItem(je);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)},[B==null?void 0:B.resumeCheckout]);const kt=T.useRef(!1);T.useEffect(()=>{if(!(B!=null&&B.startCheckout)||kt.current)return;kt.current=!0,X(".",{replace:!0,state:null});const t=setTimeout(()=>void J(),0);return()=>clearTimeout(t)},[B==null?void 0:B.startCheckout]);const Z=ra||(u==null?void 0:u.phase)==="processing";if(n.length===0&&!u)return e.jsx(Ut,{children:e.jsxs(Ot,{children:[e.jsxs(Gt,{onClick:()=>X(-1),type:"button",children:[e.jsx(Y,{name:"arrow-left"}),a("nav.cart")]}),e.jsx(jn,{children:e.jsx(La,{variant:"light",testId:"cart-empty",icon:Ka,title:a("cart.empty.title"),body:a("cart.empty.body"),cta:{label:a("cart.empty.cta"),to:"/items"}})})]})});const ja=Cs(ge,(u==null?void 0:u.phase)==="nofunds"?u.shortfall:0).packs;return e.jsxs(Ut,{children:[e.jsxs(Ot,{children:[e.jsxs(Gt,{onClick:()=>X(-1),type:"button",children:[e.jsx(Y,{name:"arrow-left"}),a("nav.cart")]}),e.jsxs(yn,{children:[e.jsxs(vn,{children:[e.jsxs(wn,{children:[e.jsx(kn,{onClick:()=>X(-1),type:"button","aria-label":a("cart.goBack"),children:e.jsx(Y,{name:"arrow-left"})}),e.jsx(Sn,{children:a("cart.panelTitle",{count:ca})}),na?e.jsxs($n,{onClick:()=>G(!0),disabled:Z,children:[e.jsx(Y,{name:"fitting-room"}),a("cart.fittingRoom")]}):null]}),e.jsxs(Cn,{children:[e.jsx(Mn,{children:n.map(t=>{const s=ua.get(t.id),o=s?s.priceCredits:t.priceCredits,c=!!s&&s.priceCredits!==t.priceCredits,h=!t.tokenId,v=t.quantity,g=typeof t.available=="number"&&v>=t.available,I=o*v,L=Na(t),W=!!L&&!!O[L],w=Qa(t),m=st[t.id],P=!At(m),K=m==="sold-out"?a("cart.availability.soldOut"):a("cart.availability.unavailable");return e.jsxs(Tn,{"data-unavailable":P||void 0,children:[e.jsxs(In,{"data-thumb":!0,children:[w?e.jsx(An,{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(En,{"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(zn,{"data-desc":!0,children:[w?e.jsx(Bn,{to:w,state:{item:t,tradeId:t.tradeId},title:t.name,children:t.name}):e.jsx(Rn,{title:t.name,children:t.name}),t.creator?e.jsx(qn,{address:t.creator,linkToProfile:!0}):null,sa&&h?e.jsxs(On,{"data-testid":"cart-creator-tag",children:[e.jsx(Hn,{name:"buy-from-creator"}),a("cart.creatorTag")]}):null]}),e.jsx(_n,{children:P?e.jsxs(Un,{children:[e.jsx(Gn,{name:"warning-fill",size:24}),K]}):e.jsxs(e.Fragment,{children:[h?e.jsxs(Wn,{children:[e.jsx(Ht,{onClick:()=>be(()=>S(t.id)),disabled:Z||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(Fn,{children:v}),e.jsx(Ht,{onClick:()=>be(()=>k(t.id)),disabled:Z||g,"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(Ln,{children:[e.jsx(Kn,{})," ",e.jsx(Ke,{credits:I}),c?e.jsx(Nn,{children:e.jsx(Ke,{credits:t.priceCredits*v})}):null]})]})})]}),e.jsxs(Qn,{children:[L?e.jsx(Dn,{"data-on":W||void 0,onClick:()=>M(t),"aria-label":W?a("cart.removeFromFavorites",{name:t.name}):a("cart.addToFavorites",{name:t.name}),title:W?a("assetCard.removeFromFavorites"):a("assetCard.addToFavorites"),children:e.jsx(Y,{name:W?"heart-solid":"heart"})}):null,e.jsx(Vn,{onClick:()=>be(()=>d(t.id)),disabled:Z,"aria-label":a("cart.remove",{name:t.name}),title:a("cart.removeTitle"),children:e.jsx(Y,{name:"trash",size:24})})]})]},t.id)})}),e.jsx(Yn,{children:e.jsx("button",{className:"link",onClick:()=>be(R),disabled:Z,children:a("cart.clearCart")})})]})]}),e.jsxs(Xn,{children:[e.jsx(Jn,{children:a("cart.purchaseSummary")}),e.jsxs(Zn,{children:[e.jsxs(ei,{children:[e.jsx(ti,{children:a("cart.totalItems",{count:la})}),e.jsx(si,{children:e.jsxs(ai,{children:[e.jsx(ni,{})," ",e.jsx(Ke,{credits:rt})]})})]}),e.jsx(Jt,{options:Be.options,totalCents:Re,shortfall:Be.manaShortfall,showCreditsAmount:!1,creditsLabel:_?a("marketCheckout.confirmPurchase"):Be.options.length>1?a("cart.buyWithCredits"):a("cart.checkout"),busy:Z||it,onPay:t=>void(_?wt():J(t)),creditsFallback:{label:Z?a("cart.working"):_?a("marketCheckout.confirmPurchase"):a("cart.checkout"),onClick:()=>void(_?wt():J())}}),it?e.jsx(Se,{className:"muted",children:a("cart.allUnavailable")}):null,r?null:e.jsx(Se,{className:"muted",children:a("cart.signInHint")}),_?e.jsx(Se,{className:"muted",children:a("cart.priceChanged")}):null,et?e.jsx(Se,{className:"muted",children:et}):null,e.jsx(ii,{message:ia})]})]})]})]}),lt===null&&e.jsx(Dt,{"data-testid":"cart-personal-upsell",children:e.jsx(Ua,{exclude:ct,title:a("cart.suggestedTitle"),surface:"cart",first:Vt})}),lt!==null&&ot.length>0?e.jsx(Dt,{children:e.jsx(ss,{title:a("cart.youMightAlsoLike"),items:ot})}):null,ue&&r?e.jsx(ns,{auth:ue.auth,signer:r.signer,step:{index:ue.index,total:ue.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}=ue;ye(null),t()},onCancel:()=>ye(null),onClose:()=>ye(null)}):null,u?e.jsx(xn,{phase:u.phase,balanceCredits:me,heldCreditsCount:((Mt=j==null?void 0:j.held)==null?void 0:Mt.credits)??null,onClose:ba,stage:u.phase==="processing"?u.stage:void 0,step:u.phase==="processing"?u.step:void 0,total:u.phase==="processing"?u.total:void 0,isSelfCustody:Ga(r==null?void 0:r.providerType),signatures:u.phase==="processing"?u.signatures:void 0,options:u.phase==="choose"?_e(u).options:void 0,shortfall:u.phase==="choose"?_e(u).manaShortfall:void 0,onPay:wa,totalCents:u.phase==="choose"?u.totalCents:void 0,totalManaWei:u.phase==="choose"?u.manaWei:void 0,totalCredits:u.phase==="choose"?Ye(u.lines):void 0,lines:u.phase==="nofunds"?u.lines:void 0,shortfallCredits:u.phase==="nofunds"?u.shortfall:void 0,packs:ja,selectedPack:Pe,onSelectPack:at,onBuyPacks:()=>void Ca(),message:u.phase==="error"?u.message:void 0,heldCredits:u.phase==="error"&&!!u.heldCredits,onRetry:()=>void J()}):null]})}export{ki as Cart};
+//# sourceMappingURL=Cart-Bwf6I0xV.js.map