@dcl/shop 1.9.3-32728272723.commit-675c39d → 1.9.3-32743160136.commit-b84a6df

package/_assets/Cart-D2KxXi3r.js

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