@dcl/shop 0.1.0-30633401379.commit-5cd1c31 → 0.1.0-30635983356.commit-a8e9459

package/_assets/Cart-4EoClBeZ.js

@@ -0,0 +1,695 @@
+import{j as e,L as be,r as S,b as Ht,a as Vt}from"./react-vyZjIDcS.js";import{t as ne,s as i,e as s,J as se,aj as Gt,G as Dt,I as W,z as bt,H as Re,m as Yt,ak as R,Q as nt,n as Jt,u as Xt,al as Zt,E as ea,am as ta,an as aa,ao as sa,ap as na,y as ia,aq as it,ar as O,as as rt,at as ra,l as J,c as ot,au as oa,h as ca,av as ct,aw as Ie,ax as ze,ay as he,az as dt,a as pe,b as da,C as Ae,aA as la}from"./index-SnatkYlW.js";import{M as ua,S as ha,C as pa,H as ga,a as xa,T as ma,X as fa,b as ya,B as ba,c as va,d as lt,e as wa,f as fe,P as vt,m as Ca,g as ja,h as ka,i as $a,j as wt,k as ye,L as Sa,l as Ma,n as ut,o as ht,W as Ta,p as Pa,q as Ia,A as za,r as Aa,s as qa,t as _a,u as Ba,v as Ea,w as Ra,x as Wa,y as Fa,z as La,D as Ka,E as Na,F as Qa,G as Ua,I as Oa,J as Ha,K as qe,N as Va,O as Ga,Q as Da,R as Ya,U as pt,V as Ja,Y as Xa,Z as Za,_ as es}from"./CollectionCarousel-d3gMIYq5.js";import{u as ts}from"./useManaRate-Bl28IAka.js";import{r as as}from"./mana-rate-DQvXAW-r.js";import{i as ss,j as ns,f as is,n as rs,h as os,A as cs}from"./authorizations-l2pjp6ra.js";import{g as ds,b as _e}from"./buy-Ac54hNqf.js";import{b as ls,w as us,S as hs,G as ps}from"./buy-gasless-Lul2eVlm.js";import{u as gs,M as xs,R as ge,r as ms,c as fs}from"./useCreditPacks-DBXU0y25.js";import{i as ys,a as bs}from"./errors-KUxsPjc1.js";import{E as vs}from"./ErrorNotice-DYkIPemd.js";import{u as gt}from"./mana-convert-BfTFhCWx.js";import"./sentry-B35L1FdR.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CXBJm_wN.js";import"./intl-CBcMB1D2.js";import"./trade-encoding-27XruNjb.js";import"./sendMetaTransaction-BazAYyjj.js";const{colors:X,radius:ws}=ne,Cs=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  width: 100%;
+`,js=i.span`
+  font-size: 16px;
+  line-height: 22px;
+  color: ${X.text2};
+  text-transform: capitalize;
+  white-space: nowrap;
+`,ks=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  /* 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 ${X.media};
+
+  &::-webkit-scrollbar {
+    width: 8px;
+  }
+  &::-webkit-scrollbar-track {
+    background: ${X.media};
+    border-radius: 10px;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: #a2a2a2;
+    border-radius: ${ws.btn};
+  }
+`,$s=i.span`
+  margin-left: 8px;
+  font-size: 13px;
+  font-weight: 600;
+  color: ${X.muted};
+`,Ss=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 0 0 12px;
+  font-size: 14px;
+  color: ${X.muted};
+
+  & strong {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 20px;
+    font-weight: 700;
+    color: ${X.text};
+  }
+`,Ms="https://cdn.decentraland.org/@dcl/shop/0.1.0-30635983356.commit-a8e9459/_assets/buy-error-22UunaPC.png";function Ts(o){const{phase:l,balanceCredits:$,onClose:M}=o,q=l==="processing",L=l==="error"?s("cartCheckout.errorTitle"):l==="nofunds"?s("cartCheckout.titleNoFunds"):l==="choose"?s("buyModal.choosePayment"):s("cartCheckout.titleBuy"),K=l==="processing";return e.jsxs(ua,{role:"dialog","aria-modal":"true","aria-label":s("cartCheckout.dialogAria"),children:[e.jsx(ha,{onClick:q?void 0:M,"aria-hidden":!0}),e.jsxs(pa,{"data-tall":K||void 0,children:[e.jsxs(ga,{children:[e.jsxs(xa,{children:[e.jsx(ma,{children:L}),!q&&e.jsx(fa,{onClick:M,"aria-label":s("buyModal.close"),children:e.jsx(ya,{})})]}),e.jsxs(ba,{children:[e.jsx(va,{children:l==="nofunds"?s("buyModal.dclBalance"):s("buyModal.myCreditsBalance")}),e.jsx(lt,{}),e.jsx(wa,{children:se($)})]})]}),l==="choose"&&e.jsxs(fe,{children:[e.jsxs(Ss,{children:[e.jsx("span",{children:s("cart.purchaseSummary")}),e.jsxs("strong",{children:[e.jsx(lt,{}),se(o.totalCredits??0)]})]}),e.jsx(vt,{options:o.options??[],totalCents:o.totalCents??0,onPay:o.onPay??(()=>{}),rateNote:(()=>{const T=Ca(o.totalCents??0,o.totalManaWei??0n);return T!=null?s("buyModal.manaRate",{mana:T.toLocaleString("en",{maximumFractionDigits:2})}):null})()})]}),l==="processing"&&e.jsx(Ps,{stage:o.stage??"reserving",step:o.step??1,total:o.total??1,isSelfCustody:!!o.isSelfCustody,signatures:o.signatures}),l==="nofunds"&&e.jsx(Is,{lines:o.lines??[],shortfallCredits:o.shortfallCredits??0,packs:o.packs??[],selectedPack:o.selectedPack??"",onSelectPack:o.onSelectPack??(()=>{}),onBuyPacks:o.onBuyPacks??(()=>{}),onCancel:M}),l==="error"&&e.jsxs(fe,{children:[e.jsxs(ja,{"data-testid":"buy-error",children:[e.jsx(ka,{src:Ms,alt:"",width:64,height:80}),e.jsxs($a,{children:[e.jsx("b",{children:s("cartCheckout.errorHeadline")})," ",s("cartCheckout.errorBody")]})]}),e.jsxs(wt,{children:[e.jsx(ye,{"data-variant":"outline",onClick:M,children:s("buyModal.cancel")}),e.jsx(ye,{"data-variant":"purple",onClick:o.onRetry??M,children:s("cartCheckout.tryAgain")})]})]})]})]})}function Ps({stage:o,step:l,total:$,isSelfCustody:M,signatures:q}){const L=o==="reserving",K=$>0?Math.min(100,Math.round(l/$*100)):0,T=M&&q&&q.total>1,Z=o==="awaiting-signature"?M?T?s("cartCheckout.confirmMultiple",{current:q.current,total:q.total}):s("buyModal.confirmToContinue"):s("buyModal.completingTransaction"):o==="settling"?s("buyModal.completingTransaction"):s("cartCheckout.preparing");return e.jsxs(fe,{"data-processing":!0,children:[e.jsx(Sa,{src:Gt,alt:"",width:61,height:61}),e.jsx(Ma,{children:Z}),L?e.jsxs(Cs,{children:[e.jsx(ut,{"aria-hidden":!0,children:e.jsx(ht,{"data-step":!0,style:{width:`${K}%`}})}),$>1?e.jsxs(js,{children:[l,"/",$]}):null]}):e.jsx(ut,{"aria-hidden":!0,children:e.jsx(ht,{})})]})}function Is({lines:o,shortfallCredits:l,packs:$,selectedPack:M,onSelectPack:q,onBuyPacks:L,onCancel:K}){const T=$.find(n=>n.id===M),Z=o.reduce((n,E)=>n+(E.quantity??1),0);return e.jsxs(fe,{children:[e.jsxs(Ta,{"data-testid":"nofunds-warning",children:[e.jsx(Pa,{}),e.jsxs(Ia,{children:[e.jsx("b",{children:s("buyModal.insufficientFunds")})," ",s("buyModal.warningNeedToBuy")," ",e.jsx("b",{children:s("buyModal.warningCreditsAmount",{count:Math.max(0,l)})})," ",s("buyModal.warningToPurchase",{count:Z})]})]}),e.jsx(ks,{children:o.map(n=>{const E=n.quantity??1;return e.jsxs(za,{children:[e.jsx(Aa,{children:n.item.thumbnail?e.jsx("img",{src:n.item.thumbnail,alt:""}):null}),e.jsxs(qa,{children:[e.jsxs("div",{children:[e.jsxs(_a,{title:n.item.name,children:[n.item.name||s("buyModal.itemFallback"),E>1?e.jsx($s,{children:s("cartCheckout.qty",{count:E})}):null]}),n.item.creator?e.jsx(Ba,{address:n.item.creator}):null]}),e.jsxs(Ea,{children:[e.jsx(Ra,{}),e.jsx("span",{children:se(n.priceCredits*E)})]})]})]},n.item.id)})}),e.jsx(Wa,{children:$.map(n=>{const E=n.id===M;return e.jsxs(Fa,{"data-testid":"credit-pack","data-on":E||void 0,onClick:()=>q(n.id),children:[e.jsx(La,{}),e.jsx(Ka,{children:se(n.credits)}),e.jsxs(Na,{children:["($",n.usd.toFixed(2),")"]})]},n.id)})}),e.jsxs(Qa,{children:[e.jsxs(Ua,{children:[e.jsx(Oa,{}),e.jsx("span",{children:se((T==null?void 0:T.credits)??0)})]}),e.jsxs(Ha,{children:["$",((T==null?void 0:T.usd)??0).toFixed(2)]})]}),e.jsxs(wt,{children:[e.jsx(ye,{"data-variant":"outline",onClick:K,children:s("buyModal.cancel")}),e.jsx(ye,{"data-variant":"gradient",onClick:L,children:s("buyModal.buy")})]})]})}const{colors:r,gradients:Ct,radius:H}=ne,jt="@media (max-width: 1080px)",k="@media (max-width: 880px)",xt=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;
+
+  ${k} {
+    padding-bottom: 188px; /* room for the fixed summary bar */
+  }
+`,mt=i.button`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin: 0 0 16px;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: ${r.text2};
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  cursor: pointer;
+  transition: color 0.15s ease;
+
+  &:hover {
+    color: ${r.accent};
+  }
+  & .ico {
+    width: 18px;
+    height: 18px;
+  }
+
+  ${k} {
+    display: none;
+  }
+`,zs=i.div`
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 615px;
+  gap: 24px;
+  align-items: start;
+
+  ${jt} {
+    grid-template-columns: 1fr;
+  }
+`,ft=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;
+
+  ${k} {
+    /* 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;
+  }
+`,As=i.div`
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,qs=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  background: ${r.white};
+  border-radius: 16px;
+  padding: 12px 12px 12px 24px;
+
+  ${k} {
+    gap: 8px;
+    padding: 12px;
+  }
+`,kt=i.section`
+  min-width: 0;
+  background: ${r.white};
+  border-radius: 16px;
+  padding: 24px;
+
+  ${k} {
+    padding: 16px;
+  }
+`,_s=i(kt)`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 24px;
+  min-height: 420px;
+  padding: 48px 16px;
+  text-align: center;
+  color: ${r.text};
+
+  ${ne.media.maxWidth("mobile")} {
+    min-height: 320px;
+    padding: 32px 16px;
+  }
+`,Bs=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  padding-bottom: 16px;
+`,Es=i.p`
+  margin: 0;
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 1.6;
+
+  ${ne.media.maxWidth("mobile")} {
+    font-size: 20px;
+  }
+`,Rs=i.p`
+  margin: 0;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 1.6;
+
+  ${ne.media.maxWidth("mobile")} {
+    font-size: 16px;
+  }
+`,Ws=i(be)`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 310px;
+  max-width: 100%;
+  height: 56px;
+  padding: 0 12px;
+  border-radius: ${H.card};
+  background: ${r.accent};
+  color: ${r.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: ${r.accentHover};
+  }
+  &:focus-visible {
+    outline: 2px solid ${r.accent};
+    outline-offset: 2px;
+  }
+`,Fs=i.button`
+  display: none;
+
+  ${k} {
+    display: inline-flex;
+    align-items: center;
+    flex-shrink: 0;
+    border: 0;
+    background: none;
+    padding: 0;
+    color: ${r.text};
+    cursor: pointer;
+
+    & .ico {
+      width: 20px;
+      height: 20px;
+    }
+  }
+`,Ls=i.h1`
+  margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.57;
+  color: ${r.text};
+
+  ${k} {
+    flex: 1;
+    min-width: 0;
+    font-size: 16px;
+  }
+`,Ks=i.button`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  height: 40px;
+  padding: 0 12px;
+  border: 2px solid transparent;
+  border-radius: ${H.btn};
+  background:
+    linear-gradient(${r.white}, ${r.white}) padding-box,
+    ${Ct.amethyst} border-box;
+  color: ${r.accent};
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+  white-space: nowrap;
+  cursor: pointer;
+  transition:
+    box-shadow 0.15s ease,
+    filter 0.15s ease;
+
+  &:hover:not(:disabled) {
+    box-shadow: 0 0 8px 0 rgba(165, 36, 179, 0.35);
+  }
+  &:active:not(:disabled) {
+    filter: brightness(0.97);
+  }
+  &:disabled {
+    opacity: 0.55;
+    cursor: default;
+  }
+
+  ${k} {
+    height: 36px;
+    padding: 0 10px;
+    font-size: 12px;
+  }
+`,Ns=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+`,Qs=i.div`
+  position: relative;
+  display: flex;
+  align-items: stretch;
+  gap: 12px;
+  background: ${r.white};
+  border: 1px solid ${r.gray4};
+  border-radius: ${H.card};
+  overflow: hidden;
+
+  &[data-unavailable] [data-thumb] {
+    opacity: 0.5;
+  }
+  &[data-unavailable] [data-check] {
+    display: none;
+  }
+  &[data-unavailable] [data-desc] {
+    opacity: 0.7;
+  }
+`,Us=i.div`
+  position: relative;
+  flex-shrink: 0;
+  width: 137.5px;
+  height: 137px;
+  background: ${r.media};
+  border-radius: ${H.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));
+  }
+
+  ${k} {
+    width: 120px;
+    height: 120px;
+  }
+`,Os=i(be)`
+  position: absolute;
+  inset: 0;
+  display: grid;
+  place-items: center;
+`,Hs=i.span`
+  position: absolute;
+  top: 7.5px;
+  left: 7.5px;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: #34ce77;
+  display: grid;
+  place-items: center;
+`,Vs=i.div`
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 16px 8px;
+
+  ${k} {
+    padding: 12px 4px 12px 0;
+  }
+`,Gs=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+  padding-right: 64px; /* clear the top-right favourite + remove group */
+`,$t=Re`
+  display: block;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.2;
+  color: ${r.text};
+  text-decoration: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  a&:hover {
+    color: ${r.accent};
+  }
+
+  ${k} {
+    white-space: normal;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
+`,Ds=i.div`
+  ${$t};
+`,Ys=i(be)`
+  ${$t};
+`,Js=i(Dt)`
+  font-size: 10px;
+  line-height: 1.43;
+  color: ${r.muted};
+
+  & [data-avatar] {
+    display: none;
+  }
+  & [data-testid='creator-name'] {
+    font-size: 10px;
+    line-height: 1.43;
+  }
+`,Xs=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding-right: 8px;
+`,Zs=i.div`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px;
+  border: 0.5px solid ${r.muted2};
+  border-radius: ${H.pill};
+`,yt=i.button`
+  display: grid;
+  place-items: center;
+  width: 16px;
+  height: 16px;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: ${r.text};
+  cursor: pointer;
+
+  &:disabled {
+    color: ${r.muted2};
+    cursor: default;
+  }
+`,en=i.span`
+  min-width: 12px;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.2;
+  color: ${r.text};
+  text-align: center;
+`,tn=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: ${r.text2};
+
+  ${k} {
+    font-size: 20px;
+  }
+`,an=i(bt)`
+  width: 24px;
+  height: 24px;
+  background: ${r.text};
+
+  ${k} {
+    width: 20px;
+    height: 20px;
+  }
+`,sn=i.span`
+  margin-left: 6px;
+  font-size: 14px;
+  font-weight: 500;
+  color: ${r.muted};
+  text-decoration: line-through;
+`,nn=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: ${r.text2};
+`,on=i(W)`
+  color: #f48221;
+`,cn=i(be)`
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+  text-decoration: underline;
+  color: ${r.accent};
+
+  &:hover {
+    color: ${r.accentHover};
+  }
+  &:focus-visible {
+    outline: 2px solid ${r.accent};
+    outline-offset: 2px;
+  }
+`,dn=i.span`
+  align-self: flex-start;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 2px 4px;
+  border-radius: ${H.chip};
+  background: #f4e9ff;
+  font-size: 10px;
+  font-weight: 400;
+  line-height: 14px;
+  color: ${r.text};
+`,ln=i(W)`
+  width: 11.31px;
+  height: 10.94px;
+  background: ${r.text};
+`,St=Re`
+  display: grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: ${r.muted};
+  cursor: pointer;
+  transition: color 0.12s ease;
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+`,un=i.button`
+  ${St};
+
+  &:hover:not(:disabled) {
+    color: ${r.text};
+  }
+  &[data-on] {
+    color: ${r.dclRed};
+  }
+`,hn=i.button`
+  ${St};
+
+  &:hover:not(:disabled) {
+    color: ${r.dclRed};
+  }
+`,pn=i.div`
+  display: flex;
+  gap: 20px;
+  margin-top: 16px;
+
+  & .link {
+    font-size: 13px;
+    color: ${r.muted};
+    font-weight: 600;
+  }
+  & .link:hover:not(:disabled) {
+    color: ${r.text};
+  }
+`,gn=i.aside`
+  position: sticky;
+  top: 172px;
+  display: flex;
+  flex-direction: column;
+  background: ${r.white};
+  box-shadow: 0 1px 3px rgba(22, 21, 24, 0.06);
+  border-radius: 16px;
+  padding: 16px;
+
+  ${jt} {
+    position: static;
+  }
+  ${k} {
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: auto;
+    bottom: 0;
+    z-index: 30;
+    border: 0;
+    border-radius: 16px 16px 0 0;
+    box-shadow: 0 -4px 20px rgba(22, 21, 24, 0.12);
+  }
+`,xn=i.h2`
+  margin: 0 0 24px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid ${r.gray4};
+  font-size: 24px;
+  font-weight: 600;
+  color: ${r.text};
+
+  ${k} {
+    margin-bottom: 12px;
+    padding-bottom: 12px;
+  }
+`,mn=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,fn=i.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+`,yn=i.span`
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.57;
+  color: ${r.muted1};
+`,bn=i.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 24px;
+  font-weight: 700;
+  color: ${r.text};
+`,vn=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: ${r.muted};
+`;const wn=i(bt)`
+  width: 30px;
+  height: 30px;
+  background: ${r.text};
+  -webkit-mask-size: 24px 24px;
+  mask-size: 24px 24px;
+  -webkit-mask-position: left center;
+  mask-position: left center;
+`,Cn=i.button`
+  width: 100%;
+  height: 56px;
+  border: 0;
+  border-radius: ${H.btn};
+  background: ${Ct.amethyst};
+  color: ${r.softWhite};
+  font-size: 15px;
+  font-weight: 600;
+  letter-spacing: 0.046em;
+  text-transform: uppercase;
+  cursor: pointer;
+  transition:
+    background 0.15s ease,
+    filter 0.15s ease;
+
+  &:hover:not(:disabled) {
+    background: ${r.accent};
+  }
+  &:active:not(:disabled) {
+    filter: brightness(0.95);
+  }
+  &:disabled {
+    opacity: 0.6;
+    cursor: default;
+  }
+`,Mt=Re`
+  margin: 0;
+  font-size: 13px;
+`,xe=i.p`
+  ${Mt};
+`,jn=i(vs)`
+  ${Mt};
+`,kn=i.div`
+  position: relative;
+  /* Takes the leftover height so its white ::before covers it — see .page[data-route="/cart"]. */
+  flex: 1 0 auto;
+  margin-top: 48px;
+  /* The whole gap from the top of the cross-sell to the "You might also like" heading — the shared
+     carousel's own top margin is zeroed below so this padding isn't stacked on top of it. */
+  padding: 47px 0 24px;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: -80px; /* eat .page's bottom padding so the white reaches the footer */
+    left: 50%;
+    width: 100vw;
+    transform: translateX(-50%);
+    background: ${r.bg};
+    z-index: 0;
+  }
+  & > * {
+    position: relative;
+    z-index: 1;
+  }
+  & section {
+    margin-top: 0;
+  }
+`;function Be(o){if(ys(o))return s("errors.rejected");const l=(o.message??"").toLowerCase();return l.includes("insufficient")?s("cart.error.insufficient",{currency:ca.name}):l.includes("no active listing")||l.includes("your own listing")?s("cart.error.listingChanged"):s("marketCheckout.error.generic")}const $n=12e4;function Sn(o){const l=[];return o.unavailable.length&&l.push(s("cart.drop.unavailable",{count:o.unavailable.length})),o.own.length&&l.push(s("cart.drop.own",{count:o.own.length})),s("cart.drop.removed",{items:l.join(` ${s("cart.drop.and")} `)})}const Ee=o=>o.reduce((l,$)=>l+$.priceCredits*$.quantity,0),me=o=>o.flatMap(l=>Array.from({length:l.quantity},()=>({...l,quantity:1})));function On(){Yt({title:s("nav.cart"),noindex:!0});const o=R(t=>t.items),l=R(t=>t.remove),$=R(t=>t.increment),M=R(t=>t.decrement),q=R(t=>t.clear),L=R(t=>t.restore),K=R(t=>t.setFittingOpen),T=nt(t=>t.items),Z=nt(t=>t.toggle),{session:n,signIn:E}=Jt(),ie=gs().packs.slice(0,xs);S.useEffect(()=>(document.body.classList.add("shop-cart-bg"),()=>document.body.classList.remove("shop-cart-bg")),[]);const Tt=o.some(t=>t.category!=="emote"),{data:ve}=Xt({queryKey:["upsell-listings"],queryFn:()=>la({first:40}),staleTime:6e4}),{data:b}=Zt(n),f=ea(),V=Ht(),{state:N}=Vt(),[Pt,ee]=S.useState(null),[We,re]=S.useState(null),[It,_]=S.useState(!1),[I,Q]=S.useState(null),Fe=S.useRef(0),[p,v]=S.useState(null),{data:oe}=ta(n),{data:te}=ts(!0),[we,Le]=S.useState(""),ae=S.useRef(null),Ke=aa(o),Ne=t=>it(Ke[t.id]),Ce=o.filter(Ne),je=o.length>0&&Ce.length===0,zt=Ce.reduce((t,a)=>t+a.priceCredits*a.quantity,0),At=o.reduce((t,a)=>t+a.quantity,0),qt=Ce.reduce((t,a)=>t+a.quantity,0),Qe=I?I.liveTotalCredits:zt,_t=new Set(o.map(t=>t.id)),Ue=((ve==null?void 0:ve.items)??[]).filter(t=>!_t.has(t.id)).slice(0,12),Bt=new Map(I==null?void 0:I.buyable.map(t=>[t.item.id,t])),ce=(b==null?void 0:b.credits)??0,ke=Qe*10,Et=te?gt(ke,te):0n,de=qe({priceCents:ke,priceManaWei:Et,balanceCents:(b==null?void 0:b.balanceCents)??0,manaBalanceWei:oe??0n}),Rt=t=>t.some(a=>a.acquisition==="store"),$e=t=>t.flatMap(a=>a.acquisition==="trade"?[a]:[]),Wt=ra,Ft=t=>oa(t.contractAddress,String(t.itemId));function le(t){t(),Q(null),re(null),ee(null)}function Lt(){v(null),_(!1)}function Oe(t){const a=Ee(t),d=Math.max(0,a-ce),c=ie.find(u=>u.credits>=d)??ie[ie.length-1];Le(c.id),O("Shop Buy Credits Prompted",{from:"cart_checkout",credits_needed:a,credits_balance:ce,shortfall:d}),v({phase:"nofunds",lines:t.map(u=>({item:u.item,priceCredits:u.priceCredits,quantity:u.quantity})),shortfall:d}),_(!1)}async function Se(t){if(!n||t.length===0)return;const a=me(t),d=a.map(g=>({...g.item,priceCredits:g.priceCredits})),c=t.map(g=>({...g.item,priceCredits:g.priceCredits,quantity:g.quantity})),u=[];let h="authorize",w=!1;v({phase:"processing",stage:"reserving",step:1,total:a.length});try{const g=[];for(let m=0;m<a.length;m++){const y=a[m];v({phase:"processing",stage:"reserving",step:m+1,total:a.length});try{const B=y.acquisition==="trade"?y.trade.id:void 0,Te=y.item.contractAddress&&y.item.itemId!=null?{contractAddress:y.item.contractAddress,itemId:String(y.item.itemId)}:void 0,{credit:Pe,maxCreditedValue:st}=await ct(n.identity,y.usdCents,B,Te);u.push(Pe.id),g.push(y.acquisition==="store"?{kind:"store",item:{collection:y.item.contractAddress,itemId:String(y.item.itemId),priceWei:y.priceWei},credits:[Pe],maxCreditedValue:st,chainId:y.item.chainId}:{kind:"trade",trade:y.trade,credits:[Pe],maxCreditedValue:st})}catch(B){if(bs(B)){if(u.length){try{await Ie(n.identity,u)}catch(Te){J(Te,{flow:"cart_checkout",step:"release"})}f.invalidateQueries({queryKey:["usd-balance"]})}Oe(t);return}throw B}}h="submit";const C=ds(g).length,z=m=>C>1?{current:m,total:C}:void 0,x=(m,y)=>v({phase:"processing",stage:m,step:a.length,total:a.length,signatures:z(y)}),j=m=>m<C?x("awaiting-signature",m+1):x("settling",C);x("awaiting-signature",1);let A=[];const D=g.some(m=>m.kind==="store"),P=g.flatMap(m=>m.kind==="trade"?[m]:[]);if(ss()&&!D)try{A=await ls({purchases:P,buyer:n.address,signer:n.signer,onSigned:()=>j(C)});const y=(await Promise.allSettled(A.map(B=>us(B)))).flatMap(B=>B.status==="rejected"?[B.reason]:[]);if(y.length&&!y.some(B=>B instanceof hs))throw y[0];w=!0}catch(m){if(!(m instanceof ps))throw m;A=await _e({purchases:g,buyer:n.address,signer:n.signer,onSigned:j})}else A=await _e({purchases:g,buyer:n.address,signer:n.signer,onSigned:j});t.forEach(m=>l(m.item.id)),Q(null),O("Shop Completed Purchase",{...ze(d),payment_type:"credits",no_crypto_step:w,transaction_hash:A[0]??null}),Ja(f);const U=ae.current;ae.current=null,v(null),_(!1);const Y={items:c,txHash:A[0]??void 0,txHashes:A,settled:!0,...U?{creditsAdded:U}:{}};V("/success",{state:Y,replace:!0})}catch(g){if(he(g)||J(g,{flow:"cart_checkout",step:h,cart_size:t.length}),O(he(g)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:h,error_code:dt(g),value_usd:rt(d.reduce((C,z)=>C+z.priceCredits,0)),cart_size:a.length}),u.length){try{await Ie(n.identity,u)}catch(C){J(C,{flow:"cart_checkout",step:"release"})}f.invalidateQueries({queryKey:["usd-balance"]})}v({phase:"error",message:Be(g)})}}function He(t,a){f.invalidateQueries({queryKey:["usd-balance"]}),f.invalidateQueries({queryKey:["detail-trade"]}),f.invalidateQueries({queryKey:["shop-item"]}),f.invalidateQueries({queryKey:["owned-token"]}),f.invalidateQueries({queryKey:["public-token"]}),f.invalidateQueries({queryKey:["item-resales"]}),f.invalidateQueries({queryKey:["shop-items"]}),f.invalidateQueries({queryKey:["catalog-items"]}),f.invalidateQueries({queryKey:["my-assets"]}),f.invalidateQueries({queryKey:["purchases"]}),f.invalidateQueries({queryKey:["owned-item-count"]}),f.invalidateQueries({queryKey:["overview-listings"]}),f.invalidateQueries({queryKey:["upsell-listings"]});const d=ae.current;ae.current=null,v(null),_(!1);const c={items:t,txHash:a[0]??void 0,txHashes:a,settled:!0,...d?{creditsAdded:d}:{}};V("/success",{state:c,replace:!0})}function Ve(t,a){he(t)||J(t,{flow:a,step:"submit"}),O(he(t)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:dt(t)}),v({phase:"error",message:Be(t)}),_(!1)}async function Kt(t,a){const d=pe(Ae.MANAToken,a),c=pe(Ae.CreditsManager,a);await os({auth:{kind:cs.Allowance,contractAddress:d.address,spenderAddress:c.address,chainId:a},signer:t})}async function Ge(){if(te)return te;try{return await f.fetchQuery({queryKey:["mana-rate",ot.chainId],queryFn:()=>as(ot.chainId),staleTime:6e4})}catch{return}}async function Nt(t){const a=me(t).reduce((h,w)=>h+w.usdCents,0),c=(oe??0n)>0n?await Ge():te,u=c?gt(a,c):0n;return{totalCents:a,manaWei:u}}async function De(t,a){const d=Ee(t),{totalCents:c,manaWei:u}=await Nt(t),h=qe({priceCents:c,priceManaWei:u,balanceCents:(b==null?void 0:b.balanceCents)??0,manaBalanceWei:oe??0n}),w=Rt(t)?{...h,options:h.options.filter(g=>g.method==="credits")}:h;if(a&&w.options.some(g=>g.method===a)){if(a==="credits"){Se(t);return}const{spender:g,chainId:C}=Ye(a,t);await Je(g,C,()=>a==="mana"?void Xe(t):void Ze(t,c,u));return}if(w.options.some(g=>g.method==="mana"||g.method==="combined")){v({phase:"choose",lines:t,totalCents:c,manaWei:u}),_(!1);return}if(b!=null&&b.credits<d){Oe(t);return}Se(t)}function Qt(t){return qe({priceCents:t.totalCents,priceManaWei:t.manaWei,balanceCents:(b==null?void 0:b.balanceCents)??0,manaBalanceWei:oe??0n})}const[Me,ue]=S.useState(null);function Ye(t,a){const d=$e(a)[0].trade;return{spender:t==="mana"?pe(da(d.contract),d.chainId).address:pe(Ae.CreditsManager,d.chainId).address,chainId:d.chainId}}async function Je(t,a,d){const c=ns(a,t),u=n?await is(c,n.address).catch(()=>!0):!0;if(rs(n==null?void 0:n.providerType,u)){_(!1),ue({auth:c,run:d});return}d()}function Ut(t){if((p==null?void 0:p.phase)!=="choose")return;const{lines:a,totalCents:d,manaWei:c}=p;if(t==="credits"){Se(a);return}const{spender:u,chainId:h}=Ye(t,a);Je(u,h,()=>t==="mana"?void Xe(a):void Ze(a,d,c))}async function Xe(t){if(!n||t.length===0)return;const a=me(t),d=a.map(h=>({...h.item,priceCredits:h.priceCredits})),c=t.map(h=>({...h.item,priceCredits:h.priceCredits,quantity:h.quantity})),u=()=>v({phase:"processing",stage:"settling",step:a.length,total:a.length});v({phase:"processing",stage:"awaiting-signature",step:a.length,total:a.length});try{const h=await Xa({trades:$e(a).map(w=>w.trade),buyer:n.address,signer:n.signer,onSigned:u});t.forEach(w=>l(w.item.id)),Q(null),O("Shop Completed Purchase",{...ze(d),payment_type:"mana",transaction_hash:h[0]??null}),f.invalidateQueries({queryKey:["mana-balance"]}),He(c,h)}catch(h){Ve(h,"buy_cart_mana")}}async function Ze(t,a,d){if(!n||t.length===0)return;const c=me(t),u=c.map(x=>({...x.item,priceCredits:x.priceCredits})),h=t.map(x=>({...x.item,priceCredits:x.priceCredits,quantity:x.quantity})),w=Za(c.map(x=>x.usdCents),(b==null?void 0:b.balanceCents)??0),g=w.reduce((x,j)=>x+j,0),C=es(Math.max(0,a-g),a,d),z=[];v({phase:"processing",stage:"reserving",step:1,total:c.length});try{const x=$e(c),j=[];for(let P=0;P<x.length;P++){const U=w[P];if(U<=0)continue;v({phase:"processing",stage:"reserving",step:P+1,total:x.length});const Y=x[P].item,{credit:m,maxCreditedValue:y}=await ct(n.identity,U,x[P].trade.id,Y.contractAddress&&Y.itemId!=null?{contractAddress:Y.contractAddress,itemId:String(Y.itemId)}:void 0);z.push(m.id),j.push({kind:"trade",trade:x[P].trade,credits:[m],maxCreditedValue:y})}x.forEach((P,U)=>{w[U]<=0&&j.push({kind:"trade",trade:P.trade,credits:[],maxCreditedValue:"0"})}),j[0]={...j[0],maxCreditedValue:(BigInt(j[0].maxCreditedValue)+C).toString()},await Kt(n.signer,x[0].trade.chainId);const A=()=>v({phase:"processing",stage:"settling",step:c.length,total:c.length});v({phase:"processing",stage:"awaiting-signature",step:c.length,total:c.length});const D=await _e({purchases:j,buyer:n.address,signer:n.signer,onSigned:A});t.forEach(P=>l(P.item.id)),Q(null),O("Shop Completed Purchase",{...ze(u),payment_type:"credits_and_mana",transaction_hash:D[0]??null}),f.invalidateQueries({queryKey:["mana-balance"]}),He(h,D)}catch(x){z.length&&(Ie(n.identity,z).catch(()=>{}),f.invalidateQueries({queryKey:["usd-balance"]})),Ve(x,"buy_cart_combined")}}async function G(t){if(!n){pt({type:"cart-checkout"}),E();return}const a=R.getState().items.filter(Ne);if(a.length===0)return;ee(null),re(null),_(!0);const d=a.reduce((c,u)=>c+u.priceCredits*u.quantity,0);O("Shop Started Checkout",{cart_size:a.length,cart_value_credits:d,cart_value_usd:rt(d),has_sufficient_credits:ce>=d});try{const c=await ms(a,n.address,Wt,await Ge(),Ft),u=[...c.unavailable,...c.own];if(u.length&&(u.forEach(h=>l(h.id)),re(Sn(c))),c.buyable.length===0){ee(s("cart.error.noneAvailable")),Q(null);return}if(c.orderChanged){Q(c),Fe.current=Date.now();return}await De(c.buyable,t)}catch(c){J(c,{flow:"cart_checkout",step:"review",cart_size:a.length}),ee(Be(c))}finally{_(!1)}}async function et(){if(I){if(!n){pt({type:"cart-checkout"}),E();return}if(Date.now()-Fe.current>$n){Q(null),re(null),await G();return}ee(null),De(I.buyable)}}async function Ot(){if(we){try{sessionStorage.setItem(ge,JSON.stringify(R.getState().items))}catch{}_(!0);try{const t=await fs(we,n?{address:n.address,identity:n.identity}:void 0);if(t.url){window.location.href=t.url;return}V("/credits")}catch(t){try{sessionStorage.removeItem(ge)}catch{}J(t,{flow:"cart_buy_credits"}),v({phase:"error",message:s("buyModal.error.creditsCheckout")})}finally{_(!1)}}}const tt=S.useRef(!1);S.useEffect(()=>{if(!n||tt.current||!Va("cart-checkout"))return;tt.current=!0;const t=setTimeout(()=>void G(),0);return()=>clearTimeout(t)},[n]);const at=S.useRef(!1);S.useEffect(()=>{if(!(N!=null&&N.resumeCheckout)||at.current)return;at.current=!0,ae.current=N.creditsAdded??null;try{const a=sessionStorage.getItem(ge);if(a){sessionStorage.removeItem(ge);const d=JSON.parse(a);Array.isArray(d)&&d.length&&L(d)}}catch{}f.invalidateQueries({queryKey:["usd-balance"]});const t=setTimeout(()=>void G(),0);return()=>clearTimeout(t)},[N==null?void 0:N.resumeCheckout]);const F=It||(p==null?void 0:p.phase)==="processing";return o.length===0&&!p?e.jsx(xt,{children:e.jsxs(ft,{children:[e.jsxs(mt,{onClick:()=>V(-1),type:"button",children:[e.jsx(W,{name:"arrow-left"}),s("nav.cart")]}),e.jsxs(_s,{"data-testid":"cart-empty",children:[e.jsx(W,{name:"cart-plus",size:110}),e.jsxs(Bs,{children:[e.jsx(Es,{children:s("cart.empty.title")}),e.jsx(Rs,{children:s("cart.empty.body")})]}),e.jsx(Ws,{to:"/assets",children:s("cart.empty.cta")})]})]})}):e.jsxs(xt,{children:[e.jsxs(ft,{children:[e.jsxs(mt,{onClick:()=>V(-1),type:"button",children:[e.jsx(W,{name:"arrow-left"}),s("nav.cart")]}),e.jsxs(zs,{children:[e.jsxs(As,{children:[e.jsxs(qs,{children:[e.jsx(Fs,{onClick:()=>V(-1),type:"button","aria-label":s("cart.goBack"),children:e.jsx(W,{name:"arrow-left"})}),e.jsx(Ls,{children:s("cart.panelTitle",{count:At})}),Tt?e.jsxs(Ks,{onClick:()=>K(!0),disabled:F,children:[e.jsx(W,{name:"fitting-room"}),s("cart.fittingRoom")]}):null]}),e.jsxs(kt,{children:[e.jsx(Ns,{children:o.map(t=>{const a=Bt.get(t.id),d=a?a.priceCredits:t.priceCredits,c=!!a&&a.priceCredits!==t.priceCredits,u=!t.tokenId,h=t.quantity,w=typeof t.available=="number"&&h>=t.available,g=d*h,C=sa(t),z=!!C&&!!T[C],x=na(t),j=Ke[t.id],A=!it(j),D=j==="sold-out"?s("cart.availability.soldOut"):s("cart.availability.unavailable");return e.jsxs(Qs,{"data-unavailable":A||void 0,children:[e.jsxs(Us,{"data-thumb":!0,children:[x?e.jsx(Os,{to:x,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(Hs,{"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(Vs,{children:[e.jsxs(Gs,{"data-desc":!0,children:[x?e.jsx(Ys,{to:x,state:{item:t,tradeId:t.tradeId},title:t.name,children:t.name}):e.jsx(Ds,{title:t.name,children:t.name}),t.creator?e.jsx(Js,{address:t.creator,linkToProfile:!0}):null,u?e.jsxs(dn,{"data-testid":"cart-creator-tag",children:[e.jsx(ln,{name:"buy-from-creator"}),s("cart.creatorTag")]}):null]}),e.jsx(Xs,{children:A?e.jsxs(e.Fragment,{children:[e.jsxs(rn,{children:[e.jsx(on,{name:"warning-fill",size:24}),D]}),x?e.jsx(cn,{to:x,state:{item:t,tradeId:t.tradeId},children:s("cart.availability.viewResales")}):null]}):e.jsxs(e.Fragment,{children:[u?e.jsxs(Zs,{children:[e.jsx(yt,{onClick:()=>le(()=>M(t.id)),disabled:F||h<=1,"aria-label":s("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(en,{children:h}),e.jsx(yt,{onClick:()=>le(()=>$(t.id)),disabled:F||w,"aria-label":s("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(tn,{children:[e.jsx(an,{})," ",g,c?e.jsx(sn,{children:t.priceCredits*h}):null]})]})})]}),e.jsxs(nn,{children:[C?e.jsx(un,{"data-on":z||void 0,onClick:()=>Z(t),"aria-label":z?s("cart.removeFromFavorites",{name:t.name}):s("cart.addToFavorites",{name:t.name}),title:z?s("assetCard.removeFromFavorites"):s("assetCard.addToFavorites"),children:e.jsx(W,{name:z?"heart-solid":"heart"})}):null,e.jsx(hn,{onClick:()=>le(()=>l(t.id)),disabled:F,"aria-label":s("cart.remove",{name:t.name}),title:s("cart.removeTitle"),children:e.jsx(W,{name:"trash",size:24})})]})]},t.id)})}),e.jsx(pn,{children:e.jsx("button",{className:"link",onClick:()=>le(q),disabled:F,children:s("cart.clearCart")})})]})]}),e.jsxs(gn,{children:[e.jsx(xn,{children:s("cart.purchaseSummary")}),e.jsxs(mn,{children:[e.jsxs(fn,{children:[e.jsx(yn,{children:s("cart.totalItems",{count:qt})}),e.jsx(vn,{children:e.jsxs(bn,{children:[e.jsx(wn,{})," ",Qe]})})]}),de.options.length>0||de.manaShortfall?e.jsx(vt,{options:de.options,totalCents:ke,shortfall:de.manaShortfall,creditsLabel:I?s("marketCheckout.confirmPurchase"):s("cart.buyWithCredits"),busy:F||je,onPay:t=>void(I?et():G(t))}):e.jsx(Cn,{onClick:()=>void(I?et():G()),disabled:F||je,children:F?s("cart.working"):I?s("marketCheckout.confirmPurchase"):s("assetCard.buyNow")}),je?e.jsx(xe,{className:"muted",children:s("cart.allUnavailable")}):null,n?null:e.jsx(xe,{className:"muted",children:s("cart.signInHint")}),I?e.jsx(xe,{className:"muted",children:s("cart.priceChanged")}):null,We?e.jsx(xe,{className:"muted",children:We}):null,e.jsx(jn,{message:Pt})]})]})]})]}),Ue.length>0?e.jsx(kn,{children:e.jsx(Ga,{title:s("cart.youMightAlsoLike"),items:Ue})}):null,Me&&n?e.jsx(Da,{auth:Me.auth,signer:n.signer,title:s("authorizeStep.manaTitle"),name:s("authorizeStep.manaName"),reason:s("authorizeStep.manaReason"),icon:e.jsx("img",{src:Ya,width:24,height:24,alt:"","aria-hidden":!0}),onAuthorized:()=>{const{run:t}=Me;ue(null),t()},onCancel:()=>ue(null),onClose:()=>ue(null)}):null,p?e.jsx(Ts,{phase:p.phase,balanceCredits:ce,onClose:Lt,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:ia(n==null?void 0:n.providerType),signatures:p.phase==="processing"?p.signatures:void 0,options:p.phase==="choose"?Qt(p).options:void 0,onPay:Ut,totalCents:p.phase==="choose"?p.totalCents:void 0,totalManaWei:p.phase==="choose"?p.manaWei:void 0,totalCredits:p.phase==="choose"?Ee(p.lines):void 0,lines:p.phase==="nofunds"?p.lines:void 0,shortfallCredits:p.phase==="nofunds"?p.shortfall:void 0,packs:ie,selectedPack:we,onSelectPack:Le,onBuyPacks:()=>void Ot(),message:p.phase==="error"?p.message:void 0,onRetry:()=>void G()}):null]})}export{On as Cart};