@dcl/shop 0.1.0-29843281528.commit-80ee4fe → 0.1.0-29869835587.commit-e6e6578

package/assets/{AnimatedBackground-DuljJ5eE.js → AnimatedBackground-BvysF8a0.js}

@@ -1,4 +1,4 @@
-import{r as l,j as v}from"./react-C51i12iP.js";const w="https://cdn.decentraland.org/@dcl/shop/0.1.0-29843281528.commit-80ee4fe/assets/custom-welcome-background-BxlFQma9.webp",S="https://cdn.decentraland.org/@dcl/shop/0.1.0-29843281528.commit-80ee4fe/assets/DCL_LogoPattern-BryBPc3d.png",U=`
+import{r as l,j as v}from"./react-C51i12iP.js";const w="https://cdn.decentraland.org/@dcl/shop/0.1.0-29869835587.commit-e6e6578/assets/custom-welcome-background-BxlFQma9.webp",S="https://cdn.decentraland.org/@dcl/shop/0.1.0-29869835587.commit-e6e6578/assets/DCL_LogoPattern-BryBPc3d.png",U=`
 attribute vec2 a_position;
 varying vec2 v_uv;
 void main() {

package/assets/Assets-DoUIRoSX.js

@@ -0,0 +1,503 @@
+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-DgfiEY34.js → Cart-Cyj_u0xP.js}

@@ -1,3 +1,3 @@
-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,al as W,u as qe,aj as C,a as ie,b as Ie,c as Te,l as Pe,m as Ee,I as E,am as Be,v as J,an as de,ao as Fe,z as R,s as Ae,B as Re,g as We,h as Ue,r as ze,n as ue,ap as $e,x as he,w as Qe,aq as Ke}from"./index-T-zasmbE.js";import{s as Oe}from"./wallet-kind-B9P1TeIH.js";import{a as me}from"./buy-C-p0vOlr.js";import{g as Ge,a as Je,w as De,S as He,G as Ve}from"./buy-gasless-80rsxFwS.js";import{R as D,r as Ye}from"./cart-checkout-C8WkR2Mv.js";import{l as Xe,u as Ze,c as es}from"./loader-logo-sfRgTXGv.js";import{i as ss,a as as}from"./errors-Cy2OMz1f.js";import{E as ts}from"./ErrorNotice-C7soUjRV.js";import{C as cs}from"./CollectionCarousel-DijkJOGi.js";import"./dcl-schemas-BICTSpB5.js";import"./sentry-DKBoGDXH.js";import"./ethers-BeFqf2KO.js";import"./intl-CBcMB1D2.js";import"./trade-encoding-DWEKE2_D.js";import"./index-HN6Rk25C.js";const rs="https://cdn.decentraland.org/@dcl/shop/0.1.0-29843281528.commit-80ee4fe/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)`
+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/{CircularProgress-CFOLSY9J.js → CircularProgress-Bf7cTa84.js}

@@ -1,4 +1,4 @@
-import{H as N,J as U,K as w,L as z,M as o,N as E,O as c,P as I,Q as g,R as D,S as M}from"./index-T-zasmbE.js";import{r as K,j as v}from"./react-C51i12iP.js";function F(r){return N("MuiCircularProgress",r)}U("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);const L=["className","color","disableShrink","size","style","thickness","value","variant"];let l=r=>r,P,S,b,$;const t=44,W=M(P||(P=l`
+import{x as N,y as z,z as E,D as U,E as o,F as w,G as c,H as F,J as g,K as $,L as M}from"./index-BBuZMaWr.js";import{r as I,j as v}from"./react-C51i12iP.js";function K(r){return N("MuiCircularProgress",r)}z("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);const G=["className","color","disableShrink","size","style","thickness","value","variant"];let l=r=>r,P,S,b,D;const t=44,L=M(P||(P=l`
   0% {
     transform: rotate(0deg);
   }
@@ -6,7 +6,7 @@ import{H as N,J as U,K as w,L as z,M as o,N as E,O as c,P as I,Q as g,R as D,S a
   100% {
     transform: rotate(360deg);
   }
-`)),B=M(S||(S=l`
+`)),W=M(S||(S=l`
   0% {
     stroke-dasharray: 1px, 200px;
     stroke-dashoffset: 0;
@@ -21,8 +21,8 @@ import{H as N,J as U,K as w,L as z,M as o,N as E,O as c,P as I,Q as g,R as D,S a
     stroke-dasharray: 100px, 200px;
     stroke-dashoffset: -125px;
   }
-`)),G=r=>{const{classes:e,variant:s,color:a,disableShrink:d}=r,u={root:["root",s,`color${c(a)}`],svg:["svg"],circle:["circle",`circle${c(s)}`,d&&"circleDisableShrink"]};return I(u,F,e)},H=g("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.root,e[s.variant],e[`color${c(s.color)}`]]}})(({ownerState:r,theme:e})=>o({display:"inline-block"},r.variant==="determinate"&&{transition:e.transitions.create("transform")},r.color!=="inherit"&&{color:(e.vars||e).palette[r.color].main}),({ownerState:r})=>r.variant==="indeterminate"&&D(b||(b=l`
+`)),B=r=>{const{classes:e,variant:s,color:a,disableShrink:d}=r,u={root:["root",s,`color${c(a)}`],svg:["svg"],circle:["circle",`circle${c(s)}`,d&&"circleDisableShrink"]};return F(u,K,e)},H=g("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.root,e[s.variant],e[`color${c(s.color)}`]]}})(({ownerState:r,theme:e})=>o({display:"inline-block"},r.variant==="determinate"&&{transition:e.transitions.create("transform")},r.color!=="inherit"&&{color:(e.vars||e).palette[r.color].main}),({ownerState:r})=>r.variant==="indeterminate"&&$(b||(b=l`
       animation: ${0} 1.4s linear infinite;
-    `),W)),J=g("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(r,e)=>e.svg})({display:"block"}),O=g("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.circle,e[`circle${c(s.variant)}`],s.disableShrink&&e.circleDisableShrink]}})(({ownerState:r,theme:e})=>o({stroke:"currentColor"},r.variant==="determinate"&&{transition:e.transitions.create("stroke-dashoffset")},r.variant==="indeterminate"&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:r})=>r.variant==="indeterminate"&&!r.disableShrink&&D($||($=l`
+    `),L)),J=g("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(r,e)=>e.svg})({display:"block"}),V=g("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.circle,e[`circle${c(s.variant)}`],s.disableShrink&&e.circleDisableShrink]}})(({ownerState:r,theme:e})=>o({stroke:"currentColor"},r.variant==="determinate"&&{transition:e.transitions.create("stroke-dashoffset")},r.variant==="indeterminate"&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:r})=>r.variant==="indeterminate"&&!r.disableShrink&&$(D||(D=l`
       animation: ${0} 1.4s ease-in-out infinite;
-    `),B)),Z=K.forwardRef(function(e,s){const a=w({props:e,name:"MuiCircularProgress"}),{className:d,color:u="primary",disableShrink:R=!1,size:m=40,style:_,thickness:i=3.6,value:p=0,variant:k="indeterminate"}=a,j=z(a,L),n=o({},a,{color:u,disableShrink:R,size:m,thickness:i,value:p,variant:k}),f=G(n),h={},x={},y={};if(k==="determinate"){const C=2*Math.PI*((t-i)/2);h.strokeDasharray=C.toFixed(3),y["aria-valuenow"]=Math.round(p),h.strokeDashoffset=`${((100-p)/100*C).toFixed(3)}px`,x.transform="rotate(-90deg)"}return v.jsx(H,o({className:E(f.root,d),style:o({width:m,height:m},x,_),ownerState:n,ref:s,role:"progressbar"},y,j,{children:v.jsx(J,{className:f.svg,ownerState:n,viewBox:`${t/2} ${t/2} ${t} ${t}`,children:v.jsx(O,{className:f.circle,style:h,ownerState:n,cx:t,cy:t,r:(t-i)/2,fill:"none",strokeWidth:i})})}))});export{Z as C};
+    `),W)),A=I.forwardRef(function(e,s){const a=E({props:e,name:"MuiCircularProgress"}),{className:d,color:u="primary",disableShrink:R=!1,size:m=40,style:_,thickness:i=3.6,value:p=0,variant:k="indeterminate"}=a,j=U(a,G),n=o({},a,{color:u,disableShrink:R,size:m,thickness:i,value:p,variant:k}),f=B(n),h={},x={},y={};if(k==="determinate"){const C=2*Math.PI*((t-i)/2);h.strokeDasharray=C.toFixed(3),y["aria-valuenow"]=Math.round(p),h.strokeDashoffset=`${((100-p)/100*C).toFixed(3)}px`,x.transform="rotate(-90deg)"}return v.jsx(H,o({className:w(f.root,d),style:o({width:m,height:m},x,_),ownerState:n,ref:s,role:"progressbar"},y,j,{children:v.jsx(J,{className:f.svg,ownerState:n,viewBox:`${t/2} ${t/2} ${t} ${t}`,children:v.jsx(V,{className:f.circle,style:h,ownerState:n,cx:t,cy:t,r:(t-i)/2,fill:"none",strokeWidth:i})})}))});export{A as C};