@dcl/shop 1.0.2-31055297774.commit-b808071 → 1.0.2-31061952187.commit-8d8b09e

package/index.html

@@ -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/1.0.2-31055297774.commit-b808071/favicon.ico" sizes="16x16 32x32 48x48" />
-    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31055297774.commit-b808071/dcl-mark.png" />
+    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31061952187.commit-8d8b09e/favicon.ico" sizes="16x16 32x32 48x48" />
+    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31061952187.commit-8d8b09e/dcl-mark.png" />
     <meta name="apple-mobile-web-app-title" content="DCL Shop" />
-    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31055297774.commit-b808071/site.webmanifest" />
+    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31061952187.commit-8d8b09e/site.webmanifest" />
 
     <!-- Open Graph.
 
@@ -58,7 +58,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/1.0.2-31055297774.commit-b808071/sitemap.xml" />
+    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31061952187.commit-8d8b09e/sitemap.xml" />
 
     <!-- Warm the 3D preview / fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -70,13 +70,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/1.0.2-31055297774.commit-b808071/_assets/index-CTfBCyyR.js"></script>
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31055297774.commit-b808071/_assets/react-BYHuwl8r.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31055297774.commit-b808071/_assets/dcl-schemas-CmtP3U6y.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31055297774.commit-b808071/_assets/sentry-Dx-KuLV3.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31055297774.commit-b808071/_assets/ethers-BDpbhgX6.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31055297774.commit-b808071/_assets/intl-CBcMB1D2.js">
-    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31055297774.commit-b808071/_assets/index-BYP7oMPZ.css">
+    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/1.0.2-31061952187.commit-8d8b09e/_assets/index-CKUuopSw.js"></script>
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31061952187.commit-8d8b09e/_assets/react-BYHuwl8r.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31061952187.commit-8d8b09e/_assets/dcl-schemas-CmtP3U6y.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31061952187.commit-8d8b09e/_assets/sentry-Dx-KuLV3.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31061952187.commit-8d8b09e/_assets/ethers-BDpbhgX6.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31061952187.commit-8d8b09e/_assets/intl-CBcMB1D2.js">
+    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/1.0.2-31061952187.commit-8d8b09e/_assets/index-BYP7oMPZ.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/shop",
-  "version": "1.0.2-31055297774.commit-b808071",
+  "version": "1.0.2-31061952187.commit-8d8b09e",
   "main": "index.js",
   "author": "Decentraland",
   "license": "Apache-2.0",
@@ -8,5 +8,5 @@
     "type": "git",
     "url": "git+https://github.com/decentraland/shop.git"
   },
-  "commit": "b80807141048b4a38ec1574cea4761e50ccfad00"
+  "commit": "8d8b09eeeb6f96d88c4a76d06cd7d9edf5477592"
 }

package/_assets/Authorizations-CLC0gP2S.js

@@ -1,188 +0,0 @@
-import{j as i,L as q,r as _}from"./react-BYHuwl8r.js";import{t as o,s as n,B as F,w as D,x as G,b as e,o as P,y as O,I as z,z as B,v as w,A as K,c as H,D as Q,E as A,F as X,G as Z,H as E}from"./index-CTfBCyyR.js";import{c as J,d as U,b as V,e as Y,s as tt,a as it}from"./authorizations-B17B7Njo.js";import{f as et}from"./builder-jjuFCu3k.js";import{m as ot}from"./mana-matic-C4e1sNO3.js";import{f as at}from"./errors-BruxKfZB.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./sendMetaTransaction-C5CWJOs0.js";const nt=D`
-  to { transform: rotate(360deg); }
-`,st=D`
-  to { background-position: -200% 0; }
-`,rt=n.section`
-  width: 100%;
-  min-width: 0;
-  /* Centre heading, intro and rows as ONE block, so the list isn't parked against the left edge of a
-     wide page (same treatment as the Activity feed). */
-  max-width: 760px;
-  margin-inline: auto;
-`,ct=n.div`
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  margin-bottom: 24px;
-`,lt=n.h1`
-  font-family: ${o.font.sans};
-  margin: 0;
-  color: ${o.colors.softWhite};
-`,dt=n.p`
-  color: ${o.colors.gray4};
-  font-size: 14px;
-  margin: 0;
-  max-width: 60ch;
-`,k=n.div`
-  margin-bottom: 28px;
-`,C=n.h2`
-  font-family: ${o.font.sans};
-  font-size: 15px;
-  font-weight: 700;
-  color: ${o.colors.softWhite};
-  margin: 0 0 10px;
-`,x=n.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,ut=n.div`
-  display: grid;
-  grid-template-columns: 44px 1fr auto;
-  align-items: center;
-  gap: 14px;
-  padding: 14px 18px;
-  background: ${o.colors.white};
-  border: 1px solid ${o.colors.line};
-  border-radius: 16px;
-
-  ${o.media.maxWidth("mobile")} {
-    grid-template-columns: 44px 1fr;
-    grid-row-gap: 10px;
-  }
-`,T=n.div`
-  height: 74px;
-  border-radius: 16px;
-  background: linear-gradient(100deg, #efeef2 30%, #e2e0e7 50%, #efeef2 70%);
-  background-size: 200% 100%;
-  animation: ${st} 1.4s infinite linear;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,ht=n.img`
-  width: 22px !important;
-  height: 22px !important;
-  object-fit: contain;
-`,pt=n.div`
-  width: 44px;
-  height: 44px;
-  border-radius: 10px;
-  background: ${o.colors.media};
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${o.colors.muted2};
-
-  img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-`,mt=n.div`
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 3px;
-`,gt=n.span`
-  font-weight: 700;
-  color: ${o.colors.text};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,xt=n.span`
-  font-size: 13px;
-  color: ${o.colors.muted};
-`,ft=n.span`
-  font-size: 12px;
-  font-weight: 700;
-  color: ${o.colors.muted2};
-
-  &[data-active='true'] {
-    color: ${o.colors.okStrong};
-  }
-`,yt=n.div`
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  justify-self: end;
-
-  ${o.media.maxWidth("mobile")} {
-    grid-column: 1 / -1;
-    justify-self: start;
-  }
-`,bt=n.button`
-  position: relative;
-  width: 46px;
-  height: 26px;
-  flex: 0 0 auto;
-  border-radius: ${o.radius.pill};
-  border: none;
-  background: ${o.colors.gray4};
-  cursor: pointer;
-  transition: background 0.15s;
-  padding: 0;
-
-  &::after {
-    content: '';
-    position: absolute;
-    top: 3px;
-    left: 3px;
-    width: 20px;
-    height: 20px;
-    border-radius: 50%;
-    background: ${o.colors.white};
-    transition: transform 0.15s;
-  }
-
-  &[data-active='true'] {
-    background: ${o.colors.accent};
-  }
-  &[data-active='true']::after {
-    transform: translateX(20px);
-  }
-
-  &:disabled {
-    cursor: default;
-    opacity: 0.6;
-  }
-
-  &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
-    outline-offset: 2px;
-  }
-`,zt=n.span`
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  border: 2px solid ${o.colors.gray4};
-  border-top-color: ${o.colors.accent};
-  animation: ${nt} 0.7s linear infinite;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,I=n.p`
-  color: ${o.colors.gray4};
-  font-size: 14px;
-  margin: 0;
-`,jt=n.p`
-  color: ${o.colors.muted};
-  font-size: 14px;
-  margin: 0 0 12px;
-`,S=n.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  text-align: center;
-  padding: 90px 20px;
-  min-height: 50vh;
-  color: ${o.colors.softWhite};
-`,L=n.p`
-  font-size: 22px;
-  font-weight: 700;
-  margin: 6px 0 0;
-`,M=n(F)`
-  margin-top: 12px;
-`;function j({descriptor:t,owner:s,signer:r,name:a,description:c,image:l,icon:p}){const v=K(),[h,y]=_.useState(!1),{data:u,isLoading:m,refetch:d}=w({queryKey:["authorization",t.id,s],queryFn:()=>it(t,s),staleTime:3e4});async function g(){if(h||m)return;const b=!u;y(!0);try{await tt({auth:t,signer:r,active:b}),await d(),v.setQueryData(["authorization",t.id,s],b),A.success(b?e("authorizations.toastActivated",{name:a}):e("authorizations.toastDeactivated",{name:a}))}catch($){X($,{flow:"authorizations",step:b?"grant":"revoke"}),A.error(at($,e("authorizations.errorGeneric")))}finally{y(!1)}}const W=m?e("authorizations.checking"):u?e("authorizations.active"):e("authorizations.inactive");return i.jsxs(ut,{"data-testid":`authorization-${t.id}`,"data-active":!!u,children:[i.jsx(pt,{children:l?i.jsx("img",{src:l,alt:""}):p}),i.jsxs(mt,{children:[i.jsx(gt,{title:a,children:a}),i.jsx(xt,{children:c})]}),i.jsxs(yt,{children:[i.jsx(ft,{"data-active":!!u,children:W}),h?i.jsx(zt,{"aria-label":e("authorizations.working")}):i.jsx(bt,{type:"button","data-testid":`authorization-toggle-${t.id}`,"data-active":!!u,role:"switch","aria-checked":!!u,"aria-label":u?e("authorizations.deactivateAria",{name:a}):e("authorizations.activateAria",{name:a}),disabled:m,onClick:()=>void g()})]})]})}const f=500,R=10,wt=f*R;async function N(t,s){const r=await E(t,{category:s,first:f}),a=Math.min(Math.ceil(r.total/f),R),c=await Promise.all(Array.from({length:Math.max(0,a-1)},(l,p)=>E(t,{category:s,first:f,skip:(p+1)*f})));return{assets:[...r.assets,...c.flatMap(l=>l.assets)],truncated:r.total>wt}}function vt(t){return w({queryKey:["owned-collections",t],enabled:!!t,staleTime:6e4,queryFn:async()=>{const[s,r]=await Promise.all([N(t,"wearable"),N(t,"emote")]),a=new Map;for(const c of[...s.assets,...r.assets]){const l=c.contractAddress.toLowerCase();a.has(l)||a.set(l,c)}return{collections:[...a.values()],truncated:s.truncated||r.truncated,scanned:s.assets.length+r.assets.length}}})}function kt(t){return w({queryKey:["contract-registry"],enabled:t,staleTime:1/0,gcTime:1/0,queryFn:Z})}function Ct(t,s){const r=s==null?void 0:s.get(t.toLowerCase());if(r)return r;const a=Q(t);return a===t?e("authorizations.collectionFallback"):a}function $t(t,s){return w({queryKey:["creator-collections",t],enabled:!!t&&!!s,staleTime:6e4,queryFn:async()=>{const r=await et(t,s),a=new Map;for(const c of r){const l=c.contractAddress.toLowerCase();a.has(l)||a.set(l,c)}return[...a.values()]}})}function qt(){G({title:e("authorizations.title"),noindex:!0});const{session:t,signIn:s}=P(),r=H.chainId,a=O(t==null?void 0:t.providerType),{data:c,isLoading:l}=vt(a?t==null?void 0:t.address:void 0),{data:p,isLoading:v}=kt(!!a&&!!(t!=null&&t.address)),{data:h,isLoading:y}=$t(a?t==null?void 0:t.address:void 0,a?t==null?void 0:t.identity:void 0);if(!t)return i.jsxs(S,{children:[i.jsx(z,{name:"info",size:40,color:o.colors.muted2}),i.jsx(L,{children:e("authorizations.signInTitle")}),i.jsx("p",{className:"muted",children:e("authorizations.signInBody")}),i.jsx(M,{variant:"purple",onClick:()=>s(),children:e("storeSettings.signIn")})]});if(!a)return i.jsxs(S,{children:[i.jsx(z,{name:"check",size:40,color:o.colors.ok}),i.jsx(L,{children:e("authorizations.managedTitle")}),i.jsx("p",{className:"muted",children:e("authorizations.managedBody")}),i.jsx(M,{as:q,to:"/items",variant:"purple",children:e("authorizations.managedCta")})]});const u=J(r),m=U(r);return i.jsxs(rt,{children:[i.jsxs(ct,{children:[i.jsx(lt,{children:e("authorizations.title")}),i.jsx(dt,{children:e("authorizations.intro")})]}),i.jsxs(k,{children:[i.jsx(C,{children:e("authorizations.buyingTitle")}),i.jsxs(x,{children:[i.jsx(j,{descriptor:u,owner:t.address,signer:t.signer,name:e("authorizations.creditsName"),description:e("authorizations.creditsDesc"),icon:i.jsx(B,{className:"ccy-mark"})}),i.jsx(j,{descriptor:m,owner:t.address,signer:t.signer,name:e("authorizations.manaName"),description:e("authorizations.manaDesc"),icon:i.jsx(ht,{src:ot,alt:"","aria-hidden":!0})})]})]}),i.jsxs(k,{children:[i.jsx(C,{children:e("authorizations.sellingTitle")}),c!=null&&c.truncated?i.jsx(jt,{"data-testid":"authorizations-selling-truncated",children:e("authorizations.sellingTruncated",{count:c.scanned})}):null,l||v?i.jsx(x,{"aria-busy":"true","aria-label":e("authorizations.checking"),children:Array.from({length:3}).map((d,g)=>i.jsx(T,{"aria-hidden":!0},g))}):c&&c.collections.length>0?i.jsx(x,{children:c.collections.map(d=>i.jsx(j,{descriptor:V(d.contractAddress,r),owner:t.address,signer:t.signer,name:Ct(d.contractAddress,p),description:e("authorizations.sellingDesc"),image:d.image,icon:i.jsx(z,{name:"pen",size:18})},d.contractAddress))}):i.jsx(I,{children:e("authorizations.sellingEmpty")})]}),i.jsxs(k,{children:[i.jsx(C,{children:e("authorizations.mintingTitle")}),y?i.jsx(x,{"aria-busy":"true","aria-label":e("authorizations.checking"),children:Array.from({length:3}).map((d,g)=>i.jsx(T,{"aria-hidden":!0},g))}):h&&h.length>0?i.jsx(x,{children:h.map(d=>i.jsx(j,{descriptor:Y(d.contractAddress,r),owner:t.address,signer:t.signer,name:d.name||e("authorizations.collectionFallback"),description:e("authorizations.mintingDesc"),icon:i.jsx(z,{name:"pen",size:18})},d.contractAddress))}):i.jsx(I,{children:e("authorizations.mintingEmpty")})]})]})}export{qt as Authorizations};

package/_assets/LazyEmoteControls-DnvyzyyY.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index-BfqVu35d.js","_assets/react-BYHuwl8r.js","_assets/dcl-schemas-CmtP3U6y.js","_assets/index-CTfBCyyR.js","_assets/sentry-Dx-KuLV3.js","_assets/ethers-BDpbhgX6.js","_assets/intl-CBcMB1D2.js","_assets/index-BYP7oMPZ.css","_assets/createSvgIcon-Cg8ZliIm.js","_assets/clsx-WwvpwSg0.js","_assets/styled-DUDTxrNz.js","_assets/emotion-styled.browser.esm-DZbIWeAZ.js","_assets/CircularProgress-1YXgiQtT.js","_assets/index-HaAGk4bQ.js","_assets/useTheme-BvkrK9YA.js"])))=>i.map(i=>d[i]);
-import{_ as e}from"./index-CTfBCyyR.js";import{j as t,r as s}from"./react-BYHuwl8r.js";const _=s.lazy(async()=>{const[{EmoteControls:o},{Experimental_CssVarsProvider:i},{light:n}]=await Promise.all([e(()=>import("./index-BfqVu35d.js").then(r=>r.i),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12])),e(()=>import("./index-HaAGk4bQ.js"),__vite__mapDeps([13,3,1,2,4,5,6,7,14,10])),e(()=>import("./index-CTfBCyyR.js").then(r=>r.d9),__vite__mapDeps([3,1,2,4,5,6,7]))]);return{default:r=>t.jsx(i,{theme:n,children:t.jsx(o,{...r})})}});function m(o){return t.jsx(s.Suspense,{fallback:null,children:t.jsx(_,{...o})})}export{m as E};

package/_assets/NotFound-CIGIbTGI.js

@@ -1,13 +0,0 @@
-import{j as t,L as e}from"./react-BYHuwl8r.js";import{s as n,I as i,x as s,b as o,B as a}from"./index-CTfBCyyR.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";const r=n.div`
-  min-height: 52vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  gap: 14px;
-`,c=n(i)`
-  opacity: 0.4;
-`,d=n.h1`
-  font-size: 24px;
-`;function h(){return s({title:o("seo.notFound.title"),noindex:!0}),t.jsxs(r,{"data-testid":"notfound",children:[t.jsx(c,{name:"cart",size:44}),t.jsx(d,{children:o("notFound.title")}),t.jsx("p",{className:"muted",children:o("notFound.body")}),t.jsx(a,{as:e,to:"/items",variant:"purple",children:o("notFound.cta")})]})}export{h as NotFound,h as default};

package/_assets/OutfitDetail-DF87HN6H.js

@@ -1,334 +0,0 @@
-import{L as k,d as te,j as e,r as p}from"./react-BYHuwl8r.js";import{s as t,I as j,t as ie,O as se,P as ae,Q as ne,B as w,R as oe,o as B,S as re,v as le,x as de,b as a,U as M,V as F,W as ce,X as pe,Y as he,Z as me,$ as xe,a0 as ue,a1 as ge,a2 as fe,a3 as be,a4 as ve,a5 as ye,a6 as je,a7 as we,a8 as ke,a9 as Ie,aa as $e,z as E,ab as Ce,ac as Ee,ad as ze,ae as Le,af as Oe,ag as Se}from"./index-CTfBCyyR.js";import{E as _}from"./ErrorNotice-aOead5te.js";import{E as Ae}from"./LazyEmoteControls-DnvyzyyY.js";import{O as Fe}from"./OutfitPreview-IPt5zFQ2.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./disposePreview-5vjiqVZ0.js";const{colors:o,radius:Ne,media:d}=ie,H=t.div`
-  max-width: 1721px;
-  margin: 0 auto;
-`,Te=t.nav`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 13px;
-  color: ${o.muted};
-  margin-bottom: 18px;
-`,N=t(k)`
-  color: ${o.muted};
-
-  &:hover {
-    color: ${o.text};
-  }
-`,Pe=t.span`
-  color: ${o.text};
-  font-weight: 600;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-`,K=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;
-
-  ${d.maxWidth("mobile")} {
-    grid-template-columns: 1fr;
-    gap: 16px;
-    height: auto;
-    min-height: 0;
-  }
-`,D=t.div`
-  position: relative;
-  border-radius: 24px;
-  overflow: hidden;
-  background: ${o.media};
-
-  ${d.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;
-  }
-`,We=t.div`
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-
-  & [class*='MuiBox'] {
-    pointer-events: auto;
-  }
-`,Re=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;
-`,Be=t.h1`
-  font-size: 28px;
-  font-weight: 600;
-  overflow-wrap: anywhere;
-`,Me=t.p`
-  font-size: 12px;
-  font-weight: 500;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: ${o.muted1};
-`,_e=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;
-
-  ${d.maxWidth("mobile")} {
-    overflow: visible;
-    padding: 0;
-    margin: 0;
-  }
-`,He=t.ul`
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-`,Ke=t.li`
-  position: relative;
-  display: flex;
-  align-items: stretch;
-  gap: 14px;
-  border-radius: 16px;
-  background: ${o.bg};
-  overflow: hidden;
-  isolation: isolate;
-  transition:
-    box-shadow 0.35s ease,
-    transform 0.25s ease;
-
-  &::after {
-    ${se};
-  }
-
-  &::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    z-index: 5;
-    pointer-events: none;
-    border-radius: inherit;
-    ${ae};
-    opacity: 0;
-    transition: opacity 0.3s ease;
-  }
-
-  @media (hover: hover) {
-    &:hover,
-    &:focus-within {
-      ${ne};
-      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;
-  }
-`,De=t(k)`
-  position: absolute;
-  inset: 0;
-  z-index: 1;
-`,Ue=t.img`
-  width: 96px;
-  height: 96px;
-  object-fit: cover;
-  background: ${o.panel};
-  flex-shrink: 0;
-
-  ${d.maxWidth("mobile")} {
-    width: 88px;
-    height: 88px;
-  }
-`,Ve=t.span`
-  width: 96px;
-  height: 96px;
-  background: ${o.panel};
-  flex-shrink: 0;
-
-  ${d.maxWidth("mobile")} {
-    width: 88px;
-    height: 88px;
-  }
-`,T=t.div`
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: 3px;
-  padding: 10px 14px 10px 0;
-`,z=t.span`
-  font-size: 14px;
-  font-weight: 600;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,qe=t(k)`
-  position: relative;
-  z-index: 2;
-  align-self: flex-start;
-  font-size: 13px;
-  color: ${o.muted};
-
-  &:hover {
-    color: ${o.text};
-    text-decoration: underline;
-  }
-`,P=t.span`
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin-top: 2px;
-`,Qe=t.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 5px;
-  font-size: 16px;
-  font-weight: 600;
-  white-space: nowrap;
-`,v=t.span`
-  font-size: 12px;
-  font-weight: 400;
-  padding: 2px 8px;
-  border-radius: ${Ne.chip};
-  background: ${o.chip};
-  color: ${o.text2};
-  white-space: nowrap;
-`,Ge=t.span`
-  display: flex;
-  align-items: center;
-  gap: 3px;
-  margin-left: auto;
-
-  ${d.maxWidth("mobile")} {
-    display: none;
-  }
-`,y=t(oe)`
-  &[data-variant='smart'] {
-    gap: 2px;
-    background: ${o.chip};
-    color: ${o.text2};
-    text-transform: uppercase;
-    letter-spacing: 0.02em;
-  }
-`,Xe=t.p`
-  margin-top: 8px;
-`,Ye=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 ${o.line};
-
-  ${d.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: ${o.softWhite};
-    box-shadow: 0 -4px 16px rgba(22, 21, 24, 0.12);
-  }
-`,Je=t.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  ${d.maxWidth("mobile")} {
-    /* The phone CTA carries the price itself (the Figma bar). */
-    display: none;
-  }
-`,et=t.span`
-  font-size: 14px;
-  font-weight: 600;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: ${o.muted1};
-`,tt=t.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 26px;
-  font-weight: 800;
-`,it=t(w)`
-  width: 100%;
-  min-height: 52px;
-  border-radius: 16px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-`,st=t.span`
-  display: none;
-
-  ${d.maxWidth("mobile")} {
-    display: inline-flex;
-    align-items: center;
-    gap: 5px;
-    font-size: 16px;
-  }
-`,W=t.div`
-  min-height: 52vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  gap: 14px;
-`,at=t(j)`
-  opacity: 0.4;
-`,nt=t.h1`
-  font-size: 24px;
-`,R="outfit-detail-preview";function bt(){const{id:i}=te(),n=B(f=>f.session),c=re(),g=c==="creator",{data:r,isError:I,refetch:m}=le({queryKey:["outfit",i,g],enabled:F()&&!!i,staleTime:6e4,queryFn:()=>Se(i,g&&n?n.identity:void 0)}),l=!F()||!i||r===null&&c!=="pending";return de(l?{title:a("seo.outfit.notFoundTitle"),noindex:!0}:r?{title:r.name,image:M(r.thumbnailHash)??void 0}:{}),l?e.jsxs(W,{"data-testid":"outfit-notfound",children:[e.jsx(at,{name:"cart",size:44}),e.jsx(nt,{children:a("outfits.detail.notFoundTitle")}),e.jsx("p",{className:"muted",children:a("outfits.detail.notFoundBody")}),e.jsx(w,{as:k,to:"/items",variant:"purple",children:a("notFound.cta")})]}):I?e.jsxs(W,{"data-testid":"outfit-detail-error",children:[e.jsx(_,{message:a("outfits.errors.generic")}),e.jsx(w,{variant:"purple",onClick:()=>void m(),children:a("outfits.detail.retry")})]}):r?e.jsx(rt,{outfit:r}):e.jsx(H,{"aria-busy":"true","data-testid":"outfit-detail-loading",children:e.jsxs(K,{children:[e.jsx(D,{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 ot({item:i}){const n=Ce(i),c=Ee(i.gender);return e.jsxs(Ge,{children:[i.rarity?e.jsx(y,{"data-variant":"rarity",style:{background:Oe(i.rarity),color:Le(i.rarity)},title:ze(i.rarity),children:i.rarity}):null,i.isSmart?e.jsxs(y,{"data-variant":"smart",children:[e.jsx(j,{name:"smart",size:13}),a("assetCard.smart")]}):null,n?e.jsx(y,{"data-variant":"icon",children:e.jsx(j,{name:n})}):null,c?e.jsx(y,{"data-variant":"icon",children:e.jsx(j,{name:c})}):null]})}function rt({outfit:i}){const n=ce(i),{split:c,availableCount:g,totalCredits:r,addOutfit:I,isAdding:m}=pe(i,n),l=B(s=>{var u;return(u=s.session)==null?void 0:u.address}),f=he(s=>s.items),L=p.useMemo(()=>new Set(f.map(me)),[f]),O=M(i.thumbnailHash),S=p.useRef(null);p.useEffect(()=>{S.current!==i.id&&(S.current=i.id,xe("Shop Outfit Viewed",{outfit_id:i.id,item_count:i.items.length}))},[i.id,i.items.length]);const $=p.useMemo(()=>i.items.map(s=>{const u=ue(s),C=n.byKey.get(u)??null;return{key:u,item:C,state:C?ge(C,{address:l,cartKeys:L}):"missing"}}),[i,n.byKey,l,L]),{data:V,isFetched:q}=fe(l),Q=!l||q,G=!!l&&!!V,X=i.bodyShape==="female"?be:i.bodyShape==="male"?ve:void 0,x=p.useMemo(()=>$.map(s=>s.item).filter(s=>!!s),[$]),A=p.useMemo(()=>ye(x),[x]),Y=p.useMemo(()=>!!je(x),[x]),Z=p.useMemo(()=>x.map(s=>we(s)??"").filter(Boolean),[x]),h=ke({address:l,tryOnUrns:A,tryOnCategories:Z}),J=i.items.length,ee=!n.isLoading&&!n.isError,b=c.purchasable.length;return e.jsxs(H,{"data-testid":"outfit-detail",children:[e.jsxs(Te,{"aria-label":a("outfits.detail.breadcrumbAria"),children:[e.jsx(N,{to:"/overview",children:a("nav.overview")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(N,{to:"/overview",children:a("outfits.detail.breadcrumbLooks")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(Pe,{children:i.name})]}),e.jsxs(K,{children:[e.jsx(D,{"data-testid":"outfit-detail-preview",style:{background:Ie(i)},children:O&&!n.isLoading&&A.length===0?e.jsx(Re,{src:O,alt:i.name}):e.jsx(Fe,{id:R,profile:h.profile,bodyShape:h.bodyShape??(G?void 0:X),urns:h.urns,skin:h.skin,hair:h.hair,eyes:h.eyes,enabled:Q&&!h.isLoading&&!n.isLoading,controls:Y?e.jsx(We,{"data-testid":"outfit-emote-controls",children:e.jsx(Ae,{wearablePreviewId:R,hideFrameInput:!0})}):null})}),e.jsxs(U,{children:[e.jsx(Be,{children:i.name}),e.jsx(Me,{"data-testid":"outfit-detail-meta",children:a("outfits.detail.itemsCount",{count:J})}),n.isError?e.jsxs(Ye,{children:[e.jsx(_,{message:a("outfits.detail.resolveError"),testId:"outfit-detail-resolve-error"}),e.jsx(w,{variant:"outline","data-testid":"outfit-detail-retry",onClick:n.retry,children:a("outfits.detail.retry")})]}):e.jsxs(e.Fragment,{children:[e.jsxs(_e,{children:[e.jsx(He,{children:$.map(s=>e.jsx(Ke,{"data-testid":"outfit-detail-item","data-state":s.state,children:s.item?e.jsxs(e.Fragment,{children:[e.jsx(De,{to:`/item/${s.item.contractAddress}/${s.item.itemId}`,state:{item:s.item},"aria-label":s.item.name}),e.jsx(Ue,{src:s.item.thumbnail,alt:"",loading:"lazy"}),e.jsxs(T,{children:[e.jsx(z,{children:s.item.name}),s.item.creator?e.jsx(qe,{to:`/items/creator/${s.item.creator}`,children:e.jsx($e,{address:s.item.creator})}):null,e.jsxs(P,{children:[s.state!=="unavailable"?e.jsxs(Qe,{children:[e.jsx(E,{size:15}),s.item.priceCredits.toLocaleString()]}):null,s.state==="unavailable"?e.jsx(v,{children:a("outfits.card.unavailable")}):s.state==="own_listing"?e.jsx(v,{children:a("outfits.detail.yourListing")}):s.state==="in_cart"?e.jsx(v,{children:a("outfits.detail.inCart")}):null,e.jsx(ot,{item:s.item})]})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(Ve,{className:n.isLoading?"skeleton":void 0,"aria-hidden":!0}),e.jsx(T,{children:n.isLoading?e.jsx(z,{children:e.jsx("span",{className:"skeleton",style:{display:"block",width:"70%",height:14}})}):e.jsxs(e.Fragment,{children:[e.jsx(z,{className:"muted",children:a("outfits.card.unavailable")}),e.jsx(P,{children:e.jsx(v,{children:a("outfits.card.unavailable")})})]})})]})},s.key))}),ee&&c.ownListing.length>0?e.jsx(Xe,{className:"muted small",children:a("outfits.detail.yourListingHint")}):null]}),e.jsxs(Ze,{"data-testid":"outfit-detail-ctabar",children:[e.jsxs(Je,{children:[e.jsx(et,{children:a("outfits.detail.totalPrice")}),n.isLoading?e.jsx("span",{className:"skeleton",style:{width:64,height:26},"aria-hidden":!0}):e.jsxs(tt,{children:[e.jsx(E,{size:22}),r.toLocaleString()]})]}),n.isLoading?e.jsx("span",{className:"skeleton",style:{width:"100%",height:52,borderRadius:26},"aria-hidden":!0}):e.jsxs(it,{variant:"purple","data-testid":"outfit-detail-cta",onClick:I,disabled:m||b===0,"aria-busy":m||void 0,children:[m?a("outfits.card.adding"):b>0?a("outfits.detail.addCount",{count:b}):g>0?a("outfits.detail.nothingToAdd"):a("outfits.card.unavailable"),!m&&b>0?e.jsxs(st,{children:[e.jsx(E,{size:16}),r.toLocaleString()]}):null]})]})]})]})]})]})}export{bt as OutfitDetail,bt as default};