@dcl/shop 1.6.4-31480376613.commit-0bb9931 → 1.6.4-31494185742.commit-073ced9

package/_assets/OutfitDetail-CDebIzmE.js

@@ -0,0 +1,368 @@
+import{r as u,L as W,e as re,j as e}from"./react-CqRdBiAM.js";import{$ as H,l as U,a0 as le,a1 as de,a2 as ce,a3 as he,t as pe,s as i,I as L,a4 as ue,a5 as me,B as F,a6 as xe,o as V,a7 as ge,n as fe,b as n,a8 as G,a9 as N,aa as be,ab as ye,ac as ve,ad as je,ae as we,af as $e,ag as ke,ah as Ie,ai as Ce,aj as Ee,ak as ze,al as Le,am as Fe,an as We,ao as Se,q as A,ap as O,aq as Ae,ar as Oe,as as Te,at as Pe,au as Re,av as Ne}from"./index-Cu5eVIZW.js";import{d as B}from"./dcl-schemas-B7N0eru-.js";import{E as Q}from"./ErrorNotice-CQFq9JZk.js";import{E as Be}from"./EmotePlaybackBar-QGZAZNmS.js";import{O as Me}from"./OutfitPreview-BXChxeo1.js";import"./sentry-QT4W68kU.js";import"./ethers-BkKdfT9C.js";import"./intl-AKLEHPeO.js";import"./disposePreview-DOTMbNIL.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},s=new t.Error().stack;s&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[s]="5f0c9c70-a63b-4e98-ae98-35516c9cc1ad",t._sentryDebugIdIdentifier="sentry-dbid-5f0c9c70-a63b-4e98-ae98-35516c9cc1ad")}catch{}})();function qe({address:t,outfitUrns:s,enabled:l=!0}){var b;const{data:r,isFetched:d}=H(t),m=((b=r==null?void 0:r.avatar)==null?void 0:b.wearables)??[],x=!!t&&!!r,p=m.join(","),c=l&&x&&m.length>0,{data:y,isLoading:v,isFetched:j}=U({queryKey:["wearable-rules",p],enabled:c,staleTime:30*6e4,retry:!1,queryFn:()=>he(m)}),k=s.join(",");return u.useMemo(()=>{const I=!!t&&!d||v||c&&!j;return x?{profile:"default",bodyShape:ce(r)??void 0,urns:[...de(y??[]),...s],...le(r),isLoading:I}:{profile:"default",urns:s,isLoading:I}},[t,x,r,d,y,v,j,c,k])}const{colors:o,radius:$,media:h,gradients:_e}=pe,J=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;
+`,De=i.nav`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 13px;
+  color: ${o.gray4};
+  margin-bottom: 18px;
+`,M=i(W)`
+  color: ${o.gray4};
+
+  &:hover {
+    color: ${o.white};
+  }
+`,Ke=i.span`
+  color: ${o.softWhite};
+  font-weight: 600;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+`,X=i.div`
+  display: grid;
+  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
+  gap: 40px;
+  align-items: stretch;
+  height: calc(100dvh - 240px);
+  min-height: 520px;
+
+  ${h.maxWidth("mobile")} {
+    grid-template-columns: 1fr;
+    gap: 16px;
+    height: auto;
+    min-height: 0;
+  }
+`,Y=i.div`
+  position: relative;
+  border-radius: 24px;
+  overflow: hidden;
+  background: ${o.media};
+
+  /* Full-bleed square on phones (Figma): the artwork runs edge to edge, so the panel gives up both its
+     radius and the page's 16px gutter. */
+  ${h.maxWidth("mobile")} {
+    aspect-ratio: 1 / 1;
+    margin: 0 -16px;
+    border-radius: 0;
+  }
+
+  & iframe {
+    width: 100%;
+    height: 100%;
+    border: 0;
+    display: block;
+  }
+
+  [data-preview-viewport] {
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+  }
+`,He=i.img`
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+`,Z=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+  min-height: 0;
+`,Ue=i.h1`
+  font-size: 28px;
+  font-weight: 600;
+  color: ${o.softWhite};
+  overflow-wrap: anywhere;
+
+  ${h.maxWidth("mobile")} {
+    font-size: 20px;
+    line-height: 24px;
+  }
+`,Ve=i.p`
+  font-size: 12px;
+  font-weight: 500;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: ${o.gray4};
+`,Ge=i.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. A row needs ~13px
+     vertically and ~15px horizontally — 2px of ring plus 10px of glow, times the 1.015 zoom. */
+  padding: 14px 16px;
+  margin: -14px -16px;
+  scrollbar-width: thin;
+  scrollbar-color: rgba(255, 255, 255, 0.35) transparent;
+
+  ${h.maxWidth("mobile")} {
+    overflow: visible;
+    padding: 0;
+    margin: 0;
+  }
+`,Qe=i.ul`
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+`,Je=i.li`
+  position: relative;
+  display: flex;
+  align-items: stretch;
+  gap: 14px;
+  border-radius: ${$.card};
+  background: rgba(0, 0, 0, 0.4);
+  color: ${o.softWhite};
+  isolation: isolate;
+  transition:
+    box-shadow 0.35s ease,
+    transform 0.25s ease;
+
+  &::before {
+    content: '';
+    position: absolute;
+    z-index: 5;
+    pointer-events: none;
+    ${ue};
+    opacity: 0;
+    transition: opacity 0.3s ease;
+  }
+
+  @media (hover: hover) {
+    &:hover,
+    &:focus-within {
+      ${me};
+      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;
+  }
+`,Xe=i(W)`
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+`,Ye=i.img`
+  width: 96px;
+  height: 96px;
+  object-fit: cover;
+  border-radius: ${$.card};
+  background: ${o.media};
+  flex-shrink: 0;
+
+  ${h.maxWidth("mobile")} {
+    width: 88px;
+    height: 88px;
+  }
+`,Ze=i.span`
+  width: 96px;
+  height: 96px;
+  border-radius: ${$.card};
+  background: ${o.media};
+  flex-shrink: 0;
+
+  ${h.maxWidth("mobile")} {
+    width: 88px;
+    height: 88px;
+  }
+`,q=i.div`
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 3px;
+  padding: 10px 14px 10px 0;
+`,T=i.span`
+  font-size: 14px;
+  font-weight: 600;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,et=i(W)`
+  position: relative;
+  z-index: 2;
+  align-self: flex-start;
+  font-size: 13px;
+  color: ${o.gray4};
+
+  &:hover {
+    color: ${o.softWhite};
+    text-decoration: underline;
+  }
+`,_=i.span`
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 2px;
+`,tt=i.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 16px;
+  font-weight: 600;
+  white-space: nowrap;
+`,E=i.span`
+  font-size: 12px;
+  font-weight: 400;
+  padding: 2px 8px;
+  border-radius: ${$.chip};
+  background: rgba(255, 255, 255, 0.14);
+  color: ${o.softWhite};
+  white-space: nowrap;
+`,it=i.span`
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  margin-left: auto;
+
+  ${h.maxWidth("mobile")} {
+    display: none;
+  }
+`,z=i(xe)`
+  border-radius: 6px;
+
+  &[data-variant='smart'],
+  &[data-variant='icon'] {
+    background: rgba(22, 21, 24, 0.55);
+    color: ${o.softWhite};
+  }
+  &[data-variant='smart'] {
+    gap: 2px;
+    text-transform: uppercase;
+    letter-spacing: 0.02em;
+  }
+  &[data-variant='icon'] .ico {
+    color: ${o.softWhite};
+  }
+`,at=i.p`
+  margin: 0;
+  font-size: 13px;
+  color: ${o.gray4};
+`,st=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 8px 0;
+`,nt=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding-top: 12px;
+  border-top: 1px solid rgba(255, 255, 255, 0.3);
+
+  ${h.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.accent};
+    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.35);
+  }
+`,ot=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  ${h.maxWidth("mobile")} {
+    /* The phone CTA carries the price itself (the Figma bar). */
+    display: none;
+  }
+`,rt=i.span`
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: ${o.gray4};
+`,lt=i.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 26px;
+  font-weight: 800;
+  color: ${o.softWhite};
+`,dt=i(F)`
+  width: 100%;
+  min-height: 52px;
+  border-radius: 16px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+
+  && {
+    background: ${_e.buyBtn};
+  }
+  &&::before {
+    content: none;
+  }
+  &&:hover:not(:disabled) {
+    background-image: linear-gradient(${o.dclRed}, ${o.dclRed});
+  }
+
+  ${h.maxWidth("mobile")} {
+    border-radius: ${$.pill};
+  }
+`,ct=i.span`
+  display: none;
+
+  ${h.maxWidth("mobile")} {
+    display: inline-flex;
+    align-items: center;
+    gap: 5px;
+    font-size: 16px;
+  }
+`,D=i.div`
+  min-height: 52vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  gap: 14px;
+  color: ${o.softWhite};
+`,ht=i(L)`
+  opacity: 0.4;
+`,pt=i.h1`
+  font-size: 24px;
+`,ut=i.p`
+  margin: 0;
+  color: ${o.gray4};
+`,K="outfit-detail-preview";function Et(){const{id:t}=re(),s=V(c=>c.session),l=ge(),r=l==="creator",{data:d,isError:m,refetch:x}=U({queryKey:["outfit",t,r],enabled:N()&&!!t,staleTime:6e4,queryFn:()=>Ne(t,r&&s?s.identity:void 0)}),p=!N()||!t||d===null&&l!=="pending";return fe(p?{title:n("seo.outfit.notFoundTitle"),noindex:!0}:d?{title:d.name,image:G(d.thumbnailHash)??void 0}:{}),p?e.jsxs(D,{"data-testid":"outfit-notfound",children:[e.jsx(ht,{name:"cart",size:44}),e.jsx(pt,{children:n("outfits.detail.notFoundTitle")}),e.jsx(ut,{children:n("outfits.detail.notFoundBody")}),e.jsx(F,{as:W,to:"/items",variant:"purple",children:n("notFound.cta")})]}):m?e.jsxs(D,{"data-testid":"outfit-detail-error",children:[e.jsx(Q,{message:n("outfits.errors.generic")}),e.jsx(F,{variant:"purple",onClick:()=>void x(),children:n("outfits.detail.retry")})]}):d?e.jsx(xt,{outfit:d}):e.jsx(J,{"aria-busy":"true","data-testid":"outfit-detail-loading",children:e.jsxs(X,{children:[e.jsx(Y,{children:e.jsx("span",{className:"skeleton",style:{position:"absolute",inset:0},"aria-hidden":!0})}),e.jsxs(Z,{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 mt({item:t}){const s=Ae(t),l=Oe(t.gender);return e.jsxs(it,{children:[t.rarity?e.jsx(z,{"data-variant":"rarity",style:{background:Re(t.rarity)},title:Pe(t.rarity),children:Te(t.rarity)}):null,t.isSmart?e.jsxs(z,{"data-variant":"smart",children:[e.jsx(L,{name:"smart",size:13}),n("assetCard.smart")]}):null,s?e.jsx(z,{"data-variant":"icon",children:e.jsx(L,{name:s})}):null,l?e.jsx(z,{"data-variant":"icon",children:e.jsx(L,{name:l})}):null]})}function xt({outfit:t}){const s=be(t),{split:l,availableCount:r,totalCredits:d,outfitCredits:m,addOutfit:x,isAdding:p}=ye(t,s),c=V(a=>{var w;return(w=a.session)==null?void 0:w.address}),y=ve(a=>a.items),v=u.useMemo(()=>new Set(y.map(je)),[y]),j=G(t.thumbnailHash),k=u.useRef(null);u.useEffect(()=>{k.current!==t.id&&(k.current=t.id,we("Shop Outfit Viewed",{outfit_id:t.id,item_count:t.items.length}))},[t.id,t.items.length]);const b=u.useMemo(()=>t.items.map(a=>{const w=$e(a),S=s.byKey.get(w)??null;return{key:w,item:S,state:S?ke(S,{address:c,cartKeys:v}):"missing"}}),[t,s.byKey,c,v]),{isFetched:I}=H(c),ee=!c||I,te=t.bodyShape==="female"?Ie:t.bodyShape==="male"?Ce:void 0,g=u.useMemo(()=>b.map(a=>a.item).filter(a=>!!a),[b]),P=u.useMemo(()=>Ee(g),[g]),ie=u.useMemo(()=>ze(g),[g]),R=u.useMemo(()=>{const a=Le(g);return a?Fe(a):null},[g]),ae=R??B.PreviewEmote.FASHION,se=!!R,f=qe({address:c,outfitUrns:P}),ne=t.items.length,oe=!s.isLoading&&!s.isError,C=l.purchasable.length;return e.jsxs(J,{"data-testid":"outfit-detail",children:[e.jsxs(De,{"aria-label":n("outfits.detail.breadcrumbAria"),children:[e.jsx(M,{to:"/overview",children:n("nav.overview")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(M,{to:"/overview",children:n("outfits.detail.breadcrumbLooks")}),e.jsx("span",{"aria-hidden":!0,children:">"}),e.jsx(Ke,{children:t.name})]}),e.jsxs(X,{children:[e.jsx(Y,{"data-testid":"outfit-detail-preview",style:{background:We(t)},children:j&&!s.isLoading&&P.length===0?e.jsx(He,{src:j,alt:t.name}):e.jsx(Me,{id:K,profile:f.profile,bodyShape:ie??f.bodyShape??te,urns:f.urns,emote:ae,unityMode:B.PreviewUnityMode.BUILDER,skin:f.skin,hair:f.hair,eyes:f.eyes,enabled:ee&&!f.isLoading&&!s.isLoading,controls:se?e.jsx(Be,{previewId:K,testId:"outfit-emote-controls"}):null})}),e.jsxs(Z,{children:[e.jsx(Ue,{children:t.name}),e.jsx(Ve,{"data-testid":"outfit-detail-meta",children:n("outfits.detail.itemsCount",{count:ne})}),s.isError?e.jsxs(st,{children:[e.jsx(Q,{message:n("outfits.detail.resolveError"),testId:"outfit-detail-resolve-error"}),e.jsx(F,{variant:"outline","data-testid":"outfit-detail-retry",onClick:s.retry,children:n("outfits.detail.retry")})]}):e.jsxs(e.Fragment,{children:[e.jsx(Ge,{children:e.jsx(Qe,{children:b.map(a=>e.jsx(Je,{"data-testid":"outfit-detail-item","data-state":a.state,children:a.item?e.jsxs(e.Fragment,{children:[e.jsx(Xe,{to:`/item/${a.item.contractAddress}/${a.item.itemId}`,state:{item:a.item},"aria-label":a.item.name}),e.jsx(Ye,{src:a.item.thumbnail,alt:"",loading:"lazy"}),e.jsxs(q,{children:[e.jsx(T,{children:a.item.name}),a.item.creator?e.jsx(et,{to:`/items/creator/${a.item.creator}`,children:e.jsx(Se,{address:a.item.creator})}):null,e.jsxs(_,{children:[a.state!=="unavailable"?e.jsxs(tt,{children:[e.jsx(A,{size:15}),e.jsx(O,{credits:a.item.priceCredits})]}):null,a.state==="unavailable"?e.jsx(E,{children:n("outfits.card.unavailable")}):a.state==="own_listing"?e.jsx(E,{children:n("outfits.detail.yourListing")}):a.state==="in_cart"?e.jsx(E,{children:n("outfits.detail.inCart")}):null,e.jsx(mt,{item:a.item})]})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(Ze,{className:s.isLoading?"skeleton":void 0,"aria-hidden":!0}),e.jsx(q,{children:s.isLoading?e.jsx(T,{children:e.jsx("span",{className:"skeleton",style:{display:"block",width:"70%",height:14}})}):e.jsxs(e.Fragment,{children:[e.jsx(T,{children:n("outfits.card.unavailable")}),e.jsx(_,{children:e.jsx(E,{children:n("outfits.card.unavailable")})})]})})]})},a.key))})}),e.jsxs(nt,{"data-testid":"outfit-detail-ctabar",children:[oe&&l.ownListing.length>0?e.jsx(at,{children:n("outfits.detail.yourListingHint")}):null,g.length>0&&e.jsxs(ot,{children:[e.jsx(rt,{children:n("outfits.detail.totalPrice")}),s.isLoading?e.jsx("span",{className:"skeleton",style:{width:64,height:26},"aria-hidden":!0}):e.jsxs(lt,{children:[e.jsx(A,{size:22}),e.jsx(O,{credits:m})]})]}),s.isLoading?e.jsx("span",{className:"skeleton",style:{width:"100%",height:52,borderRadius:26},"aria-hidden":!0}):e.jsxs(dt,{variant:"purple","data-testid":"outfit-detail-cta",onClick:x,disabled:p||C===0,"aria-busy":p||void 0,children:[p?n("outfits.card.adding"):C>0?n("outfits.detail.addCount",{count:C}):r>0?n("outfits.detail.nothingToAdd"):n("outfits.card.unavailable"),!p&&C>0?e.jsxs(ct,{children:[e.jsx(A,{size:16}),e.jsx(O,{credits:d})]}):null]})]})]})]})]})]})}export{Et as OutfitDetail,Et as default};
+//# sourceMappingURL=OutfitDetail-CDebIzmE.js.map

package/_assets/OutfitPreview-BXChxeo1.js

@@ -0,0 +1,7 @@
+import{r as d,j as c}from"./react-CqRdBiAM.js";import{d as m}from"./dcl-schemas-B7N0eru-.js";import{bk as N,l as T,s as _,ac as k,bl as q,bm as M,bn as U,b as W}from"./index-Cu5eVIZW.js";import{d as C}from"./disposePreview-DOTMbNIL.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="8dddf0f9-1b81-4d88-b9ad-cab917db066e",e._sentryDebugIdIdentifier="sentry-dbid-8dddf0f9-1b81-4d88-b9ad-cab917db066e")}catch{}})();function h(e){return e.startsWith("urn:")}function $(e,n){var o,f;const s=(o=e.metadata)==null?void 0:o.emoteDataADR74;if(!((f=s==null?void 0:s.representations)!=null&&f.length))return null;const a=new Map((e.content??[]).map(r=>[r.file,r.hash])),t=s.representations.map(r=>({...r,contents:(r.contents??[]).filter(l=>a.has(l)).map(l=>({key:l,url:`${n}/content/contents/${a.get(l)}`}))}));return t.every(r=>r.contents.length===0)?null:{base64:H({...e.metadata,emoteDataADR74:{...s,representations:t}}),loop:!!s.loop}}function H(e){return btoa(JSON.stringify(e).replace(/[^\x20-\x7f]/g,""))}async function J(e,n=N([e]),s){var a;try{const t=await fetch(`${n}/content/entities/active`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({pointers:[e]}),signal:s});if(!t.ok)return await((a=t.body)==null?void 0:a.cancel()),null;const[o]=await t.json();return o?$(o,n):null}catch{return null}}function K(e){var s,a;const n=T({queryKey:["emote-base64",e],enabled:!!e,staleTime:18e5,retry:!1,queryFn:({signal:t})=>J(e,void 0,t)});return{base64:((s=n.data)==null?void 0:s.base64)??null,loop:((a=n.data)==null?void 0:a.loop)??!1,isLoading:n.isLoading}}const Q=_.div`
+  position: absolute;
+  inset: 0;
+  display: grid;
+  place-items: center;
+`;function X({id:e,profile:n,bodyShape:s,urns:a,emote:t=m.PreviewEmote.FASHION,enabled:o=!0,skin:f,hair:r,eyes:l,unityMode:E=m.PreviewUnityMode.BUILDER,controls:x,onRenderer:I}){const A=k(u=>u.fittingOpen),{ref:j,active:D}=q(),g=t&&h(t)?t:null,{base64:p,loop:O,isLoading:R}=K(g),i=o&&a.length>0&&D&&!A&&!R,B=M(a)===m.ChainName.MATIC_AMOY,[L,b]=d.useState(!1),P=a.join(",");d.useEffect(()=>{b(!1)},[P,n,t,f,r,l]),d.useEffect(()=>{i&&b(!1)},[i]);const[F,v]=d.useState(!1);d.useEffect(()=>{if(!i){v(!1);return}let u=0,S=0;const w=()=>{document.getElementById(e)?v(!0):S++<300&&(u=requestAnimationFrame(w))};return w(),()=>cancelAnimationFrame(u)},[i,e]);const y=d.useRef(null);return d.useEffect(()=>{if(i)return()=>{C(y.current),y.current=null}},[i]),c.jsxs(c.Fragment,{children:[c.jsx("div",{ref:j,"data-preview-viewport":!0,"aria-hidden":!0}),i?c.jsx(U,{id:e,profile:n,bodyShape:s,urns:a,skin:f,hair:r,eyes:l,type:m.PreviewType.AVATAR,emote:g?void 0:t&&!h(t)?t:void 0,base64s:p?[p]:void 0,disableDefaultEmotes:!!p&&!O,unityMode:E,disableBackground:!0,disableFadeEffect:!0,dev:B,onRenderer:I,onLoad:()=>{var u;b(!0),y.current=((u=document.getElementById(e))==null?void 0:u.contentWindow)??null}},n):null,F?x:null,o&&a.length===0?null:!i||!L?c.jsx(Q,{"aria-busy":"true","aria-label":W("spinner.loading"),children:c.jsx("span",{className:"spinner","aria-hidden":!0})}):null]})}export{X as O};
+//# sourceMappingURL=OutfitPreview-BXChxeo1.js.map