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

package/_assets/{OutfitStudio-DMJOOr-W.js → OutfitStudio-DNQsP0eA.js}

@@ -1,13 +1,13 @@
-import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";import{s,t as lt,I as U,aZ as Zt,b as e,A as ot,B as x,K as Tt,v as X,R as te,y as ee,D as Ct,l as Et,V as ie,$ as z,a_ as V,a$ as se,b0 as oe,b1 as J,a4 as re,a5 as ae,a2 as ne,a3 as de,S as Lt,a8 as le,b2 as rt,b3 as ue,b4 as ce,b5 as pe,F as N,b6 as Rt,b7 as zt,b8 as A,h as at,b9 as nt,ba as fe,bb as he,bc as xe,Z as me,bd as ge,be,af as ye}from"./index-DmWruJR2.js";import{E as _}from"./ErrorNotice-DQptpq6K.js";import{L as je}from"./LoadMore-D3YXgx9b.js";import{u as ve}from"./useInfiniteGrid-Bf39OwzL.js";import{O as we}from"./OutfitPreview-DKF6z0YR.js";import{T as $e}from"./skeleton.styles-C4DJ2NzO.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 a=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},f=new a.Error().stack;f&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[f]="12997a99-29ca-4538-8f54-c49089b9fad0",a._sentryDebugIdIdentifier="sentry-dbid-12997a99-29ca-4538-8f54-c49089b9fad0")}catch{}})();const{colors:m,radius:Y,media:ke}=lt,Se=s.div`
+import{r as d,j as t,L as F,d as Yt,a as Jt,b as Zt}from"./react-D4a12AOU.js";import{s,t as ut,I as _,b0 as te,b as e,q as ot,a3 as rt,B as x,A as Ct,o as Y,K as ee,n as ie,r as Et,l as Lt,N as se,S as z,b1 as V,b2 as oe,b3 as re,b4 as X,Y as ne,Z as ae,W as de,X as le,L as Rt,a1 as ue,b5 as nt,b6 as ce,b7 as pe,b8 as fe,w as N,b9 as zt,ba as Pt,bb as A,h as at,bc as dt,bd as he,be as xe,bf as me,R as ge,bg as be,bh as ye,a9 as je}from"./index-Cz0qQOE1.js";import{E as U}from"./ErrorNotice-O5DWS_gB.js";import{L as ve}from"./LoadMore-Dh1voaGI.js";import{u as we}from"./useInfiniteGrid-M4PKTc7a.js";import{O as $e}from"./OutfitPreview-DPkjJ61X.js";import{T as ke}from"./skeleton.styles-BL4LJ9kq.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 n=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},f=new n.Error().stack;f&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[f]="a40e483b-55ad-414d-9524-0d8d647fc9a5",n._sentryDebugIdIdentifier="sentry-dbid-a40e483b-55ad-414d-9524-0d8d647fc9a5")}catch{}})();const{colors:m,radius:J,media:Se}=ut,Ie=s.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
-`,Ie=s.div`
+`,Te=s.div`
   display: flex;
   align-items: center;
   gap: 8px;
   border: 1px solid rgba(255, 255, 255, 0.45);
-  border-radius: ${Y.pill};
+  border-radius: ${J.pill};
   padding: 0 14px;
   height: 44px;
   background: rgba(0, 0, 0, 0.25);
@@ -25,17 +25,17 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
   input::placeholder {
     color: ${m.muted2};
   }
-`,vt=s.p`
+`,wt=s.p`
   margin: 0;
   font-size: 13px;
   color: ${m.gray4};
-`,Te=s.div`
+`,Ce=s.div`
   display: flex;
   gap: 8px;
-`,Ce=s.button`
+`,Ee=s.button`
   min-height: 44px;
   padding: 0 16px;
-  border-radius: ${Y.pill};
+  border-radius: ${J.pill};
   border: 1px solid rgba(255, 255, 255, 0.45);
   background: none;
   font: inherit;
@@ -48,18 +48,18 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
     background: ${m.softWhite};
     color: ${m.text};
   }
-`,wt=s.div`
+`,$t=s.div`
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
   gap: 10px;
 
-  ${ke.maxWidth("mobile")} {
+  ${Se.maxWidth("mobile")} {
     grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
   }
-`,Ee=s.span`
+`,Le=s.span`
   height: 190px;
-  border-radius: ${Y.card};
-`,Le=s.button`
+  border-radius: ${J.card};
+`,Re=s.button`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -67,7 +67,7 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
   padding: 8px;
   background: rgba(0, 0, 0, 0.4);
   border: 1px solid transparent;
-  border-radius: ${Y.card};
+  border-radius: ${J.card};
   text-align: left;
   font: inherit;
   color: ${m.softWhite};
@@ -86,38 +86,38 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
     opacity: 0.5;
     cursor: default;
   }
-`,Re=s.img`
+`,ze=s.img`
   width: 100%;
   aspect-ratio: 1;
   object-fit: cover;
   border-radius: 8px;
   background: ${m.media};
-`,ze=s.span`
+`,Pe=s.span`
   font-size: 13px;
   font-weight: 600;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`,Pe=s.span`
+`,We=s.span`
   display: inline-flex;
   align-items: center;
   gap: 4px;
   font-size: 12px;
   color: ${m.gray4};
-`,We=s(U)`
+`,Oe=s(_)`
   position: absolute;
   top: 12px;
   right: 12px;
   color: ${m.accent};
   background: ${m.white};
   border-radius: 50%;
-`,Oe=[{key:"wearable",labelKey:"categories.wearables"},{key:"emote",labelKey:"categories.emotes"}];function Ae({selectedKeys:a,onPick:f,canPick:h}){const[c,y]=d.useState("wearable"),[j,b]=d.useState(""),[o,R]=d.useState("");d.useEffect(()=>{const l=setTimeout(()=>R(j.trim()),300);return()=>clearTimeout(l)},[j]);const{items:T,isLoading:C,isPlaceholderData:u,isError:S,hasNextPage:E,isFetchingNextPage:Z,fetchNextPage:k}=ve(["outfit-picker",c,o],l=>Zt({search:o||void 0,category:c,onSale:!0,listingType:"primary",first:24,skip:l,sortBy:"cheapest"})),g=e(c==="emote"?"outfits.studio.searchEmotes":"outfits.studio.searchWearables"),K=new Set,B=T.filter(l=>{if(!l.itemId)return!1;const v=`${l.contractAddress.toLowerCase()}-${l.itemId}`;return K.has(v)?!1:(K.add(v),!0)});return t.jsxs(Se,{"data-testid":"outfit-picker",children:[t.jsx(Te,{role:"group","aria-label":e("outfits.studio.pickerCategory"),"data-testid":"outfit-picker-category",children:Oe.map(({key:l,labelKey:v})=>t.jsx(Ce,{type:"button","data-category":l,"data-selected":c===l||void 0,"aria-pressed":c===l,onClick:()=>{y(l),b("")},children:e(v)},l))}),t.jsxs(Ie,{children:[t.jsx(U,{name:"search",color:lt.colors.muted}),t.jsx("input",{value:j,placeholder:g,"aria-label":g,onChange:l=>b(l.target.value),"data-testid":"outfit-picker-search"})]}),S?t.jsx(vt,{children:e("outfits.errors.generic")}):C||u?t.jsx(wt,{"aria-busy":"true",children:Array.from({length:8},(l,v)=>t.jsx(Ee,{className:"skeleton","aria-hidden":!0},v))}):B.length===0?t.jsx(vt,{children:e("outfits.studio.noResults")}):t.jsx(wt,{children:B.map(l=>{const v=`${l.contractAddress.toLowerCase()}-${l.itemId}`,H=a.has(v);return t.jsxs(Le,{type:"button","data-testid":"outfit-picker-item","data-selected":H||void 0,disabled:!H&&!h(l),onClick:()=>f(l),title:l.name,children:[t.jsx(Re,{src:l.thumbnail,alt:"",loading:"lazy"}),t.jsx(ze,{children:l.name}),t.jsxs(Pe,{children:[t.jsx(ot,{size:12}),l.priceCredits.toLocaleString()]}),H?t.jsx(We,{name:"check-rounded",size:18}):null]},v)})}),!S&&!C&&!u?t.jsx(je,{auto:!1,hasNextPage:!!E,isFetching:Z,onLoadMore:()=>void k()}):null]})}const{colors:n,radius:$,media:D,z:Fe}=lt,Pt=s.div`
+`,Ae=[{key:"wearable",labelKey:"categories.wearables"},{key:"emote",labelKey:"categories.emotes"}];function Fe({selectedKeys:n,onPick:f,canPick:h}){const[c,y]=d.useState("wearable"),[j,b]=d.useState(""),[o,R]=d.useState("");d.useEffect(()=>{const l=setTimeout(()=>R(j.trim()),300);return()=>clearTimeout(l)},[j]);const{items:T,isLoading:C,isPlaceholderData:u,isError:S,hasNextPage:E,isFetchingNextPage:Z,fetchNextPage:k}=we(["outfit-picker",c,o],l=>te({search:o||void 0,category:c,onSale:!0,listingType:"primary",first:24,skip:l,sortBy:"cheapest"})),g=e(c==="emote"?"outfits.studio.searchEmotes":"outfits.studio.searchWearables"),K=new Set,B=T.filter(l=>{if(!l.itemId)return!1;const v=`${l.contractAddress.toLowerCase()}-${l.itemId}`;return K.has(v)?!1:(K.add(v),!0)});return t.jsxs(Ie,{"data-testid":"outfit-picker",children:[t.jsx(Ce,{role:"group","aria-label":e("outfits.studio.pickerCategory"),"data-testid":"outfit-picker-category",children:Ae.map(({key:l,labelKey:v})=>t.jsx(Ee,{type:"button","data-category":l,"data-selected":c===l||void 0,"aria-pressed":c===l,onClick:()=>{y(l),b("")},children:e(v)},l))}),t.jsxs(Te,{children:[t.jsx(_,{name:"search",color:ut.colors.muted}),t.jsx("input",{value:j,placeholder:g,"aria-label":g,onChange:l=>b(l.target.value),"data-testid":"outfit-picker-search"})]}),S?t.jsx(wt,{children:e("outfits.errors.generic")}):C||u?t.jsx($t,{"aria-busy":"true",children:Array.from({length:8},(l,v)=>t.jsx(Le,{className:"skeleton","aria-hidden":!0},v))}):B.length===0?t.jsx(wt,{children:e("outfits.studio.noResults")}):t.jsx($t,{children:B.map(l=>{const v=`${l.contractAddress.toLowerCase()}-${l.itemId}`,H=n.has(v);return t.jsxs(Re,{type:"button","data-testid":"outfit-picker-item","data-selected":H||void 0,disabled:!H&&!h(l),onClick:()=>f(l),title:l.name,children:[t.jsx(ze,{src:l.thumbnail,alt:"",loading:"lazy"}),t.jsx(Pe,{children:l.name}),t.jsxs(We,{children:[t.jsx(ot,{size:12}),t.jsx(rt,{credits:l.priceCredits})]}),H?t.jsx(Oe,{name:"check-rounded",size:18}):null]},v)})}),!S&&!C&&!u?t.jsx(ve,{auto:!1,hasNextPage:!!E,isFetching:Z,onLoadMore:()=>void k()}):null]})}const{colors:a,radius:$,media:D,z:Ne}=ut,Wt=s.div`
   max-width: 1200px;
   margin: 0 auto;
   display: flex;
   flex-direction: column;
   gap: 20px;
-  color: ${n.softWhite};
+  color: ${a.softWhite};
 `,O=s.div`
   min-height: 52vh;
   display: flex;
@@ -126,34 +126,34 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
   justify-content: center;
   text-align: center;
   gap: 14px;
-  color: ${n.softWhite};
-`,$t=s.h1`
+  color: ${a.softWhite};
+`,kt=s.h1`
   font-size: 24px;
 `,w=s.p`
   margin: 0;
   font-size: 13px;
-  color: ${n.gray4};
-`,Wt=s.div`
+  color: ${a.gray4};
+`,Ot=s.div`
   display: flex;
   align-items: center;
   gap: 12px;
-`,Ot=s.h1`
+`,At=s.h1`
   font-size: 24px;
   font-weight: 800;
   margin-right: auto;
-`,Ne=s(F)`
+`,De=s(F)`
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 44px;
   height: 44px;
   border-radius: 50%;
-  color: ${n.softWhite};
+  color: ${a.softWhite};
 
   &:hover {
     background: rgba(255, 255, 255, 0.14);
   }
-`,At=s.span`
+`,Ft=s.span`
   font-size: 12px;
   font-weight: 700;
   text-transform: uppercase;
@@ -161,20 +161,20 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
   padding: 3px 10px;
   border-radius: ${$.pill};
   background: rgba(255, 255, 255, 0.16);
-  color: ${n.softWhite};
+  color: ${a.softWhite};
 
   &[data-state='published'] {
     background: rgba(30, 166, 114, 0.35);
-    color: ${n.white};
+    color: ${a.white};
   }
-`,kt=s.div`
+`,St=s.div`
   display: flex;
   flex-direction: column;
   gap: 10px;
-`,De=s.span`
+`,Be=s.span`
   height: 76px;
   border-radius: ${$.card};
-`,Be=s.div`
+`,He=s.div`
   display: flex;
   align-items: center;
   gap: 14px;
@@ -185,14 +185,14 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
   ${D.maxWidth("mobile")} {
     flex-wrap: wrap;
   }
-`,Ft=Tt`
+`,Nt=Ct`
   width: 52px;
   height: 52px;
   border-radius: 8px;
-  background: ${n.media};
+  background: ${a.media};
   flex-shrink: 0;
-`,He=s.div`
-  ${Ft};
+`,Me=s.div`
+  ${Nt};
   overflow: hidden;
 
   img {
@@ -201,8 +201,8 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
     object-fit: cover;
     display: block;
   }
-`,Me=s.span`
-  ${Ft};
+`,Ue=s.span`
+  ${Nt};
   display: inline-block;
 `,_e=s.div`
   flex: 1;
@@ -210,19 +210,19 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
   display: flex;
   flex-direction: column;
   gap: 4px;
-`,Ue=s.span`
+`,Ke=s.span`
   font-size: 15px;
   font-weight: 700;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`,Ke=s.span`
+`,Ge=s.span`
   display: inline-flex;
   align-items: center;
   gap: 8px;
   font-size: 13px;
-  color: ${n.gray4};
-`,Ge=s.div`
+  color: ${a.gray4};
+`,qe=s.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -231,7 +231,7 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
     width: 100%;
     justify-content: flex-end;
   }
-`,qe=s.button`
+`,Qe=s.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -240,11 +240,11 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
   border: 0;
   background: none;
   border-radius: 50%;
-  color: ${n.gray4};
+  color: ${a.gray4};
   cursor: pointer;
 
   &:hover {
-    color: ${n.dclRed};
+    color: ${a.dclRed};
     background: rgba(255, 255, 255, 0.14);
   }
 
@@ -252,20 +252,20 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
     opacity: 0.5;
     cursor: default;
   }
-`,Qe=s.div`
+`,Ve=s.div`
   position: fixed;
   inset: 0;
-  z-index: ${Fe.overlay};
+  z-index: ${Ne.overlay};
   display: grid;
   place-items: center;
   padding: 16px;
-`,Ve=s.div`
+`,Xe=s.div`
   position: absolute;
   inset: 0;
   background: rgba(22, 21, 24, 0.5);
-`,Je=s.div`
+`,Ye=s.div`
   position: relative;
-  background: ${n.bg};
+  background: ${a.bg};
   border-radius: ${$.card};
   padding: 24px;
   max-width: 420px;
@@ -273,15 +273,15 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
   display: flex;
   flex-direction: column;
   gap: 12px;
-`,Xe=s.h2`
+`,Je=s.h2`
   font-size: 18px;
   font-weight: 800;
-`,Ye=s.div`
+`,Ze=s.div`
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-top: 6px;
-`,Ze=s.div`
+`,ti=s.div`
   display: grid;
   grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
   gap: 32px;
@@ -291,20 +291,20 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
     grid-template-columns: 1fr;
     gap: 20px;
   }
-`,ti=s.div`
+`,ei=s.div`
   display: flex;
   flex-direction: column;
   gap: 18px;
-`,ei=s.div`
+`,ii=s.div`
   display: flex;
   flex-direction: column;
   gap: 18px;
-`,ii=s.div`
+`,si=s.div`
   position: relative;
   aspect-ratio: 3 / 4;
   border-radius: 16px;
   overflow: hidden;
-  background: ${n.media};
+  background: ${a.media};
 
   ${D.maxWidth("mobile")} {
     aspect-ratio: 1 / 1;
@@ -322,14 +322,14 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
     inset: 0;
     pointer-events: none;
   }
-`,si=s.p`
+`,oi=s.p`
   position: absolute;
   inset: 0;
   display: grid;
   place-items: center;
   padding: 24px;
   text-align: center;
-  color: ${n.softWhite};
+  color: ${a.softWhite};
   text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
 `,P=s.div`
   display: flex;
@@ -340,11 +340,11 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
   font-weight: 700;
   letter-spacing: 0.04em;
   text-transform: uppercase;
-  color: ${n.gray4};
-`,oi=s.div`
+  color: ${a.gray4};
+`,ri=s.div`
   display: flex;
   gap: 8px;
-`,ri=s.button`
+`,ni=s.button`
   min-height: 44px;
   padding: 0 16px;
   border-radius: ${$.pill};
@@ -352,20 +352,20 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
   background: none;
   font: inherit;
   font-weight: 600;
-  color: ${n.softWhite};
+  color: ${a.softWhite};
   cursor: pointer;
 
   &[data-selected] {
-    border-color: ${n.softWhite};
-    background: ${n.softWhite};
-    color: ${n.text};
+    border-color: ${a.softWhite};
+    background: ${a.softWhite};
+    color: ${a.text};
   }
 `,ai=s.div`
   width: 240px;
   aspect-ratio: 3 / 4;
   border-radius: ${$.card};
   overflow: hidden;
-  background: ${n.media};
+  background: ${a.media};
 
   &[data-busy] {
     opacity: 0.6;
@@ -377,20 +377,20 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
     object-fit: cover;
     display: block;
   }
-`,ni=s.div`
+`,di=s.div`
   display: flex;
   align-items: center;
   gap: 12px;
   flex-wrap: wrap;
-`,di=s.div`
+`,li=s.div`
   display: flex;
   align-items: center;
   gap: 8px;
-`,li=s.input`
+`,ui=s.input`
   width: 44px;
   height: 44px;
   padding: 2px;
-  border: 1px solid ${n.lineStrong};
+  border: 1px solid ${a.lineStrong};
   border-radius: ${$.btn};
   background: none;
   cursor: pointer;
@@ -402,33 +402,33 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
     border: 0;
     border-radius: 4px;
   }
-`,ui=s.div`
+`,ci=s.div`
   display: flex;
   flex-direction: column;
   gap: 2px;
   font-size: 12px;
-  color: ${n.gray4};
-`,ci=s.input`
+  color: ${a.gray4};
+`,pi=s.input`
   width: 88px;
   height: 26px;
   padding: 0 6px;
-  border: 1px solid ${n.lineStrong};
+  border: 1px solid ${a.lineStrong};
   border-radius: ${$.chip};
-  background: ${n.white};
+  background: ${a.white};
   font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
   font-size: 12px;
-  color: ${n.text};
+  color: ${a.text};
   text-transform: lowercase;
 
   &[data-invalid] {
-    border-color: ${n.errStrong};
+    border-color: ${a.errStrong};
   }
-`,pi=s.div`
+`,fi=s.div`
   width: 281px;
   max-width: 100%;
-`,fi=s(x)`
+`,hi=s(x)`
   align-self: flex-start;
-`,hi=s.div`
+`,xi=s.div`
   display: flex;
   align-items: stretch;
   gap: 8px;
@@ -437,27 +437,27 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
     flex: 1;
     min-width: 0;
   }
-`,St=s.input`
+`,It=s.input`
   height: 44px;
   padding: 0 14px;
-  border: 1px solid ${n.lineStrong};
+  border: 1px solid ${a.lineStrong};
   border-radius: ${$.btn};
-  background: ${n.white};
+  background: ${a.white};
   font: inherit;
-  color: ${n.text};
+  color: ${a.text};
 
   &:focus {
-    outline: 2px solid ${n.accent};
+    outline: 2px solid ${a.accent};
     outline-offset: -1px;
   }
-`,xi=s.ul`
+`,mi=s.ul`
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   gap: 6px;
-`,mi=s.li`
+`,gi=s.li`
   display: flex;
   align-items: center;
   gap: 10px;
@@ -472,19 +472,19 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
   &[data-missing] {
     opacity: 0.6;
   }
-`,Nt=Tt`
+`,Dt=Ct`
   width: 40px;
   height: 40px;
   border-radius: 8px;
-  background: ${n.media};
+  background: ${a.media};
   flex-shrink: 0;
-`,gi=s.img`
-  ${Nt};
+`,bi=s.img`
+  ${Dt};
   object-fit: cover;
-`,bi=s.span`
-  ${Nt};
-  display: inline-block;
 `,yi=s.span`
+  ${Dt};
+  display: inline-block;
+`,ji=s.span`
   flex: 1;
   min-width: 0;
   font-size: 14px;
@@ -492,28 +492,28 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`,ji=s.span`
+`,vi=s.span`
   flex: none;
   padding: 2px 8px;
   border-radius: ${$.pill};
   border: 1px solid rgba(255, 255, 255, 0.45);
   font-size: 11px;
   font-weight: 600;
-  color: ${n.softWhite};
+  color: ${a.softWhite};
   white-space: nowrap;
 
   ${D.maxWidth("mobile")} {
     order: 1;
     margin-left: 50px;
   }
-`,vi=s.span`
+`,wi=s.span`
   display: inline-flex;
   align-items: center;
   gap: 4px;
   font-size: 13px;
-  color: ${n.gray4};
+  color: ${a.gray4};
   white-space: nowrap;
-`,wi=s.div`
+`,$i=s.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -521,13 +521,13 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
   border-top: 1px solid rgba(255, 255, 255, 0.3);
   font-size: 13px;
   font-weight: 700;
-`,$i=s.span`
+`,ki=s.span`
   display: inline-flex;
   align-items: center;
   gap: 4px;
   font-size: 15px;
   font-weight: 700;
-`,ki=s.button`
+`,Si=s.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -536,22 +536,22 @@ import{r as d,j as t,L as F,d as Jt,a as Xt,b as Yt}from"./react-DjYfJ2MV.js";im
   border: 0;
   background: none;
   border-radius: 50%;
-  color: ${n.gray4};
+  color: ${a.gray4};
   cursor: pointer;
 
   &:hover {
-    color: ${n.dclRed};
+    color: ${a.dclRed};
     background: rgba(255, 255, 255, 0.14);
   }
-`,Si=s.div`
+`,Ii=s.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
   padding-top: 16px;
   border-top: 1px solid rgba(255, 255, 255, 0.3);
-`,Ii=s.div`
+`,Ti=s.div`
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
-`;function Ui(){const{id:a}=Jt(),{pathname:f}=Xt(),h=X(b=>b.session),c=X(b=>b.signIn),y=te();ee({title:e("outfits.studio.title"),noindex:!0});const j=f.endsWith("/new")?"new":a?"edit":"list";return y==="pending"?t.jsx(O,{"aria-busy":"true","data-testid":"outfit-studio-loading",children:t.jsx("span",{className:"spinner","aria-hidden":!0})}):h?y!=="creator"?t.jsxs(O,{"data-testid":"outfit-studio-unavailable",children:[t.jsx($t,{children:e("outfits.studio.title")}),t.jsx(w,{children:e("outfits.studio.notAvailable")}),t.jsx(x,{as:F,to:"/overview",variant:"white",children:e("outfits.studio.backToShop")})]}):j==="list"?t.jsx(Ci,{}):t.jsx(Ri,{outfitId:j==="edit"?a:null},a??"new"):t.jsxs(O,{"data-testid":"outfit-studio-signin",children:[t.jsx($t,{children:e("outfits.studio.title")}),t.jsx(w,{children:e("outfits.studio.signInPrompt")}),t.jsx(x,{variant:"white",onClick:()=>c(),children:e("outfits.studio.signIn")})]})}function Ti({outfit:a}){const f=Lt(a.thumbnailHash);return f?t.jsx(He,{style:{background:ce(a)},children:t.jsx("img",{src:f,alt:"",loading:"lazy"})}):t.jsx(Me,{"aria-hidden":!0})}function Ci(){const a=X(u=>u.session),f=Ct(),[h,c]=d.useState(null),[y,j]=d.useState(null),{data:b=[],isLoading:o,isError:R,refetch:T}=Et({queryKey:["outfits-all"],enabled:!!a,staleTime:3e4,queryFn:()=>be(a.identity)});async function C(u,S){if(a){j(u.id);try{S==="delete"?(await pe(u.id,a.identity),N.success(e("outfits.studio.deleted"))):(await Rt({...dt(u),published:!1},a.identity,"update"),N.success(e("outfits.studio.unpublished"))),zt(f)}catch(E){E instanceof A||at(E,{flow:`outfit-${S}`}),N.error(e(E instanceof A?nt(E.code):"outfits.errors.generic"))}finally{j(null),c(null)}}}return t.jsxs(Pt,{"data-testid":"outfit-studio-list",children:[t.jsxs(Wt,{children:[t.jsx(Ot,{children:e("outfits.studio.myOutfits")}),t.jsx(x,{as:F,to:"/outfits/new",variant:"white","data-testid":"outfit-studio-new",children:e("outfits.studio.new")})]}),o?t.jsx(kt,{"aria-busy":"true",children:Array.from({length:3},(u,S)=>t.jsx(De,{className:"skeleton","aria-hidden":!0},S))}):R?t.jsxs(O,{children:[t.jsx(_,{message:e("outfits.errors.generic")}),t.jsx(x,{variant:"white",onClick:()=>void T(),children:e("outfits.detail.retry")})]}):b.length===0?t.jsx(w,{children:e("outfits.studio.empty")}):t.jsx(kt,{children:b.map(u=>t.jsxs(Be,{"data-testid":"outfit-studio-row","data-published":u.published||void 0,children:[t.jsx(Ti,{outfit:u}),t.jsxs(_e,{children:[t.jsx(Ue,{children:u.name||e("outfits.studio.untitled")}),t.jsxs(Ke,{children:[t.jsx(At,{"data-state":u.published?"published":"draft",children:u.published?e("outfits.studio.publishedState"):e("outfits.studio.draft")}),e("outfits.card.items",{count:u.items.length})]})]}),t.jsxs(Ge,{children:[u.published?t.jsx(x,{as:F,to:`/items/outfits/${u.id}`,variant:"ghost",size:"sm",children:e("outfits.studio.view")}):null,t.jsx(x,{as:F,to:`/outfits/${u.id}/edit`,variant:"outline",size:"sm","data-testid":"outfit-studio-edit",children:e("outfits.studio.edit")}),t.jsx(qe,{type:"button","data-testid":"outfit-studio-delete","aria-label":e("outfits.studio.confirmDelete"),disabled:y===u.id,onClick:()=>c(u),children:t.jsx(U,{name:"trash",size:18})})]})]},u.id))}),h?t.jsxs(Qe,{role:"dialog","aria-modal":"true","aria-label":e("outfits.studio.deleteTitle"),"data-testid":"outfit-studio-confirm",children:[t.jsx(Ve,{onClick:()=>c(null)}),t.jsxs(Je,{children:[t.jsx(Xe,{children:e("outfits.studio.deleteTitle")}),t.jsx("p",{className:"muted",children:e("outfits.studio.deleteBody")}),t.jsxs(Ye,{children:[h.published?t.jsx(x,{variant:"purple","data-testid":"outfit-studio-confirm-unpublish",disabled:y===h.id,onClick:()=>void C(h,"unpublish"),children:e("outfits.studio.unpublish")}):null,t.jsx(x,{variant:h.published?"outline":"purple","data-testid":"outfit-studio-confirm-delete",disabled:y===h.id,onClick:()=>void C(h,"delete"),children:e("outfits.studio.confirmDelete")}),t.jsx(x,{variant:"ghost",onClick:()=>c(null),children:e("outfits.studio.cancel")})]})]})]}):null]})}const It=["image/png","image/jpeg","image/webp"];function Ei(){return{id:crypto.randomUUID(),name:"",thumbnailHash:"",items:[],bodyShape:"unisex",gradientFrom:rt.from,gradientTo:rt.to,published:!1}}function dt(a){return{id:a.id,name:a.name,thumbnailHash:a.thumbnailHash,items:a.items,bodyShape:a.bodyShape,gradientFrom:a.gradientFrom,gradientTo:a.gradientTo,published:a.published}}function Li(a){try{const f=sessionStorage.getItem(a);return f?JSON.parse(f):null}catch{return null}}function Ri({outfitId:a}){const f=a===null,h=`outfit-draft:${a??"new"}`,c=X(i=>i.session),y=Ct(),j=Yt(),[b]=d.useState(()=>Li(h)),[o,R]=d.useState(()=>b??(f?Ei():null)),[T,C]=d.useState(!!b),{data:u,isLoading:S,isError:E,refetch:Z}=Et({queryKey:["outfit",a,!0],enabled:!f&&!!c,staleTime:0,queryFn:()=>ye(a,c.identity)});d.useEffect(()=>{u&&R(i=>i??dt(u))},[u]);function k(i){R(r=>r&&{...r,...i}),C(!0)}d.useEffect(()=>{if(!(!o||!T))try{sessionStorage.setItem(h,JSON.stringify(o))}catch{}},[o,T,h]),d.useEffect(()=>{if(!T)return;const i=r=>r.preventDefault();return window.addEventListener("beforeunload",i),()=>window.removeEventListener("beforeunload",i)},[T]),d.useEffect(()=>()=>sessionStorage.removeItem(h),[h]);const g=ie(o??void 0),K=d.useMemo(()=>new Set(((o==null?void 0:o.items)??[]).map(z)),[o]),B=i=>ge((o==null?void 0:o.items)??[],i,g.byKey),l=i=>!!i.itemId&&B(i).length<=J;function v(i){!o||!l(i)||k({items:B(i)})}const[H,ut]=d.useState(null),L=d.useRef(null),tt=d.useRef(!0);d.useEffect(()=>(tt.current=!0,()=>{tt.current=!1}),[]);const[G,ct]=d.useState(!1),[Dt,q]=d.useState(null),[et,pt]=d.useState(""),[Bt,ft]=d.useState(null),[I,Ht]=d.useState();d.useEffect(()=>()=>{L.current&&URL.revokeObjectURL(L.current)},[]);function ht(){const i=xe(et);if(!i){ft(e("outfits.studio.importError"));return}ft(null),pt(""),Ht(i.colors),k({items:i.items,...i.bodyShape?{bodyShape:i.bodyShape}:{}}),N.success(e("outfits.studio.importSuccess",{count:i.items.length}))}async function Mt(i){if(!i||!c)return;if(q(null),!It.includes(i.type)){q(e("outfits.errors.unsupportedType"));return}if(i.size>fe){q(e("outfits.errors.tooLarge"));return}L.current&&URL.revokeObjectURL(L.current);const r=URL.createObjectURL(i);L.current=r,ut(r),ct(!0);try{const p=await he(i,c.identity);k({thumbnailHash:p})}catch(p){p instanceof A||at(p,{flow:"outfit-thumbnail"}),q(e(p instanceof A?nt(p.code):"outfits.errors.generic")),L.current&&(URL.revokeObjectURL(L.current),L.current=null),ut(null)}finally{ct(!1)}}const[M,xt]=d.useState(!1),[_t,mt]=d.useState(null),it=!!o&&o.name.trim().length>0&&o.name.length<=60,Ut=!!o&&V(o.gradientFrom)&&V(o.gradientTo),gt=!!o&&o.items.some(i=>{const r=g.byKey.get(z(i));return!r||se(r)}),bt=!!o&&it&&!!o.thumbnailHash&&Ut&&gt&&o.items.length>=oe&&o.items.length<=J;async function st(i){if(!(!c||!o||M)){xt(!0),mt(null);try{const r=await Rt({...o,published:i},c.identity,f?"create":"update");if(!tt.current)return;sessionStorage.removeItem(h),R(dt(r)),C(!1),zt(y),i&&!o.published?(me("Shop Outfit Published",{outfit_id:r.id,item_count:r.items.length}),N.success(e("outfits.studio.publishedToast"))):N.success(e("outfits.studio.saved")),f&&(y.setQueryData(["outfit",r.id,!0],r),j(`/outfits/${r.id}/edit`,{replace:!0}))}catch(r){r instanceof A||at(r,{flow:"outfit-save"}),mt(e(r instanceof A?nt(r.code):"outfits.errors.generic"))}finally{xt(!1)}}}const Q=d.useMemo(()=>((o==null?void 0:o.items)??[]).map(i=>g.byKey.get(z(i))).filter(i=>!!i),[o,g.byKey]),yt=d.useMemo(()=>re(Q),[Q]),Kt=d.useMemo(()=>{const i=ae(Q);return i!=null&&i.itemId?z({contractAddress:i.contractAddress,itemId:i.itemId}):null},[Q]),Gt=(o==null?void 0:o.bodyShape)==="female"?ne:(o==null?void 0:o.bodyShape)==="male"?de:void 0;if(!c)return null;if(!o)return E?t.jsxs(O,{children:[t.jsx(_,{message:e("outfits.errors.generic")}),t.jsx(x,{variant:"white",onClick:()=>void Z(),children:e("outfits.detail.retry")})]}):!S&&u===null?t.jsxs(O,{"data-testid":"outfit-studio-missing",children:[t.jsx(w,{children:e("outfits.errors.notFound")}),t.jsx(x,{as:F,to:"/outfits/manage",variant:"white",children:e("outfits.studio.myOutfits")})]}):t.jsx(O,{"aria-busy":"true",children:t.jsx("span",{className:"spinner","aria-hidden":!0})});const jt=H??Lt(o.thumbnailHash),qt={...o,authorAddress:(c==null?void 0:c.address)??"",createdAt:0,updatedAt:0},Qt=o.items.reduce((i,r)=>{var p;return i+(((p=g.byKey.get(z(r)))==null?void 0:p.priceCredits)??0)},0);return t.jsxs(Pt,{"data-testid":"outfit-studio-editor",children:[t.jsxs(Wt,{children:[t.jsx(Ne,{to:"/outfits/manage","aria-label":e("outfits.studio.myOutfits"),"data-testid":"outfit-studio-back",children:t.jsx(U,{name:"arrow-left",size:18})}),t.jsx(Ot,{children:f?e("outfits.studio.new"):e("outfits.studio.editTitle")}),t.jsx(At,{"data-state":o.published?"published":"draft",children:o.published?e("outfits.studio.publishedState"):e("outfits.studio.draft")})]}),t.jsxs(Ze,{children:[t.jsxs(ti,{children:[t.jsxs(ii,{"data-testid":"outfit-studio-preview",style:{background:le(o)},children:[t.jsx(we,{id:"outfit-studio-preview-frame",profile:"default",bodyShape:Gt,urns:yt,skin:I==null?void 0:I.skin,hair:I==null?void 0:I.hair,eyes:I==null?void 0:I.eyes,enabled:!g.isLoading}),yt.length===0&&!g.isLoading?t.jsx(si,{children:e("outfits.studio.previewEmpty")}):null]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.bodyShape")}),t.jsx(oi,{role:"group","aria-label":e("outfits.studio.bodyShape"),children:["unisex","male","female"].map(i=>t.jsx(ri,{type:"button","data-selected":o.bodyShape===i||void 0,onClick:()=>k({bodyShape:i}),children:e(`outfits.studio.shape.${i}`)},i))})]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.gradient")}),t.jsx(ni,{children:["gradientFrom","gradientTo"].map(i=>t.jsxs(di,{children:[t.jsx(li,{type:"color",value:V(o[i])?o[i]:rt.from,"aria-label":e(i==="gradientFrom"?"outfits.studio.gradientTop":"outfits.studio.gradientBottom"),"data-testid":i==="gradientFrom"?"outfit-studio-gradient-from":"outfit-studio-gradient-to",onChange:r=>k({[i]:r.target.value.toLowerCase()})}),t.jsxs(ui,{children:[t.jsx("span",{children:e(i==="gradientFrom"?"outfits.studio.gradientTop":"outfits.studio.gradientBottom")}),t.jsx(ci,{value:o[i],maxLength:7,spellCheck:!1,placeholder:"#000000","aria-label":e(i==="gradientFrom"?"outfits.studio.gradientTopHex":"outfits.studio.gradientBottomHex"),"data-invalid":!V(o[i])||void 0,onChange:r=>{const p=r.target.value.trim().toLowerCase();k({[i]:p.startsWith("#")||p===""?p:`#${p}`})}})]})]},i))}),t.jsx(w,{children:e("outfits.studio.gradientHint")})]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.thumbnail")}),jt?t.jsx(ai,{"data-busy":G||void 0,children:t.jsx("img",{src:jt,alt:""})}):null,t.jsxs(fi,{as:"label",variant:"outline",size:"sm","data-busy":G||void 0,children:[G?e("outfits.studio.uploading"):e("outfits.studio.upload"),t.jsx("input",{type:"file",accept:It.join(","),hidden:!0,disabled:G,onChange:i=>{var r;return void Mt((r=i.target.files)==null?void 0:r[0])},"data-testid":"outfit-studio-thumb-input"})]}),t.jsx(w,{children:e("outfits.studio.thumbnailHint")}),t.jsx(_,{message:Dt,testId:"outfit-studio-thumb-error"})]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.cardPreview")}),t.jsx(pi,{"data-testid":"outfit-studio-card-preview",onClickCapture:i=>{i.preventDefault(),i.stopPropagation()},children:t.jsx(ue,{outfit:qt,resolution:g})})]})]}),t.jsxs(ei,{children:[t.jsxs(P,{children:[t.jsx(W,{htmlFor:"outfit-import",children:e("outfits.studio.import")}),t.jsxs(hi,{children:[t.jsx(St,{id:"outfit-import",value:et,spellCheck:!1,placeholder:e("outfits.studio.importPlaceholder"),onChange:i=>pt(i.target.value),onKeyDown:i=>{i.key==="Enter"&&ht()},"data-testid":"outfit-studio-import"}),t.jsx(x,{variant:"outline",size:"sm",onClick:ht,disabled:et.trim()==="","data-testid":"outfit-studio-import-apply",children:e("outfits.studio.importApply")})]}),t.jsx(w,{children:e("outfits.studio.importHint")}),t.jsx(_,{message:Bt,testId:"outfit-studio-import-error"})]}),t.jsxs(P,{children:[t.jsx(W,{htmlFor:"outfit-name",children:e("outfits.studio.name")}),t.jsx(St,{id:"outfit-name",value:o.name,maxLength:60,placeholder:e("outfits.studio.namePlaceholder"),onChange:i=>k({name:i.target.value}),"data-testid":"outfit-studio-name"})]}),t.jsxs(P,{children:[t.jsxs(W,{as:"span",children:[e("outfits.studio.items")," (",o.items.length,"/",J,")"]}),o.items.length===0?t.jsx(w,{children:e("outfits.studio.noItems")}):t.jsx(xi,{children:o.items.map(i=>{const r=z(i),p=g.byKey.get(r);return t.jsxs(mi,{"data-testid":"outfit-studio-selected","data-missing":!p||void 0,children:[p?t.jsx(gi,{src:p.thumbnail,alt:""}):t.jsx(bi,{className:g.isLoading?"skeleton":void 0,"aria-hidden":!0}),t.jsx(yi,{className:p?void 0:"muted",children:p?p.name:g.isLoading?t.jsx($e,{className:"skeleton",width:96,"aria-hidden":!0}):e("outfits.card.unavailable")}),r===Kt?t.jsx(ji,{"data-testid":"outfit-studio-plays-in-preview",children:e("outfits.studio.playsInPreview")}):null,p?t.jsxs(vi,{children:[t.jsx(ot,{size:12}),p.priceCredits.toLocaleString()]}):null,t.jsx(ki,{type:"button","aria-label":e("outfits.studio.remove"),title:e("outfits.studio.remove"),onClick:()=>k({items:o.items.filter(Vt=>z(Vt)!==r)}),children:t.jsx(U,{name:"trash",size:16})})]},r)})}),o.items.length>0?t.jsxs(wi,{"data-testid":"outfit-studio-total",children:[t.jsx("span",{children:e("outfits.detail.totalPrice")}),t.jsxs($i,{children:[t.jsx(ot,{size:14}),Qt.toLocaleString()]})]}):null,o.items.length>=J?t.jsx(w,{children:e("outfits.studio.maxItems")}):null]}),t.jsx(Ae,{selectedKeys:K,onPick:v,canPick:l})]})]}),t.jsxs(Si,{"data-testid":"outfit-studio-savebar",children:[t.jsx(_,{message:_t,testId:"outfit-studio-save-error"}),it?!bt&&!o.published?t.jsx(w,{"data-testid":"outfit-studio-publish-hint",children:!gt&&o.items.length>0?e("outfits.studio.needsWearable"):e("outfits.errors.notPublishable")}):null:t.jsx(w,{children:e("outfits.studio.needName")}),t.jsxs(Ii,{children:[t.jsx(x,{variant:"outline","data-testid":"outfit-studio-save",disabled:M||!it,onClick:()=>void st(o.published),children:M?e("outfits.studio.saving"):e("outfits.studio.saveDraft")}),o.published?t.jsx(x,{variant:"white","data-testid":"outfit-studio-unpublish",disabled:M,onClick:()=>void st(!1),children:e("outfits.studio.unpublish")}):t.jsx(x,{variant:"white","data-testid":"outfit-studio-publish",disabled:M||!bt,onClick:()=>void st(!0),children:e("outfits.studio.publish")})]})]})]})}export{Ui as OutfitStudio,Ui as default};
-//# sourceMappingURL=OutfitStudio-DMJOOr-W.js.map
+`;function Ki(){const{id:n}=Yt(),{pathname:f}=Jt(),h=Y(b=>b.session),c=Y(b=>b.signIn),y=ee();ie({title:e("outfits.studio.title"),noindex:!0});const j=f.endsWith("/new")?"new":n?"edit":"list";return y==="pending"?t.jsx(O,{"aria-busy":"true","data-testid":"outfit-studio-loading",children:t.jsx("span",{className:"spinner","aria-hidden":!0})}):h?y!=="creator"?t.jsxs(O,{"data-testid":"outfit-studio-unavailable",children:[t.jsx(kt,{children:e("outfits.studio.title")}),t.jsx(w,{children:e("outfits.studio.notAvailable")}),t.jsx(x,{as:F,to:"/overview",variant:"white",children:e("outfits.studio.backToShop")})]}):j==="list"?t.jsx(Ei,{}):t.jsx(zi,{outfitId:j==="edit"?n:null},n??"new"):t.jsxs(O,{"data-testid":"outfit-studio-signin",children:[t.jsx(kt,{children:e("outfits.studio.title")}),t.jsx(w,{children:e("outfits.studio.signInPrompt")}),t.jsx(x,{variant:"white",onClick:()=>c(),children:e("outfits.studio.signIn")})]})}function Ci({outfit:n}){const f=Rt(n.thumbnailHash);return f?t.jsx(Me,{style:{background:pe(n)},children:t.jsx("img",{src:f,alt:"",loading:"lazy"})}):t.jsx(Ue,{"aria-hidden":!0})}function Ei(){const n=Y(u=>u.session),f=Et(),[h,c]=d.useState(null),[y,j]=d.useState(null),{data:b=[],isLoading:o,isError:R,refetch:T}=Lt({queryKey:["outfits-all"],enabled:!!n,staleTime:3e4,queryFn:()=>ye(n.identity)});async function C(u,S){if(n){j(u.id);try{S==="delete"?(await fe(u.id,n.identity),N.success(e("outfits.studio.deleted"))):(await zt({...lt(u),published:!1},n.identity,"update"),N.success(e("outfits.studio.unpublished"))),Pt(f)}catch(E){E instanceof A||at(E,{flow:`outfit-${S}`}),N.error(e(E instanceof A?dt(E.code):"outfits.errors.generic"))}finally{j(null),c(null)}}}return t.jsxs(Wt,{"data-testid":"outfit-studio-list",children:[t.jsxs(Ot,{children:[t.jsx(At,{children:e("outfits.studio.myOutfits")}),t.jsx(x,{as:F,to:"/outfits/new",variant:"white","data-testid":"outfit-studio-new",children:e("outfits.studio.new")})]}),o?t.jsx(St,{"aria-busy":"true",children:Array.from({length:3},(u,S)=>t.jsx(Be,{className:"skeleton","aria-hidden":!0},S))}):R?t.jsxs(O,{children:[t.jsx(U,{message:e("outfits.errors.generic")}),t.jsx(x,{variant:"white",onClick:()=>void T(),children:e("outfits.detail.retry")})]}):b.length===0?t.jsx(w,{children:e("outfits.studio.empty")}):t.jsx(St,{children:b.map(u=>t.jsxs(He,{"data-testid":"outfit-studio-row","data-published":u.published||void 0,children:[t.jsx(Ci,{outfit:u}),t.jsxs(_e,{children:[t.jsx(Ke,{children:u.name||e("outfits.studio.untitled")}),t.jsxs(Ge,{children:[t.jsx(Ft,{"data-state":u.published?"published":"draft",children:u.published?e("outfits.studio.publishedState"):e("outfits.studio.draft")}),e("outfits.card.items",{count:u.items.length})]})]}),t.jsxs(qe,{children:[u.published?t.jsx(x,{as:F,to:`/items/outfits/${u.id}`,variant:"ghost",size:"sm",children:e("outfits.studio.view")}):null,t.jsx(x,{as:F,to:`/outfits/${u.id}/edit`,variant:"outline",size:"sm","data-testid":"outfit-studio-edit",children:e("outfits.studio.edit")}),t.jsx(Qe,{type:"button","data-testid":"outfit-studio-delete","aria-label":e("outfits.studio.confirmDelete"),disabled:y===u.id,onClick:()=>c(u),children:t.jsx(_,{name:"trash",size:18})})]})]},u.id))}),h?t.jsxs(Ve,{role:"dialog","aria-modal":"true","aria-label":e("outfits.studio.deleteTitle"),"data-testid":"outfit-studio-confirm",children:[t.jsx(Xe,{onClick:()=>c(null)}),t.jsxs(Ye,{children:[t.jsx(Je,{children:e("outfits.studio.deleteTitle")}),t.jsx("p",{className:"muted",children:e("outfits.studio.deleteBody")}),t.jsxs(Ze,{children:[h.published?t.jsx(x,{variant:"purple","data-testid":"outfit-studio-confirm-unpublish",disabled:y===h.id,onClick:()=>void C(h,"unpublish"),children:e("outfits.studio.unpublish")}):null,t.jsx(x,{variant:h.published?"outline":"purple","data-testid":"outfit-studio-confirm-delete",disabled:y===h.id,onClick:()=>void C(h,"delete"),children:e("outfits.studio.confirmDelete")}),t.jsx(x,{variant:"ghost",onClick:()=>c(null),children:e("outfits.studio.cancel")})]})]})]}):null]})}const Tt=["image/png","image/jpeg","image/webp"];function Li(){return{id:crypto.randomUUID(),name:"",thumbnailHash:"",items:[],bodyShape:"unisex",gradientFrom:nt.from,gradientTo:nt.to,published:!1}}function lt(n){return{id:n.id,name:n.name,thumbnailHash:n.thumbnailHash,items:n.items,bodyShape:n.bodyShape,gradientFrom:n.gradientFrom,gradientTo:n.gradientTo,published:n.published}}function Ri(n){try{const f=sessionStorage.getItem(n);return f?JSON.parse(f):null}catch{return null}}function zi({outfitId:n}){const f=n===null,h=`outfit-draft:${n??"new"}`,c=Y(i=>i.session),y=Et(),j=Zt(),[b]=d.useState(()=>Ri(h)),[o,R]=d.useState(()=>b??(f?Li():null)),[T,C]=d.useState(!!b),{data:u,isLoading:S,isError:E,refetch:Z}=Lt({queryKey:["outfit",n,!0],enabled:!f&&!!c,staleTime:0,queryFn:()=>je(n,c.identity)});d.useEffect(()=>{u&&R(i=>i??lt(u))},[u]);function k(i){R(r=>r&&{...r,...i}),C(!0)}d.useEffect(()=>{if(!(!o||!T))try{sessionStorage.setItem(h,JSON.stringify(o))}catch{}},[o,T,h]),d.useEffect(()=>{if(!T)return;const i=r=>r.preventDefault();return window.addEventListener("beforeunload",i),()=>window.removeEventListener("beforeunload",i)},[T]),d.useEffect(()=>()=>sessionStorage.removeItem(h),[h]);const g=se(o??void 0),K=d.useMemo(()=>new Set(((o==null?void 0:o.items)??[]).map(z)),[o]),B=i=>be((o==null?void 0:o.items)??[],i,g.byKey),l=i=>!!i.itemId&&B(i).length<=X;function v(i){!o||!l(i)||k({items:B(i)})}const[H,ct]=d.useState(null),L=d.useRef(null),tt=d.useRef(!0);d.useEffect(()=>(tt.current=!0,()=>{tt.current=!1}),[]);const[G,pt]=d.useState(!1),[Bt,q]=d.useState(null),[et,ft]=d.useState(""),[Ht,ht]=d.useState(null),[I,Mt]=d.useState();d.useEffect(()=>()=>{L.current&&URL.revokeObjectURL(L.current)},[]);function xt(){const i=me(et);if(!i){ht(e("outfits.studio.importError"));return}ht(null),ft(""),Mt(i.colors),k({items:i.items,...i.bodyShape?{bodyShape:i.bodyShape}:{}}),N.success(e("outfits.studio.importSuccess",{count:i.items.length}))}async function Ut(i){if(!i||!c)return;if(q(null),!Tt.includes(i.type)){q(e("outfits.errors.unsupportedType"));return}if(i.size>he){q(e("outfits.errors.tooLarge"));return}L.current&&URL.revokeObjectURL(L.current);const r=URL.createObjectURL(i);L.current=r,ct(r),pt(!0);try{const p=await xe(i,c.identity);k({thumbnailHash:p})}catch(p){p instanceof A||at(p,{flow:"outfit-thumbnail"}),q(e(p instanceof A?dt(p.code):"outfits.errors.generic")),L.current&&(URL.revokeObjectURL(L.current),L.current=null),ct(null)}finally{pt(!1)}}const[M,mt]=d.useState(!1),[_t,gt]=d.useState(null),it=!!o&&o.name.trim().length>0&&o.name.length<=60,Kt=!!o&&V(o.gradientFrom)&&V(o.gradientTo),bt=!!o&&o.items.some(i=>{const r=g.byKey.get(z(i));return!r||oe(r)}),yt=!!o&&it&&!!o.thumbnailHash&&Kt&&bt&&o.items.length>=re&&o.items.length<=X;async function st(i){if(!(!c||!o||M)){mt(!0),gt(null);try{const r=await zt({...o,published:i},c.identity,f?"create":"update");if(!tt.current)return;sessionStorage.removeItem(h),R(lt(r)),C(!1),Pt(y),i&&!o.published?(ge("Shop Outfit Published",{outfit_id:r.id,item_count:r.items.length}),N.success(e("outfits.studio.publishedToast"))):N.success(e("outfits.studio.saved")),f&&(y.setQueryData(["outfit",r.id,!0],r),j(`/outfits/${r.id}/edit`,{replace:!0}))}catch(r){r instanceof A||at(r,{flow:"outfit-save"}),gt(e(r instanceof A?dt(r.code):"outfits.errors.generic"))}finally{mt(!1)}}}const Q=d.useMemo(()=>((o==null?void 0:o.items)??[]).map(i=>g.byKey.get(z(i))).filter(i=>!!i),[o,g.byKey]),jt=d.useMemo(()=>ne(Q),[Q]),Gt=d.useMemo(()=>{const i=ae(Q);return i!=null&&i.itemId?z({contractAddress:i.contractAddress,itemId:i.itemId}):null},[Q]),qt=(o==null?void 0:o.bodyShape)==="female"?de:(o==null?void 0:o.bodyShape)==="male"?le:void 0;if(!c)return null;if(!o)return E?t.jsxs(O,{children:[t.jsx(U,{message:e("outfits.errors.generic")}),t.jsx(x,{variant:"white",onClick:()=>void Z(),children:e("outfits.detail.retry")})]}):!S&&u===null?t.jsxs(O,{"data-testid":"outfit-studio-missing",children:[t.jsx(w,{children:e("outfits.errors.notFound")}),t.jsx(x,{as:F,to:"/outfits/manage",variant:"white",children:e("outfits.studio.myOutfits")})]}):t.jsx(O,{"aria-busy":"true",children:t.jsx("span",{className:"spinner","aria-hidden":!0})});const vt=H??Rt(o.thumbnailHash),Qt={...o,authorAddress:(c==null?void 0:c.address)??"",createdAt:0,updatedAt:0},Vt=o.items.reduce((i,r)=>{var p;return i+(((p=g.byKey.get(z(r)))==null?void 0:p.priceCredits)??0)},0);return t.jsxs(Wt,{"data-testid":"outfit-studio-editor",children:[t.jsxs(Ot,{children:[t.jsx(De,{to:"/outfits/manage","aria-label":e("outfits.studio.myOutfits"),"data-testid":"outfit-studio-back",children:t.jsx(_,{name:"arrow-left",size:18})}),t.jsx(At,{children:f?e("outfits.studio.new"):e("outfits.studio.editTitle")}),t.jsx(Ft,{"data-state":o.published?"published":"draft",children:o.published?e("outfits.studio.publishedState"):e("outfits.studio.draft")})]}),t.jsxs(ti,{children:[t.jsxs(ei,{children:[t.jsxs(si,{"data-testid":"outfit-studio-preview",style:{background:ue(o)},children:[t.jsx($e,{id:"outfit-studio-preview-frame",profile:"default",bodyShape:qt,urns:jt,skin:I==null?void 0:I.skin,hair:I==null?void 0:I.hair,eyes:I==null?void 0:I.eyes,enabled:!g.isLoading}),jt.length===0&&!g.isLoading?t.jsx(oi,{children:e("outfits.studio.previewEmpty")}):null]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.bodyShape")}),t.jsx(ri,{role:"group","aria-label":e("outfits.studio.bodyShape"),children:["unisex","male","female"].map(i=>t.jsx(ni,{type:"button","data-selected":o.bodyShape===i||void 0,onClick:()=>k({bodyShape:i}),children:e(`outfits.studio.shape.${i}`)},i))})]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.gradient")}),t.jsx(di,{children:["gradientFrom","gradientTo"].map(i=>t.jsxs(li,{children:[t.jsx(ui,{type:"color",value:V(o[i])?o[i]:nt.from,"aria-label":e(i==="gradientFrom"?"outfits.studio.gradientTop":"outfits.studio.gradientBottom"),"data-testid":i==="gradientFrom"?"outfit-studio-gradient-from":"outfit-studio-gradient-to",onChange:r=>k({[i]:r.target.value.toLowerCase()})}),t.jsxs(ci,{children:[t.jsx("span",{children:e(i==="gradientFrom"?"outfits.studio.gradientTop":"outfits.studio.gradientBottom")}),t.jsx(pi,{value:o[i],maxLength:7,spellCheck:!1,placeholder:"#000000","aria-label":e(i==="gradientFrom"?"outfits.studio.gradientTopHex":"outfits.studio.gradientBottomHex"),"data-invalid":!V(o[i])||void 0,onChange:r=>{const p=r.target.value.trim().toLowerCase();k({[i]:p.startsWith("#")||p===""?p:`#${p}`})}})]})]},i))}),t.jsx(w,{children:e("outfits.studio.gradientHint")})]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.thumbnail")}),vt?t.jsx(ai,{"data-busy":G||void 0,children:t.jsx("img",{src:vt,alt:""})}):null,t.jsxs(hi,{as:"label",variant:"outline",size:"sm","data-busy":G||void 0,children:[G?e("outfits.studio.uploading"):e("outfits.studio.upload"),t.jsx("input",{type:"file",accept:Tt.join(","),hidden:!0,disabled:G,onChange:i=>{var r;return void Ut((r=i.target.files)==null?void 0:r[0])},"data-testid":"outfit-studio-thumb-input"})]}),t.jsx(w,{children:e("outfits.studio.thumbnailHint")}),t.jsx(U,{message:Bt,testId:"outfit-studio-thumb-error"})]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.cardPreview")}),t.jsx(fi,{"data-testid":"outfit-studio-card-preview",onClickCapture:i=>{i.preventDefault(),i.stopPropagation()},children:t.jsx(ce,{outfit:Qt,resolution:g})})]})]}),t.jsxs(ii,{children:[t.jsxs(P,{children:[t.jsx(W,{htmlFor:"outfit-import",children:e("outfits.studio.import")}),t.jsxs(xi,{children:[t.jsx(It,{id:"outfit-import",value:et,spellCheck:!1,placeholder:e("outfits.studio.importPlaceholder"),onChange:i=>ft(i.target.value),onKeyDown:i=>{i.key==="Enter"&&xt()},"data-testid":"outfit-studio-import"}),t.jsx(x,{variant:"outline",size:"sm",onClick:xt,disabled:et.trim()==="","data-testid":"outfit-studio-import-apply",children:e("outfits.studio.importApply")})]}),t.jsx(w,{children:e("outfits.studio.importHint")}),t.jsx(U,{message:Ht,testId:"outfit-studio-import-error"})]}),t.jsxs(P,{children:[t.jsx(W,{htmlFor:"outfit-name",children:e("outfits.studio.name")}),t.jsx(It,{id:"outfit-name",value:o.name,maxLength:60,placeholder:e("outfits.studio.namePlaceholder"),onChange:i=>k({name:i.target.value}),"data-testid":"outfit-studio-name"})]}),t.jsxs(P,{children:[t.jsxs(W,{as:"span",children:[e("outfits.studio.items")," (",o.items.length,"/",X,")"]}),o.items.length===0?t.jsx(w,{children:e("outfits.studio.noItems")}):t.jsx(mi,{children:o.items.map(i=>{const r=z(i),p=g.byKey.get(r);return t.jsxs(gi,{"data-testid":"outfit-studio-selected","data-missing":!p||void 0,children:[p?t.jsx(bi,{src:p.thumbnail,alt:""}):t.jsx(yi,{className:g.isLoading?"skeleton":void 0,"aria-hidden":!0}),t.jsx(ji,{className:p?void 0:"muted",children:p?p.name:g.isLoading?t.jsx(ke,{className:"skeleton",width:96,"aria-hidden":!0}):e("outfits.card.unavailable")}),r===Gt?t.jsx(vi,{"data-testid":"outfit-studio-plays-in-preview",children:e("outfits.studio.playsInPreview")}):null,p?t.jsxs(wi,{children:[t.jsx(ot,{size:12}),t.jsx(rt,{credits:p.priceCredits})]}):null,t.jsx(Si,{type:"button","aria-label":e("outfits.studio.remove"),title:e("outfits.studio.remove"),onClick:()=>k({items:o.items.filter(Xt=>z(Xt)!==r)}),children:t.jsx(_,{name:"trash",size:16})})]},r)})}),o.items.length>0?t.jsxs($i,{"data-testid":"outfit-studio-total",children:[t.jsx("span",{children:e("outfits.detail.totalPrice")}),t.jsxs(ki,{children:[t.jsx(ot,{size:14}),t.jsx(rt,{credits:Vt})]})]}):null,o.items.length>=X?t.jsx(w,{children:e("outfits.studio.maxItems")}):null]}),t.jsx(Fe,{selectedKeys:K,onPick:v,canPick:l})]})]}),t.jsxs(Ii,{"data-testid":"outfit-studio-savebar",children:[t.jsx(U,{message:_t,testId:"outfit-studio-save-error"}),it?!yt&&!o.published?t.jsx(w,{"data-testid":"outfit-studio-publish-hint",children:!bt&&o.items.length>0?e("outfits.studio.needsWearable"):e("outfits.errors.notPublishable")}):null:t.jsx(w,{children:e("outfits.studio.needName")}),t.jsxs(Ti,{children:[t.jsx(x,{variant:"outline","data-testid":"outfit-studio-save",disabled:M||!it,onClick:()=>void st(o.published),children:M?e("outfits.studio.saving"):e("outfits.studio.saveDraft")}),o.published?t.jsx(x,{variant:"white","data-testid":"outfit-studio-unpublish",disabled:M,onClick:()=>void st(!1),children:e("outfits.studio.unpublish")}):t.jsx(x,{variant:"white","data-testid":"outfit-studio-publish",disabled:M||!yt,onClick:()=>void st(!0),children:e("outfits.studio.publish")})]})]})]})}export{Ki as OutfitStudio,Ki as default};
+//# sourceMappingURL=OutfitStudio-DNQsP0eA.js.map