@dcl/shop 0.1.0-29843281528.commit-80ee4fe → 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-29843281528.commit-80ee4fe/favicon.ico" sizes="16x16 32x32 48x48" />
-    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29843281528.commit-80ee4fe/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-29843281528.commit-80ee4fe/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-29843281528.commit-80ee4fe/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-29843281528.commit-80ee4fe/assets/index-T-zasmbE.js"></script>
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29843281528.commit-80ee4fe/assets/react-C51i12iP.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29843281528.commit-80ee4fe/assets/dcl-schemas-BICTSpB5.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29843281528.commit-80ee4fe/assets/sentry-DKBoGDXH.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29843281528.commit-80ee4fe/assets/ethers-BeFqf2KO.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29843281528.commit-80ee4fe/assets/intl-CBcMB1D2.js">
-    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-29843281528.commit-80ee4fe/assets/index-BqifAYYN.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-29843281528.commit-80ee4fe",
+  "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": "80ee4feb9edf1a6eb3152de21bf147ddfb78c899"
+  "commit": "e6e6578f3ea743151d0d7dd868df4edc09d818eb"
 }

package/assets/Assets-C_Pb_gKM.js

@@ -1,503 +0,0 @@
-import{r as l,j as t,b as Se}from"./react-C51i12iP.js";import{s as i,a8 as e,I as O,t as n,ah as me,h as G,m as je,u as ve,v as ie,A as se,ai as ke}from"./index-T-zasmbE.js";import{m as Ce}from"./mana-rate-B9PgPeC4.js";import{u as Re,M as Ne}from"./MarketCheckout-Cec3x9i9.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-DMvvNpsP.js";import{L as Te}from"./LoadMore-DdNzWoKw.js";import{u as Ae}from"./useInfiniteGrid-DtqZsW6Q.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-C-p0vOlr.js";import"./trade-encoding-DWEKE2_D.js";import"./buy-gasless-80rsxFwS.js";import"./errors-Cy2OMz1f.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/Creator-CXMSNUos.js

@@ -1 +0,0 @@
-import{u as K,j as e,L as re,d as se,b as te,r as j}from"./react-C51i12iP.js";import{aw as oe,ax as ce,am as le,t as a,ay as E,B as ne,a9 as z,b as ie,I,g as de,u as me,A as ue,aq as he,az as ge,h as xe}from"./index-T-zasmbE.js";import{d as _e,g as pe,a as Ne,A as je}from"./collection-DPrYZX6W.js";import{u as be,L as fe}from"./useStore-JJzXYl67.js";import{s as D}from"./address-DrURAr9O.js";import{S as $,C as ve,c as w,F as Ce,e as we,d as ke}from"./categories-DMvvNpsP.js";import{L as B}from"./LoadMore-DdNzWoKw.js";import{u as R}from"./useInfiniteGrid-DtqZsW6Q.js";import{E as T}from"./ErrorNotice-C7soUjRV.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-DKBoGDXH.js";import"./ethers-BeFqf2KO.js";import"./intl-CBcMB1D2.js";function Pe({collection:t,cover:r,itemCount:o}){const n=K(),{contractAddress:m,name:g,creator:x}=t,N=r==null||o==null,{data:i}=oe(m,N),p=r==null?(i==null?void 0:i.items)??[]:[],h=o??(i==null?void 0:i.total);function _(){n(`/collection/${m}`)}return e.jsxs("article",{className:"coll-card",role:"link",tabIndex:0,onClick:_,onKeyDown:d=>{(d.key==="Enter"||d.key===" ")&&(d.preventDefault(),_())},children:[e.jsx("div",{className:"coll-card__media",children:r?e.jsx("img",{className:"coll-card__img","data-testid":"coll-card-img",src:r,alt:"",loading:"lazy"}):p.length>0?e.jsx(ce,{items:p,className:"coll-card__cover"}):null}),e.jsxs("div",{className:"coll-card__body",children:[e.jsx("h3",{className:"coll-card__name",title:g,children:g}),e.jsxs("div",{className:"coll-card__meta",children:[x?e.jsx(le,{address:x,className:"coll-card__creator",linkToProfile:!0}):e.jsx("span",{className:"coll-card__creator",children:" "}),e.jsx("span",{className:"coll-card__count",children:h==null?"…":a("collectionCard.itemCount",{count:h})})]}),e.jsx("button",{className:"coll-card__view",onClick:d=>{d.stopPropagation(),_()},tabIndex:-1,children:a("collectionCard.viewCollection")})]})]})}function ye({address:t,className:r=""}){const o=E(m=>m.followed.includes(t.toLowerCase())),n=E(m=>m.toggle);return t?e.jsx(ne,{type:"button",size:"sm",variant:o?"ghost":"outline",className:r||void 0,"aria-pressed":o,title:o?a("creator.unfollowTitle"):a("creator.followTitle"),onClick:()=>n(t),children:o?a("creator.following"):a("creator.follow")}):null}const Se={website:"website",twitter:"twitter",discord:"discord",facebook:"facebook"};function Le({address:t}){var d,b;const{data:r}=z(t),{data:o}=be(t),n=ie(l=>{var f;return(f=l.session)==null?void 0:f.address}),m=!!n&&n.toLowerCase()===t.toLowerCase(),g=(r==null?void 0:r.name)||D(t),x=(b=(d=r==null?void 0:r.avatar)==null?void 0:d.snapshots)==null?void 0:b.face256,N=(o==null?void 0:o.cover)||_e,i=o==null?void 0:o.description,p=`${de.profileUrl}/${t}`,h=fe.filter(l=>o==null?void 0:o.links[l]),_=pe(Ne({name:r==null?void 0:r.name,hasClaimedName:r==null?void 0:r.hasClaimedName,ethAddress:(r==null?void 0:r.ethAddress)??t}));return e.jsxs("section",{className:"creator-hero","aria-label":`${g} storefront`,children:[e.jsxs("div",{className:"creator-hero__cover",children:[e.jsx("img",{className:"creator-hero__cover-img",src:N,alt:"",loading:"eager"}),e.jsx("div",{className:"creator-hero__scrim","aria-hidden":!0})]}),(h.length>0||m)&&e.jsxs("div",{className:"creator-hero__links",children:[h.map(l=>e.jsx("a",{className:"creator-hero__link","data-testid":"creator-hero-link",href:(o==null?void 0:o.links[l])??"",target:"_blank",rel:"noopener noreferrer",title:a(`creator.link.${l}`),"aria-label":a(`creator.link.${l}`),children:e.jsx(I,{name:Se[l]})},l)),m&&e.jsx(re,{className:"creator-hero__link creator-hero__edit",to:"/store-settings",title:a("creator.editStore"),"aria-label":a("creator.editStore"),children:e.jsx(I,{name:"pen"})})]}),e.jsxs("div",{className:"creator-hero__body",children:[x?e.jsx("img",{className:"creator-hero__ava",src:x,alt:"",loading:"eager",style:{backgroundColor:_}}):e.jsx("span",{className:"creator-hero__ava creator-hero__ava--ph","aria-hidden":!0,style:{backgroundColor:_}}),e.jsxs("div",{children:[e.jsx("h2",{className:"creator-hero__name",children:g}),i?e.jsx("p",{className:"creator-hero__desc",children:i}):null]}),e.jsxs("div",{className:"creator-hero__actions",children:[e.jsx("a",{className:"creator-hero__view","data-testid":"creator-hero-view",href:p,target:"_blank",rel:"noopener noreferrer",children:a("creator.viewProfile")}),e.jsx(ye,{address:t,className:"creator-hero__follow"})]})]})]})}const U=48;function Oe(){const{address:t}=se(),r=K(),[o]=te(),n=o.has("collections"),{data:m}=z(t),g=(m==null?void 0:m.name)||(t?D(t):a("creator.fallbackName"));me({title:g,description:a("seo.creator.description",{name:g})});const[x,N]=j.useState("wearable"),[i,p]=j.useState(null),[h,_]=j.useState([]),[d,b]=j.useState(""),[l,f]=j.useState(""),[P,O]=j.useState("newest"),y=d&&!Number.isNaN(Number(d))?Number(d):void 0,S=l&&!Number.isNaN(Number(l))?Number(l):void 0,G=i?ke[i]:void 0,H=($.find(s=>s.key===P)??$[0]).server,L={creator:t,category:x,rarities:h.length?h:void 0,wearableCategories:G,minPriceCredits:y,maxPriceCredits:S,sortBy:H},{items:v,total:Y,isLoading:C,error:A,hasNextPage:q,isFetchingNextPage:F,fetchNextPage:W}=R(["creator-listings",L],s=>he({...L,first:U,skip:s}),{enabled:!!t&&!n}),u=R(["creator-collections",t],s=>ge(t,{first:U,skip:s}).then(c=>({items:c.collections,total:c.total})),{enabled:!!t&&n});function Z(s){N(s),p(null),n&&M()}function M(){const s=new URLSearchParams(o);s.delete("collections");const c=s.toString();r({search:c?`?${c}`:""},{replace:!0})}function J(){if(n){M();return}const s=new URLSearchParams(o);s.delete("collections");const c=s.toString();r({search:c?`?${c}&collections`:"?collections"},{replace:!0})}function Q(s){_(c=>c.includes(s)?c.filter(ae=>ae!==s):[...c,s])}function V(){N("wearable"),p(null),_([]),b(""),f("")}const k=!!(y||S),X=k?`${d||"0"}–${l||"∞"}`:a("filter.price"),ee=x!=="wearable"||!!i||h.length>0||k;return e.jsxs("div",{className:"collection-page",children:[e.jsxs("nav",{className:"collection-page__crumbs","aria-label":a("creator.breadcrumbAria"),children:[e.jsx("button",{className:"collection-page__crumb-link",onClick:()=>r("/assets"),children:a("creator.breadcrumb")}),e.jsx("span",{className:"collection-page__crumb-sep",children:"/"}),e.jsx("span",{className:"collection-page__crumb-current",children:g})]}),t?e.jsx(Le,{address:t}):null,!n&&!C&&v.length>0?e.jsx(je,{items:v,source:"creator"}):null,e.jsxs("div",{className:"browse browse--sidebar",children:[e.jsx("aside",{className:"browse__sidebar",children:e.jsx(ve,{category:x,subCategory:i,onCategory:Z,onSub:p,title:a("creator.category"),flat:!0,collections:n,onCollections:J})}),e.jsx("div",{className:"browse__main",children:n?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"creator-collections__bar",children:e.jsx("span",{className:"assets__count",children:u.isLoading?"…":a("creator.collectionsCount",{count:u.total})})}),u.error?e.jsx(T,{message:a("creator.error")}):null,e.jsx("div",{className:"grid grid--collections",children:u.isLoading?e.jsx(w,{count:9}):e.jsxs(e.Fragment,{children:[u.items.map(s=>e.jsx(Pe,{collection:s,itemCount:s.itemCount},s.contractAddress)),u.isFetchingNextPage?e.jsx(w,{count:6}):null]})}),e.jsx(B,{hasNextPage:u.hasNextPage,isFetching:u.isFetchingNextPage,onLoadMore:()=>void u.fetchNextPage()}),!u.isLoading&&!u.error&&u.items.length===0?e.jsx("p",{className:"muted",children:a("creator.collectionsEmpty")}):null]}):e.jsxs(e.Fragment,{children:[e.jsx(Ce,{rarities:h,onToggleRarity:Q,sort:P,onSort:O,total:Y,loading:C,anyActive:ee,onClear:V,renderTrailing:s=>e.jsx(we,{panelKey:"price",label:X,active:k,panel:s,children:e.jsxs("div",{className:"filter-pop filter-pop--price",children:[e.jsxs("div",{className:"filter-pop__price-row",children:[e.jsx("input",{type:"number",min:"0","aria-label":a("creator.priceMin"),placeholder:a("creator.priceMinPlaceholder"),value:d,onChange:c=>b(c.target.value)}),e.jsx("span",{children:"–"}),e.jsx("input",{type:"number",min:"0","aria-label":a("creator.priceMax"),placeholder:a("creator.priceMaxPlaceholder"),value:l,onChange:c=>f(c.target.value)})]}),e.jsx("p",{className:"filter-pop__hint",children:a("creator.priceHint",{currency:xe.name})})]})})}),A?e.jsx(T,{message:a("creator.error")}):null,e.jsx("div",{className:"grid",children:C?e.jsx(w,{count:15}):e.jsxs(e.Fragment,{children:[v.map(s=>e.jsx(ue,{item:s},s.id)),F?e.jsx(w,{count:6}):null]})}),e.jsx(B,{hasNextPage:q,isFetching:F,onLoadMore:()=>void W()}),!C&&!A&&v.length===0?e.jsx("p",{className:"muted",children:a("creator.empty")}):null]})})]})]})}export{Oe as Creator,Oe as default};

package/assets/GetCredits-Dc4MRaep.js

@@ -1 +0,0 @@
-import{u as $,b as q,r as i,j as e}from"./react-C51i12iP.js";import{u as z,t as s,b as H,m as Q,v as g,h as d,z as P,w as I,C as V,o as W}from"./index-T-zasmbE.js";import{R as G}from"./resume-buy-Bf0zIH7y.js";import{R as D}from"./cart-checkout-C8WkR2Mv.js";import{u as J,p as Z,c as X,l as ee,i as se}from"./loader-logo-sfRgTXGv.js";import{C as te}from"./CircularProgress-CFOLSY9J.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-29843281528.commit-80ee4fe/assets/pack-chips--HnOpf5U.webp",re="https://cdn.decentraland.org/@dcl/shop/0.1.0-29843281528.commit-80ee4fe/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(){z({title:s("nav.getCredits",{currency:d.name}),noindex:!0});const o=$(),{session:r,signIn:m}=H(),n=Q(),[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 Z(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 X(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(V,{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:W(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};