@dcl/shop 1.6.4-31393274893.commit-fe5b3e4 → 1.6.4-31478985898.commit-31fbca5

package/_assets/{OutfitDetail-BrhrFR4H.js → OutfitDetail-DL9KkMIP.js}

@@ -1,17 +1,17 @@
-import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s as i,I as j,O as ne,P as oe,B as w,Q as re,v as _,R as de,l as le,y as ce,b as s,S as D,U as T,V as he,W as pe,X as me,Y as ue,Z as xe,$ as ge,a0 as fe,a1 as be,a2 as ye,a3 as ve,a4 as je,a5 as we,a6 as $e,a7 as ke,a8 as Ie,a9 as Ce,A as z,aa as Ee,ab as ze,ac as Le,ad as We,ae as Oe,af as Se}from"./index-DmWruJR2.js";import{E as H}from"./ErrorNotice-DQptpq6K.js";import{E as Ae}from"./LazyEmoteControls-D1j7i1Dx.js";import{O as Fe}from"./OutfitPreview-DKF6z0YR.js";import"./dcl-schemas-DCCxcBd_.js";import"./sentry-D5pxZjEX.js";import"./ethers-DL8HYBD1.js";import"./intl-AKLEHPeO.js";import"./disposePreview-Bt1zthb-.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},o=new t.Error().stack;o&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[o]="eccabd0d-4c2c-42b4-a812-61c5f496950b",t._sentryDebugIdIdentifier="sentry-dbid-eccabd0d-4c2c-42b4-a812-61c5f496950b")}catch{}})();const{colors:n,radius:g,media:r,gradients:Te}=se,K=i.div`
+import{L as $,d as ae,j as e,r as h}from"./react-D4a12AOU.js";import{t as ne,s as i,I as j,G as oe,H as re,B as w,J as de,o as D,K as le,l as ce,n as he,b as a,L as H,M as P,N as pe,O as me,P as ue,Q as xe,R as ge,S as fe,U as be,V as ye,W as ve,X as je,Y as we,Z as $e,$ as ke,a0 as Ie,a1 as Ce,a2 as Ee,q as z,a3 as W,a4 as ze,a5 as We,a6 as Le,a7 as Oe,a8 as Ae,a9 as Fe}from"./index-Cz0qQOE1.js";import{E as K}from"./ErrorNotice-O5DWS_gB.js";import{E as Te}from"./LazyEmoteControls-DXGDL3dL.js";import{O as Se}from"./OutfitPreview-DPkjJ61X.js";import"./dcl-schemas-BUryvO70.js";import"./sentry-BtNPB732.js";import"./ethers-CRWPmA0X.js";import"./intl-AKLEHPeO.js";import"./disposePreview-D2GvvC0L.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},o=new t.Error().stack;o&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[o]="f7328dc1-9c5c-40aa-be4b-784fcdf9b89a",t._sentryDebugIdIdentifier="sentry-dbid-f7328dc1-9c5c-40aa-be4b-784fcdf9b89a")}catch{}})();const{colors:n,radius:g,media:r,gradients:Pe}=ne,q=i.div`
   max-width: 1721px;
   margin: 0 auto;
   /* The page's bottom padding is 56px, but the phone CTA bar is sticky and has its own bottom padding for the safe area. 
    * The bar's shadow would otherwise float over the footer, so the page's padding is reduced to match the bar's height. */
   margin-bottom: -56px;
-`,Pe=i.nav`
+`,Ne=i.nav`
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 13px;
   color: ${n.gray4};
   margin-bottom: 18px;
-`,P=i($)`
+`,N=i($)`
   color: ${n.gray4};
 
   &:hover {
@@ -23,7 +23,7 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-`,q=i.div`
+`,U=i.div`
   display: grid;
   grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
   gap: 40px;
@@ -37,7 +37,7 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
     height: auto;
     min-height: 0;
   }
-`,U=i.div`
+`,V=i.div`
   position: relative;
   border-radius: 24px;
   overflow: hidden;
@@ -71,18 +71,18 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
   & [class*='MuiBox'] {
     pointer-events: auto;
   }
-`,Ne=i.img`
+`,Me=i.img`
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   object-fit: contain;
-`,V=i.div`
+`,G=i.div`
   display: flex;
   flex-direction: column;
   gap: 15px;
   min-height: 0;
-`,Me=i.h1`
+`,_e=i.h1`
   font-size: 28px;
   font-weight: 600;
   color: ${n.softWhite};
@@ -92,13 +92,13 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
     font-size: 20px;
     line-height: 24px;
   }
-`,_e=i.p`
+`,De=i.p`
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 0.04em;
   text-transform: uppercase;
   color: ${n.gray4};
-`,De=i.div`
+`,He=i.div`
   flex: 0 1 auto;
   min-height: 0;
   overflow-y: auto;
@@ -114,14 +114,14 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
     padding: 0;
     margin: 0;
   }
-`,He=i.ul`
+`,Ke=i.ul`
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   gap: 10px;
-`,Ke=i.li`
+`,qe=i.li`
   position: relative;
   display: flex;
   align-items: stretch;
@@ -142,7 +142,7 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
     z-index: 5;
     pointer-events: none;
     border-radius: inherit;
-    ${ne};
+    ${oe};
     opacity: 0;
     transition: opacity 0.3s ease;
   }
@@ -150,7 +150,7 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
   @media (hover: hover) {
     &:hover,
     &:focus-within {
-      ${oe};
+      ${re};
       transform: scale(1.015);
       /* Above the neighbouring rows while zoomed, or the next card paints over the growth. */
       z-index: 6;
@@ -177,11 +177,11 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
   &[data-state='missing'] {
     opacity: 0.55;
   }
-`,qe=i($)`
+`,Ue=i($)`
   position: absolute;
   inset: 0;
   z-index: 1;
-`,Ue=i.img`
+`,Ve=i.img`
   width: 96px;
   height: 96px;
   object-fit: cover;
@@ -193,7 +193,7 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
     width: 88px;
     height: 88px;
   }
-`,Ve=i.span`
+`,Ge=i.span`
   width: 96px;
   height: 96px;
   border-radius: ${g.card};
@@ -234,7 +234,7 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
   align-items: center;
   gap: 6px;
   margin-top: 2px;
-`,Ge=i.span`
+`,Je=i.span`
   display: inline-flex;
   align-items: center;
   gap: 5px;
@@ -258,7 +258,7 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
   ${r.maxWidth("mobile")} {
     display: none;
   }
-`,v=i(re)`
+`,v=i(de)`
   border-radius: 6px;
 
   &[data-variant='smart'],
@@ -284,7 +284,7 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
   align-items: flex-start;
   gap: 12px;
   padding: 8px 0;
-`,Je=i.div`
+`,et=i.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -305,7 +305,7 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
     background: ${n.accent};
     box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.35);
   }
-`,et=i.div`
+`,tt=i.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -314,13 +314,13 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
     /* The phone CTA carries the price itself (the Figma bar). */
     display: none;
   }
-`,tt=i.span`
+`,it=i.span`
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 0.04em;
   text-transform: uppercase;
   color: ${n.gray4};
-`,it=i.span`
+`,st=i.span`
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -337,7 +337,7 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
   gap: 10px;
 
   && {
-    background: ${Te.buyBtn};
+    background: ${Pe.buyBtn};
   }
   &&::before {
     content: none;
@@ -349,7 +349,7 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
   ${r.maxWidth("mobile")} {
     border-radius: ${g.pill};
   }
-`,st=i.span`
+`,nt=i.span`
   display: none;
 
   ${r.maxWidth("mobile")} {
@@ -358,7 +358,7 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
     gap: 5px;
     font-size: 16px;
   }
-`,N=i.div`
+`,M=i.div`
   min-height: 52vh;
   display: flex;
   flex-direction: column;
@@ -367,12 +367,12 @@ import{L as $,d as ae,j as e,r as h}from"./react-DjYfJ2MV.js";import{t as se,s a
   text-align: center;
   gap: 14px;
   color: ${n.softWhite};
-`,nt=i(j)`
+`,ot=i(j)`
   opacity: 0.4;
-`,ot=i.h1`
+`,rt=i.h1`
   font-size: 24px;
-`,rt=i.p`
+`,dt=i.p`
   margin: 0;
   color: ${n.gray4};
-`,M="outfit-detail-preview";function vt(){const{id:t}=ae(),o=_(c=>c.session),d=de(),f=d==="creator",{data:l,isError:k,refetch:I}=le({queryKey:["outfit",t,f],enabled:T()&&!!t,staleTime:6e4,queryFn:()=>Se(t,f&&o?o.identity:void 0)}),p=!T()||!t||l===null&&d!=="pending";return ce(p?{title:s("seo.outfit.notFoundTitle"),noindex:!0}:l?{title:l.name,image:D(l.thumbnailHash)??void 0}:{}),p?e.jsxs(N,{"data-testid":"outfit-notfound",children:[e.jsx(nt,{name:"cart",size:44}),e.jsx(ot,{children:s("outfits.detail.notFoundTitle")}),e.jsx(rt,{children:s("outfits.detail.notFoundBody")}),e.jsx(w,{as:$,to:"/items",variant:"purple",children:s("notFound.cta")})]}):k?e.jsxs(N,{"data-testid":"outfit-detail-error",children:[e.jsx(H,{message:s("outfits.errors.generic")}),e.jsx(w,{variant:"purple",onClick:()=>void I(),children:s("outfits.detail.retry")})]}):l?e.jsx(lt,{outfit:l}):e.jsx(K,{"aria-busy":"true","data-testid":"outfit-detail-loading",children:e.jsxs(q,{children:[e.jsx(U,{children:e.jsx("span",{className:"skeleton",style:{position:"absolute",inset:0},"aria-hidden":!0})}),e.jsxs(V,{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 dt({item:t}){const o=Ee(t),d=ze(t.gender);return e.jsxs(Xe,{children:[t.rarity?e.jsx(v,{"data-variant":"rarity",style:{background:Oe(t.rarity)},title:We(t.rarity),children:Le(t.rarity)}):null,t.isSmart?e.jsxs(v,{"data-variant":"smart",children:[e.jsx(j,{name:"smart",size:13}),s("assetCard.smart")]}):null,o?e.jsx(v,{"data-variant":"icon",children:e.jsx(j,{name:o})}):null,d?e.jsx(v,{"data-variant":"icon",children:e.jsx(j,{name:d})}):null]})}function lt({outfit:t}){const o=he(t),{split:d,availableCount:f,totalCredits:l,outfitCredits:k,addOutfit:I,isAdding:p}=pe(t,o),c=_(a=>{var x;return(x=a.session)==null?void 0:x.address}),W=me(a=>a.items),O=h.useMemo(()=>new Set(W.map(ue)),[W]),S=D(t.thumbnailHash),A=h.useRef(null);h.useEffect(()=>{A.current!==t.id&&(A.current=t.id,xe("Shop Outfit Viewed",{outfit_id:t.id,item_count:t.items.length}))},[t.id,t.items.length]);const C=h.useMemo(()=>t.items.map(a=>{const x=ge(a),E=o.byKey.get(x)??null;return{key:x,item:E,state:E?fe(E,{address:c,cartKeys:O}):"missing"}}),[t,o.byKey,c,O]),{data:Q,isFetched:G}=be(c),X=!c||G,Y=!!c&&!!Q,Z=t.bodyShape==="female"?ye:t.bodyShape==="male"?ve:void 0,m=h.useMemo(()=>C.map(a=>a.item).filter(a=>!!a),[C]),F=h.useMemo(()=>je(m),[m]),J=h.useMemo(()=>!!we(m),[m]),ee=h.useMemo(()=>m.map(a=>$e(a)??"").filter(Boolean),[m]),u=ke({address:c,tryOnUrns:F,tryOnCategories:ee}),te=t.items.length,ie=!o.isLoading&&!o.isError,b=d.purchasable.length;return e.jsxs(K,{"data-testid":"outfit-detail",children:[e.jsxs(Pe,{"aria-label":s("outfits.detail.breadcrumbAria"),children:[e.jsx(P,{to:"/overview",children:s("nav.overview")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(P,{to:"/overview",children:s("outfits.detail.breadcrumbLooks")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(Re,{children:t.name})]}),e.jsxs(q,{children:[e.jsx(U,{"data-testid":"outfit-detail-preview",style:{background:Ie(t)},children:S&&!o.isLoading&&F.length===0?e.jsx(Ne,{src:S,alt:t.name}):e.jsx(Fe,{id:M,profile:u.profile,bodyShape:u.bodyShape??(Y?void 0:Z),urns:u.urns,skin:u.skin,hair:u.hair,eyes:u.eyes,enabled:X&&!u.isLoading&&!o.isLoading,controls:J?e.jsx(Be,{"data-testid":"outfit-emote-controls",children:e.jsx(Ae,{wearablePreviewId:M,hideFrameInput:!0})}):null})}),e.jsxs(V,{children:[e.jsx(Me,{children:t.name}),e.jsx(_e,{"data-testid":"outfit-detail-meta",children:s("outfits.detail.itemsCount",{count:te})}),o.isError?e.jsxs(Ze,{children:[e.jsx(H,{message:s("outfits.detail.resolveError"),testId:"outfit-detail-resolve-error"}),e.jsx(w,{variant:"outline","data-testid":"outfit-detail-retry",onClick:o.retry,children:s("outfits.detail.retry")})]}):e.jsxs(e.Fragment,{children:[e.jsx(De,{children:e.jsx(He,{children:C.map(a=>e.jsx(Ke,{"data-testid":"outfit-detail-item","data-state":a.state,children:a.item?e.jsxs(e.Fragment,{children:[e.jsx(qe,{to:`/item/${a.item.contractAddress}/${a.item.itemId}`,state:{item:a.item},"aria-label":a.item.name}),e.jsx(Ue,{src:a.item.thumbnail,alt:"",loading:"lazy"}),e.jsxs(R,{children:[e.jsx(L,{children:a.item.name}),a.item.creator?e.jsx(Qe,{to:`/items/creator/${a.item.creator}`,children:e.jsx(Ce,{address:a.item.creator})}):null,e.jsxs(B,{children:[a.state!=="unavailable"?e.jsxs(Ge,{children:[e.jsx(z,{size:15}),a.item.priceCredits.toLocaleString()]}):null,a.state==="unavailable"?e.jsx(y,{children:s("outfits.card.unavailable")}):a.state==="own_listing"?e.jsx(y,{children:s("outfits.detail.yourListing")}):a.state==="in_cart"?e.jsx(y,{children:s("outfits.detail.inCart")}):null,e.jsx(dt,{item:a.item})]})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(Ve,{className:o.isLoading?"skeleton":void 0,"aria-hidden":!0}),e.jsx(R,{children:o.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,{children:s("outfits.card.unavailable")}),e.jsx(B,{children:e.jsx(y,{children:s("outfits.card.unavailable")})})]})})]})},a.key))})}),e.jsxs(Je,{"data-testid":"outfit-detail-ctabar",children:[ie&&d.ownListing.length>0?e.jsx(Ye,{children:s("outfits.detail.yourListingHint")}):null,m.length>0&&e.jsxs(et,{children:[e.jsx(tt,{children:s("outfits.detail.totalPrice")}),o.isLoading?e.jsx("span",{className:"skeleton",style:{width:64,height:26},"aria-hidden":!0}):e.jsxs(it,{children:[e.jsx(z,{size:22}),k.toLocaleString()]})]}),o.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:I,disabled:p||b===0,"aria-busy":p||void 0,children:[p?s("outfits.card.adding"):b>0?s("outfits.detail.addCount",{count:b}):f>0?s("outfits.detail.nothingToAdd"):s("outfits.card.unavailable"),!p&&b>0?e.jsxs(st,{children:[e.jsx(z,{size:16}),l.toLocaleString()]}):null]})]})]})]})]})]})}export{vt as OutfitDetail,vt as default};
-//# sourceMappingURL=OutfitDetail-BrhrFR4H.js.map
+`,_="outfit-detail-preview";function jt(){const{id:t}=ae(),o=D(c=>c.session),d=le(),f=d==="creator",{data:l,isError:k,refetch:I}=ce({queryKey:["outfit",t,f],enabled:P()&&!!t,staleTime:6e4,queryFn:()=>Fe(t,f&&o?o.identity:void 0)}),p=!P()||!t||l===null&&d!=="pending";return he(p?{title:a("seo.outfit.notFoundTitle"),noindex:!0}:l?{title:l.name,image:H(l.thumbnailHash)??void 0}:{}),p?e.jsxs(M,{"data-testid":"outfit-notfound",children:[e.jsx(ot,{name:"cart",size:44}),e.jsx(rt,{children:a("outfits.detail.notFoundTitle")}),e.jsx(dt,{children:a("outfits.detail.notFoundBody")}),e.jsx(w,{as:$,to:"/items",variant:"purple",children:a("notFound.cta")})]}):k?e.jsxs(M,{"data-testid":"outfit-detail-error",children:[e.jsx(K,{message:a("outfits.errors.generic")}),e.jsx(w,{variant:"purple",onClick:()=>void I(),children:a("outfits.detail.retry")})]}):l?e.jsx(ct,{outfit:l}):e.jsx(q,{"aria-busy":"true","data-testid":"outfit-detail-loading",children:e.jsxs(U,{children:[e.jsx(V,{children:e.jsx("span",{className:"skeleton",style:{position:"absolute",inset:0},"aria-hidden":!0})}),e.jsxs(G,{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:t}){const o=ze(t),d=We(t.gender);return e.jsxs(Xe,{children:[t.rarity?e.jsx(v,{"data-variant":"rarity",style:{background:Ae(t.rarity)},title:Oe(t.rarity),children:Le(t.rarity)}):null,t.isSmart?e.jsxs(v,{"data-variant":"smart",children:[e.jsx(j,{name:"smart",size:13}),a("assetCard.smart")]}):null,o?e.jsx(v,{"data-variant":"icon",children:e.jsx(j,{name:o})}):null,d?e.jsx(v,{"data-variant":"icon",children:e.jsx(j,{name:d})}):null]})}function ct({outfit:t}){const o=pe(t),{split:d,availableCount:f,totalCredits:l,outfitCredits:k,addOutfit:I,isAdding:p}=me(t,o),c=D(s=>{var x;return(x=s.session)==null?void 0:x.address}),O=ue(s=>s.items),A=h.useMemo(()=>new Set(O.map(xe)),[O]),F=H(t.thumbnailHash),T=h.useRef(null);h.useEffect(()=>{T.current!==t.id&&(T.current=t.id,ge("Shop Outfit Viewed",{outfit_id:t.id,item_count:t.items.length}))},[t.id,t.items.length]);const C=h.useMemo(()=>t.items.map(s=>{const x=fe(s),E=o.byKey.get(x)??null;return{key:x,item:E,state:E?be(E,{address:c,cartKeys:A}):"missing"}}),[t,o.byKey,c,A]),{data:Q,isFetched:J}=ye(c),X=!c||J,Y=!!c&&!!Q,Z=t.bodyShape==="female"?ve:t.bodyShape==="male"?je:void 0,m=h.useMemo(()=>C.map(s=>s.item).filter(s=>!!s),[C]),S=h.useMemo(()=>we(m),[m]),ee=h.useMemo(()=>!!$e(m),[m]),te=h.useMemo(()=>m.map(s=>ke(s)??"").filter(Boolean),[m]),u=Ie({address:c,tryOnUrns:S,tryOnCategories:te}),ie=t.items.length,se=!o.isLoading&&!o.isError,b=d.purchasable.length;return e.jsxs(q,{"data-testid":"outfit-detail",children:[e.jsxs(Ne,{"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(Re,{children:t.name})]}),e.jsxs(U,{children:[e.jsx(V,{"data-testid":"outfit-detail-preview",style:{background:Ce(t)},children:F&&!o.isLoading&&S.length===0?e.jsx(Me,{src:F,alt:t.name}):e.jsx(Se,{id:_,profile:u.profile,bodyShape:u.bodyShape??(Y?void 0:Z),urns:u.urns,skin:u.skin,hair:u.hair,eyes:u.eyes,enabled:X&&!u.isLoading&&!o.isLoading,controls:ee?e.jsx(Be,{"data-testid":"outfit-emote-controls",children:e.jsx(Te,{wearablePreviewId:_,hideFrameInput:!0})}):null})}),e.jsxs(G,{children:[e.jsx(_e,{children:t.name}),e.jsx(De,{"data-testid":"outfit-detail-meta",children:a("outfits.detail.itemsCount",{count:ie})}),o.isError?e.jsxs(Ze,{children:[e.jsx(K,{message:a("outfits.detail.resolveError"),testId:"outfit-detail-resolve-error"}),e.jsx(w,{variant:"outline","data-testid":"outfit-detail-retry",onClick:o.retry,children:a("outfits.detail.retry")})]}):e.jsxs(e.Fragment,{children:[e.jsx(He,{children:e.jsx(Ke,{children:C.map(s=>e.jsx(qe,{"data-testid":"outfit-detail-item","data-state":s.state,children:s.item?e.jsxs(e.Fragment,{children:[e.jsx(Ue,{to:`/item/${s.item.contractAddress}/${s.item.itemId}`,state:{item:s.item},"aria-label":s.item.name}),e.jsx(Ve,{src:s.item.thumbnail,alt:"",loading:"lazy"}),e.jsxs(R,{children:[e.jsx(L,{children:s.item.name}),s.item.creator?e.jsx(Qe,{to:`/items/creator/${s.item.creator}`,children:e.jsx(Ee,{address:s.item.creator})}):null,e.jsxs(B,{children:[s.state!=="unavailable"?e.jsxs(Je,{children:[e.jsx(z,{size:15}),e.jsx(W,{credits:s.item.priceCredits})]}):null,s.state==="unavailable"?e.jsx(y,{children:a("outfits.card.unavailable")}):s.state==="own_listing"?e.jsx(y,{children:a("outfits.detail.yourListing")}):s.state==="in_cart"?e.jsx(y,{children:a("outfits.detail.inCart")}):null,e.jsx(lt,{item:s.item})]})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(Ge,{className:o.isLoading?"skeleton":void 0,"aria-hidden":!0}),e.jsx(R,{children:o.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,{children:a("outfits.card.unavailable")}),e.jsx(B,{children:e.jsx(y,{children:a("outfits.card.unavailable")})})]})})]})},s.key))})}),e.jsxs(et,{"data-testid":"outfit-detail-ctabar",children:[se&&d.ownListing.length>0?e.jsx(Ye,{children:a("outfits.detail.yourListingHint")}):null,m.length>0&&e.jsxs(tt,{children:[e.jsx(it,{children:a("outfits.detail.totalPrice")}),o.isLoading?e.jsx("span",{className:"skeleton",style:{width:64,height:26},"aria-hidden":!0}):e.jsxs(st,{children:[e.jsx(z,{size:22}),e.jsx(W,{credits:k})]})]}),o.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:I,disabled:p||b===0,"aria-busy":p||void 0,children:[p?a("outfits.card.adding"):b>0?a("outfits.detail.addCount",{count:b}):f>0?a("outfits.detail.nothingToAdd"):a("outfits.card.unavailable"),!p&&b>0?e.jsxs(nt,{children:[e.jsx(z,{size:16}),e.jsx(W,{credits:l})]}):null]})]})]})]})]})]})}export{jt as OutfitDetail,jt as default};
+//# sourceMappingURL=OutfitDetail-DL9KkMIP.js.map

package/_assets/OutfitPreview-DPkjJ61X.js

@@ -0,0 +1,7 @@
+import{r,j as i}from"./react-D4a12AOU.js";import{d as b}from"./dcl-schemas-BUryvO70.js";import{s as P,P as R,aa as F,c as O,ab as D,b as S}from"./index-Cz0qQOE1.js";import{d as _}from"./disposePreview-D2GvvC0L.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="d5fcd5c2-3a4f-491b-934e-849f83be2d1c",e._sentryDebugIdIdentifier="sentry-dbid-d5fcd5c2-3a4f-491b-934e-849f83be2d1c")}catch{}})();const B=P.div`
+  position: absolute;
+  inset: 0;
+  display: grid;
+  place-items: center;
+`;function N({id:e,profile:s,bodyShape:f,urns:a,enabled:c=!0,skin:u,hair:l,eyes:m,controls:y}){const w=R(n=>n.fittingOpen),{ref:v,active:E}=F(),t=c&&a.length>0&&E&&!w,I=a.length>0?a[0].includes(":amoy:"):O.chainId===80002,[h,o]=r.useState(!1),x=a.join(",");r.useEffect(()=>{o(!1)},[x,s,u,l,m]),r.useEffect(()=>{t&&o(!1)},[t]);const[j,p]=r.useState(!1);r.useEffect(()=>{if(!t){p(!1);return}let n=0,A=0;const g=()=>{document.getElementById(e)?p(!0):A++<300&&(n=requestAnimationFrame(g))};return g(),()=>cancelAnimationFrame(n)},[t,e]);const d=r.useRef(null);return r.useEffect(()=>{if(t)return()=>{_(d.current),d.current=null}},[t]),i.jsxs(i.Fragment,{children:[i.jsx("div",{ref:v,"data-preview-viewport":!0,"aria-hidden":!0}),t?i.jsx(D,{id:e,profile:s,bodyShape:f,urns:a,skin:u,hair:l,eyes:m,type:b.PreviewType.AVATAR,emote:b.PreviewEmote.FASHION,disableBackground:!0,disableFadeEffect:!0,dev:I,onLoad:()=>{var n;o(!0),d.current=((n=document.getElementById(e))==null?void 0:n.contentWindow)??null}},s):null,j?y:null,c&&a.length===0?null:!t||!h?i.jsx(B,{"aria-busy":"true","aria-label":S("spinner.loading"),children:i.jsx("span",{className:"spinner","aria-hidden":!0})}):null]})}export{N as O};
+//# sourceMappingURL=OutfitPreview-DPkjJ61X.js.map