@dcl/shop 0.1.0-30381444187.commit-e5b9f13 → 0.1.0-30412251367.commit-a3b4797

package/assets/Cart-WsDrlBE7.js

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