@dcl/shop 0.1.0-29869835587.commit-e6e6578 → 0.1.0-29920979542.commit-4d76953

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-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" />
+    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29920979542.commit-4d76953/favicon.ico" sizes="16x16 32x32 48x48" />
+    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29920979542.commit-4d76953/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-29869835587.commit-e6e6578/site.webmanifest" />
+    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29920979542.commit-4d76953/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-29869835587.commit-e6e6578/sitemap.xml" />
+    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29920979542.commit-4d76953/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-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">
+    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/0.1.0-29920979542.commit-4d76953/assets/index-Cw_zTgKJ.js"></script>
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29920979542.commit-4d76953/assets/react-BMZSDQJw.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29920979542.commit-4d76953/assets/dcl-schemas-BICTSpB5.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29920979542.commit-4d76953/assets/sentry-8SzFotJj.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29920979542.commit-4d76953/assets/ethers-CeDRuWE-.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29920979542.commit-4d76953/assets/intl-CBcMB1D2.js">
+    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29920979542.commit-4d76953/assets/index-BA2L6eSl.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

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

package/assets/Assets-DoUIRoSX.js

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

package/assets/Cart-Cyj_u0xP.js

@@ -1,3 +0,0 @@
-import{j as e,r as j,u as Se,a as Le,L as Z}from"./react-C51i12iP.js";import{t as a,C as I,am as W,u as qe,ak as C,a as ie,b as Ie,c as Te,ae as Pe,n as Ee,I as E,an as Be,o as J,ao as de,ap as Fe,m as R,s as Ae,B as Re,g as We,h as Ue,ai as ze,af as ue,aq as $e,aj as he,X as Qe,ar as Ke}from"./index-BBuZMaWr.js";import{s as Oe}from"./wallet-kind-B9P1TeIH.js";import{a as me}from"./buy-C5_gzZWJ.js";import{g as Ge,a as Je,w as De,S as He,G as Ve}from"./buy-gasless-Cxx1jwuH.js";import{R as D,r as Ye}from"./cart-checkout-C3WNM4cy.js";import{l as Xe,u as Ze,c as es}from"./loader-logo-CK-TcJ-S.js";import{i as ss,a as as}from"./errors-BLIsDEoc.js";import{E as ts}from"./ErrorNotice-C7soUjRV.js";import{C as cs}from"./CollectionCarousel-BaK4BZqg.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-DKBoGDXH.js";import"./ethers-BeFqf2KO.js";import"./intl-CBcMB1D2.js";import"./trade-encoding-CWytSFjw.js";import"./index-HN6Rk25C.js";const rs="https://cdn.decentraland.org/@dcl/shop/0.1.0-29869835587.commit-e6e6578/assets/buy-error-22UunaPC.png";function ns(t){const{phase:r,balanceCredits:u,onClose:l}=t,_=r==="processing",w=r!=="complete",M=r==="error"?a("cartCheckout.errorTitle"):r==="nofunds"?a("cartCheckout.titleNoFunds"):a("cartCheckout.titleBuy"),g=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:_?void 0:l,"aria-hidden":!0}),e.jsxs("div",{className:`buy-modal__card${g?" buy-modal__card--tall":""}`,children:[w&&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:M}),!_&&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(I,{className:"buy-modal__balance-ico"}),e.jsx("span",{className:"buy-modal__balance-value",children:W(u)})]})]}),r==="processing"&&e.jsx(os,{stage:t.stage??"reserving",step:t.step??1,total:t.total??1,isSelfCustody:!!t.isSelfCustody}),r==="nofunds"&&e.jsx(ls,{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(is,{purchased:t.purchased??[],onMyAssets:t.onMyAssets??l,onTryInWorld:t.onTryInWorld??l}),r==="error"&&e.jsxs("div",{className:"buy-modal__body",children:[e.jsxs("div",{className:"buy-error",children:[e.jsx("img",{className:"buy-error__art",src:rs,alt:"",width:64,height:80}),e.jsxs("p",{className:"buy-error__text",children:[e.jsx("b",{children:a("cartCheckout.errorHeadline")})," ",a("cartCheckout.errorBody")]})]}),e.jsxs("div",{className:"buy-modal__ctas",children:[e.jsx("button",{className:"buy-modal__btn buy-modal__btn--outline",onClick:l,children:a("buyModal.cancel")}),e.jsx("button",{className:"buy-modal__btn buy-modal__btn--purple",onClick:t.onRetry??l,children:a("cartCheckout.tryAgain")})]})]})]})]})}function os({stage:t,step:r,total:u,isSelfCustody:l}){const _=t==="reserving",w=u>0?Math.min(100,Math.round(r/u*100)):0,M=t==="awaiting-signature"?l?a("buyModal.confirmToContinue"):a("buyModal.completingTransaction"):t==="settling"?a("buyModal.completingTransaction"):a("cartCheckout.preparing");return e.jsxs("div",{className:"buy-modal__body buy-modal__processing",children:[e.jsx("img",{className:"buy-modal__logo",src:Xe,alt:"",width:61,height:61}),e.jsx("div",{className:"buy-modal__processing-text",children:M}),_?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 buy-modal__progress-fill--step",style:{width:`${w}%`}})}),u>1?e.jsxs("span",{className:"cart-checkout__step",children:[r,"/",u]}):null]}):e.jsx("div",{className:"buy-modal__progress","aria-hidden":!0,children:e.jsx("span",{className:"buy-modal__progress-fill"})})]})}function ls({lines:t,shortfallCredits:r,packs:u,selectedPack:l,onSelectPack:_,onBuyPacks:w,onCancel:M}){const g=u.find(c=>c.id===l),H=t.reduce((c,y)=>c+(y.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:H})]})]}),e.jsx("div",{className:"cart-checkout__scroll",children:t.map(c=>{const y=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"),y>1?e.jsx("span",{className:"cart-checkout__qty-tag",children:a("cartCheckout.qty",{count:y})}):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(I,{className:"buy-modal__asset-price-ico"}),e.jsx("span",{children:W(c.priceCredits*y)})]})]})]},c.item.id)})}),e.jsx("div",{className:"buy-modal__packs",children:u.map(c=>{const y=c.id===l;return e.jsxs("button",{className:`buy-modal__pack${y?" buy-modal__pack--on":""}`,onClick:()=>_(c.id),children:[e.jsx(I,{className:"buy-modal__pack-ico"}),e.jsx("span",{className:"buy-modal__pack-amount",children:W(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(I,{className:"buy-modal__total-ico"}),e.jsx("span",{children:W((g==null?void 0:g.credits)??0)})]}),e.jsxs("span",{className:"buy-modal__total-usd",children:["$",((g==null?void 0:g.usd)??0).toFixed(2)]})]}),e.jsxs("div",{className:"buy-modal__ctas",children:[e.jsx("button",{className:"buy-modal__btn buy-modal__btn--outline",onClick:M,children:a("buyModal.cancel")}),e.jsx("button",{className:"buy-modal__btn buy-modal__btn--gradient",onClick:w,children:a("buyModal.buy")})]})]})}function is({purchased:t,onMyAssets:r,onTryInWorld:u}){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 _=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"),_>1?e.jsx("span",{className:"cart-checkout__qty-tag",children:a("cartCheckout.qty",{count:_})}):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(I,{className:"cart-checkout__done-price-ico"}),e.jsx("span",{children:W(l.priceCredits*_)})]})]},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:u,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 ds=Ae(Re)`
-  margin-top: 12px;
-`;function _e(t){if(ss(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 us=12e4,hs=We.chainId===80002?"https://decentraland.zone/jump":"https://decentraland.org/jump";function ms(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 ye=t=>t.reduce((r,u)=>r+u.priceCredits*u.quantity,0),_s=t=>t.flatMap(r=>Array.from({length:r.quantity},()=>({...r,quantity:1})));function Is(){qe({title:a("nav.cart"),noindex:!0});const t=C(s=>s.items),r=C(s=>s.remove),u=C(s=>s.increment),l=C(s=>s.decrement),_=C(s=>s.clear),w=C(s=>s.restore),M=C(s=>s.setFittingOpen),g=ie(s=>s.items),H=ie(s=>s.toggle),{session:c}=Ie(),y=Ze().packs.slice(0,3);j.useEffect(()=>(document.body.classList.add("shop-cart-bg"),()=>document.body.classList.remove("shop-cart-bg")),[]);const pe=t.some(s=>s.category!=="emote"),{data:V}=Te({queryKey:["upsell-listings"],queryFn:()=>Ke({first:40}),staleTime:6e4}),{data:B}=Pe(c),U=Ee(),z=Se(),{state:T}=Le(),[ee,F]=j.useState(null),[be,S]=j.useState(null),[se,$]=j.useState(null),[xe,P]=j.useState(!1),[k,A]=j.useState(null),ae=j.useRef(0),[i,v]=j.useState(null),[Y,te]=j.useState(""),je=t.reduce((s,n)=>s+n.priceCredits*n.quantity,0),ce=t.reduce((s,n)=>s+n.quantity,0),ge=k?k.liveTotalCredits:je,ke=new Set(t.map(s=>s.id)),re=((V==null?void 0:V.items)??[]).filter(s=>!ke.has(s.id)).slice(0,12),fe=new Map(k==null?void 0:k.buyable.map(s=>[s.item.id,s])),Q=(B==null?void 0:B.credits)??0,ve=Fe;function K(s){s(),A(null),$(null),S(null)}function Ne(){v(null),P(!1)}function ne(s){const n=ye(s),o=Math.max(0,n-Q),b=y.find(h=>h.credits>=o)??y[y.length-1];te(b.id),J("Shop Buy Credits Prompted",{from:"cart_checkout",credits_needed:n,credits_balance:Q,shortfall:o}),v({phase:"nofunds",lines:s.map(h=>({item:h.item,priceCredits:h.priceCredits,quantity:h.quantity})),shortfall:o}),P(!1)}async function Ce(s){if(!c||s.length===0)return;const n=_s(s),o=n.map(d=>({...d.item,priceCredits:d.priceCredits})),b=s.map(d=>({...d.item,priceCredits:d.priceCredits,quantity:d.quantity})),h=[];let N="authorize",G=!1;v({phase:"processing",stage:"reserving",step:1,total:n.length});try{const d=[];for(let m=0;m<n.length;m++){const q=n[m];v({phase:"processing",stage:"reserving",step:m+1,total:n.length});try{const{credit:p,maxCreditedValue:X}=await ze(c.identity,q.usdCents,q.trade.id);h.push(p.id),d.push({trade:q.trade,credits:[p],maxCreditedValue:X})}catch(p){if(as(p)){if(h.length){try{await ue(c.identity,h)}catch(X){R(X,{flow:"cart_checkout",step:"release"})}U.invalidateQueries({queryKey:["usd-balance"]})}ne(s);return}throw p}}N="submit";const x=()=>v({phase:"processing",stage:"settling",step:n.length,total:n.length});v({phase:"processing",stage:"awaiting-signature",step:n.length,total:n.length});let f=[];if(Ge())try{f=await Je({purchases:d,buyer:c.address,signer:c.signer,onSigned:x});const q=(await Promise.allSettled(f.map(p=>De(p)))).flatMap(p=>p.status==="rejected"?[p.reason]:[]);if(q.length&&!q.some(p=>p instanceof He))throw q[0];G=!0}catch(m){if(!(m instanceof Ve))throw m;f=await me({purchases:d,buyer:c.address,signer:c.signer,onSigned:x})}else f=await me({purchases:d,buyer:c.address,signer:c.signer});s.forEach(m=>r(m.item.id)),A(null),J("Shop Completed Purchase",{...$e(o),payment_type:"credits",no_crypto_step:G,transaction_hash:f[0]??null}),U.invalidateQueries({queryKey:["usd-balance"]}),v({phase:"complete",purchased:b})}catch(d){if(he(d)||R(d,{flow:"cart_checkout",step:N,cart_size:s.length}),J(he(d)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:N,error_code:Qe(d),value_usd:de(o.reduce((x,f)=>x+f.priceCredits,0)),cart_size:n.length}),h.length){try{await ue(c.identity,h)}catch(x){R(x,{flow:"cart_checkout",step:"release"})}U.invalidateQueries({queryKey:["usd-balance"]})}v({phase:"error",message:_e(d)})}}function oe(s){const n=ye(s);if(B!=null&&B.credits<n){ne(s);return}Ce(s)}async function O(){if(!c){S(a("buyModal.signInToCheckout"));return}const s=C.getState().items;if(s.length===0)return;S(null),$(null),P(!0);const n=s.reduce((o,b)=>o+b.priceCredits*b.quantity,0);J("Shop Started Checkout",{cart_size:s.length,cart_value_credits:n,cart_value_usd:de(n),has_sufficient_credits:Q>=n});try{F(a("cart.status.reviewing"));const o=await Ye(s,c.address,ve),b=[...o.unavailable,...o.own];if(b.length&&(b.forEach(h=>r(h.id)),$(ms(o))),o.buyable.length===0){S(a("cart.error.noneAvailable")),A(null),F(null);return}if(o.orderChanged){A(o),ae.current=Date.now(),F(null);return}F(null),oe(o.buyable)}catch(o){R(o,{flow:"cart_checkout",step:"review",cart_size:s.length}),S(_e(o)),F(null)}finally{P(!1)}}async function we(){if(k){if(!c){S(a("buyModal.signInToCheckout"));return}if(Date.now()-ae.current>us){A(null),$(null),await O();return}S(null),oe(k.buyable)}}async function Me(){if(Y){try{sessionStorage.setItem(D,JSON.stringify(C.getState().items))}catch{}P(!0);try{const s=await es(Y,c?{address:c.address,identity:c.identity}:void 0);if(s.url){window.location.href=s.url;return}z("/credits")}catch(s){try{sessionStorage.removeItem(D)}catch{}R(s,{flow:"cart_buy_credits"}),v({phase:"error",message:a("buyModal.error.creditsCheckout")})}finally{P(!1)}}}const le=j.useRef(!1);j.useEffect(()=>{if(!(T!=null&&T.resumeCheckout)||le.current)return;le.current=!0;try{const n=sessionStorage.getItem(D);if(n){sessionStorage.removeItem(D);const o=JSON.parse(n);Array.isArray(o)&&o.length&&w(o)}}catch{}U.invalidateQueries({queryKey:["usd-balance"]});const s=setTimeout(()=>void O(),0);return()=>clearTimeout(s)},[T==null?void 0:T.resumeCheckout]);const L=xe||(i==null?void 0:i.phase)==="processing";return t.length===0&&!i?e.jsxs("div",{className:"cart cart--empty",children:[e.jsx(E,{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(ds,{as:Z,to:"/assets",variant:"purple",children:a("cart.empty.cta")})]}):e.jsxs("div",{className:"checkout",children:[e.jsxs("div",{className:"checkout__top",children:[e.jsxs("button",{className:"checkout__back",onClick:()=>z(-1),type:"button",children:[e.jsx(E,{name:"arrow-left"}),a("nav.cart")]}),e.jsxs("div",{className:"checkout__body",children:[e.jsxs("div",{className:"checkout__left",children:[e.jsxs("div",{className:"checkout__head-card",children:[e.jsx("button",{className:"checkout__panel-back",onClick:()=>z(-1),type:"button","aria-label":a("cart.goBack"),children:e.jsx(E,{name:"arrow-left"})}),e.jsx("h1",{className:"checkout__panel-title",children:a("cart.panelTitle",{count:ce})}),pe?e.jsxs("button",{className:"checkout__fitting",onClick:()=>M(!0),disabled:L,children:[e.jsx(E,{name:"fitting-room"}),a("cart.fittingRoom")]}):null]}),e.jsxs("section",{className:"checkout__panel",children:[e.jsx("div",{className:"checkout__list",children:t.map(s=>{const n=fe.get(s.id),o=n?n.priceCredits:s.priceCredits,b=!!n&&n.priceCredits!==s.priceCredits,h=!s.tokenId,N=s.quantity,G=typeof s.available=="number"&&N>=s.available,d=o*N,x=!!g[s.id],f=s.tokenId??s.itemId,m=s.contractAddress&&f?`/item/${s.contractAddress}/${f}`:null;return e.jsxs("div",{className:"checkout__card",children:[e.jsxs("div",{className:"checkout__thumb",children:[m?e.jsx(Z,{className:"checkout__thumb-link",to:m,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:[m?e.jsx(Z,{className:"checkout__name",to:m,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:[h?e.jsxs("div",{className:"checkout__stepper",children:[e.jsx("button",{className:"checkout__step",onClick:()=>K(()=>l(s.id)),disabled:L||N<=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:N}),e.jsx("button",{className:"checkout__step",onClick:()=>K(()=>u(s.id)),disabled:L||G,"aria-label":a("cart.increaseQuantity"),children:e.jsx("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,focusable:"false",children:e.jsx("path",{d:"M8 3.5v9M3.5 8h9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]}):null,e.jsxs("div",{className:"checkout__price",children:[e.jsx(I,{className:"checkout__price-ico"})," ",d,b?e.jsx("span",{className:"checkout__price-was",children:s.priceCredits*N}):null]})]})]}),e.jsxs("div",{className:"checkout__actions",children:[e.jsx("button",{className:`checkout__fav${x?" is-on":""}`,onClick:()=>H(s),"aria-label":x?a("cart.removeFromFavorites",{name:s.name}):a("cart.addToFavorites",{name:s.name}),title:x?a("assetCard.removeFromFavorites"):a("assetCard.addToFavorites"),children:e.jsx(E,{name:x?"heart-solid":"heart"})}),e.jsx("button",{className:"checkout__remove",onClick:()=>K(()=>r(s.id)),disabled:L,"aria-label":a("cart.remove",{name:s.name}),title:a("cart.removeTitle"),children:e.jsx(E,{name:"trash",size:24})})]})]},s.id)})}),e.jsxs("div",{className:"checkout__utils",children:[e.jsx("button",{className:"link",onClick:()=>K(_),disabled:L,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:ce})}),e.jsxs("span",{className:"checkout__total-value",children:[e.jsx(I,{className:"checkout__total-ico"})," ",ge]})]}),e.jsx("button",{className:"checkout__cta",onClick:()=>void(k?we():O()),disabled:L,children:L?a("cart.working"):k?a("marketCheckout.confirmPurchase"):a("assetCard.buyNow")}),k?e.jsx("p",{className:"muted checkout__msg",children:a("cart.priceChanged")}):null,se?e.jsx("p",{className:"muted checkout__msg",children:se}):null,ee?e.jsx("p",{className:"muted checkout__msg",children:ee}):null,e.jsx(ts,{message:be,className:"checkout__msg"})]})]})]})]}),re.length>0?e.jsx("div",{className:"cart-upsell",children:e.jsx(cs,{title:a("cart.youMightAlsoLike"),items:re})}):null,i?e.jsx(ns,{phase:i.phase,balanceCredits:Q,onClose:Ne,stage:i.phase==="processing"?i.stage:void 0,step:i.phase==="processing"?i.step:void 0,total:i.phase==="processing"?i.total:void 0,isSelfCustody:Oe(c==null?void 0:c.providerType),lines:i.phase==="nofunds"?i.lines:void 0,shortfallCredits:i.phase==="nofunds"?i.shortfall:void 0,packs:y,selectedPack:Y,onSelectPack:te,onBuyPacks:()=>void Me(),purchased:i.phase==="complete"?i.purchased:void 0,onMyAssets:()=>z("/assets?tab=mine"),onTryInWorld:()=>window.open(hs,"_blank","noopener"),message:i.phase==="error"?i.message:void 0,onRetry:()=>void O()}):null]})}export{Is as Cart};

package/assets/GetCredits-BqhYAHL0.js

@@ -1 +0,0 @@
-import{u as $,b as q,r as i,j as e}from"./react-C51i12iP.js";import{u as H,t as s,b as Q,n as V,o as g,h as d,m as P,X as I,C as W,ag as z}from"./index-BBuZMaWr.js";import{R as G}from"./resume-buy-Bf0zIH7y.js";import{R as D}from"./cart-checkout-C3WNM4cy.js";import{u as J,p as X,c as Z,l as ee,i as se}from"./loader-logo-CK-TcJ-S.js";import{C as te}from"./CircularProgress-Bf7cTa84.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-DKBoGDXH.js";import"./ethers-BeFqf2KO.js";import"./intl-CBcMB1D2.js";const x="https://cdn.decentraland.org/@dcl/shop/0.1.0-29869835587.commit-e6e6578/assets/pack-chips--HnOpf5U.webp",re="https://cdn.decentraland.org/@dcl/shop/0.1.0-29869835587.commit-e6e6578/assets/credit-coin-CmcTCd5i.webp",ae="data:image/svg+xml,%3csvg%20width='60'%20height='60'%20viewBox='0%200%2060%2060'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='60'%20height='60'%20rx='30'%20fill='%2334CE77'/%3e%3cpath%20d='M21.6583%2046.1067L11.4656%2036.0591C10.1688%2034.829%2010.1905%2032.7207%2011.4769%2031.4622L13.6868%2029.3591C14.9732%2028.1006%2017.1615%2028.1058%2018.4582%2029.3359L23.8747%2034.6197L41.9704%2015.6527C43.2568%2014.3942%2045.4291%2014.2093%2046.7258%2015.4394L48.8765%2017.3628C50.1732%2018.5929%2050.3491%2020.6844%2049.0626%2021.9429L26.6112%2045.8766C25.1433%2047.342%2022.955%2047.3368%2021.6583%2046.1067Z'%20fill='%23FCFCFC'/%3e%3c/svg%3e",C=se()?"mock":"stripe",ce={pack_5:x,pack_10:x,pack_25:x,pack_50:x},ne="https://docs.decentraland.org";function M(o){const r=o;if((r==null?void 0:r.name)==="AbortError")return s("getCredits.errorCanceled");const m=((r==null?void 0:r.message)??"").toLowerCase();return m.includes("sign in")?s("getCredits.errorSignIn",{currency:d.name}):m.includes("timed out")?s("getCredits.errorTimeout",{currency:d.name}):s("getCredits.errorGeneric")}function xe(){H({title:s("nav.getCredits",{currency:d.name}),noindex:!0});const o=$(),{session:r,signIn:m}=Q(),n=V(),[k,S]=q(),{packs:F,isLoading:T}=J(),[p,l]=i.useState("select"),[c,w]=i.useState(null),[E,R]=i.useState(null),[U,_]=i.useState(null),[K,N]=i.useState(!1),f=i.useRef(null);i.useEffect(()=>()=>{var t;return(t=f.current)==null?void 0:t.abort()},[]);const L=i.useCallback(()=>{S(t=>{const a=new URLSearchParams(t);return a.delete("order"),a.delete("canceled"),a},{replace:!0})},[S]),b=i.useCallback(async t=>{l("processing");const a=new AbortController;f.current=a;try{const u=await X(t,{signal:a.signal,address:r==null?void 0:r.address,identity:r==null?void 0:r.identity});if(u.status==="credited"){const j=u.creditsGranted??(c==null?void 0:c.credits)??0;R(j>0?j:null),l("success"),g("Shop Completed Buy Credits",{order_id:t,pack_usd:(c==null?void 0:c.usd)??null,credits:j>0?j:null,provider:C}),n.invalidateQueries({queryKey:["usd-balance"]});try{if(sessionStorage.getItem(D)){o("/cart",{state:{resumeCheckout:!0}});return}}catch{}try{const A=sessionStorage.getItem(G);if(A){sessionStorage.removeItem(G);const h=JSON.parse(A),B=h.tokenId??h.itemId;if(h.contractAddress&&B){o(`/item/${h.contractAddress}/${B}`,{state:{item:h,resumeBuy:!0}});return}}}catch{}}else u.status==="pending"?(g("Shop Buy Credits Pending",{step:"grant",pack_usd:(c==null?void 0:c.usd)??null}),n.invalidateQueries({queryKey:["usd-balance"]}),l("pending")):(g("Shop Buy Credits Failed",{step:"grant",error_code:"grant_failed",pack_usd:(c==null?void 0:c.usd)??null}),_(u.error??s("getCredits.errorGrant",{currency:d.name})),l("error"))}catch(u){P(u,{flow:"get_credits",step:"grant",order_id:t}),g("Shop Buy Credits Failed",{step:"grant",error_code:I(u),pack_usd:(c==null?void 0:c.usd)??null}),_(M(u)),l("error")}},[c,r,n,o]),O=i.useCallback(async t=>{if(!r){m();return}_(null),N(!1),w(t),l(C==="mock"?"processing":"redirecting"),g("Shop Started Buy Credits",{pack_usd:t.usd,credits:t.credits,provider:C});try{const a=await Z(t.id,{address:r.address,identity:r.identity});if(a.mock)b(a.orderId);else if(a.url)g("Shop Redirected To Stripe",{order_id:a.orderId,pack_usd:t.usd,credits:t.credits}),window.location.href=a.url;else throw new Error("Checkout did not return a redirect url")}catch(a){P(a,{flow:"get_credits",step:"checkout",provider:C}),g("Shop Buy Credits Failed",{step:"checkout",error_code:I(a),pack_usd:t.usd}),_(M(a)),l("error")}},[r,m,b]),y=i.useRef(!1);i.useEffect(()=>{if(y.current)return;const t=k.get("order");if(k.get("canceled")!=null){y.current=!0,g("Shop Buy Credits Cancelled",{order_id:t,provider:C}),L(),N(!0),l("select");return}t&&(l("processing"),r&&(y.current=!0,L(),b(t)))},[k,r]);function v(){var t;(t=f.current)==null||t.abort(),l("select"),w(null),R(null),_(null),N(!1)}const Y=p==="select";return e.jsxs("div",{className:"getcredits",children:[Y&&e.jsxs("header",{className:"getcredits__head",children:[e.jsx("h1",{className:"getcredits__title",children:s("getCredits.title",{currency:d.name})}),e.jsxs("p",{className:"getcredits__sub",children:[s("getCredits.subtitle",{currency:d.name})," ",e.jsxs("a",{className:"getcredits__learn",href:ne,target:"_blank",rel:"noreferrer",children:[s("getCredits.learnMore"),e.jsxs("svg",{className:"getcredits__learn-ico",viewBox:"0 0 13 13","aria-hidden":!0,fill:"none",children:[e.jsx("path",{d:"M4 2h7v7",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M11 2 2 11",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})]})]})]})]}),p==="select"&&e.jsxs(e.Fragment,{children:[K&&e.jsx("p",{className:"getcredits__note muted",role:"status",children:s("getCredits.canceledNote")}),e.jsx(ie,{packs:F,loading:T,onSelect:t=>void O(t)})]}),p==="redirecting"&&e.jsxs("div",{className:"getcredits__status",role:"status","aria-live":"polite",children:[e.jsx(te,{size:32}),e.jsx("p",{className:"muted",children:s("getCredits.redirecting")})]}),p==="processing"&&e.jsxs("div",{className:"gc-processing",role:"status","aria-live":"polite",children:[e.jsx("img",{className:"gc-processing__logo",src:ee,alt:"",width:61,height:61}),e.jsxs("div",{className:"gc-processing__body",children:[e.jsxs("p",{className:"gc-processing__title",children:[e.jsx("strong",{children:s("getCredits.processing")}),"…"]}),e.jsxs("div",{className:"gc-progress","aria-hidden":!0,children:[e.jsx("span",{className:"gc-progress__track",children:e.jsx("span",{className:"gc-progress__fill"})}),e.jsx("span",{className:"gc-progress__count",children:"1/1"})]})]})]}),p==="success"&&e.jsxs("div",{className:"gc-success",role:"status","aria-live":"polite",children:[e.jsxs("div",{className:"gc-banner",children:[e.jsx("img",{className:"gc-banner__icon",src:ae,alt:"",width:60,height:60}),e.jsxs("p",{className:"gc-banner__text",children:[e.jsx("strong",{children:s("getCredits.successTitle")})," ",s("getCredits.successBody",{currency:d.name})]})]}),E!=null&&e.jsx("div",{className:"gc-credits",children:e.jsxs("div",{className:"gc-credits__row",children:[e.jsx("img",{className:"gc-credits__coin",src:re,alt:"",width:93,height:93}),e.jsxs("p",{className:"gc-credits__text",children:[e.jsx(W,{className:"gc-credits__diamond"}),e.jsxs("span",{children:[e.jsx("strong",{className:"gc-credits__amount",children:s("getCredits.creditsAmount",{credits:E,currency:d.name})})," ",e.jsx("span",{className:"gc-credits__added",children:s("getCredits.creditsAdded")})]})]})]})}),e.jsxs("div",{className:"gc-actions",children:[e.jsx("button",{className:"gc-actions__btn gc-actions__btn--outline",onClick:v,children:s("getCredits.buyMore",{currency:d.name})}),e.jsx("button",{className:"gc-actions__btn gc-actions__btn--solid",onClick:()=>o("/assets"),children:s("getCredits.startShopping")})]})]}),p==="pending"&&e.jsxs("div",{className:"gc-status",role:"status","aria-live":"polite",children:[e.jsx("p",{className:"gc-status__title",children:s("getCredits.pendingTitle",{currency:d.name})}),e.jsx("p",{className:"muted",children:s("getCredits.pendingBody")}),e.jsxs("div",{className:"gc-status__actions",children:[e.jsx("button",{className:"gc-actions__btn gc-actions__btn--solid",onClick:()=>o("/assets"),children:s("getCredits.startShopping")}),e.jsx("button",{className:"gc-actions__btn gc-actions__btn--outline",onClick:v,children:s("getCredits.done")})]})]}),p==="error"&&e.jsxs("div",{className:"gc-status gc-status--err",role:"alert",children:[e.jsx("p",{className:"gc-status__title",children:s("getCredits.errorTitle")}),e.jsx("p",{className:"error",children:U}),e.jsx("div",{className:"gc-status__actions",children:e.jsx("button",{className:"gc-actions__btn gc-actions__btn--solid",onClick:v,children:s("getCredits.tryAgain")})})]})]})}function ie({packs:o,loading:r,onSelect:m}){return r?e.jsx("div",{className:"packs","aria-busy":"true","aria-label":s("getCredits.packsLoading",{currency:d.name}),children:[0,1,2,3].map(n=>e.jsx("div",{className:"pack pack--skeleton","aria-hidden":!0,children:e.jsxs("span",{className:"pack__inner",children:[e.jsx("span",{className:"skeleton pack__label-sk"}),e.jsx("span",{className:"skeleton pack__art-sk"}),e.jsx("span",{className:"skeleton pack__cta-sk"})]})},n))}):e.jsx("div",{className:"packs",children:o.map(n=>e.jsxs("button",{type:"button",className:`pack${n.bestValue?" pack--best":""}`,"data-testid":"pack",onClick:()=>m(n),"aria-label":s("getCredits.packAria",{amount:z(n.credits),usd:n.usd}),children:[n.bestValue&&e.jsx("span",{className:"pack__badge",children:s("getCredits.packBadge")}),e.jsxs("span",{className:"pack__inner",children:[e.jsx("span",{className:"pack__label",children:s("getCredits.creditsAmount",{credits:n.credits,currency:d.name})}),e.jsx("span",{className:"pack__art",children:e.jsx("img",{src:ce[n.id]??x,alt:"",loading:"lazy"})}),e.jsx("span",{className:"pack__cta-wrap",children:e.jsxs("span",{className:"pack__cta",children:["$",n.usd.toFixed(2)]})})]})]},n.id))})}export{xe as GetCredits,xe as default};