@dcl/shop 0.6.1 → 0.6.2-30958394678.commit-3968c2a

package/_assets/OutfitStudio-DeiWpnBW.js

@@ -1,500 +0,0 @@
-import{r as u,j as t,L as O,u as Gt,b as qt,d as Wt}from"./react-DehiWSvs.js";import{s as o,t as st,I as M,ax as Qt,d as e,x as X,B as m,ad as vt,l as q,M as Vt,v as Jt,y as wt,o as $t,O as Yt,V as B,ay as K,az as Xt,aA as G,$ as Zt,Y as te,Z as ee,S as St,a0 as ie,aB as Z,aC as se,aD as oe,aE as ae,A as F,aF as kt,aG as Tt,aH as P,D as tt,aI as et,aJ as ne,aK as re,aL as de,U as le,aM as ue,aN as ce,a7 as pe}from"./index-C50bRdDg.js";import{E as D}from"./ErrorNotice-6j32LCd-.js";import{L as fe}from"./LoadMore-C6sUcyIf.js";import{u as he}from"./useInfiniteGrid-BioQWUj3.js";import{O as me}from"./OutfitPreview-BCoX8M6g.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./disposePreview-DIA1G1eQ.js";const{colors:x,radius:ot,media:xe}=st,ge=o.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,be=o.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  border: 1px solid ${x.lineStrong};
-  border-radius: ${ot.pill};
-  padding: 0 14px;
-  height: 44px;
-
-  input {
-    flex: 1;
-    min-width: 0;
-    border: 0;
-    outline: 0;
-    background: none;
-    font: inherit;
-    color: ${x.text};
-  }
-`,xt=o.div`
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-  gap: 10px;
-
-  ${xe.maxWidth("mobile")} {
-    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
-  }
-`,ye=o.span`
-  height: 190px;
-  border-radius: ${ot.card};
-`,je=o.button`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding: 8px;
-  background: ${x.bg};
-  border: 1px solid ${x.line};
-  border-radius: ${ot.card};
-  text-align: left;
-  font: inherit;
-  color: ${x.text};
-  cursor: pointer;
-
-  &:hover:not(:disabled) {
-    border-color: ${x.magenta};
-  }
-
-  &[data-selected] {
-    border-color: ${x.accent};
-    box-shadow: 0 0 0 1px ${x.accent};
-  }
-
-  &:disabled {
-    opacity: 0.5;
-    cursor: default;
-  }
-`,ve=o.img`
-  width: 100%;
-  aspect-ratio: 1;
-  object-fit: cover;
-  border-radius: 8px;
-  background: ${x.media};
-`,we=o.span`
-  font-size: 13px;
-  font-weight: 600;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,$e=o.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 12px;
-  color: ${x.muted};
-`,Se=o(M)`
-  position: absolute;
-  top: 12px;
-  right: 12px;
-  color: ${x.accent};
-  background: ${x.bg};
-  border-radius: 50%;
-`;function ke({selectedKeys:r,onPick:h,canPick:f}){const[p,g]=u.useState(""),[j,b]=u.useState("");u.useEffect(()=>{const d=setTimeout(()=>b(p.trim()),300);return()=>clearTimeout(d)},[p]);const{items:s,isLoading:k,isPlaceholderData:w,isError:T,hasNextPage:l,isFetchingNextPage:C,fetchNextPage:I}=he(["outfit-picker",j],d=>Qt({search:j||void 0,category:"wearable",onSale:!0,listingType:"primary",first:24,skip:d,sortBy:"cheapest"})),U=new Set,y=s.filter(d=>{if(!d.itemId)return!1;const $=`${d.contractAddress.toLowerCase()}-${d.itemId}`;return U.has($)?!1:(U.add($),!0)});return t.jsxs(ge,{"data-testid":"outfit-picker",children:[t.jsxs(be,{children:[t.jsx(M,{name:"search",color:st.colors.muted}),t.jsx("input",{value:p,placeholder:e("outfits.studio.searchPlaceholder"),"aria-label":e("outfits.studio.searchPlaceholder"),onChange:d=>g(d.target.value),"data-testid":"outfit-picker-search"})]}),T?t.jsx("p",{className:"muted small",children:e("outfits.errors.generic")}):k||w?t.jsx(xt,{"aria-busy":"true",children:Array.from({length:8},(d,$)=>t.jsx(ye,{className:"skeleton","aria-hidden":!0},$))}):y.length===0?t.jsx("p",{className:"muted small",children:e("outfits.studio.noResults")}):t.jsx(xt,{children:y.map(d=>{const $=`${d.contractAddress.toLowerCase()}-${d.itemId}`,R=r.has($);return t.jsxs(je,{type:"button","data-testid":"outfit-picker-item","data-selected":R||void 0,disabled:!R&&!f(d),onClick:()=>h(d),title:d.name,children:[t.jsx(ve,{src:d.thumbnail,alt:"",loading:"lazy"}),t.jsx(we,{children:d.name}),t.jsxs($e,{children:[t.jsx(X,{size:12}),d.priceCredits.toLocaleString()]}),R?t.jsx(Se,{name:"check-rounded",size:18}):null]},$)})}),!T&&!k&&!w?t.jsx(fe,{auto:!1,hasNextPage:!!l,isFetching:C,onLoadMore:()=>void I()}):null]})}const{colors:a,radius:v,media:W,z:Te}=st,Ct=o.div`
-  max-width: 1200px;
-  margin: 0 auto;
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-`,z=o.div`
-  min-height: 52vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  gap: 14px;
-`,gt=o.h1`
-  font-size: 24px;
-`,It=o.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-`,Et=o.h1`
-  font-size: 24px;
-  font-weight: 800;
-  margin-right: auto;
-`,Ce=o(O)`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 44px;
-  height: 44px;
-  border-radius: 50%;
-  color: ${a.text};
-
-  &:hover {
-    background: ${a.panel};
-  }
-`,Lt=o.span`
-  font-size: 12px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-  padding: 3px 10px;
-  border-radius: ${v.pill};
-  background: ${a.chip};
-  color: ${a.muted1};
-
-  &[data-state='published'] {
-    background: rgba(30, 166, 114, 0.14);
-    color: ${a.okStrong};
-  }
-`,bt=o.div`
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-`,Ie=o.span`
-  height: 76px;
-  border-radius: ${v.card};
-`,Ee=o.div`
-  display: flex;
-  align-items: center;
-  gap: 14px;
-  padding: 12px;
-  border: 1px solid ${a.line};
-  border-radius: ${v.card};
-
-  ${W.maxWidth("mobile")} {
-    flex-wrap: wrap;
-  }
-`,Nt=vt`
-  width: 52px;
-  height: 52px;
-  border-radius: 8px;
-  background: ${a.media};
-  flex-shrink: 0;
-`,Le=o.div`
-  ${Nt};
-  overflow: hidden;
-
-  img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    display: block;
-  }
-`,Ne=o.span`
-  ${Nt};
-  display: inline-block;
-`,ze=o.div`
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`,Re=o.span`
-  font-size: 15px;
-  font-weight: 700;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,Pe=o.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 13px;
-  color: ${a.muted};
-`,Oe=o.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-
-  ${W.maxWidth("mobile")} {
-    width: 100%;
-    justify-content: flex-end;
-  }
-`,Fe=o.button`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 44px;
-  height: 44px;
-  border: 0;
-  background: none;
-  border-radius: 50%;
-  color: ${a.muted};
-  cursor: pointer;
-
-  &:hover {
-    color: ${a.errStrong};
-    background: ${a.panel};
-  }
-
-  &:disabled {
-    opacity: 0.5;
-    cursor: default;
-  }
-`,Ae=o.div`
-  position: fixed;
-  inset: 0;
-  z-index: ${Te.overlay};
-  display: grid;
-  place-items: center;
-  padding: 16px;
-`,Be=o.div`
-  position: absolute;
-  inset: 0;
-  background: rgba(22, 21, 24, 0.5);
-`,De=o.div`
-  position: relative;
-  background: ${a.bg};
-  border-radius: ${v.card};
-  padding: 24px;
-  max-width: 420px;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,Me=o.h2`
-  font-size: 18px;
-  font-weight: 800;
-`,Ue=o.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-  margin-top: 6px;
-`,He=o.div`
-  display: grid;
-  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
-  gap: 32px;
-  align-items: start;
-
-  ${W.maxWidth("mobile")} {
-    grid-template-columns: 1fr;
-    gap: 20px;
-  }
-`,_e=o.div`
-  display: flex;
-  flex-direction: column;
-  gap: 18px;
-`,Ke=o.div`
-  display: flex;
-  flex-direction: column;
-  gap: 18px;
-`,Ge=o.div`
-  position: relative;
-  aspect-ratio: 3 / 4;
-  border-radius: 16px;
-  overflow: hidden;
-  background: ${a.media};
-
-  ${W.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;
-  }
-`,qe=o.p`
-  position: absolute;
-  inset: 0;
-  display: grid;
-  place-items: center;
-  padding: 24px;
-  text-align: center;
-`,L=o.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`,N=o.label`
-  font-size: 13px;
-  font-weight: 700;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: ${a.muted1};
-`,We=o.div`
-  display: flex;
-  gap: 8px;
-`,Qe=o.button`
-  min-height: 44px;
-  padding: 0 16px;
-  border-radius: ${v.pill};
-  border: 1px solid ${a.lineStrong};
-  background: none;
-  font: inherit;
-  font-weight: 600;
-  color: ${a.text};
-  cursor: pointer;
-
-  &[data-selected] {
-    border-color: ${a.accent};
-    background: ${a.accent};
-    color: ${a.white};
-  }
-`,Ve=o.div`
-  width: 240px;
-  aspect-ratio: 3 / 4;
-  border-radius: ${v.card};
-  overflow: hidden;
-  background: ${a.media};
-
-  &[data-busy] {
-    opacity: 0.6;
-  }
-
-  img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    display: block;
-  }
-`,Je=o.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex-wrap: wrap;
-`,Ye=o.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-`,Xe=o.input`
-  width: 44px;
-  height: 44px;
-  padding: 2px;
-  border: 1px solid ${a.lineStrong};
-  border-radius: ${v.btn};
-  background: none;
-  cursor: pointer;
-
-  &::-webkit-color-swatch-wrapper {
-    padding: 0;
-  }
-  &::-webkit-color-swatch {
-    border: 0;
-    border-radius: 4px;
-  }
-`,Ze=o.div`
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  font-size: 12px;
-  color: ${a.muted};
-`,ti=o.input`
-  width: 88px;
-  height: 26px;
-  padding: 0 6px;
-  border: 1px solid ${a.line};
-  border-radius: ${v.chip};
-  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-  font-size: 12px;
-  color: ${a.text};
-  text-transform: lowercase;
-
-  &[data-invalid] {
-    border-color: ${a.errStrong};
-  }
-`,ei=o.div`
-  width: 281px;
-  max-width: 100%;
-`,ii=o(m)`
-  align-self: flex-start;
-`,si=o.div`
-  display: flex;
-  align-items: stretch;
-  gap: 8px;
-
-  input {
-    flex: 1;
-    min-width: 0;
-  }
-`,yt=o.input`
-  height: 44px;
-  padding: 0 14px;
-  border: 1px solid ${a.lineStrong};
-  border-radius: ${v.btn};
-  font: inherit;
-  color: ${a.text};
-
-  &:focus {
-    outline: 2px solid ${a.accent};
-    outline-offset: -1px;
-  }
-`,oi=o.ul`
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-`,ai=o.li`
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 6px 8px;
-  border: 1px solid ${a.line};
-  border-radius: ${v.card};
-
-  &[data-missing] {
-    opacity: 0.6;
-  }
-`,zt=vt`
-  width: 40px;
-  height: 40px;
-  border-radius: 8px;
-  background: ${a.media};
-  flex-shrink: 0;
-`,ni=o.img`
-  ${zt};
-  object-fit: cover;
-`,ri=o.span`
-  ${zt};
-  display: inline-block;
-`,di=o.span`
-  flex: 1;
-  min-width: 0;
-  font-size: 14px;
-  font-weight: 600;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,li=o.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 13px;
-  color: ${a.muted};
-  white-space: nowrap;
-`,ui=o.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding-top: 10px;
-  border-top: 1px solid ${a.line};
-  font-size: 13px;
-  font-weight: 700;
-`,ci=o.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 15px;
-  font-weight: 700;
-`,pi=o.button`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 40px;
-  height: 40px;
-  border: 0;
-  background: none;
-  border-radius: 50%;
-  color: ${a.muted};
-  cursor: pointer;
-
-  &:hover {
-    color: ${a.errStrong};
-    background: ${a.panel};
-  }
-`,fi=o.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding-top: 16px;
-  border-top: 1px solid ${a.line};
-`,hi=o.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-`;function Ni(){const{id:r}=Gt(),{pathname:h}=qt(),f=q(b=>b.session),p=q(b=>b.signIn),g=Vt();Jt({title:e("outfits.studio.title"),noindex:!0});const j=h.endsWith("/new")?"new":r?"edit":"list";return g==="pending"?t.jsx(z,{"aria-busy":"true","data-testid":"outfit-studio-loading",children:t.jsx("span",{className:"spinner","aria-hidden":!0})}):f?g!=="creator"?t.jsxs(z,{"data-testid":"outfit-studio-unavailable",children:[t.jsx(gt,{children:e("outfits.studio.title")}),t.jsx("p",{className:"muted",children:e("outfits.studio.notAvailable")}),t.jsx(m,{as:O,to:"/overview",variant:"purple",children:e("outfits.studio.backToShop")})]}):j==="list"?t.jsx(xi,{}):t.jsx(yi,{outfitId:j==="edit"?r:null},r??"new"):t.jsxs(z,{"data-testid":"outfit-studio-signin",children:[t.jsx(gt,{children:e("outfits.studio.title")}),t.jsx("p",{className:"muted",children:e("outfits.studio.signInPrompt")}),t.jsx(m,{variant:"purple",onClick:()=>p(),children:e("outfits.studio.signIn")})]})}function mi({outfit:r}){const h=St(r.thumbnailHash);return h?t.jsx(Le,{style:{background:oe(r)},children:t.jsx("img",{src:h,alt:"",loading:"lazy"})}):t.jsx(Ne,{"aria-hidden":!0})}function xi(){const r=q(l=>l.session),h=wt(),[f,p]=u.useState(null),[g,j]=u.useState(null),{data:b=[],isLoading:s,isError:k,refetch:w}=$t({queryKey:["outfits-all"],enabled:!!r,staleTime:3e4,queryFn:()=>ce(r.identity)});async function T(l,C){if(r){j(l.id);try{C==="delete"?(await ae(l.id,r.identity),F.success(e("outfits.studio.deleted"))):(await kt({...it(l),published:!1},r.identity,"update"),F.success(e("outfits.studio.unpublished"))),Tt(h)}catch(I){I instanceof P||tt(I,{flow:`outfit-${C}`}),F.error(e(I instanceof P?et(I.code):"outfits.errors.generic"))}finally{j(null),p(null)}}}return t.jsxs(Ct,{"data-testid":"outfit-studio-list",children:[t.jsxs(It,{children:[t.jsx(Et,{children:e("outfits.studio.myOutfits")}),t.jsx(m,{as:O,to:"/outfits/new",variant:"purple","data-testid":"outfit-studio-new",children:e("outfits.studio.new")})]}),s?t.jsx(bt,{"aria-busy":"true",children:Array.from({length:3},(l,C)=>t.jsx(Ie,{className:"skeleton","aria-hidden":!0},C))}):k?t.jsxs(z,{children:[t.jsx(D,{message:e("outfits.errors.generic")}),t.jsx(m,{variant:"purple",onClick:()=>void w(),children:e("outfits.detail.retry")})]}):b.length===0?t.jsx("p",{className:"muted",children:e("outfits.studio.empty")}):t.jsx(bt,{children:b.map(l=>t.jsxs(Ee,{"data-testid":"outfit-studio-row","data-published":l.published||void 0,children:[t.jsx(mi,{outfit:l}),t.jsxs(ze,{children:[t.jsx(Re,{children:l.name||e("outfits.studio.untitled")}),t.jsxs(Pe,{children:[t.jsx(Lt,{"data-state":l.published?"published":"draft",children:l.published?e("outfits.studio.publishedState"):e("outfits.studio.draft")}),e("outfits.card.items",{count:l.items.length})]})]}),t.jsxs(Oe,{children:[l.published?t.jsx(m,{as:O,to:`/items/outfits/${l.id}`,variant:"ghost",size:"sm",children:e("outfits.studio.view")}):null,t.jsx(m,{as:O,to:`/outfits/${l.id}/edit`,variant:"outline",size:"sm","data-testid":"outfit-studio-edit",children:e("outfits.studio.edit")}),t.jsx(Fe,{type:"button","data-testid":"outfit-studio-delete","aria-label":e("outfits.studio.confirmDelete"),disabled:g===l.id,onClick:()=>p(l),children:t.jsx(M,{name:"trash",size:18})})]})]},l.id))}),f?t.jsxs(Ae,{role:"dialog","aria-modal":"true","aria-label":e("outfits.studio.deleteTitle"),"data-testid":"outfit-studio-confirm",children:[t.jsx(Be,{onClick:()=>p(null)}),t.jsxs(De,{children:[t.jsx(Me,{children:e("outfits.studio.deleteTitle")}),t.jsx("p",{className:"muted",children:e("outfits.studio.deleteBody")}),t.jsxs(Ue,{children:[f.published?t.jsx(m,{variant:"purple","data-testid":"outfit-studio-confirm-unpublish",disabled:g===f.id,onClick:()=>void T(f,"unpublish"),children:e("outfits.studio.unpublish")}):null,t.jsx(m,{variant:f.published?"outline":"purple","data-testid":"outfit-studio-confirm-delete",disabled:g===f.id,onClick:()=>void T(f,"delete"),children:e("outfits.studio.confirmDelete")}),t.jsx(m,{variant:"ghost",onClick:()=>p(null),children:e("outfits.studio.cancel")})]})]})]}):null]})}const jt=["image/png","image/jpeg","image/webp"];function gi(){return{id:crypto.randomUUID(),name:"",thumbnailHash:"",items:[],bodyShape:"unisex",gradientFrom:Z.from,gradientTo:Z.to,published:!1}}function it(r){return{id:r.id,name:r.name,thumbnailHash:r.thumbnailHash,items:r.items,bodyShape:r.bodyShape,gradientFrom:r.gradientFrom,gradientTo:r.gradientTo,published:r.published}}function bi(r){try{const h=sessionStorage.getItem(r);return h?JSON.parse(h):null}catch{return null}}function yi({outfitId:r}){const h=r===null,f=`outfit-draft:${r??"new"}`,p=q(i=>i.session),g=wt(),j=Wt(),[b]=u.useState(()=>bi(f)),[s,k]=u.useState(()=>b??(h?gi():null)),[w,T]=u.useState(!!b),{data:l,isLoading:C,isError:I,refetch:U}=$t({queryKey:["outfit",r,!0],enabled:!h&&!!p,staleTime:0,queryFn:()=>pe(r,p.identity)});u.useEffect(()=>{l&&k(i=>i??it(l))},[l]);function y(i){k(n=>n&&{...n,...i}),T(!0)}u.useEffect(()=>{if(!(!s||!w))try{sessionStorage.setItem(f,JSON.stringify(s))}catch{}},[s,w,f]),u.useEffect(()=>{if(!w)return;const i=n=>n.preventDefault();return window.addEventListener("beforeunload",i),()=>window.removeEventListener("beforeunload",i)},[w]),u.useEffect(()=>()=>sessionStorage.removeItem(f),[f]);const d=Yt(s??void 0),$=u.useMemo(()=>new Set(((s==null?void 0:s.items)??[]).map(B)),[s]),R=i=>ue((s==null?void 0:s.items)??[],i,d.byKey),at=i=>!!i.itemId&&R(i).length<=G;function Rt(i){!s||!at(i)||y({items:R(i)})}const[Pt,nt]=u.useState(null),E=u.useRef(null),Q=u.useRef(!0);u.useEffect(()=>(Q.current=!0,()=>{Q.current=!1}),[]);const[H,rt]=u.useState(!1),[Ot,_]=u.useState(null),[V,dt]=u.useState(""),[Ft,lt]=u.useState(null),[S,At]=u.useState();u.useEffect(()=>()=>{E.current&&URL.revokeObjectURL(E.current)},[]);function ut(){const i=de(V);if(!i){lt(e("outfits.studio.importError"));return}lt(null),dt(""),At(i.colors),y({items:i.items,...i.bodyShape?{bodyShape:i.bodyShape}:{}}),F.success(e("outfits.studio.importSuccess",{count:i.items.length}))}async function Bt(i){if(!i||!p)return;if(_(null),!jt.includes(i.type)){_(e("outfits.errors.unsupportedType"));return}if(i.size>ne){_(e("outfits.errors.tooLarge"));return}E.current&&URL.revokeObjectURL(E.current);const n=URL.createObjectURL(i);E.current=n,nt(n),rt(!0);try{const c=await re(i,p.identity);y({thumbnailHash:c})}catch(c){c instanceof P||tt(c,{flow:"outfit-thumbnail"}),_(e(c instanceof P?et(c.code):"outfits.errors.generic")),E.current&&(URL.revokeObjectURL(E.current),E.current=null),nt(null)}finally{rt(!1)}}const[A,ct]=u.useState(!1),[Dt,pt]=u.useState(null),J=!!s&&s.name.trim().length>0&&s.name.length<=60,Mt=!!s&&K(s.gradientFrom)&&K(s.gradientTo),ft=!!s&&J&&!!s.thumbnailHash&&Mt&&s.items.length>=Xt&&s.items.length<=G;async function Y(i){if(!(!p||!s||A)){ct(!0),pt(null);try{const n=await kt({...s,published:i},p.identity,h?"create":"update");if(!Q.current)return;sessionStorage.removeItem(f),k(it(n)),T(!1),Tt(g),i&&!s.published?(le("Shop Outfit Published",{outfit_id:n.id,item_count:n.items.length}),F.success(e("outfits.studio.publishedToast"))):F.success(e("outfits.studio.saved")),h&&(g.setQueryData(["outfit",n.id,!0],n),j(`/outfits/${n.id}/edit`,{replace:!0}))}catch(n){n instanceof P||tt(n,{flow:"outfit-save"}),pt(e(n instanceof P?et(n.code):"outfits.errors.generic"))}finally{ct(!1)}}}const ht=u.useMemo(()=>((s==null?void 0:s.items)??[]).map(i=>d.byKey.get(B(i))).map(i=>i?Zt(i):null).filter(i=>!!i),[s,d.byKey]),Ut=(s==null?void 0:s.bodyShape)==="female"?te:(s==null?void 0:s.bodyShape)==="male"?ee:void 0;if(!p)return null;if(!s)return I?t.jsxs(z,{children:[t.jsx(D,{message:e("outfits.errors.generic")}),t.jsx(m,{variant:"purple",onClick:()=>void U(),children:e("outfits.detail.retry")})]}):!C&&l===null?t.jsxs(z,{"data-testid":"outfit-studio-missing",children:[t.jsx("p",{className:"muted",children:e("outfits.errors.notFound")}),t.jsx(m,{as:O,to:"/outfits/manage",variant:"purple",children:e("outfits.studio.myOutfits")})]}):t.jsx(z,{"aria-busy":"true",children:t.jsx("span",{className:"spinner","aria-hidden":!0})});const mt=Pt??St(s.thumbnailHash),Ht={...s,authorAddress:(p==null?void 0:p.address)??"",createdAt:0,updatedAt:0},_t=s.items.reduce((i,n)=>{var c;return i+(((c=d.byKey.get(B(n)))==null?void 0:c.priceCredits)??0)},0);return t.jsxs(Ct,{"data-testid":"outfit-studio-editor",children:[t.jsxs(It,{children:[t.jsx(Ce,{to:"/outfits/manage","aria-label":e("outfits.studio.myOutfits"),"data-testid":"outfit-studio-back",children:t.jsx(M,{name:"arrow-left",size:18})}),t.jsx(Et,{children:h?e("outfits.studio.new"):e("outfits.studio.editTitle")}),t.jsx(Lt,{"data-state":s.published?"published":"draft",children:s.published?e("outfits.studio.publishedState"):e("outfits.studio.draft")})]}),t.jsxs(He,{children:[t.jsxs(_e,{children:[t.jsxs(Ge,{"data-testid":"outfit-studio-preview",style:{background:ie(s)},children:[t.jsx(me,{id:"outfit-studio-preview-frame",profile:"default",bodyShape:Ut,urns:ht,skin:S==null?void 0:S.skin,hair:S==null?void 0:S.hair,eyes:S==null?void 0:S.eyes,enabled:!d.isLoading}),ht.length===0&&!d.isLoading?t.jsx(qe,{className:"muted",children:e("outfits.studio.previewEmpty")}):null]}),t.jsxs(L,{children:[t.jsx(N,{as:"span",children:e("outfits.studio.bodyShape")}),t.jsx(We,{role:"group","aria-label":e("outfits.studio.bodyShape"),children:["unisex","male","female"].map(i=>t.jsx(Qe,{type:"button","data-selected":s.bodyShape===i||void 0,onClick:()=>y({bodyShape:i}),children:e(`outfits.studio.shape.${i}`)},i))})]}),t.jsxs(L,{children:[t.jsx(N,{as:"span",children:e("outfits.studio.gradient")}),t.jsx(Je,{children:["gradientFrom","gradientTo"].map(i=>t.jsxs(Ye,{children:[t.jsx(Xe,{type:"color",value:K(s[i])?s[i]:Z.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:n=>y({[i]:n.target.value.toLowerCase()})}),t.jsxs(Ze,{children:[t.jsx("span",{children:e(i==="gradientFrom"?"outfits.studio.gradientTop":"outfits.studio.gradientBottom")}),t.jsx(ti,{value:s[i],maxLength:7,spellCheck:!1,placeholder:"#000000","aria-label":e(i==="gradientFrom"?"outfits.studio.gradientTopHex":"outfits.studio.gradientBottomHex"),"data-invalid":!K(s[i])||void 0,onChange:n=>{const c=n.target.value.trim().toLowerCase();y({[i]:c.startsWith("#")||c===""?c:`#${c}`})}})]})]},i))}),t.jsx("p",{className:"muted small",children:e("outfits.studio.gradientHint")})]}),t.jsxs(L,{children:[t.jsx(N,{as:"span",children:e("outfits.studio.thumbnail")}),mt?t.jsx(Ve,{"data-busy":H||void 0,children:t.jsx("img",{src:mt,alt:""})}):null,t.jsxs(ii,{as:"label",variant:"outline",size:"sm","data-busy":H||void 0,children:[H?e("outfits.studio.uploading"):e("outfits.studio.upload"),t.jsx("input",{type:"file",accept:jt.join(","),hidden:!0,disabled:H,onChange:i=>{var n;return void Bt((n=i.target.files)==null?void 0:n[0])},"data-testid":"outfit-studio-thumb-input"})]}),t.jsx("p",{className:"muted small",children:e("outfits.studio.thumbnailHint")}),t.jsx(D,{message:Ot,testId:"outfit-studio-thumb-error"})]}),t.jsxs(L,{children:[t.jsx(N,{as:"span",children:e("outfits.studio.cardPreview")}),t.jsx(ei,{"data-testid":"outfit-studio-card-preview",onClickCapture:i=>{i.preventDefault(),i.stopPropagation()},children:t.jsx(se,{outfit:Ht,resolution:d})})]})]}),t.jsxs(Ke,{children:[t.jsxs(L,{children:[t.jsx(N,{htmlFor:"outfit-import",children:e("outfits.studio.import")}),t.jsxs(si,{children:[t.jsx(yt,{id:"outfit-import",value:V,spellCheck:!1,placeholder:e("outfits.studio.importPlaceholder"),onChange:i=>dt(i.target.value),onKeyDown:i=>{i.key==="Enter"&&ut()},"data-testid":"outfit-studio-import"}),t.jsx(m,{variant:"outline",size:"sm",onClick:ut,disabled:V.trim()==="","data-testid":"outfit-studio-import-apply",children:e("outfits.studio.importApply")})]}),t.jsx("p",{className:"muted small",children:e("outfits.studio.importHint")}),t.jsx(D,{message:Ft,testId:"outfit-studio-import-error"})]}),t.jsxs(L,{children:[t.jsx(N,{htmlFor:"outfit-name",children:e("outfits.studio.name")}),t.jsx(yt,{id:"outfit-name",value:s.name,maxLength:60,placeholder:e("outfits.studio.namePlaceholder"),onChange:i=>y({name:i.target.value}),"data-testid":"outfit-studio-name"})]}),t.jsxs(L,{children:[t.jsxs(N,{as:"span",children:[e("outfits.studio.items")," (",s.items.length,"/",G,")"]}),s.items.length===0?t.jsx("p",{className:"muted small",children:e("outfits.studio.noItems")}):t.jsx(oi,{children:s.items.map(i=>{const n=B(i),c=d.byKey.get(n);return t.jsxs(ai,{"data-testid":"outfit-studio-selected","data-missing":!c||void 0,children:[c?t.jsx(ni,{src:c.thumbnail,alt:""}):t.jsx(ri,{className:d.isLoading?"skeleton":void 0,"aria-hidden":!0}),t.jsx(di,{className:c?void 0:"muted",children:c?c.name:d.isLoading?"…":e("outfits.card.unavailable")}),c?t.jsxs(li,{children:[t.jsx(X,{size:12}),c.priceCredits.toLocaleString()]}):null,t.jsx(pi,{type:"button","aria-label":e("outfits.studio.remove"),title:e("outfits.studio.remove"),onClick:()=>y({items:s.items.filter(Kt=>B(Kt)!==n)}),children:t.jsx(M,{name:"trash",size:16})})]},n)})}),s.items.length>0?t.jsxs(ui,{"data-testid":"outfit-studio-total",children:[t.jsx("span",{children:e("outfits.detail.totalPrice")}),t.jsxs(ci,{children:[t.jsx(X,{size:14}),_t.toLocaleString()]})]}):null,s.items.length>=G?t.jsx("p",{className:"muted small",children:e("outfits.studio.maxItems")}):null]}),t.jsx(ke,{selectedKeys:$,onPick:Rt,canPick:at})]})]}),t.jsxs(fi,{"data-testid":"outfit-studio-savebar",children:[t.jsx(D,{message:Dt,testId:"outfit-studio-save-error"}),J?!ft&&!s.published?t.jsx("p",{className:"muted small",children:e("outfits.errors.notPublishable")}):null:t.jsx("p",{className:"muted small",children:e("outfits.studio.needName")}),t.jsxs(hi,{children:[t.jsx(m,{variant:"outline","data-testid":"outfit-studio-save",disabled:A||!J,onClick:()=>void Y(s.published),children:A?e("outfits.studio.saving"):e("outfits.studio.saveDraft")}),s.published?t.jsx(m,{variant:"purple","data-testid":"outfit-studio-unpublish",disabled:A,onClick:()=>void Y(!1),children:e("outfits.studio.unpublish")}):t.jsx(m,{variant:"purple","data-testid":"outfit-studio-publish",disabled:A||!ft,onClick:()=>void Y(!0),children:e("outfits.studio.publish")})]})]})]})}export{Ni as OutfitStudio,Ni as default};

package/_assets/clsx-Dp2xNKFR.js

@@ -1,9 +0,0 @@
-import{f as F,g as be}from"./react-DehiWSvs.js";import{bS as Pe,c9 as ue,ac as ge,ca as Te,bQ as Re,cb as Oe,aa as $e,ab as z,cc as ie,cd as Ce,ce as we,cf as Ae,cg as Me,f as Fe,T as je}from"./index-C50bRdDg.js";const qe=Object.freeze(Object.defineProperty({__proto__:null,default:Pe,isPlainObject:ue},Symbol.toStringTag,{value:"Module"})),Le=Object.freeze(Object.defineProperty({__proto__:null,default:ge},Symbol.toStringTag,{value:"Module"})),Ne=Object.freeze(Object.defineProperty({__proto__:null,default:Te,private_createBreakpoints:Re,unstable_applyStyles:Oe},Symbol.toStringTag,{value:"Module"})),Ie=["sx"],We=e=>{var r,s;const o={systemProps:{},otherProps:{}},i=(r=e==null||(s=e.theme)==null?void 0:s.unstable_sxConfig)!=null?r:ie;return Object.keys(e).forEach(a=>{i[a]?o.systemProps[a]=e[a]:o.otherProps[a]=e[a]}),o};function De(e){const{sx:r}=e,s=$e(e,Ie),{systemProps:o,otherProps:i}=We(s);let a;return Array.isArray(r)?a=[o,...r]:typeof r=="function"?a=(...h)=>{const v=r(...h);return ue(v)?z({},o,v):o}:a=z({},o,r),z({},i,{sx:a})}const Ye=Object.freeze(Object.defineProperty({__proto__:null,default:Ce,extendSxProp:De,unstable_createStyleFunctionSx:we,unstable_defaultSxConfig:ie},Symbol.toStringTag,{value:"Module"})),K=e=>e,ke=()=>{let e=K;return{configure(r){e=r},generate(r){return e(r)},reset(){e=K}}},Ve=ke(),ze={active:"active",checked:"checked",completed:"completed",disabled:"disabled",error:"error",expanded:"expanded",focused:"focused",focusVisible:"focusVisible",open:"open",readOnly:"readOnly",required:"required",selected:"selected"};function Ue(e,r,s="Mui"){const o=ze[r];return o?`${s}-${o}`:`${Ve.generate(e)}-${r}`}function dt(e,r,s="Mui"){const o={};return r.forEach(i=>{o[i]=Ue(e,i,s)}),o}var U={exports:{}},u={};/**
- * @license React
- * react-is.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var ee;function Ge(){if(ee)return u;ee=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.portal"),s=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),a=Symbol.for("react.consumer"),h=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),$=Symbol.for("react.suspense_list"),T=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),D=Symbol.for("react.view_transition"),Y=Symbol.for("react.client.reference");function p(t){if(typeof t=="object"&&t!==null){var j=t.$$typeof;switch(j){case e:switch(t=t.type,t){case s:case i:case o:case O:case $:case D:return t;default:switch(t=t&&t.$$typeof,t){case h:case v:case C:case T:return t;case a:return t;default:return j}}case r:return j}}}return u.ContextConsumer=a,u.ContextProvider=h,u.Element=e,u.ForwardRef=v,u.Fragment=s,u.Lazy=C,u.Memo=T,u.Portal=r,u.Profiler=i,u.StrictMode=o,u.Suspense=O,u.SuspenseList=$,u.isContextConsumer=function(t){return p(t)===a},u.isContextProvider=function(t){return p(t)===h},u.isElement=function(t){return typeof t=="object"&&t!==null&&t.$$typeof===e},u.isForwardRef=function(t){return p(t)===v},u.isFragment=function(t){return p(t)===s},u.isLazy=function(t){return p(t)===C},u.isMemo=function(t){return p(t)===T},u.isPortal=function(t){return p(t)===r},u.isProfiler=function(t){return p(t)===i},u.isStrictMode=function(t){return p(t)===o},u.isSuspense=function(t){return p(t)===O},u.isSuspenseList=function(t){return p(t)===$},u.isValidElementType=function(t){return typeof t=="string"||typeof t=="function"||t===s||t===i||t===o||t===O||t===$||typeof t=="object"&&t!==null&&(t.$$typeof===C||t.$$typeof===T||t.$$typeof===h||t.$$typeof===a||t.$$typeof===v||t.$$typeof===Y||t.getModuleId!==void 0)},u.typeOf=p,u}var te;function Be(){return te||(te=1,U.exports=Ge()),U.exports}var re=Be();const He=/^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;function le(e){const r=`${e}`.match(He);return r&&r[1]||""}function ce(e,r=""){return e.displayName||e.name||le(e)||r}function ne(e,r,s){const o=ce(r);return e.displayName||(o!==""?`${s}(${o})`:s)}function Qe(e){if(e!=null){if(typeof e=="string")return e;if(typeof e=="function")return ce(e,"Component");if(typeof e=="object")switch(e.$$typeof){case re.ForwardRef:return ne(e,e.render,"ForwardRef");case re.Memo:return ne(e,e.type,"memo");default:return}}}const Xe=Object.freeze(Object.defineProperty({__proto__:null,default:Qe,getFunctionName:le},Symbol.toStringTag,{value:"Module"}));function pt(e,r,s=void 0){const o={};return Object.keys(e).forEach(i=>{o[i]=e[i].reduce((a,h)=>{if(h){const v=r(h);v!==""&&a.push(v),s&&s[h]&&a.push(s[h])}return a},[]).join(" ")}),o}var R={},G={exports:{}},oe;function Ze(){return oe||(oe=1,(function(e){function r(){return e.exports=r=Object.assign?Object.assign.bind():function(s){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var a in i)({}).hasOwnProperty.call(i,a)&&(s[a]=i[a])}return s},e.exports.__esModule=!0,e.exports.default=e.exports,r.apply(null,arguments)}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports})(G)),G.exports}var B={exports:{}},se;function Je(){return se||(se=1,(function(e){function r(s,o){if(s==null)return{};var i={};for(var a in s)if({}.hasOwnProperty.call(s,a)){if(o.indexOf(a)!==-1)continue;i[a]=s[a]}return i}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports})(B)),B.exports}const Ke=F(Ae),et=F(qe),tt=F(Le),rt=F(Xe),nt=F(Ne),ot=F(Ye);var ae;function st(){if(ae)return R;ae=1;var e=Me();Object.defineProperty(R,"__esModule",{value:!0}),R.default=ye,R.shouldForwardProp=p,R.systemDefaultTheme=void 0;var r=e(Ze()),s=e(Je()),o=C(Ke),i=et;e(tt),e(rt);var a=e(nt),h=e(ot);const v=["ownerState"],O=["variants"],$=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function T(n){if(typeof WeakMap!="function")return null;var c=new WeakMap,l=new WeakMap;return(T=function(d){return d?l:c})(n)}function C(n,c){if(n&&n.__esModule)return n;if(n===null||typeof n!="object"&&typeof n!="function")return{default:n};var l=T(c);if(l&&l.has(n))return l.get(n);var d={__proto__:null},E=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in n)if(f!=="default"&&Object.prototype.hasOwnProperty.call(n,f)){var y=E?Object.getOwnPropertyDescriptor(n,f):null;y&&(y.get||y.set)?Object.defineProperty(d,f,y):d[f]=n[f]}return d.default=n,l&&l.set(n,d),d}function D(n){return Object.keys(n).length===0}function Y(n){return typeof n=="string"&&n.charCodeAt(0)>96}function p(n){return n!=="ownerState"&&n!=="theme"&&n!=="sx"&&n!=="as"}function t(n,c){return c&&n&&typeof n=="object"&&n.styles&&!n.styles.startsWith("@layer")&&(n.styles=`@layer ${c}{${String(n.styles)}}`),n}const j=R.systemDefaultTheme=(0,a.default)(),de=n=>n&&n.charAt(0).toLowerCase()+n.slice(1);function L({defaultTheme:n,theme:c,themeId:l}){return D(c)?n:c[l]||c}function pe(n){return n?(c,l)=>l[n]:null}function N(n,c,l){let{ownerState:d}=c,E=(0,s.default)(c,v);const f=typeof n=="function"?n((0,r.default)({ownerState:d},E)):n;if(Array.isArray(f))return f.flatMap(y=>N(y,(0,r.default)({ownerState:d},E),l));if(f&&typeof f=="object"&&Array.isArray(f.variants)){const{variants:y=[]}=f;let _=(0,s.default)(f,O);return y.forEach(m=>{let w=!0;if(typeof m.props=="function"?w=m.props((0,r.default)({ownerState:d},E,d)):Object.keys(m.props).forEach(b=>{(d==null?void 0:d[b])!==m.props[b]&&E[b]!==m.props[b]&&(w=!1)}),w){Array.isArray(_)||(_=[_]);const b=typeof m.style=="function"?m.style((0,r.default)({ownerState:d},E,d)):m.style;_.push(l?t((0,o.internal_serializeStyles)(b),l):b)}}),_}return l?t((0,o.internal_serializeStyles)(f),l):f}function ye(n={}){const{themeId:c,defaultTheme:l=j,rootShouldForwardProp:d=p,slotShouldForwardProp:E=p}=n,f=y=>(0,h.default)((0,r.default)({},y,{theme:L((0,r.default)({},y,{defaultTheme:l,themeId:c}))}));return f.__mui_systemSx=!0,(y,k={})=>{(0,o.internal_processStyles)(y,S=>S.filter(P=>!(P!=null&&P.__mui_systemSx)));const{name:_,slot:m,skipVariantsResolver:w,skipSx:b,overridesResolver:H=pe(de(m))}=k,me=(0,s.default)(k,$),_e=_&&_.startsWith("Mui")||m?"components":"custom",he=w!==void 0?w:m&&m!=="Root"&&m!=="root"||!1,Se=b||!1;let ve,I=p;m==="Root"||m==="root"?I=d:m?I=E:Y(y)&&(I=void 0);const V=(0,o.default)(y,(0,r.default)({shouldForwardProp:I,label:ve},me)),Q=S=>typeof S=="function"&&S.__emotion_real!==S||(0,i.isPlainObject)(S)?P=>{const A=L({theme:P.theme,defaultTheme:l,themeId:c});return N(S,(0,r.default)({},P,{theme:A}),A.modularCssLayers?_e:void 0)}:S,X=(S,...P)=>{let A=Q(S);const q=P?P.map(Q):[];_&&H&&q.push(g=>{const x=L((0,r.default)({},g,{defaultTheme:l,themeId:c}));if(!x.components||!x.components[_]||!x.components[_].styleOverrides)return null;const M=x.components[_].styleOverrides,W={};return Object.entries(M).forEach(([xe,Ee])=>{W[xe]=N(Ee,(0,r.default)({},g,{theme:x}),x.modularCssLayers?"theme":void 0)}),H(g,W)}),_&&!he&&q.push(g=>{var x;const M=L((0,r.default)({},g,{defaultTheme:l,themeId:c})),W=M==null||(x=M.components)==null||(x=x[_])==null?void 0:x.variants;return N({variants:W},(0,r.default)({},g,{theme:M}),M.modularCssLayers?"theme":void 0)}),Se||q.push(f);const Z=q.length-P.length;if(Array.isArray(S)&&Z>0){const g=new Array(Z).fill("");A=[...S,...g],A.raw=[...S.raw,...g]}const J=V(A,...q);return y.muiName&&(J.muiName=y.muiName),J};return V.withConfig&&(X.withConfig=V.withConfig),X}}return R}var at=st();const ut=be(at);function it(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}const lt=e=>it(e)&&e!=="classes",yt=ut({themeId:je,defaultTheme:Fe,rootShouldForwardProp:lt});function fe(e){var r,s,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(r=0;r<i;r++)e[r]&&(s=fe(e[r]))&&(o&&(o+=" "),o+=s)}else for(s in e)e[s]&&(o&&(o+=" "),o+=s);return o}function mt(){for(var e,r,s=0,o="",i=arguments.length;s<i;s++)(e=arguments[s])&&(r=fe(e))&&(o&&(o+=" "),o+=r);return o}export{Ve as C,dt as a,pt as b,mt as c,ze as d,De as e,Ke as f,Ue as g,it as h,lt as r,yt as s};

package/_assets/emotion-styled.browser.esm-Cc0eNU1p.js

@@ -1 +0,0 @@
-import{a9 as k,aa as A,ab as C,ac as P,aT as O,aU as U,aV as B,aW as M,aX as V,aY as D,aZ as q,a_ as W}from"./index-C50bRdDg.js";import{r as y,j as N}from"./react-DehiWSvs.js";import{g as G,a as L,c as X,b as Y,s as Z}from"./clsx-Dp2xNKFR.js";function H(o){return G("MuiSvgIcon",o)}L("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);const J=["children","className","color","component","fontSize","htmlColor","inheritViewBox","titleAccess","viewBox"],K=o=>{const{color:e,fontSize:r,classes:a}=o,t={root:["root",e!=="inherit"&&`color${P(e)}`,`fontSize${P(r)}`]};return Y(t,H,a)},Q=Z("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:r}=o;return[e.root,r.color!=="inherit"&&e[`color${P(r.color)}`],e[`fontSize${P(r.fontSize)}`]]}})(({theme:o,ownerState:e})=>{var r,a,t,l,d,m,g,f,u,i,p,h,c;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",fill:e.hasSvgAsChild?void 0:"currentColor",flexShrink:0,transition:(r=o.transitions)==null||(a=r.create)==null?void 0:a.call(r,"fill",{duration:(t=o.transitions)==null||(t=t.duration)==null?void 0:t.shorter}),fontSize:{inherit:"inherit",small:((l=o.typography)==null||(d=l.pxToRem)==null?void 0:d.call(l,20))||"1.25rem",medium:((m=o.typography)==null||(g=m.pxToRem)==null?void 0:g.call(m,24))||"1.5rem",large:((f=o.typography)==null||(u=f.pxToRem)==null?void 0:u.call(f,35))||"2.1875rem"}[e.fontSize],color:(i=(p=(o.vars||o).palette)==null||(p=p[e.color])==null?void 0:p.main)!=null?i:{action:(h=(o.vars||o).palette)==null||(h=h.action)==null?void 0:h.active,disabled:(c=(o.vars||o).palette)==null||(c=c.action)==null?void 0:c.disabled,inherit:void 0}[e.color]}}),ee=y.forwardRef(function(e,r){const a=k({props:e,name:"MuiSvgIcon"}),{children:t,className:l,color:d="inherit",component:m="svg",fontSize:g="medium",htmlColor:f,inheritViewBox:u=!1,titleAccess:i,viewBox:p="0 0 24 24"}=a,h=A(a,J),c=y.isValidElement(t)&&t.type==="svg",s=C({},a,{color:d,component:m,fontSize:g,instanceFontSize:e.fontSize,inheritViewBox:u,viewBox:p,hasSvgAsChild:c}),n={};u||(n.viewBox=p);const v=K(s);return N.jsxs(Q,C({as:m,className:X(v.root,l),focusable:"false",color:f,"aria-hidden":i?void 0:!0,role:i?"img":void 0,ref:r},n,h,c&&t.props,{ownerState:s,children:[c?t.props.children:t,i?N.jsx("title",{children:i}):null]}))});ee.muiName="SvgIcon";var te=O,oe=function(e){return e!=="theme"},T=function(e){return typeof e=="string"&&e.charCodeAt(0)>96?te:oe},E=function(e,r,a){var t;if(r){var l=r.shouldForwardProp;t=e.__emotion_forwardProp&&l?function(d){return e.__emotion_forwardProp(d)&&l(d)}:l}return typeof t!="function"&&a&&(t=e.__emotion_forwardProp),t},re=function(e){var r=e.cache,a=e.serialized,t=e.isStringTag;return D(r,a,t),q(function(){return W(r,a,t)}),null},ae=function o(e,r){var a=e.__emotion_real===e,t=a&&e.__emotion_base||e,l,d;r!==void 0&&(l=r.label,d=r.target);var m=E(e,r,a),g=m||T(t),f=!g("as");return function(){var u=arguments,i=a&&e.__emotion_styles!==void 0?e.__emotion_styles.slice(0):[];if(l!==void 0&&i.push("label:"+l+";"),u[0]==null||u[0].raw===void 0)i.push.apply(i,u);else{var p=u[0];i.push(p[0]);for(var h=u.length,c=1;c<h;c++)i.push(u[c],p[c])}var s=U(function(n,v,_){var z=f&&n.as||t,S="",$=[],b=n;if(n.theme==null){b={};for(var I in n)b[I]=n[I];b.theme=y.useContext(B)}typeof n.className=="string"?S=M(v.registered,$,n.className):n.className!=null&&(S=n.className+" ");var F=V(i.concat($),v.registered,b);S+=v.key+"-"+F.name,d!==void 0&&(S+=" "+d);var j=f&&m===void 0?T(z):g,w={};for(var x in n)f&&x==="as"||j(x)&&(w[x]=n[x]);return w.className=S,_&&(w.ref=_),y.createElement(y.Fragment,null,y.createElement(re,{cache:v,serialized:F,isStringTag:typeof z=="string"}),y.createElement(z,w))});return s.displayName=l!==void 0?l:"Styled("+(typeof t=="string"?t:t.displayName||t.name||"Component")+")",s.defaultProps=e.defaultProps,s.__emotion_real=s,s.__emotion_base=t,s.__emotion_styles=i,s.__emotion_forwardProp=m,Object.defineProperty(s,"toString",{value:function(){return"."+d}}),s.withComponent=function(n,v){var _=o(n,C({},r,v,{shouldForwardProp:E(s,v,!0)}));return _.apply(void 0,i)},s}},ne=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],R=ae.bind(null);ne.forEach(function(o){R[o]=R(o)});export{ee as S,R as n};