@dcl/shop 1.4.2-31322494096.commit-984acea → 1.4.2-31322819328.commit-403d972

package/_assets/Cart-BLezijep.js

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