npm - @dcl/shop - Versions diffs - 0.5.0 → 0.5.1-30934281711.commit-71d435d - Mend

@dcl/shop 0.5.0 → 0.5.1-30934281711.commit-71d435d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (179) hide show

package/index.html CHANGED Viewed

@@ -16,10 +16,10 @@
     <link rel="canonical" href="https://decentraland.org/shop/" />
     <!-- Favicon: the Decentraland mark (same as the marketplace). -->
-    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.5.0/favicon.ico" sizes="16x16 32x32 48x48" />
-    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.5.0/dcl-mark.png" />
+    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30934281711.commit-71d435d/favicon.ico" sizes="16x16 32x32 48x48" />
+    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30934281711.commit-71d435d/dcl-mark.png" />
     <meta name="apple-mobile-web-app-title" content="DCL Shop" />
-    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.5.0/site.webmanifest" />
+    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30934281711.commit-71d435d/site.webmanifest" />
     <!-- Open Graph -->
     <meta property="og:type" content="website" />
@@ -48,7 +48,7 @@
     <meta name="twitter:image:alt" content="Decentraland Shop — wearables and emotes for your avatar" />
     <!-- Sitemap -->
-    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/0.5.0/sitemap.xml" />
+    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30934281711.commit-71d435d/sitemap.xml" />
     <!-- Warm the 3D preview / fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -60,13 +60,13 @@
     <link rel="preconnect" href="https://wearable-preview.decentraland.org" />
     <link rel="preconnect" href="https://peer.decentraland.zone" crossorigin />
     <link rel="preconnect" href="https://peer.decentraland.org" crossorigin />
-    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/0.5.0/_assets/index-CEec1iYe.js"></script>
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.0/_assets/react-DehiWSvs.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.0/_assets/sentry-973sfbO9.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.0/_assets/dcl-schemas-Dr9BTjb7.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.0/_assets/ethers-CtNGBird.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.0/_assets/intl-CBcMB1D2.js">
-    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.0/_assets/index-D-NhBWWr.css">
+    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/0.5.1-30934281711.commit-71d435d/_assets/index-Da1IWtza.js"></script>
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30934281711.commit-71d435d/_assets/react-DehiWSvs.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30934281711.commit-71d435d/_assets/sentry-973sfbO9.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30934281711.commit-71d435d/_assets/dcl-schemas-Dr9BTjb7.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30934281711.commit-71d435d/_assets/ethers-CtNGBird.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30934281711.commit-71d435d/_assets/intl-CBcMB1D2.js">
+    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.5.1-30934281711.commit-71d435d/_assets/index-D-NhBWWr.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/shop",
-  "version": "0.5.0",
+  "version": "0.5.1-30934281711.commit-71d435d",
   "main": "index.js",
   "author": "Decentraland",
   "license": "Apache-2.0",
@@ -8,5 +8,5 @@
     "type": "git",
     "url": "git+https://github.com/decentraland/shop.git"
   },
-  "commit": "2643c3e2803732bba3bf985ad829dcb0eea64ef5"
+  "commit": "71d435de72a5fe9d578ab532c5ea0c1222a16435"
 }

package/_assets/ItemPreview.styles--MP-O7tE.js DELETED Viewed

@@ -1,166 +0,0 @@
-import{s as o,t as r,I as i,k as n}from"./index-CEec1iYe.js";const{colors:t,media:e}=r,a=n`
-  to {
-    transform: rotate(360deg);
-  }
-`,s=o.div``,p=o.span`
-  width: 34px;
-  height: 34px;
-  border-radius: 50%;
-  border: 3px solid ${t.line};
-  border-top-color: ${t.accent};
-  animation: ${a} 0.8s linear infinite;
-  @media (prefers-reduced-motion: reduce) {
-    animation-duration: 2.4s;
-  }
-`,u=o.p``,c=o.div``,g=o.button`
-  border: 0;
-  background: none;
-  cursor: pointer;
-  padding: 6px 16px;
-  border-radius: 999px;
-  font-weight: 600;
-  font-size: 12px;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  color: ${t.muted};
-  transition:
-    background 0.12s ease,
-    color 0.12s ease;
-  &[data-active] {
-    background: ${t.text};
-    color: ${t.white};
-  }
-  &:not([data-active]):hover {
-    color: ${t.text};
-  }
-  ${e.maxWidth("lg")} {
-    padding: 9px 13px;
-    border-radius: 0;
-    background: ${t.white};
-    color: ${t.text2};
-    &[data-active] {
-      background: ${t.text};
-      color: ${t.white};
-    }
-    &:first-of-type {
-      border-top-left-radius: 999px;
-      border-bottom-left-radius: 999px;
-    }
-    &:last-of-type {
-      border-top-right-radius: 999px;
-      border-bottom-right-radius: 999px;
-    }
-  }
-`,x=o.span`
-  ${e.maxWidth("lg")} {
-    display: none;
-  }
-`,l=o(i)`
-  display: none;
-  ${e.maxWidth("lg")} {
-    display: block;
-  }
-`,b=o.div`
-  & .MuiBox-root {
-    position: static;
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    display: flex;
-    align-items: center;
-    gap: 10px;
-  }
-  & .MuiButtonBase-root {
-    min-width: 0;
-    padding: 0;
-    margin: 0;
-    border-radius: 50%;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    background: none !important;
-    box-shadow: none !important;
-    color: ${t.muted};
-    flex: 0 0 auto;
-    transition:
-      background 0.12s ease,
-      color 0.12s ease;
-  }
-  & .MuiButtonBase-root .MuiSvgIcon-root {
-    font-size: 20px;
-    margin: 0;
-  }
-  & .MuiBox-root > .MuiButtonBase-root:first-child {
-    width: 34px;
-    height: 34px;
-    background: ${t.accent} !important;
-    color: ${t.white};
-  }
-  & .MuiBox-root > .MuiButtonBase-root:first-child:hover {
-    background: ${t.text} !important;
-  }
-  & .MuiBox-root > input + .MuiButtonBase-root {
-    width: 30px;
-    height: 30px;
-    color: ${t.muted};
-  }
-  & .MuiBox-root > input + .MuiButtonBase-root:hover {
-    background: ${t.media} !important;
-    color: ${t.text};
-  }
-  & input[type='range'] {
-    flex: 1 1 auto;
-    width: auto;
-    min-width: 0;
-    height: 4px;
-    margin: 0;
-    padding: 0;
-    -webkit-appearance: none;
-    appearance: none;
-    background: transparent;
-    cursor: pointer;
-  }
-  & input[type='range']::-webkit-slider-runnable-track {
-    height: 4px;
-    border-radius: 999px;
-    background: ${t.lineStrong};
-  }
-  & input[type='range']::-moz-range-track {
-    height: 4px;
-    border-radius: 999px;
-    background: ${t.lineStrong};
-  }
-  & input[type='range']::-webkit-slider-thumb {
-    -webkit-appearance: none;
-    appearance: none;
-    width: 13px;
-    height: 13px;
-    margin-top: -4.5px;
-    border-radius: 50%;
-    background: ${t.accent};
-    border: 2px solid ${t.white};
-    box-shadow: 0 1px 3px rgba(22, 21, 24, 0.3);
-    cursor: pointer;
-  }
-  & input[type='range']::-moz-range-thumb {
-    width: 13px;
-    height: 13px;
-    border-radius: 50%;
-    background: ${t.accent};
-    border: 2px solid ${t.white};
-    box-shadow: 0 1px 3px rgba(22, 21, 24, 0.3);
-    cursor: pointer;
-  }
-  & input[type='range']:focus-visible {
-    outline: none;
-  }
-  & input[type='range']:focus-visible::-webkit-slider-thumb {
-    outline: 2px solid ${t.accent};
-    outline-offset: 2px;
-  }
-`;export{b as E,s as L,u as N,p as S,c as T,g as a,l as b,x as c};

package/_assets/OutfitDetail-BCkHFvPX.js DELETED Viewed

@@ -1,357 +0,0 @@
-import{L as w,u as ne,j as e,r as p}from"./react-DehiWSvs.js";import{d as P}from"./dcl-schemas-Dr9BTjb7.js";import{s as t,I as y,t as re,A as oe,D as le,E as de,B as j,F as ce,n as D,G as pe,u as he,m as me,b as s,H as F,J as xe,K as ue,L as ge,M as fe,N as be,O as ve,P as ye,Q as je,R as we,S as ke,V as $e,W as Ie,X as Ce,Y as ze,p as z,Z as Le,$ as Ee,a0 as Te,a1 as Se,a2 as Ae,a3 as Ne}from"./index-CEec1iYe.js";import{E as H}from"./ErrorNotice-qXSCgBBe.js";import{O as Pe}from"./OutfitPreview-XyEsGBYa.js";import{T as Fe,a as O,b as R,c as W}from"./ItemPreview.styles--MP-O7tE.js";import"./sentry-973sfbO9.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./disposePreview-DIA1G1eQ.js";const{colors:r,radius:Oe,media:o}=re,V=t.div`
-  max-width: 1721px;
-  margin: 0 auto;
-`,Re=t.nav`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 13px;
-  color: ${r.muted};
-  margin-bottom: 18px;
-`,B=t(w)`
-  color: ${r.muted};
-  &:hover {
-    color: ${r.text};
-  }
-`,We=t.span`
-  color: ${r.text};
-  font-weight: 600;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-`,q=t.div`
-  display: grid;
-  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
-  gap: 40px;
-  align-items: stretch;
-  height: calc(100dvh - 240px);
-  min-height: 520px;
-  ${o.maxWidth("mobile")} {
-    grid-template-columns: 1fr;
-    gap: 16px;
-    height: auto;
-    min-height: 0;
-  }
-`,G=t.div`
-  position: relative;
-  border-radius: 24px;
-  overflow: hidden;
-  background: ${r.media};
-  ${o.maxWidth("mobile")} {
-    aspect-ratio: 1 / 1;
-  }
-  & iframe {
-    width: 100%;
-    height: 100%;
-    border: 0;
-    display: block;
-  }
-  [data-preview-viewport] {
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-  }
-  /* The on-avatar/item toggle, positioned exactly like the item detail's: a text pill top-left on
-     desktop, the icon-only button group bottom-right on narrow screens. */
-  & > [data-preview-toggle] {
-    position: absolute;
-    top: 16px;
-    left: 16px;
-    z-index: 2;
-    display: inline-flex;
-    gap: 2px;
-    padding: 3px;
-    background: rgba(255, 255, 255, 0.92);
-    border: 1px solid ${r.line};
-    border-radius: 999px;
-    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
-  }
-  ${o.maxWidth("lg")} {
-    & > [data-preview-toggle] {
-      top: auto;
-      left: auto;
-      bottom: 12px;
-      right: 12px;
-      gap: 0;
-      padding: 0;
-      background: transparent;
-      border: 0;
-      box-shadow: 0 1px 4px rgba(22, 21, 24, 0.18);
-      overflow: hidden;
-    }
-  }
-`,Be=t.img`
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-`,U=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: 15px;
-  min-height: 0;
-`,Me=t.h1`
-  font-size: 28px;
-  font-weight: 600;
-  overflow-wrap: anywhere;
-`,_e=t.p`
-  font-size: 12px;
-  font-weight: 500;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: ${r.muted1};
-`,Ke=t.div`
-  flex: 0 1 auto;
-  min-height: 0;
-  overflow-y: auto;
-  /* Breathing room INSIDE the scroller (with the matching negative margin re-aligning the cards):
-     the hover zoom + ring + glow would otherwise be cropped by the overflow clip. */
-  padding: 8px 10px;
-  margin: -8px -10px;
-  ${o.maxWidth("mobile")} {
-    overflow: visible;
-    padding: 0;
-    margin: 0;
-  }
-`,De=t.ul`
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-`,He=t.li`
-  position: relative;
-  display: flex;
-  align-items: stretch;
-  gap: 14px;
-  border-radius: 16px;
-  background: ${r.bg};
-  overflow: hidden;
-  isolation: isolate;
-  transition:
-    box-shadow 0.35s ease,
-    transform 0.25s ease;
-  &::after {
-    ${oe};
-  }
-  &::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    z-index: 5;
-    pointer-events: none;
-    border-radius: inherit;
-    ${le};
-    opacity: 0;
-    transition: opacity 0.3s ease;
-  }
-  @media (hover: hover) {
-    &:hover,
-    &:focus-within {
-      ${de};
-      transform: scale(1.015);
-      /* Above the neighbouring rows while zoomed, or the next card paints over the growth. */
-      z-index: 6;
-    }
-    &:hover::before,
-    &:focus-within::before {
-      opacity: 1;
-    }
-  }
-  @media (prefers-reduced-motion: reduce) {
-    transition: none;
-    &:hover,
-    &:focus-within {
-      transform: none;
-    }
-    &::before {
-      transition: none;
-    }
-  }
-  &[data-state='unavailable'],
-  &[data-state='missing'] {
-    opacity: 0.55;
-  }
-`,Ve=t(w)`
-  position: absolute;
-  inset: 0;
-  z-index: 1;
-`,qe=t.img`
-  width: 96px;
-  height: 96px;
-  object-fit: cover;
-  background: ${r.panel};
-  flex-shrink: 0;
-  ${o.maxWidth("mobile")} {
-    width: 88px;
-    height: 88px;
-  }
-`,Ge=t.span`
-  width: 96px;
-  height: 96px;
-  background: ${r.panel};
-  flex-shrink: 0;
-  ${o.maxWidth("mobile")} {
-    width: 88px;
-    height: 88px;
-  }
-`,M=t.div`
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: 3px;
-  padding: 10px 14px 10px 0;
-`,L=t.span`
-  font-size: 14px;
-  font-weight: 600;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,Ue=t(w)`
-  position: relative;
-  z-index: 2;
-  align-self: flex-start;
-  font-size: 13px;
-  color: ${r.muted};
-  &:hover {
-    color: ${r.text};
-    text-decoration: underline;
-  }
-`,_=t.span`
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin-top: 2px;
-`,Ye=t.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 5px;
-  font-size: 16px;
-  font-weight: 600;
-  white-space: nowrap;
-`,b=t.span`
-  font-size: 12px;
-  font-weight: 400;
-  padding: 2px 8px;
-  border-radius: ${Oe.chip};
-  background: ${r.chip};
-  color: ${r.text2};
-  white-space: nowrap;
-`,Qe=t.span`
-  display: flex;
-  align-items: center;
-  gap: 3px;
-  margin-left: auto;
-  ${o.maxWidth("mobile")} {
-    display: none;
-  }
-`,v=t(ce)`
-  &[data-variant='smart'] {
-    gap: 2px;
-    background: ${r.chip};
-    color: ${r.text2};
-    text-transform: uppercase;
-    letter-spacing: 0.02em;
-  }
-`,Je=t.p`
-  margin-top: 8px;
-`,Xe=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 8px 0;
-`,Ze=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding-top: 12px;
-  border-top: 1px solid ${r.line};
-  ${o.maxWidth("mobile")} {
-    /* Sticky, not fixed: it rides the viewport bottom while the list is longer than the screen,
-       then STOPS at the list's end (its natural place as the column's last child) when the user
-       scrolls on toward the footer. Negative margin restores the full-bleed bar inside the page's
-       16px gutter. */
-    position: sticky;
-    bottom: 0;
-    z-index: 5;
-    margin: 40px -16px 0;
-    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
-    border-top: 0;
-    background: ${r.softWhite};
-    box-shadow: 0 -4px 16px rgba(22, 21, 24, 0.12);
-  }
-`,et=t.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  ${o.maxWidth("mobile")} {
-    /* The phone CTA carries the price itself (the Figma bar). */
-    display: none;
-  }
-`,tt=t.span`
-  font-size: 14px;
-  font-weight: 600;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: ${r.muted1};
-`,it=t.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 26px;
-  font-weight: 800;
-`,at=t(j)`
-  width: 100%;
-  min-height: 52px;
-  border-radius: 16px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-`,st=t.span`
-  display: none;
-  ${o.maxWidth("mobile")} {
-    display: inline-flex;
-    align-items: center;
-    gap: 5px;
-    font-size: 16px;
-  }
-`,K=t.div`
-  min-height: 52vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  gap: 14px;
-`,nt=t(y)`
-  opacity: 0.4;
-`,rt=t.h1`
-  font-size: 24px;
-`,ot="outfit-detail-preview";function yt(){const{id:i}=ne(),n=D(g=>g.session),d=pe(),u=d==="creator",{data:c,isError:k,refetch:h}=he({queryKey:["outfit",i,u],enabled:F()&&!!i,staleTime:6e4,queryFn:()=>Ne(i,u&&n?n.identity:void 0)}),l=!F()||!i||c===null&&d!=="pending";return me(l?{title:s("seo.outfit.notFoundTitle"),noindex:!0}:c?{title:c.name}:{}),l?e.jsxs(K,{"data-testid":"outfit-notfound",children:[e.jsx(nt,{name:"cart",size:44}),e.jsx(rt,{children:s("outfits.detail.notFoundTitle")}),e.jsx("p",{className:"muted",children:s("outfits.detail.notFoundBody")}),e.jsx(j,{as:w,to:"/items",variant:"purple",children:s("notFound.cta")})]}):k?e.jsxs(K,{"data-testid":"outfit-detail-error",children:[e.jsx(H,{message:s("outfits.errors.generic")}),e.jsx(j,{variant:"purple",onClick:()=>void h(),children:s("outfits.detail.retry")})]}):c?e.jsx(dt,{outfit:c}):e.jsx(V,{"aria-busy":"true","data-testid":"outfit-detail-loading",children:e.jsxs(q,{children:[e.jsx(G,{children:e.jsx("span",{className:"skeleton",style:{position:"absolute",inset:0},"aria-hidden":!0})}),e.jsxs(U,{children:[e.jsx("span",{className:"skeleton",style:{width:"60%",height:32},"aria-hidden":!0}),e.jsx("span",{className:"skeleton",style:{width:"40%",height:16},"aria-hidden":!0}),e.jsx("span",{className:"skeleton",style:{width:"100%",height:48},"aria-hidden":!0})]})]})})}function lt({item:i}){const n=Le(i),d=Ee(i.gender);return e.jsxs(Qe,{children:[i.rarity?e.jsx(v,{"data-variant":"rarity",style:{background:Ae(i.rarity),color:Se(i.rarity)},title:Te(i.rarity),children:i.rarity}):null,i.isSmart?e.jsxs(v,{"data-variant":"smart",children:[e.jsx(y,{name:"smart",size:13}),s("assetCard.smart")]}):null,n?e.jsx(v,{"data-variant":"icon",children:e.jsx(y,{name:n})}):null,d?e.jsx(v,{"data-variant":"icon",children:e.jsx(y,{name:d})}):null]})}function dt({outfit:i}){const n=xe(i),{split:d,availableCount:u,totalCredits:c,addOutfit:k,isAdding:h}=ue(i,n),l=D(a=>{var x;return(x=a.session)==null?void 0:x.address}),g=ge(a=>a.items),E=p.useMemo(()=>new Set(g.map(fe)),[g]),$=be(i.thumbnailHash),[m,T]=p.useState("avatar"),[Y,Q]=p.useState(P.PreviewRenderer.UNITY),J=Y===P.PreviewRenderer.BABYLON&&!!$,S=p.useRef(null);p.useEffect(()=>{S.current!==i.id&&(S.current=i.id,ve("Shop Outfit Viewed",{outfit_id:i.id,item_count:i.items.length}))},[i.id,i.items.length]);const I=p.useMemo(()=>i.items.map(a=>{const x=ye(a),C=n.byKey.get(x)??null;return{key:x,item:C,state:C?je(C,{address:l,cartKeys:E}):"missing"}}),[i,n.byKey,l,E]),{data:X,isFetched:Z}=we(l),ee=!l||Z,A=!!l&&!!X,te=A?l:"default",ie=i.bodyShape==="female"?ke:i.bodyShape==="male"?$e:void 0,N=p.useMemo(()=>I.map(a=>a.item?Ie(a.item):null).filter(a=>!!a),[I]),ae=i.items.length,se=!n.isLoading&&!n.isError,f=d.purchasable.length;return e.jsxs(V,{"data-testid":"outfit-detail",children:[e.jsxs(Re,{"aria-label":s("outfits.detail.breadcrumbAria"),children:[e.jsx(B,{to:"/overview",children:s("nav.overview")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(B,{to:"/overview",children:s("outfits.detail.breadcrumbLooks")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(We,{children:i.name})]}),e.jsxs(q,{children:[e.jsxs(G,{"data-testid":"outfit-detail-preview",style:{background:Ce(i)},children:[$&&(m==="item"||!n.isLoading&&N.length===0)?e.jsx(Be,{src:$,alt:i.name}):e.jsx(Pe,{id:ot,profile:te,bodyShape:A?void 0:ie,urns:N,enabled:ee&&!n.isLoading,onRenderer:Q}),J?e.jsxs(Fe,{"data-preview-toggle":!0,"data-testid":"outfit-detail-toggle",role:"group","aria-label":s("itemPreview.previewMode"),children:[e.jsxs(O,{type:"button","data-active":m==="avatar"||void 0,"aria-pressed":m==="avatar","aria-label":s("itemPreview.onAvatar"),onClick:()=>T("avatar"),children:[e.jsx(R,{name:"view-avatar",size:18}),e.jsx(W,{children:s("itemPreview.onAvatar")})]}),e.jsxs(O,{type:"button","data-active":m==="item"||void 0,"aria-pressed":m==="item","aria-label":s("itemPreview.item"),onClick:()=>T("item"),children:[e.jsx(R,{name:"view-item",size:18}),e.jsx(W,{children:s("itemPreview.item")})]})]}):null]}),e.jsxs(U,{children:[e.jsx(Me,{children:i.name}),e.jsx(_e,{"data-testid":"outfit-detail-meta",children:s("outfits.detail.itemsCount",{count:ae})}),n.isError?e.jsxs(Xe,{children:[e.jsx(H,{message:s("outfits.detail.resolveError"),testId:"outfit-detail-resolve-error"}),e.jsx(j,{variant:"outline","data-testid":"outfit-detail-retry",onClick:n.retry,children:s("outfits.detail.retry")})]}):e.jsxs(e.Fragment,{children:[e.jsxs(Ke,{children:[e.jsx(De,{children:I.map(a=>e.jsx(He,{"data-testid":"outfit-detail-item","data-state":a.state,children:a.item?e.jsxs(e.Fragment,{children:[e.jsx(Ve,{to:`/item/${a.item.contractAddress}/${a.item.itemId}`,state:{item:a.item},"aria-label":a.item.name}),e.jsx(qe,{src:a.item.thumbnail,alt:"",loading:"lazy"}),e.jsxs(M,{children:[e.jsx(L,{children:a.item.name}),a.item.creator?e.jsx(Ue,{to:`/items/creator/${a.item.creator}`,children:e.jsx(ze,{address:a.item.creator})}):null,e.jsxs(_,{children:[a.state!=="unavailable"?e.jsxs(Ye,{children:[e.jsx(z,{size:15}),a.item.priceCredits.toLocaleString()]}):null,a.state==="unavailable"?e.jsx(b,{children:s("outfits.card.unavailable")}):a.state==="own_listing"?e.jsx(b,{children:s("outfits.detail.yourListing")}):a.state==="in_cart"?e.jsx(b,{children:s("outfits.detail.inCart")}):null,e.jsx(lt,{item:a.item})]})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(Ge,{className:n.isLoading?"skeleton":void 0,"aria-hidden":!0}),e.jsx(M,{children:n.isLoading?e.jsx(L,{children:e.jsx("span",{className:"skeleton",style:{display:"block",width:"70%",height:14}})}):e.jsxs(e.Fragment,{children:[e.jsx(L,{className:"muted",children:s("outfits.card.unavailable")}),e.jsx(_,{children:e.jsx(b,{children:s("outfits.card.unavailable")})})]})})]})},a.key))}),se&&d.ownListing.length>0?e.jsx(Je,{className:"muted small",children:s("outfits.detail.yourListingHint")}):null]}),e.jsxs(Ze,{"data-testid":"outfit-detail-ctabar",children:[e.jsxs(et,{children:[e.jsx(tt,{children:s("outfits.detail.totalPrice")}),n.isLoading?e.jsx("span",{className:"skeleton",style:{width:64,height:26},"aria-hidden":!0}):e.jsxs(it,{children:[e.jsx(z,{size:22}),c.toLocaleString()]})]}),n.isLoading?e.jsx("span",{className:"skeleton",style:{width:"100%",height:52,borderRadius:26},"aria-hidden":!0}):e.jsxs(at,{variant:"purple","data-testid":"outfit-detail-cta",onClick:k,disabled:h||f===0,"aria-busy":h||void 0,children:[h?s("outfits.card.adding"):f>0?s("outfits.detail.addCount",{count:f}):u>0?s("outfits.detail.nothingToAdd"):s("outfits.card.unavailable"),!h&&f>0?e.jsxs(st,{children:[e.jsx(z,{size:16}),c.toLocaleString()]}):null]})]})]})]})]})]})}export{yt as OutfitDetail,yt as default};

package/_assets/OutfitPreview-XyEsGBYa.js DELETED Viewed

@@ -1,6 +0,0 @@
-import{r as n,j as r}from"./react-DehiWSvs.js";import{d as p}from"./dcl-schemas-Dr9BTjb7.js";import{s as h,L as b,c as P,a4 as R,b as A}from"./index-CEec1iYe.js";import{u as O,d as F}from"./disposePreview-DIA1G1eQ.js";const I=h.div`
-  position: absolute;
-  inset: 0;
-  display: grid;
-  place-items: center;
-`;function N({id:u,profile:i,bodyShape:m,urns:e,enabled:c=!0,onRenderer:v,skin:d,hair:l,eyes:f}){const g=b(s=>s.fittingOpen),{ref:w,active:x}=O(),t=c&&e.length>0&&x&&!g,y=e.length>0?e[0].includes(":amoy:"):P.chainId===80002,[E,a]=n.useState(!1),j=e.join(",");n.useEffect(()=>{a(!1)},[j,i,d,l,f]),n.useEffect(()=>{t&&a(!1)},[t]);const o=n.useRef(null);return n.useEffect(()=>{if(t)return()=>{F(o.current),o.current=null}},[t]),r.jsxs(r.Fragment,{children:[r.jsx("div",{ref:w,"data-preview-viewport":!0,"aria-hidden":!0}),t?r.jsx(R,{id:u,profile:i,bodyShape:m,urns:e,skin:d,hair:l,eyes:f,type:p.PreviewType.AVATAR,emote:p.PreviewEmote.FASHION,disableBackground:!0,disableFadeEffect:!0,dev:y,unity:!0,onRenderer:v,onLoad:()=>{var s;a(!0),o.current=((s=document.getElementById(u))==null?void 0:s.contentWindow)??null}},i):null,c&&e.length===0?null:!t||!E?r.jsx(I,{"aria-busy":"true","aria-label":A("spinner.loading"),children:r.jsx("span",{className:"spinner","aria-hidden":!0})}):null]})}export{N as O};