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

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

@@ -1,11 +1,11 @@
-import{r as l,j as v}from"./react-C51i12iP.js";const w="https://cdn.decentraland.org/@dcl/shop/0.1.0-29842935035.commit-a65be40/assets/custom-welcome-background-BxlFQma9.webp",S="https://cdn.decentraland.org/@dcl/shop/0.1.0-29842935035.commit-a65be40/assets/DCL_LogoPattern-BryBPc3d.png",b=`
+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() {
   v_uv = a_position * 0.5 + 0.5;
   gl_Position = vec4(a_position, 0.0, 1.0);
 }
-`,U=`
+`,b=`
 precision highp float;
 
 uniform float u_time;
@@ -77,4 +77,4 @@ void main() {
 
   gl_FragColor = result;
 }
-`;function g(t,a,r){const e=t.createShader(a);return e?(t.shaderSource(e,r),t.compileShader(e),t.getShaderParameter(e,t.COMPILE_STATUS)?e:(console.error("Shader compile error:",t.getShaderInfoLog(e)),t.deleteShader(e),null)):null}function P(t,a,r){const e=t.createProgram();return e?(t.attachShader(e,a),t.attachShader(e,r),t.linkProgram(e),t.getProgramParameter(e,t.LINK_STATUS)?e:(console.error("Program link error:",t.getProgramInfoLog(e)),t.deleteProgram(e),null)):null}function D(t,a,r){const e=t.createTexture();if(!e)return null;t.bindTexture(t.TEXTURE_2D,e),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,1,1,0,t.RGBA,t.UNSIGNED_BYTE,new Uint8Array([128,128,128,255]));const o=new Image;return o.crossOrigin="anonymous",o.onload=()=>{r!=null&&r()||(t.bindTexture(t.TEXTURE_2D,e),t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL,!0),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,o),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.REPEAT),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.REPEAT),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.LINEAR_MIPMAP_LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.LINEAR),t.generateMipmap(t.TEXTURE_2D))},o.src=a,e}function L(){const t=l.useRef(null),a=l.useRef(0);return l.useEffect(()=>{var h;const r=t.current;if(!r||(h=window.matchMedia)!=null&&h.call(window,"(prefers-reduced-motion: reduce)").matches)return;const e=r.getContext("webgl",{alpha:!1,antialias:!1});if(!e)return;const o=g(e,e.VERTEX_SHADER,b),c=g(e,e.FRAGMENT_SHADER,U);if(!o||!c){o&&e.deleteShader(o),c&&e.deleteShader(c);return}const n=P(e,o,c);if(!n){e.deleteShader(o),e.deleteShader(c);return}const u=e.getAttribLocation(n,"a_position"),_=e.getUniformLocation(n,"u_time"),R=e.getUniformLocation(n,"u_resolution"),y=e.getUniformLocation(n,"u_overlayTex"),s=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,s),e.bufferData(e.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),e.STATIC_DRAW);let m=!1;const d=D(e,S,()=>m),A=()=>{const i=window.devicePixelRatio||1,x=r.clientWidth*i,E=r.clientHeight*i;(r.width!==x||r.height!==E)&&(r.width=x,r.height=E)},p=performance.now()/1e3,f=()=>{A(),e.viewport(0,0,r.width,r.height),e.useProgram(n),e.uniform1f(_,performance.now()/1e3-p),e.uniform2f(R,r.width,r.height),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,d),e.uniform1i(y,0),e.enableVertexAttribArray(u),e.bindBuffer(e.ARRAY_BUFFER,s),e.vertexAttribPointer(u,2,e.FLOAT,!1,0,0),e.drawArrays(e.TRIANGLES,0,6),a.current=requestAnimationFrame(f)},T=i=>{i.preventDefault(),cancelAnimationFrame(a.current),r.style.opacity="0"};return r.addEventListener("webglcontextlost",T,!1),a.current=requestAnimationFrame(f),()=>{m=!0,cancelAnimationFrame(a.current),r.removeEventListener("webglcontextlost",T),e.deleteProgram(n),e.deleteShader(o),e.deleteShader(c),e.deleteBuffer(s),e.deleteTexture(d)}},[]),v.jsxs("div",{className:"AnimatedBackground","aria-hidden":!0,children:[v.jsx("div",{className:"AnimatedBackground__fallback",style:{backgroundImage:`url(${w})`}}),v.jsx("canvas",{ref:t,className:"AnimatedBackground__canvas"})]})}export{L as default};
+`;function g(t,a,r){const e=t.createShader(a);return e?(t.shaderSource(e,r),t.compileShader(e),t.getShaderParameter(e,t.COMPILE_STATUS)?e:(console.error("Shader compile error:",t.getShaderInfoLog(e)),t.deleteShader(e),null)):null}function P(t,a,r){const e=t.createProgram();return e?(t.attachShader(e,a),t.attachShader(e,r),t.linkProgram(e),t.getProgramParameter(e,t.LINK_STATUS)?e:(console.error("Program link error:",t.getProgramInfoLog(e)),t.deleteProgram(e),null)):null}function D(t,a,r){const e=t.createTexture();if(!e)return null;t.bindTexture(t.TEXTURE_2D,e),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,1,1,0,t.RGBA,t.UNSIGNED_BYTE,new Uint8Array([128,128,128,255]));const o=new Image;return o.crossOrigin="anonymous",o.onload=()=>{r!=null&&r()||(t.bindTexture(t.TEXTURE_2D,e),t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL,!0),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,o),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.REPEAT),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.REPEAT),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.LINEAR_MIPMAP_LINEAR),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.LINEAR),t.generateMipmap(t.TEXTURE_2D))},o.src=a,e}function L(){const t=l.useRef(null),a=l.useRef(0);return l.useEffect(()=>{var h;const r=t.current;if(!r||(h=window.matchMedia)!=null&&h.call(window,"(prefers-reduced-motion: reduce)").matches)return;const e=r.getContext("webgl",{alpha:!1,antialias:!1});if(!e)return;const o=g(e,e.VERTEX_SHADER,U),c=g(e,e.FRAGMENT_SHADER,b);if(!o||!c){o&&e.deleteShader(o),c&&e.deleteShader(c);return}const n=P(e,o,c);if(!n){e.deleteShader(o),e.deleteShader(c);return}const u=e.getAttribLocation(n,"a_position"),_=e.getUniformLocation(n,"u_time"),R=e.getUniformLocation(n,"u_resolution"),y=e.getUniformLocation(n,"u_overlayTex"),s=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,s),e.bufferData(e.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),e.STATIC_DRAW);let m=!1;const d=D(e,S,()=>m),A=()=>{const i=window.devicePixelRatio||1,x=r.clientWidth*i,E=r.clientHeight*i;(r.width!==x||r.height!==E)&&(r.width=x,r.height=E)},p=performance.now()/1e3,f=()=>{A(),e.viewport(0,0,r.width,r.height),e.useProgram(n),e.uniform1f(_,performance.now()/1e3-p),e.uniform2f(R,r.width,r.height),e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,d),e.uniform1i(y,0),e.enableVertexAttribArray(u),e.bindBuffer(e.ARRAY_BUFFER,s),e.vertexAttribPointer(u,2,e.FLOAT,!1,0,0),e.drawArrays(e.TRIANGLES,0,6),a.current=requestAnimationFrame(f)},T=i=>{i.preventDefault(),cancelAnimationFrame(a.current),r.style.opacity="0"};return r.addEventListener("webglcontextlost",T,!1),a.current=requestAnimationFrame(f),()=>{m=!0,cancelAnimationFrame(a.current),r.removeEventListener("webglcontextlost",T),e.deleteProgram(n),e.deleteShader(o),e.deleteShader(c),e.deleteBuffer(s),e.deleteTexture(d)}},[]),v.jsxs("div",{className:"AnimatedBackground","aria-hidden":!0,children:[v.jsx("div",{className:"AnimatedBackground__fallback",style:{backgroundImage:`url(${w})`}}),v.jsx("canvas",{ref:t,className:"AnimatedBackground__canvas"})]})}export{L as default};

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-Cyj_u0xP.js

@@ -0,0 +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,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/Cart-Ep_4Wxpy.css

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