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

package/_assets/Cart-BTFM7sgI.js

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