@dcl/shop 0.1.0-29842935035.commit-a65be40 → 0.1.0-29869835587.commit-e6e6578

package/index.html

@@ -16,10 +16,10 @@
     <link rel="canonical" href="https://shop.decentraland.org/" />
 
     <!-- Favicon: the Decentraland mark (same as the marketplace). -->
-    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29842935035.commit-a65be40/favicon.ico" sizes="16x16 32x32 48x48" />
-    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29842935035.commit-a65be40/apple-touch-icon.png" />
+    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29869835587.commit-e6e6578/favicon.ico" sizes="16x16 32x32 48x48" />
+    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29869835587.commit-e6e6578/apple-touch-icon.png" />
     <meta name="apple-mobile-web-app-title" content="DCL Shop" />
-    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29842935035.commit-a65be40/site.webmanifest" />
+    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29869835587.commit-e6e6578/site.webmanifest" />
 
     <!-- Open Graph -->
     <meta property="og:type" content="website" />
@@ -48,7 +48,7 @@
     <meta name="twitter:image:alt" content="Decentraland Shop — wearables and emotes for your avatar" />
 
     <!-- Sitemap -->
-    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29842935035.commit-a65be40/sitemap.xml" />
+    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29869835587.commit-e6e6578/sitemap.xml" />
 
     <!-- Warm the 3D preview / fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -60,13 +60,13 @@
     <link rel="preconnect" href="https://wearable-preview.decentraland.org" />
     <link rel="preconnect" href="https://peer.decentraland.zone" crossorigin />
     <link rel="preconnect" href="https://peer.decentraland.org" crossorigin />
-    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/0.1.0-29842935035.commit-a65be40/assets/index-CnOiYeAk.js"></script>
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29842935035.commit-a65be40/assets/react-C51i12iP.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29842935035.commit-a65be40/assets/dcl-schemas-BICTSpB5.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29842935035.commit-a65be40/assets/sentry-DKBoGDXH.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29842935035.commit-a65be40/assets/ethers-BeFqf2KO.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29842935035.commit-a65be40/assets/intl-CBcMB1D2.js">
-    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29842935035.commit-a65be40/assets/index-eE-_qVda.css">
+    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/0.1.0-29869835587.commit-e6e6578/assets/index-BBuZMaWr.js"></script>
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29869835587.commit-e6e6578/assets/react-C51i12iP.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29869835587.commit-e6e6578/assets/dcl-schemas-BICTSpB5.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29869835587.commit-e6e6578/assets/sentry-DKBoGDXH.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29869835587.commit-e6e6578/assets/ethers-BeFqf2KO.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29869835587.commit-e6e6578/assets/intl-CBcMB1D2.js">
+    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29869835587.commit-e6e6578/assets/index-PISx9bvm.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/shop",
-  "version": "0.1.0-29842935035.commit-a65be40",
+  "version": "0.1.0-29869835587.commit-e6e6578",
   "main": "index.js",
   "author": "Decentraland",
   "license": "Apache-2.0",
@@ -8,5 +8,5 @@
     "type": "git",
     "url": "git+https://github.com/decentraland/shop.git"
   },
-  "commit": "a65be405d14f061d2ccaa50a3bec6eac8b7324e0"
+  "commit": "e6e6578f3ea743151d0d7dd868df4edc09d818eb"
 }

package/assets/Assets-B1FxBJPM.js

@@ -1,503 +0,0 @@
-import{r as l,j as t,b as Se}from"./react-C51i12iP.js";import{s as i,ag as e,I as O,t as n,ap as me,h as G,m as je,u as ve,v as ie,A as se,aq as ke}from"./index-CnOiYeAk.js";import{m as Ce}from"./mana-rate-C9OeZ3I-.js";import{u as Re,M as Ne}from"./MarketCheckout-CI0IRHEV.js";import{n as $,R as ee,C as Pe,a as Fe,b as _e,S as ne,F as ze,c as re,d as Ie}from"./categories-CgoVNI3r.js";import{L as Te}from"./LoadMore-BMDjLVnk.js";import{u as Ae}from"./useInfiniteGrid-DNbOhMyq.js";import{E as Ee}from"./ErrorNotice-C7soUjRV.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-DKBoGDXH.js";import"./ethers-BeFqf2KO.js";import"./intl-CBcMB1D2.js";import"./index-HN6Rk25C.js";import"./buy-BlwZzU_E.js";import"./trade-encoding-Bkk79sDB.js";import"./buy-gasless-B1VlH3HF.js";import"./errors-p2bFnwUF.js";const Le=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  width: 100%;
-`,K=i.div`
-  height: 1px;
-  background: ${e.colors.media};
-  width: 100%;
-`,Me=i.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-`,Oe=i("button",$("desktopStatic"))`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  width: 100%;
-  height: 40px;
-  padding: 4px;
-  border: 0;
-  border-radius: 4px;
-  background: transparent;
-  color: ${e.colors.text};
-  text-align: left;
-  cursor: pointer;
-
-  ${e.media.down("lg")} {
-    height: 52px;
-  }
-
-  @media (hover: hover) {
-    &:hover {
-      background: #f5f4f7;
-    }
-  }
-  &:focus-visible {
-    outline: 2px solid ${e.colors.accent};
-    outline-offset: 2px;
-  }
-
-  ${({desktopStatic:o})=>o?`${e.media.up("lg")} {
-          cursor: default;
-          &:hover { background: transparent; }
-        }`:""}
-`,qe=i.span`
-  font-family: ${e.font.sans};
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 1.43;
-  color: ${e.colors.text};
-
-  ${e.media.down("lg")} {
-    font-size: 16px;
-  }
-`,He=i.span`
-  display: inline-flex;
-  ${e.media.up("lg")} {
-    display: none;
-  }
-`,We=i("p",$("desktopHidden"))`
-  margin: 0;
-  padding: 0 4px 4px;
-  font-family: ${e.font.sans};
-  font-weight: 400;
-  font-size: 12px;
-  line-height: normal;
-  color: ${e.colors.muted};
-  text-transform: capitalize;
-
-  ${({desktopHidden:o})=>o?`${e.media.up("lg")} { display: none; }`:""}
-`,Be=i("div",$("open","desktopStatic"))`
-  display: grid;
-  grid-template-rows: ${({open:o})=>o?"1fr":"0fr"};
-  transition: grid-template-rows 0.22s ease;
-
-  ${({desktopStatic:o})=>o?`${e.media.up("lg")} { grid-template-rows: 1fr; }`:""}
-
-  @media (prefers-reduced-motion: reduce) {
-    transition: none;
-  }
-`,De=i.div`
-  overflow: hidden;
-  min-height: 0;
-`,Ye=i.div`
-  display: flex;
-  align-items: flex-end;
-  justify-content: center;
-  gap: 6px;
-  padding: 8px 4px 0;
-`,ae=i.label`
-  display: flex;
-  flex: 1;
-  min-width: 0;
-  flex-direction: column;
-  gap: 4px;
-`,le=i.span`
-  font-family: ${e.font.sans};
-  font-weight: 400;
-  font-size: 12px;
-  color: ${e.colors.muted};
-`,ce=i.span`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  height: 42px;
-  padding: 8px;
-  border: 0.5px solid ${e.colors.text};
-  border-radius: 8px;
-  background: ${e.colors.white};
-
-  &:focus-within {
-    border-color: ${e.rarities.epic};
-  }
-`,de=i(O)`
-  width: 16px;
-  height: 16px;
-  color: ${e.colors.rarity};
-`,pe=i.input`
-  width: 100%;
-  min-width: 0;
-  border: 0;
-  background: none;
-  padding: 0;
-  font-family: ${e.font.sans};
-  font-size: 13px;
-  color: ${e.colors.text};
-
-  &:focus {
-    outline: 0;
-  }
-  &::-webkit-outer-spin-button,
-  &::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-`,Ge=i.span`
-  padding-bottom: 12px;
-  color: ${e.colors.text};
-  font-family: ${e.font.sans};
-  font-size: 13px;
-`,Ke=i.div`
-  position: relative;
-  height: 20px;
-  margin: 24px 4px 0;
-`,Ue=i.div`
-  position: absolute;
-  top: 50%;
-  left: 0;
-  right: 0;
-  height: 2px;
-  transform: translateY(-50%);
-  background: ${e.colors.media};
-  border-radius: 2px;
-`,Qe=i("div",$("minPct","maxPct"))`
-  position: absolute;
-  top: 50%;
-  height: 2px;
-  transform: translateY(-50%);
-  left: ${({minPct:o})=>`${o}%`};
-  right: ${({maxPct:o})=>`${100-o}%`};
-  background: ${e.colors.rarity};
-  border-radius: 2px;
-`,xe=i.input`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 20px;
-  margin: 0;
-  -webkit-appearance: none;
-  appearance: none;
-  background: none;
-  pointer-events: none;
-
-  &::-webkit-slider-thumb {
-    -webkit-appearance: none;
-    appearance: none;
-    pointer-events: auto;
-    width: 16px;
-    height: 16px;
-    border-radius: 50%;
-    background: ${e.colors.white};
-    border: 2px solid ${e.colors.rarity};
-    box-shadow: 0 1px 3px rgba(22, 21, 24, 0.25);
-    cursor: pointer;
-  }
-  &::-moz-range-thumb {
-    pointer-events: auto;
-    width: 16px;
-    height: 16px;
-    border-radius: 50%;
-    background: ${e.colors.white};
-    border: 2px solid ${e.colors.rarity};
-    box-shadow: 0 1px 3px rgba(22, 21, 24, 0.25);
-    cursor: pointer;
-  }
-`,Je=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 12px 4px 0;
-`,ue=i.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 2px;
-  font-family: ${e.font.sans};
-  font-size: 13px;
-  color: ${e.colors.text};
-`,he=i(O)`
-  width: 16px;
-  height: 16px;
-  color: ${e.colors.text};
-`,Ve=i.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-  padding: 9px 4px 9px 8px;
-
-  ${e.media.down("lg")} {
-    gap: 12px 16px;
-  }
-`,Xe=i("button",$("selected"))`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 8px;
-  border-radius: 6px;
-  background: ${e.colors.softWhite};
-  border: ${({selected:o})=>o?`1px solid ${e.colors.text}`:`0.5px solid ${e.colors.gray4}`};
-  cursor: pointer;
-
-  &:hover {
-    border-color: ${e.colors.text};
-  }
-  &:focus-visible {
-    outline: 2px solid ${e.colors.accent};
-    outline-offset: 2px;
-  }
-`,Ze=i("span",$("color"))`
-  position: relative;
-  width: 16px;
-  height: 16px;
-  border-radius: 4px;
-  background: ${({color:o})=>o};
-  flex: none;
-`,et=i(O)`
-  position: absolute;
-  inset: 0;
-  width: 16px;
-  height: 16px;
-  color: ${e.colors.white};
-`,tt=i("span",$("selected"))`
-  font-family: ${e.font.sans};
-  font-weight: ${({selected:o})=>o?600:400};
-  font-size: 12px;
-  line-height: 1.43;
-  color: ${({selected:o})=>o?e.colors.text2:e.colors.gray0};
-  text-transform: capitalize;
-
-  ${e.media.down("lg")} {
-    font-size: 14px;
-  }
-`,ot=i.label`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  height: 40px;
-  padding: 4px 4px 4px 24px;
-  cursor: pointer;
-`,it=i.input`
-  width: 18px;
-  height: 18px;
-  margin: 0;
-  accent-color: ${e.colors.accent};
-  cursor: pointer;
-  flex: none;
-`,st=i.span`
-  font-family: ${e.font.sans};
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 1.43;
-  color: ${e.colors.gray0};
-`,nt=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  width: 100%;
-  height: 40px;
-  padding: 4px;
-
-  /* On mobile SMART is a peer of the collapsible section headers (Figma 1304-307965): same 52px row
-     height so it doesn't read as a smaller afterthought. */
-  ${e.media.down("lg")} {
-    height: 52px;
-  }
-`,rt=i.div`
-  display: flex;
-  align-items: center;
-  gap: 6px;
-`,at=i(O)`
-  width: 14px;
-  height: 14px;
-  color: ${e.colors.text};
-
-  ${e.media.down("lg")} {
-    width: 16px;
-    height: 16px;
-  }
-`,lt=i.span`
-  font-family: ${e.font.sans};
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 1.43;
-  color: ${e.colors.text};
-  /* Figma labels SMART in uppercase (the flash-feature label), unlike the title-case section names. */
-  text-transform: uppercase;
-
-  /* Match the section-header title size on mobile so SMART has the same hierarchy as Price/Rarity/etc. */
-  ${e.media.down("lg")} {
-    font-size: 16px;
-  }
-`,ct=i(O)`
-  width: 12px;
-  height: 12px;
-  color: ${e.colors.muted2};
-`,dt=i("button",$("on"))`
-  position: relative;
-  width: 24px;
-  height: 14px;
-  padding: 0;
-  border-radius: 100px;
-  border: 1px solid ${({on:o})=>o?e.colors.accent:e.colors.gray4};
-  background: ${({on:o})=>o?e.colors.accent:e.colors.media};
-  cursor: pointer;
-  flex: none;
-  transition:
-    background 0.15s ease,
-    border-color 0.15s ease;
-
-  &:focus-visible {
-    outline: 2px solid ${e.colors.accent};
-    outline-offset: 2px;
-  }
-
-  /* Bigger, tappable switch on mobile (the 24×14 desktop pill reads as too small on a phone). */
-  ${e.media.down("lg")} {
-    width: 40px;
-    height: 22px;
-  }
-`,pt=i("span",$("on"))`
-  position: absolute;
-  top: 50%;
-  left: ${({on:o})=>o?"calc(100% - 12px)":"0px"};
-  transform: translateY(-50%);
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
-  background: ${e.colors.white};
-  box-shadow: 0 1px 2px rgba(22, 21, 24, 0.3);
-  transition: left 0.15s ease;
-
-  ${e.media.down("lg")} {
-    width: 18px;
-    height: 18px;
-    left: ${({on:o})=>o?"calc(100% - 18px)":"2px"};
-  }
-`,k=1e5;function xt(o){var a;for(const C of Fe){const u=(a=C.subs)==null?void 0:a.find(c=>c.key===o);if(u)return n(u.labelKey)}return o}function U({title:o,open:a,onToggle:C,summary:u,desktopStatic:c,headerTestId:h,headerAria:x,children:S}){const p=t.jsx(_e,{up:a,size:24,color:"var(--text)"});return t.jsxs(Me,{children:[t.jsxs(Oe,{type:"button",desktopStatic:c,onClick:C,"aria-expanded":a,"aria-label":x,"data-testid":h,children:[t.jsx(qe,{children:o}),c?t.jsx(He,{children:p}):p]}),!a&&u?t.jsx(We,{desktopHidden:c,children:u}):null,t.jsx(Be,{open:a,desktopStatic:c,children:t.jsx(De,{children:S})})]})}function ut({category:o,subCategory:a,onCategory:C,onSub:u,priceMin:c,priceMax:h,onPriceMin:x,onPriceMax:S,rarities:p,onToggleRarity:q,status:j,onStatus:I,smart:y,onSmart:T}){const[m,A]=l.useState(!0),[v,E]=l.useState(!0),[R,Q]=l.useState(!1),[F,N]=l.useState(!0),_=c&&!Number.isNaN(Number(c))?Number(c):void 0,P=h&&!Number.isNaN(Number(h))?Number(h):void 0,f=_!=null?Math.min(_,k):0,g=P!=null?Math.min(P,k):k,J=f/k*100,V=g/k*100;function H(r){const d=Math.min(r,g);x(d<=0?"":String(d))}function z(r){const d=Math.max(r,f);S(d>=k?"":String(d))}const W=a?xt(a):o!=="wearable"?n(`categories.${o==="emote"?"emotes":o==="all"?"shopAll":o}`):"",w=_!=null||P!=null?`${c||"0"}-${h||"∞"}`:"",X=ee.filter(r=>p.includes(r)).map(me).join(", "),Z=j==="on_sale"?n("filter.onSale"):j==="not_for_sale"?n("filter.notForSale"):"";return t.jsxs(Le,{children:[t.jsx(U,{title:n("assets.category"),open:m,onToggle:()=>A(r=>!r),summary:W,desktopStatic:!0,children:t.jsx(Pe,{category:o,subCategory:a,onCategory:C,onSub:u})}),t.jsx(K,{}),t.jsxs(U,{title:n("filter.price"),open:v,onToggle:()=>E(r=>!r),summary:w,desktopStatic:!0,children:[t.jsxs(Ye,{children:[t.jsxs(ae,{children:[t.jsx(le,{children:n("assets.min")}),t.jsxs(ce,{children:[t.jsx(de,{name:G.iconName,"aria-hidden":!0}),t.jsx(pe,{type:"number",min:"0","aria-label":n("assets.minPriceAria"),placeholder:"0",value:c,onChange:r=>x(r.target.value)})]})]}),t.jsx(Ge,{children:n("assets.priceTo")}),t.jsxs(ae,{children:[t.jsx(le,{children:n("assets.max")}),t.jsxs(ce,{children:[t.jsx(de,{name:G.iconName,"aria-hidden":!0}),t.jsx(pe,{type:"number",min:"0","aria-label":n("assets.maxPriceAria"),placeholder:"0",value:h,onChange:r=>S(r.target.value)})]})]})]}),t.jsxs(Ke,{children:[t.jsx(Ue,{"aria-hidden":!0}),t.jsx(Qe,{minPct:J,maxPct:V,"aria-hidden":!0}),t.jsx(xe,{type:"range",min:0,max:k,value:f,"aria-label":n("assets.minPriceSliderAria"),onChange:r=>H(Number(r.target.value))}),t.jsx(xe,{type:"range",min:0,max:k,value:g,"aria-label":n("assets.maxPriceSliderAria"),onChange:r=>z(Number(r.target.value))})]}),t.jsxs(Je,{children:[t.jsxs(ue,{children:[t.jsx(he,{name:G.iconName,"aria-hidden":!0}),f.toLocaleString()]}),t.jsxs(ue,{children:[t.jsx(he,{name:G.iconName,"aria-hidden":!0}),g.toLocaleString()]})]})]}),t.jsx(K,{}),t.jsx(U,{title:n("assets.rarity"),open:R,onToggle:()=>Q(r=>!r),summary:X,headerTestId:"sidebar-section-toggle",children:t.jsx(Ve,{"data-testid":"rarity-filter",children:ee.map(r=>{const d=p.includes(r);return t.jsxs(Xe,{type:"button",selected:d,"aria-pressed":d,onClick:()=>q(r),"data-testid":"rarity-filter-check",children:[t.jsx(Ze,{color:e.rarities[r],children:d?t.jsx(et,{name:"check","aria-hidden":!0}):null}),t.jsx(tt,{selected:d,children:r})]},r)})})}),t.jsx(K,{}),t.jsx(U,{title:n("filter.status"),open:F,onToggle:()=>N(r=>!r),summary:Z,children:[["all",n("filter.statusAll")],["on_sale",n("filter.onSale")],["not_for_sale",n("filter.notForSale")]].map(([r,d])=>t.jsxs(ot,{children:[t.jsx(it,{type:"radio",name:"shop-status",checked:j===r,onChange:()=>I(r)}),t.jsx(st,{children:d})]},r))}),t.jsx(K,{}),t.jsxs(nt,{children:[t.jsxs(rt,{children:[t.jsx(at,{name:"smart","aria-hidden":!0}),t.jsx(lt,{children:n("filter.smart")}),t.jsx(ct,{name:"info",role:"img","aria-label":n("filter.smartHint"),title:n("filter.smartHint")})]}),t.jsx(dt,{type:"button",role:"switch",on:y,"aria-checked":y,"aria-label":n("filter.smart"),onClick:()=>T(!y),children:t.jsx(pt,{on:y})})]})]})}const ht=i.div`
-  position: relative;
-  display: flex;
-  gap: 32px;
-  align-items: flex-start;
-
-  ${e.media.down("lg")} {
-    display: block;
-  }
-`,mt=i.div`
-  flex: 1;
-  min-width: 0;
-
-  ${e.media.down("lg")} {
-    width: 100%;
-  }
-`,ft=i.aside`
-  flex: none;
-  width: 265px;
-
-  ${e.media.down("lg")} {
-    position: fixed;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: auto;
-    z-index: 9999;
-    width: 100%;
-    max-height: 88vh;
-    display: flex;
-    flex-direction: column;
-    border-radius: 16px 16px 0 0;
-    background: ${e.colors.white};
-    padding: 0 16px;
-    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.18);
-    transform: translateY(100%);
-    transition: transform 0.26s ease;
-    visibility: hidden;
-
-    &.is-open {
-      transform: translateY(0);
-      visibility: visible;
-    }
-  }
-`,gt=i.div`
-  ${e.media.down("lg")} {
-    flex: 1;
-    min-height: 0;
-    overflow-y: auto;
-    /* Room so the last filter row clears the sticky "Show items" bar (Figma bottom bar). */
-    padding-bottom: 24px;
-  }
-`,bt=i.div`
-  position: fixed;
-  inset: 0;
-  z-index: 9998;
-  background: rgba(0, 0, 0, 0.4);
-`,yt=i.div`
-  display: none;
-
-  ${e.media.down("lg")} {
-    position: sticky;
-    top: 0;
-    z-index: 2;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    background: ${e.colors.white};
-    margin: 0 -16px 8px;
-    padding: 16px 16px 12px;
-    border-radius: 16px 16px 0 0;
-  }
-`,wt=i.span`
-  font-family: ${e.font.sans};
-  font-weight: 700;
-  font-size: 15px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-  color: ${e.colors.text};
-`,$t=i.button`
-  display: grid;
-  place-items: center;
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  background: ${e.colors.chip};
-  border: 0;
-  font-size: 15px;
-  line-height: 1;
-  cursor: pointer;
-  color: ${e.colors.text};
-
-  &:focus-visible {
-    outline: 2px solid ${e.colors.accent};
-    outline-offset: 2px;
-  }
-`,St=i.div`
-  display: none;
-
-  ${e.media.down("lg")} {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    position: sticky;
-    bottom: 0;
-    margin: 8px -16px 0;
-    padding: 16px 16px calc(16px + env(safe-area-inset-bottom));
-    background: ${e.colors.white};
-    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.25);
-    z-index: 1;
-  }
-`,jt=i.button`
-  flex: 1;
-  height: 40px;
-  border: 0;
-  border-radius: 8px;
-  background: ${e.colors.accent};
-  color: ${e.colors.softWhite};
-  font-family: ${e.font.sans};
-  font-weight: 600;
-  font-size: 13px;
-  letter-spacing: 0.46px;
-  line-height: 24px;
-  text-transform: uppercase;
-  cursor: pointer;
-
-  &:hover {
-    filter: brightness(1.08);
-  }
-  &:focus-visible {
-    outline: 2px solid ${e.colors.accent};
-    outline-offset: 2px;
-  }
-`,vt=48;function kt(o){return{tradeId:o.tradeId??o.id,listingType:"primary",contractAddress:o.contractAddress,itemId:o.itemId??"",name:o.name,thumbnail:o.thumbnail,rarity:o.rarity,category:o.category,wearableCategory:o.wearableCategory??null,creator:o.creator,manaWei:o.manaWei??"0",available:1,network:o.network,chainId:o.chainId,createdAt:0}}function Bt(){const[o]=Se(),a=(o.get("q")??"").trim().toLowerCase(),C=je(),u=(o.get("q")??"").trim();ve({title:u?n("seo.collectibles.searchTitle",{query:u}):n("seo.collectibles.title"),description:n("seo.collectibles.description")});const[c,h]=l.useState("wearable"),[x,S]=l.useState(null),[p,q]=l.useState([]),[j,I]=l.useState(""),[y,T]=l.useState(""),[m,A]=l.useState("all"),[v,E]=l.useState(!1),[R,Q]=l.useState("newest"),[F,N]=l.useState(!1),[_,P]=l.useState(null);l.useEffect(()=>{if(!F)return;const s=M=>{M.key==="Escape"&&N(!1)};document.addEventListener("keydown",s);const b=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",s),document.body.style.overflow=b}},[F]);const f=j&&!Number.isNaN(Number(j))?Number(j):void 0,g=y&&!Number.isNaN(Number(y))?Number(y):void 0,J=x?Ie[x]:void 0,V=(ne.find(s=>s.key===R)??ne[0]).server,H={category:c,rarities:p.length?p:void 0,wearableCategories:J,minPriceCredits:f,maxPriceCredits:g,search:a||void 0,sortBy:V,isSmart:v||void 0,onSale:m==="all"?void 0:m==="on_sale"},{items:z,total:W,isLoading:w,error:X,hasNextPage:Z,isFetchingNextPage:r,fetchNextPage:d}=Ae(["unified-listings",H],s=>ke({...H,first:vt,skip:s})),B=W,{data:D,isError:fe}=Re(),ge=s=>D&&s.manaWei?Ce(s.manaWei,D):null,te=l.useRef(null);l.useEffect(()=>{w||!a||te.current===a||(te.current=a,ie("Shop Searched",{query:a,result_count:B}))},[a,w,B]);const Y=l.useRef("__init__");l.useEffect(()=>{if(w)return;const s=JSON.stringify({category:c,subCategory:x,rarities:p,min:f,max:g,sort:R,status:m,smart:v});if(Y.current==="__init__"||Y.current===s){Y.current=s;return}Y.current=s,ie("Shop Applied Filter",{filters:{category:c,sub_category:x,rarities:p,min_price_credits:f??null,max_price_credits:g??null,status:m,smart:v,sort:R},result_count:B})},[c,x,p,f,g,R,m,v,w,B]);function be(s){h(s),S(null)}function oe(s){q(b=>b.includes(s)?b.filter(M=>M!==s):[...b,s])}function ye(){h("wearable"),S(null),q([]),I(""),T(""),A("all"),E(!1)}function we(s){const b=z.find(M=>M.id===s.id);b&&b.source==="legacy"&&b.manaWei&&P(kt(b))}function $e(){C.invalidateQueries({queryKey:["unified-listings"]})}const L=[];(f!=null||g!=null)&&L.push({key:"price",label:n("filter.price"),onRemove:()=>{I(""),T("")}});for(const s of ee)p.includes(s)&&L.push({key:`rarity-${s}`,label:me(s),onRemove:()=>oe(s)});return v&&L.push({key:"smart",label:n("filter.smart"),onRemove:()=>E(!1)}),m!=="all"&&L.push({key:"status",label:m==="on_sale"?n("filter.onSale"):n("filter.notForSale"),onRemove:()=>A("all")}),t.jsxs(ht,{"data-testid":"browse",children:[F?t.jsx(bt,{onClick:()=>N(!1),"aria-hidden":!0}):null,t.jsxs(ft,{className:F?"is-open":"","data-testid":"browse-sidebar",children:[t.jsxs(yt,{children:[t.jsx(wt,{children:n("assets.filters")}),t.jsx($t,{onClick:()=>N(!1),"aria-label":n("assets.closeFilters"),children:"✕"})]}),t.jsx(gt,{children:t.jsx(ut,{category:c,subCategory:x,onCategory:be,onSub:S,priceMin:j,priceMax:y,onPriceMin:I,onPriceMax:T,rarities:p,onToggleRarity:oe,status:m,onStatus:A,smart:v,onSmart:E})}),t.jsx(St,{children:t.jsx(jt,{type:"button",onClick:()=>N(!1),children:n("assets.showItems")})})]}),t.jsxs(mt,{children:[t.jsx(ze,{sort:R,onSort:Q,total:W,loading:w,query:a,onOpenFilters:()=>N(!0),chips:L,onClearChips:ye}),fe&&z.some(s=>s.source==="legacy")?t.jsx("p",{className:"market-banner market-banner--warn",children:n("assets.marketUnavailable")}):null,X?t.jsx(Ee,{message:n("assets.loadError"),testId:"browse-error"}):null,t.jsx("div",{className:"grid","data-testid":"grid",children:w?t.jsx(re,{count:15}):t.jsxs(t.Fragment,{children:[z.map(s=>s.source==="legacy"?t.jsx(se,{item:s,mode:"market",marketPriceCredits:ge(s),onBuyNow:we},s.id):t.jsx(se,{item:s},s.id)),r?t.jsx(re,{count:6}):null]})}),t.jsx(Te,{hasNextPage:Z,isFetching:r,onLoadMore:()=>void d()}),!w&&z.length===0?t.jsx("p",{className:"muted",children:n("assets.noItems")}):null]}),_&&D?t.jsx(Ne,{listing:_,rate:D,onClose:()=>P(null),onSold:()=>{P(null),$e()}}):null]})}export{Bt as Assets};

package/assets/Cart-BxDJekyS.js

@@ -1,3 +0,0 @@
-import{j as e,r as j,u as Se,a as Ie,L as X}from"./react-C51i12iP.js";import{t as a,C as S,a8 as R,u as Le,a9 as N,a as le,b as qe,c as Pe,l as Ee,m as Te,I as q,aa as Be,v as O,ab as ie,ac as Fe,z as A,s as Ae,B as Re,g as We,h as Ue,r as ze,n as de,ad as Qe,x as ue,w as $e,ae as Ke}from"./index-CnOiYeAk.js";import{a as he}from"./buy-BlwZzU_E.js";import{g as Oe,a as Ge,w as Je,S as De,G as Ve}from"./buy-gasless-B1VlH3HF.js";import{R as G,r as Ye}from"./cart-checkout-BsPe3vsb.js";import{u as He,c as Xe}from"./useCreditPacks-Q7ub-ShV.js";import{E as ye}from"./ErrorNotice-C7soUjRV.js";import{i as Ze,a as es}from"./errors-p2bFnwUF.js";import{C as ss}from"./CollectionCarousel-C5GeFa_Y.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-DKBoGDXH.js";import"./ethers-BeFqf2KO.js";import"./intl-CBcMB1D2.js";import"./trade-encoding-Bkk79sDB.js";import"./index-HN6Rk25C.js";function as(t){const{phase:r,balanceCredits:p,onClose:l}=t,k=r==="processing",P=r!=="complete",E=r==="nofunds"?a("cartCheckout.titleNoFunds"):a("cartCheckout.titleBuy"),f=r==="processing";return e.jsxs("div",{className:"buy-modal",role:"dialog","aria-modal":"true","aria-label":a("cartCheckout.dialogAria"),children:[e.jsx("div",{className:"buy-modal__scrim",onClick:k?void 0:l,"aria-hidden":!0}),e.jsxs("div",{className:`buy-modal__card${f?" buy-modal__card--tall":""}`,children:[P&&e.jsxs("div",{className:"buy-modal__head",children:[e.jsxs("div",{className:"buy-modal__head-row",children:[e.jsx("h2",{className:"buy-modal__title",children:E}),!k&&e.jsx("button",{className:"buy-modal__x",onClick:l,"aria-label":a("buyModal.close"),children:e.jsx("svg",{viewBox:"0 0 18 18",width:"18",height:"18","aria-hidden":!0,children:e.jsx("path",{d:"M4 4l10 10M14 4L4 14",stroke:"#161518",strokeWidth:"1.8",strokeLinecap:"round"})})})]}),e.jsxs("div",{className:"buy-modal__balance",children:[e.jsx("span",{className:"buy-modal__balance-label",children:r==="nofunds"?a("buyModal.dclBalance"):a("buyModal.myCreditsBalance")}),e.jsx(S,{className:"buy-modal__balance-ico"}),e.jsx("span",{className:"buy-modal__balance-value",children:R(p)})]})]}),r==="processing"&&e.jsx(ts,{step:t.step??1,total:t.total??1}),r==="nofunds"&&e.jsx(cs,{lines:t.lines??[],shortfallCredits:t.shortfallCredits??0,packs:t.packs??[],selectedPack:t.selectedPack??"",onSelectPack:t.onSelectPack??(()=>{}),onBuyPacks:t.onBuyPacks??(()=>{}),onCancel:l}),r==="complete"&&e.jsx(rs,{purchased:t.purchased??[],onMyAssets:t.onMyAssets??l,onTryInWorld:t.onTryInWorld??l}),r==="error"&&e.jsxs("div",{className:"buy-modal__body",children:[e.jsx(ye,{message:t.message}),e.jsx("div",{className:"buy-modal__ctas",children:e.jsx("button",{className:"buy-modal__btn buy-modal__btn--gradient",onClick:l,children:a("buyModal.close")})})]})]})]})}function ts({step:t,total:r}){return e.jsxs("div",{className:"buy-modal__body buy-modal__processing",children:[e.jsx("img",{className:"buy-modal__logo",src:"/icon-192.png",alt:"",width:61,height:61}),e.jsx("div",{className:"buy-modal__processing-text",children:a("buyModal.completingTransaction")}),e.jsxs("div",{className:"cart-checkout__progress-row",children:[e.jsx("div",{className:"buy-modal__progress","aria-hidden":!0,children:e.jsx("span",{className:"buy-modal__progress-fill"})}),e.jsxs("span",{className:"cart-checkout__step",children:[t,"/",r]})]})]})}function cs({lines:t,shortfallCredits:r,packs:p,selectedPack:l,onSelectPack:k,onBuyPacks:P,onCancel:E}){const f=p.find(c=>c.id===l),J=t.reduce((c,_)=>c+(_.quantity??1),0);return e.jsxs("div",{className:"buy-modal__body",children:[e.jsxs("div",{className:"buy-modal__warning",children:[e.jsxs("svg",{viewBox:"0 0 24 24",width:"24",height:"24","aria-hidden":!0,className:"buy-modal__warning-ico",children:[e.jsx("path",{d:"M12 3L2 20h20L12 3z",fill:"none",stroke:"#691fa9",strokeWidth:"1.8",strokeLinejoin:"round"}),e.jsx("path",{d:"M12 9v5",stroke:"#691fa9",strokeWidth:"1.8",strokeLinecap:"round"}),e.jsx("circle",{cx:"12",cy:"17",r:"1.1",fill:"#691fa9"})]}),e.jsxs("p",{className:"buy-modal__warning-text",children:[e.jsx("b",{children:a("buyModal.insufficientFunds")})," ",a("buyModal.warningNeedToBuy")," ",e.jsx("b",{children:a("buyModal.warningCreditsAmount",{count:Math.max(0,r)})})," ",a("buyModal.warningToPurchase",{count:J})]})]}),e.jsx("div",{className:"cart-checkout__scroll",children:t.map(c=>{const _=c.quantity??1;return e.jsxs("div",{className:"buy-modal__asset",children:[e.jsx("div",{className:"buy-modal__asset-thumb",children:c.item.thumbnail?e.jsx("img",{src:c.item.thumbnail,alt:""}):null}),e.jsxs("div",{className:"buy-modal__asset-info",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"buy-modal__asset-name",title:c.item.name,children:[c.item.name||a("buyModal.itemFallback"),_>1?e.jsx("span",{className:"cart-checkout__qty-tag",children:a("cartCheckout.qty",{count:_})}):null]}),c.item.creator?e.jsx("div",{className:"buy-modal__asset-creator",children:a("search.byCreator",{name:c.item.creator})}):null]}),e.jsxs("div",{className:"buy-modal__asset-price",children:[e.jsx(S,{className:"buy-modal__asset-price-ico"}),e.jsx("span",{children:R(c.priceCredits*_)})]})]})]},c.item.id)})}),e.jsx("div",{className:"buy-modal__packs",children:p.map(c=>{const _=c.id===l;return e.jsxs("button",{className:`buy-modal__pack${_?" buy-modal__pack--on":""}`,onClick:()=>k(c.id),children:[e.jsx(S,{className:"buy-modal__pack-ico"}),e.jsx("span",{className:"buy-modal__pack-amount",children:R(c.credits)}),e.jsxs("span",{className:"buy-modal__pack-usd",children:["($",c.usd.toFixed(2),")"]})]},c.id)})}),e.jsxs("div",{className:"buy-modal__total",children:[e.jsxs("div",{className:"buy-modal__total-credits",children:[e.jsx(S,{className:"buy-modal__total-ico"}),e.jsx("span",{children:R((f==null?void 0:f.credits)??0)})]}),e.jsxs("span",{className:"buy-modal__total-usd",children:["$",((f==null?void 0:f.usd)??0).toFixed(2)]})]}),e.jsxs("div",{className:"buy-modal__ctas",children:[e.jsx("button",{className:"buy-modal__btn buy-modal__btn--outline",onClick:E,children:a("buyModal.cancel")}),e.jsx("button",{className:"buy-modal__btn buy-modal__btn--gradient",onClick:P,children:a("buyModal.buy")})]})]})}function rs({purchased:t,onMyAssets:r,onTryInWorld:p}){return e.jsxs("div",{className:"buy-modal__body cart-checkout__done-body",children:[e.jsxs("div",{className:"buy-modal__success",children:[e.jsxs("svg",{viewBox:"0 0 64 64",width:"60",height:"60","aria-hidden":!0,children:[e.jsx("circle",{cx:"32",cy:"32",r:"32",fill:"#34ce77"}),e.jsx("path",{d:"M20 33l8 8 16-18",fill:"none",stroke:"#fff",strokeWidth:"5",strokeLinecap:"round",strokeLinejoin:"round"})]}),e.jsxs("p",{className:"buy-modal__success-text",children:[e.jsx("b",{children:a("getCredits.successTitle")})," ",a("buyModal.successBody")]})]}),e.jsx("div",{className:"cart-checkout__done",children:e.jsx("div",{className:"cart-checkout__done-scroll",children:t.map(l=>{const k=l.quantity??1;return e.jsxs("div",{className:"cart-checkout__done-row",children:[e.jsxs("div",{className:"cart-checkout__done-thumb",children:[l.thumbnail?e.jsx("img",{src:l.thumbnail,alt:""}):null,e.jsx("span",{className:"cart-checkout__done-check","aria-hidden":!0,children:e.jsx("svg",{viewBox:"0 0 18 18",width:"12",height:"12",children:e.jsx("path",{d:"M4 9l3.5 3.5L14 5",fill:"none",stroke:"#fff",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),e.jsxs("div",{className:"cart-checkout__done-info",children:[e.jsxs("div",{className:"cart-checkout__done-name",title:l.name,children:[l.name||a("buyModal.itemFallback"),k>1?e.jsx("span",{className:"cart-checkout__qty-tag",children:a("cartCheckout.qty",{count:k})}):null]}),l.creator?e.jsx("div",{className:"cart-checkout__done-creator",children:a("search.byCreator",{name:l.creator})}):null]}),e.jsxs("div",{className:"cart-checkout__done-price",children:[e.jsx(S,{className:"cart-checkout__done-price-ico"}),e.jsx("span",{children:R(l.priceCredits*k)})]})]},l.id)})})}),e.jsxs("div",{className:"buy-modal__ctas",children:[e.jsx("button",{className:"buy-modal__btn buy-modal__btn--outline",onClick:r,children:a("buyModal.myAssets")}),e.jsxs("button",{className:"buy-modal__btn buy-modal__btn--ruby",onClick:p,children:[a("buyModal.tryInWorld"),e.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20","aria-hidden":!0,children:e.jsx("path",{d:"M5 12h12M13 7l5 5-5 5",fill:"none",stroke:"#fcfcfc",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})]})}const ns=Ae(Re)`
-  margin-top: 12px;
-`;function me(t){if(Ze(t))return a("errors.rejected");const r=(t.message??"").toLowerCase();return r.includes("insufficient")?a("cart.error.insufficient",{currency:Ue.name}):r.includes("no active listing")||r.includes("your own listing")?a("cart.error.listingChanged"):a("marketCheckout.error.generic")}const os=12e4,ls=We.chainId===80002?"https://decentraland.zone/jump":"https://decentraland.org/jump";function is(t){const r=[];return t.unavailable.length&&r.push(a("cart.drop.unavailable",{count:t.unavailable.length})),t.own.length&&r.push(a("cart.drop.own",{count:t.own.length})),a("cart.drop.removed",{items:r.join(` ${a("cart.drop.and")} `)})}const _e=t=>t.reduce((r,p)=>r+p.priceCredits*p.quantity,0),ds=t=>t.flatMap(r=>Array.from({length:r.quantity},()=>({...r,quantity:1})));function ws(){Le({title:a("nav.cart"),noindex:!0});const t=N(s=>s.items),r=N(s=>s.remove),p=N(s=>s.increment),l=N(s=>s.decrement),k=N(s=>s.clear),P=N(s=>s.restore),E=N(s=>s.setFittingOpen),f=le(s=>s.items),J=le(s=>s.toggle),{session:c}=qe(),_=He().packs.slice(0,3);j.useEffect(()=>(document.body.classList.add("shop-cart-bg"),()=>document.body.classList.remove("shop-cart-bg")),[]);const be=t.some(s=>s.category!=="emote"),{data:D}=Pe({queryKey:["upsell-listings"],queryFn:()=>Ke({first:40}),staleTime:6e4}),{data:T}=Ee(c),W=Te(),U=Se(),{state:I}=Ie(),[Z,B]=j.useState(null),[pe,C]=j.useState(null),[ee,z]=j.useState(null),[xe,L]=j.useState(!1),[g,F]=j.useState(null),se=j.useRef(0),[d,w]=j.useState(null),[V,ae]=j.useState(""),je=t.reduce((s,n)=>s+n.priceCredits*n.quantity,0),te=t.reduce((s,n)=>s+n.quantity,0),ke=g?g.liveTotalCredits:je,fe=new Set(t.map(s=>s.id)),ce=((D==null?void 0:D.items)??[]).filter(s=>!fe.has(s.id)).slice(0,12),ge=new Map(g==null?void 0:g.buyable.map(s=>[s.item.id,s])),Q=(T==null?void 0:T.credits)??0,ve=Fe;function $(s){s(),F(null),z(null),C(null)}function Ne(){w(null),L(!1)}function re(s){const n=_e(s),o=Math.max(0,n-Q),x=_.find(u=>u.credits>=o)??_[_.length-1];ae(x.id),O("Shop Buy Credits Prompted",{from:"cart_checkout",credits_needed:n,credits_balance:Q,shortfall:o}),w({phase:"nofunds",lines:s.map(u=>({item:u.item,priceCredits:u.priceCredits,quantity:u.quantity})),shortfall:o}),L(!1)}async function Ce(s){if(!c||s.length===0)return;const n=ds(s),o=n.map(i=>({...i.item,priceCredits:i.priceCredits})),x=s.map(i=>({...i.item,priceCredits:i.priceCredits,quantity:i.quantity})),u=[];let v="authorize",K=!1;w({phase:"processing",step:1,total:n.length});try{const i=[];for(let h=0;h<n.length;h++){const y=n[h];w({phase:"processing",step:h+1,total:n.length});try{const{credit:b,maxCreditedValue:H}=await ze(c.identity,y.usdCents,y.trade.id);u.push(b.id),i.push({trade:y.trade,credits:[b],maxCreditedValue:H})}catch(b){if(es(b)){if(u.length){try{await de(c.identity,u)}catch(H){A(H,{flow:"cart_checkout",step:"release"})}W.invalidateQueries({queryKey:["usd-balance"]})}re(s);return}throw b}}v="submit";let m=[];if(Oe())try{m=await Ge({purchases:i,buyer:c.address,signer:c.signer});const y=(await Promise.allSettled(m.map(b=>Je(b)))).flatMap(b=>b.status==="rejected"?[b.reason]:[]);if(y.length&&!y.some(b=>b instanceof De))throw y[0];K=!0}catch(h){if(!(h instanceof Ve))throw h;m=await he({purchases:i,buyer:c.address,signer:c.signer})}else m=await he({purchases:i,buyer:c.address,signer:c.signer});s.forEach(h=>r(h.item.id)),F(null),O("Shop Completed Purchase",{...Qe(o),payment_type:"credits",no_crypto_step:K,transaction_hash:m[0]??null}),W.invalidateQueries({queryKey:["usd-balance"]}),w({phase:"complete",purchased:x})}catch(i){if(ue(i)||A(i,{flow:"cart_checkout",step:v,cart_size:s.length}),O(ue(i)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:v,error_code:$e(i),value_usd:ie(o.reduce((m,h)=>m+h.priceCredits,0)),cart_size:n.length}),u.length){try{await de(c.identity,u)}catch(m){A(m,{flow:"cart_checkout",step:"release"})}W.invalidateQueries({queryKey:["usd-balance"]})}w({phase:"error",message:me(i)})}}function ne(s){const n=_e(s);if(T!=null&&T.credits<n){re(s);return}Ce(s)}async function Y(){if(!c){C(a("buyModal.signInToCheckout"));return}const s=N.getState().items;if(s.length===0)return;C(null),z(null),L(!0);const n=s.reduce((o,x)=>o+x.priceCredits*x.quantity,0);O("Shop Started Checkout",{cart_size:s.length,cart_value_credits:n,cart_value_usd:ie(n),has_sufficient_credits:Q>=n});try{B(a("cart.status.reviewing"));const o=await Ye(s,c.address,ve),x=[...o.unavailable,...o.own];if(x.length&&(x.forEach(u=>r(u.id)),z(is(o))),o.buyable.length===0){C(a("cart.error.noneAvailable")),F(null),B(null);return}if(o.orderChanged){F(o),se.current=Date.now(),B(null);return}B(null),ne(o.buyable)}catch(o){A(o,{flow:"cart_checkout",step:"review",cart_size:s.length}),C(me(o)),B(null)}finally{L(!1)}}async function we(){if(g){if(!c){C(a("buyModal.signInToCheckout"));return}if(Date.now()-se.current>os){F(null),z(null),await Y();return}C(null),ne(g.buyable)}}async function Me(){if(V){try{sessionStorage.setItem(G,JSON.stringify(N.getState().items))}catch{}L(!0);try{const s=await Xe(V,c?{address:c.address,identity:c.identity}:void 0);if(s.url){window.location.href=s.url;return}U("/credits")}catch(s){try{sessionStorage.removeItem(G)}catch{}A(s,{flow:"cart_buy_credits"}),w({phase:"error",message:a("buyModal.error.creditsCheckout")})}finally{L(!1)}}}const oe=j.useRef(!1);j.useEffect(()=>{if(!(I!=null&&I.resumeCheckout)||oe.current)return;oe.current=!0;try{const n=sessionStorage.getItem(G);if(n){sessionStorage.removeItem(G);const o=JSON.parse(n);Array.isArray(o)&&o.length&&P(o)}}catch{}W.invalidateQueries({queryKey:["usd-balance"]});const s=setTimeout(()=>void Y(),0);return()=>clearTimeout(s)},[I==null?void 0:I.resumeCheckout]);const M=xe||(d==null?void 0:d.phase)==="processing";return t.length===0&&!d?e.jsxs("div",{className:"cart cart--empty",children:[e.jsx(q,{name:"cart",size:44,color:"var(--muted-2)"}),e.jsx("p",{className:"cart-empty__title",children:a("cart.empty.title")}),e.jsx("p",{className:"muted",children:a("cart.empty.body")}),e.jsx(ns,{as:X,to:"/assets",variant:"purple",children:a("cart.empty.cta")})]}):e.jsxs("div",{className:"checkout",children:[e.jsxs("button",{className:"checkout__back",onClick:()=>U(-1),type:"button",children:[e.jsx(q,{name:"arrow-left"}),a("nav.cart")]}),e.jsxs("div",{className:"checkout__body",children:[e.jsxs("section",{className:"checkout__panel",children:[e.jsxs("div",{className:"checkout__panel-head",children:[e.jsx("button",{className:"checkout__panel-back",onClick:()=>U(-1),type:"button","aria-label":a("cart.goBack"),children:e.jsx(q,{name:"arrow-left"})}),e.jsx("h1",{className:"checkout__panel-title",children:a("cart.panelTitle",{count:te})}),be?e.jsxs("button",{className:"checkout__fitting",onClick:()=>E(!0),disabled:M,children:[e.jsx(q,{name:"fitting-room"}),a("cart.fittingRoom")]}):null]}),e.jsx("div",{className:"checkout__list",children:t.map(s=>{const n=ge.get(s.id),o=n?n.priceCredits:s.priceCredits,x=!!n&&n.priceCredits!==s.priceCredits,u=!s.tokenId,v=s.quantity,K=typeof s.available=="number"&&v>=s.available,i=o*v,m=!!f[s.id],h=s.tokenId??s.itemId,y=s.contractAddress&&h?`/item/${s.contractAddress}/${h}`:null;return e.jsxs("div",{className:"checkout__card",children:[e.jsxs("div",{className:"checkout__thumb",children:[y?e.jsx(X,{className:"checkout__thumb-link",to:y,state:{item:s,tradeId:s.tradeId},"aria-label":s.name,children:s.thumbnail?e.jsx("img",{src:s.thumbnail,alt:s.name}):null}):s.thumbnail?e.jsx("img",{src:s.thumbnail,alt:s.name}):null,e.jsx("span",{className:"checkout__thumb-check","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("div",{className:"checkout__info",children:[e.jsxs("div",{className:"checkout__desc",children:[y?e.jsx(X,{className:"checkout__name",to:y,state:{item:s,tradeId:s.tradeId},title:s.name,children:s.name}):e.jsx("div",{className:"checkout__name",title:s.name,children:s.name}),s.creator?e.jsx(Be,{address:s.creator,className:"checkout__creator",linkToProfile:!0}):null]}),e.jsxs("div",{className:"checkout__foot",children:[u?e.jsxs("div",{className:"checkout__stepper",children:[e.jsx("button",{className:"checkout__step",onClick:()=>$(()=>l(s.id)),disabled:M||v<=1,"aria-label":a("cart.decreaseQuantity",{name:s.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("span",{className:"checkout__qty",children:v}),e.jsx("button",{className:"checkout__step",onClick:()=>$(()=>p(s.id)),disabled:M||K,"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("div",{className:"checkout__price",children:[e.jsx(S,{className:"checkout__price-ico"})," ",i,x?e.jsx("span",{className:"checkout__price-was",children:s.priceCredits*v}):null]})]})]}),e.jsxs("div",{className:"checkout__actions",children:[e.jsx("button",{className:`checkout__fav${m?" is-on":""}`,onClick:()=>J(s),"aria-label":m?a("cart.removeFromFavorites",{name:s.name}):a("cart.addToFavorites",{name:s.name}),title:m?a("assetCard.removeFromFavorites"):a("assetCard.addToFavorites"),children:e.jsx(q,{name:m?"heart-solid":"heart"})}),e.jsx("button",{className:"checkout__remove",onClick:()=>$(()=>r(s.id)),disabled:M,"aria-label":a("cart.remove",{name:s.name}),title:a("cart.removeTitle"),children:e.jsx(q,{name:"trash",size:24})})]})]},s.id)})}),e.jsxs("div",{className:"checkout__utils",children:[e.jsx("button",{className:"link",onClick:()=>$(k),disabled:M,children:a("cart.clearCart")}),null]})]}),e.jsxs("aside",{className:"checkout__summary",children:[e.jsx("h2",{className:"checkout__summary-title",children:a("cart.purchaseSummary")}),e.jsxs("div",{className:"checkout__summary-body",children:[e.jsxs("div",{className:"checkout__total-line",children:[e.jsx("span",{className:"checkout__total-label",children:a("cart.totalItems",{count:te})}),e.jsxs("span",{className:"checkout__total-value",children:[e.jsx(S,{className:"checkout__total-ico"})," ",ke]})]}),e.jsx("button",{className:"checkout__cta",onClick:()=>void(g?we():Y()),disabled:M,children:M?a("cart.working"):g?a("marketCheckout.confirmPurchase"):a("assetCard.buyNow")}),g?e.jsx("p",{className:"muted checkout__msg",children:a("cart.priceChanged")}):null,ee?e.jsx("p",{className:"muted checkout__msg",children:ee}):null,Z?e.jsx("p",{className:"muted checkout__msg",children:Z}):null,e.jsx(ye,{message:pe,className:"checkout__msg"})]})]})]}),ce.length>0?e.jsx("div",{className:"cart-upsell",children:e.jsx(ss,{title:a("cart.youMightAlsoLike"),items:ce})}):null,d?e.jsx(as,{phase:d.phase,balanceCredits:Q,onClose:Ne,step:d.phase==="processing"?d.step:void 0,total:d.phase==="processing"?d.total:void 0,lines:d.phase==="nofunds"?d.lines:void 0,shortfallCredits:d.phase==="nofunds"?d.shortfall:void 0,packs:_,selectedPack:V,onSelectPack:ae,onBuyPacks:()=>void Me(),purchased:d.phase==="complete"?d.purchased:void 0,onMyAssets:()=>U("/assets?tab=mine"),onTryInWorld:()=>window.open(ls,"_blank","noopener"),message:d.phase==="error"?d.message:void 0}):null]})}export{ws as Cart};

package/assets/Cart-DXZzP7Af.css

@@ -1 +0,0 @@
-body.shop-cart-bg{background:var(--media)}.checkout{max-width:1510px;margin:0 auto}.checkout__back{display:inline-flex;align-items:center;gap:6px;margin:0 0 16px;padding:0;border:0;background:none;color:var(--text-2);font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:color .15s ease}.checkout__back:hover{color:var(--accent)}.checkout__back .ico{width:18px;height:18px}.checkout__body{display:grid;grid-template-columns:minmax(0,1fr) 600px;gap:24px;align-items:start}.checkout__panel{min-width:0;background:#fff;box-shadow:0 1px 3px #1615180f;border-radius:16px;padding:24px}.checkout__panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.checkout__panel-back{display:none}.checkout__panel-title{margin:0;font-size:18px;font-weight:600;line-height:1.2;color:var(--text)}.checkout__fitting{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 12px;border:2px solid transparent;border-radius:8px;background:linear-gradient(#fff,#fff) padding-box,var(--amethyst) border-box;color:var(--accent);font-size:13px;font-weight:600;line-height:24px;letter-spacing:.46px;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:box-shadow .15s ease,filter .15s ease}.checkout__fitting:hover:not(:disabled){box-shadow:0 0 8px #a524b359}.checkout__fitting:active:not(:disabled){filter:brightness(.97)}.checkout__fitting:disabled{opacity:.55;cursor:default}.checkout__fitting-ico{width:24px;height:24px}.checkout__list{display:flex;flex-direction:column;gap:12px}.checkout__card{position:relative;display:flex;align-items:stretch;gap:12px;background:#fff;border:1px solid #cfcdd4;border-radius:12px;overflow:hidden}.checkout__thumb{position:relative;flex-shrink:0;width:137px;height:137px;background:var(--media);border-radius:12px;display:grid;place-items:center;overflow:hidden}.checkout__thumb-link{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.checkout__thumb img{width:83%;height:83%;object-fit:contain;filter:drop-shadow(.56px 2.25px 2.8px rgba(0,0,0,.1))}.checkout__thumb-check{position:absolute;top:7.5px;left:7.5px;width:20px;height:20px;border-radius:50%;background:#34ce77;display:grid;place-items:center}.checkout__info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:16px 8px}.checkout__desc{display:flex;flex-direction:column;gap:4px;min-width:0;padding-right:64px}.checkout__name{display:block;font-size:16px;font-weight:600;line-height:1.2;color:var(--text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.checkout__name:hover{color:var(--accent)}.checkout__creator{font-size:10px;line-height:1.43;color:var(--muted)}.checkout__creator [data-avatar]{display:none}.checkout__creator [data-testid=creator-name]{font-size:10px;line-height:1.43}.checkout__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:8px}.checkout__stepper{display:inline-flex;align-items:center;gap:8px;padding:6px;border:.5px solid var(--muted-2);border-radius:50px}.checkout__step{display:grid;place-items:center;width:16px;height:16px;padding:0;border:0;background:none;color:var(--text);cursor:pointer}.checkout__step:disabled{color:var(--muted-2);cursor:default}.checkout__step svg{width:16px;height:16px}.checkout__qty{min-width:12px;font-size:14px;font-weight:500;line-height:1.2;color:var(--text);text-align:center}.checkout__price{display:inline-flex;align-items:center;gap:4px;font-size:24px;font-weight:600;color:var(--text-2)}.checkout__price-ico{width:24px;height:24px;background:var(--accent)}.checkout__price-was{margin-left:6px;font-size:14px;font-weight:500;color:var(--muted);text-decoration:line-through}.checkout__actions{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:12px}.checkout__fav,.checkout__remove{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;background:none;color:var(--muted);cursor:pointer;transition:color .12s ease}.checkout__fav:hover:not(:disabled){color:var(--text)}.checkout__fav.is-on{color:var(--dcl-red)}.checkout__remove:hover:not(:disabled){color:var(--dcl-red)}.checkout__fav:disabled,.checkout__remove:disabled{opacity:.5;cursor:default}.checkout__utils{display:flex;gap:20px;margin-top:16px}.checkout__utils .link{font-size:13px;color:var(--muted);font-weight:600}.checkout__utils .link:hover:not(:disabled){color:var(--text)}.checkout__summary{position:sticky;top:172px;display:flex;flex-direction:column;background:#fff;box-shadow:0 1px 3px #1615180f;border-radius:16px;padding:16px}.checkout__summary-title{margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid #cfcdd4;font-size:20px;font-weight:600;color:var(--text)}.checkout__summary-body{display:flex;flex-direction:column;gap:12px}.checkout__total-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkout__total-label{font-size:14px;font-weight:600;color:#5e5b67}.checkout__total-value{display:inline-flex;align-items:center;gap:8px;font-size:24px;font-weight:700;color:var(--text)}.checkout__total-ico{width:24px;height:24px;background:var(--accent)}.checkout__cta{width:100%;height:56px;border:0;border-radius:8px;background:var(--amethyst);color:var(--soft-white);font-size:15px;font-weight:600;letter-spacing:.046em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,filter .15s ease}.checkout__cta:hover:not(:disabled){background:var(--accent)}.checkout__cta:active:not(:disabled){filter:brightness(.95)}.checkout__cta:disabled{opacity:.6;cursor:default}.checkout__msg{margin:0;font-size:13px}.cart-upsell{margin-top:8px}@media(max-width:1080px){.checkout__body{grid-template-columns:1fr}.checkout__summary{position:static}}@media(max-width:880px){.checkout{padding-bottom:188px}.checkout__back{display:none}.checkout__panel{padding:16px}.checkout__panel-head{margin-bottom:16px;gap:8px}.checkout__panel-back{display:inline-flex;align-items:center;flex-shrink:0;border:0;background:none;padding:0;color:var(--text);cursor:pointer}.checkout__panel-back .ico{width:20px;height:20px}.checkout__panel-title{flex:1;min-width:0;font-size:16px}.checkout__fitting{height:36px;padding:0 10px;font-size:12px}.checkout__fitting-ico{width:20px;height:20px}.checkout__thumb{width:120px;height:120px}.checkout__info{padding:12px 4px 12px 0}.checkout__name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.checkout__price{font-size:20px}.checkout__price-ico{width:20px;height:20px}.checkout__summary{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 #1615181f}.checkout__summary-title{margin-bottom:12px;padding-bottom:12px}}.cart-checkout__progress-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.cart-checkout__step{font-size:16px;line-height:22px;color:var(--text-2);text-transform:capitalize;white-space:nowrap}.cart-checkout__scroll{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;width:100%;scrollbar-width:thin;scrollbar-color:#a2a2a2 var(--media)}.cart-checkout__scroll::-webkit-scrollbar{width:8px}.cart-checkout__scroll::-webkit-scrollbar-track{background:var(--media);border-radius:10px}.cart-checkout__scroll::-webkit-scrollbar-thumb{background:#a2a2a2;border-radius:8px}.cart-checkout__done{display:flex;flex-direction:column;border:1px solid var(--muted-2);border-radius:16px;padding:24px}.cart-checkout__done-scroll{display:flex;flex-direction:column;gap:12px;max-height:320px;overflow-y:auto}.cart-checkout__done-row{display:flex;align-items:center;gap:12px}.cart-checkout__done-row+.cart-checkout__done-row{border-top:1px solid var(--line);padding-top:12px}.cart-checkout__done-thumb{position:relative;flex-shrink:0;width:96px;height:96px;background:var(--media);border:.13px solid var(--muted-2);border-radius:8px;display:grid;place-items:center;overflow:hidden}.cart-checkout__done-thumb img{width:83%;height:83%;object-fit:contain}.cart-checkout__done-check{position:absolute;top:6px;left:6px;width:20px;height:20px;border-radius:4px;background:var(--dcl-red);display:grid;place-items:center}.cart-checkout__done-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:8px;overflow:hidden}.cart-checkout__done-name{font-size:20px;font-weight:600;line-height:1.4;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-checkout__qty-tag{margin-left:6px;font-size:12px;font-weight:600;color:var(--muted)}.cart-checkout__done-creator{font-size:10px;line-height:1.43;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-checkout__done-price{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding-right:4px;font-size:24px;font-weight:600;color:var(--text-2)}.cart-checkout__done-price-ico{width:24px;height:24px;background:var(--accent)}.cart-checkout__done-body{display:flex;flex-direction:column;gap:12px}.cart-checkout__done-body .buy-modal__success{flex-direction:row;align-items:center;gap:24px;padding:16px 24px}.cart-checkout__done-body .buy-modal__success-text{text-align:left;font-size:18px}.cart-checkout__done-body .buy-modal__btn{min-width:0}@media(max-width:600px){.cart-checkout__done-body .buy-modal__success{flex-direction:column;gap:12px;padding:16px}.cart-checkout__done-body .buy-modal__success-text{text-align:center}.cart-checkout__done{padding:16px}.cart-checkout__done-thumb{width:72px;height:72px}.cart-checkout__done-name{font-size:16px}.cart-checkout__done-price{font-size:20px}.cart-checkout__done-price-ico{width:20px;height:20px}}