@dcl/shop 1.13.1-35585926635.commit-02c8d2e → 1.13.1-35590455689.commit-b96d6aa

package/_assets/{OutfitDetail-Co1A4WCO.js → OutfitDetail-CSiCaTR7.js}

@@ -1,4 +1,4 @@
-import{r as u,L as W,e as re,j as e}from"./react-ZT2P9-hV.js";import{a1 as H,w as U,a2 as le,a3 as de,a4 as ce,a5 as he,a as pe,s as i,I as L,a6 as ue,a7 as me,H as F,a8 as xe,x as V,a9 as ge,B as fe,t as n,aa as G,ab as N,ac as be,ad as ye,ae as ve,af as je,O as we,ag as $e,ah as ke,ai as Ie,aj as Ce,ak as Ee,al as ze,am as Le,an as Fe,ao as We,ap as Se,z as A,aq as O,ar as Ae,as as Oe,at as Te,au as Pe,av as Re,aw as Ne}from"./index-y9tZLe7Z.js";import{d as B}from"./dcl-schemas-Do6ePE9M.js";import{E as Q}from"./ErrorNotice-Cm0KaFyV.js";import{E as Be}from"./EmotePlaybackBar-DyYs6qdM.js";import{O as Me}from"./OutfitPreview-Ceha9IWa.js";import{c as _e}from"./crumbs.styles-6TXvIB5e.js";import"./sentry-qVQnooqM.js";import"./ethers-DVrorjJ1.js";import"./intl-AKLEHPeO.js";import"./disposePreview-BhRqNFqz.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]="8e137349-3376-4715-b0c4-c4b1fcfabd38",t._sentryDebugIdIdentifier="sentry-dbid-8e137349-3376-4715-b0c4-c4b1fcfabd38")}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:De}=pe,J=i.div`
+import{r as u,L as W,e as re,j as e}from"./react-BQkTEhfI.js";import{a3 as H,w as U,a4 as le,a5 as de,a6 as ce,a7 as he,a as pe,s as i,I as L,a8 as ue,a9 as me,H as F,aa as xe,x as V,ab as ge,B as fe,t as n,ac as G,ad as N,ae as be,af as ye,ag as ve,ah as je,O as we,ai as $e,aj as ke,ak as Ie,al as Ce,am as Ee,an as ze,ao as Le,ap as Fe,aq as We,ar as Se,z as A,as as O,at as Ae,au as Oe,av as Te,aw as Pe,ax as Re,ay as Ne}from"./index-PCOMQSTj.js";import{d as B}from"./dcl-schemas-rAoTN5Ga.js";import{E as Q}from"./ErrorNotice-Bvb886Qo.js";import{E as Be}from"./EmotePlaybackBar-v4_tU2B8.js";import{O as Me}from"./OutfitPreview-CKul99pm.js";import{c as _e}from"./crumbs.styles-DhvCPMDb.js";import"./sentry-DEsWWpBW.js";import"./ethers-BicPoGF3.js";import"./intl-AKLEHPeO.js";import"./disposePreview-ZbaLYmpw.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]="c31a5b53-252d-42c9-84e7-6dbe6dc14d39",t._sentryDebugIdIdentifier="sentry-dbid-c31a5b53-252d-42c9-84e7-6dbe6dc14d39")}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:De}=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. 
@@ -366,4 +366,4 @@ import{r as u,L as W,e as re,j as e}from"./react-ZT2P9-hV.js";import{a1 as H,w a
   margin: 0;
   color: ${o.gray4};
 `,K="outfit-detail-preview";function Lt(){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(pt,{name:"cart",size:44}),e.jsx(ut,{children:n("outfits.detail.notFoundTitle")}),e.jsx(mt,{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(gt,{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 xt({item:t}){const s=Ae(t),l=Oe(t.gender);return e.jsxs(at,{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 gt({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(Ke,{"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(He,{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(Ue,{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(Ve,{children:t.name}),e.jsx(Ge,{"data-testid":"outfit-detail-meta",children:n("outfits.detail.itemsCount",{count:ne})}),s.isError?e.jsxs(nt,{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(Qe,{children:e.jsx(Je,{children:b.map(a=>e.jsx(Xe,{"data-testid":"outfit-detail-item","data-state":a.state,children:a.item?e.jsxs(e.Fragment,{children:[e.jsx(Ye,{to:`/item/${a.item.contractAddress}/${a.item.itemId}`,state:{item:a.item},"aria-label":a.item.name}),e.jsx(Ze,{src:a.item.thumbnail,alt:"",loading:"lazy"}),e.jsxs(_,{children:[e.jsx(T,{children:a.item.name}),a.item.creator?e.jsx(tt,{to:`/items/creator/${a.item.creator}`,children:e.jsx(Se,{address:a.item.creator})}):null,e.jsxs(q,{children:[a.state!=="unavailable"?e.jsxs(it,{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(xt,{item:a.item})]})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(et,{className:s.isLoading?"skeleton":void 0,"aria-hidden":!0}),e.jsx(_,{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(q,{children:e.jsx(E,{children:n("outfits.card.unavailable")})})]})})]})},a.key))})}),e.jsxs(ot,{"data-testid":"outfit-detail-ctabar",children:[oe&&l.ownListing.length>0?e.jsx(st,{children:n("outfits.detail.yourListingHint")}):null,g.length>0&&e.jsxs(rt,{children:[e.jsx(lt,{children:n("outfits.detail.totalPrice")}),s.isLoading?e.jsx("span",{className:"skeleton",style:{width:64,height:26},"aria-hidden":!0}):e.jsxs(dt,{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(ct,{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(ht,{children:[e.jsx(A,{size:16}),e.jsx(O,{credits:d})]}):null]})]})]})]})]})]})}export{Lt as OutfitDetail,Lt as default};
-//# sourceMappingURL=OutfitDetail-Co1A4WCO.js.map
+//# sourceMappingURL=OutfitDetail-CSiCaTR7.js.map

package/_assets/OutfitPreview-CKul99pm.js

@@ -0,0 +1,7 @@
+import{r as u,j as d}from"./react-BQkTEhfI.js";import{d as m}from"./dcl-schemas-rAoTN5Ga.js";import{b2 as S,w as T,s as _,ag as q,b3 as M,b4 as U,b5 as W,t as k}from"./index-PCOMQSTj.js";import{d as C}from"./disposePreview-ZbaLYmpw.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]="4025783d-1cc2-41dc-9dd2-fcc6aab8e45a",e._sentryDebugIdIdentifier="sentry-dbid-4025783d-1cc2-41dc-9dd2-fcc6aab8e45a")}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(c=>a.has(c)).map(c=>({key:c,url:`${n}/content/contents/${a.get(c)}`}))}));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=S([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:c,unityMode:E=m.PreviewUnityMode.BUILDER,controls:x,onRenderer:I}){const A=q(l=>l.fittingOpen),{ref:j,active:D}=M(),b=t&&h(t)?t:null,{base64:p,loop:O,isLoading:R}=K(b),i=o&&a.length>0&&D&&!A&&!R,B=U(a)===m.ChainName.MATIC_AMOY,[L,g]=u.useState(!1),P=a.join(",");u.useEffect(()=>{g(!1)},[P,n,s,t,f,r,c]),u.useEffect(()=>{i&&g(!1)},[i]);const[F,w]=u.useState(!1);u.useEffect(()=>{if(!i){w(!1);return}let l=0,N=0;const v=()=>{document.getElementById(e)?w(!0):N++<300&&(l=requestAnimationFrame(v))};return v(),()=>cancelAnimationFrame(l)},[i,e]);const y=u.useRef(null);return u.useEffect(()=>{if(i)return()=>{C(y.current),y.current=null}},[i]),d.jsxs(d.Fragment,{children:[d.jsx("div",{ref:j,"data-preview-viewport":!0,"aria-hidden":!0}),i?d.jsx(W,{id:e,profile:n,bodyShape:s,urns:a,skin:f,hair:r,eyes:c,type:m.PreviewType.AVATAR,emote:b?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 l;g(!0),y.current=((l=document.getElementById(e))==null?void 0:l.contentWindow)??null}},n):null,F?x:null,o&&a.length===0?null:!i||!L?d.jsx(Q,{"aria-busy":"true","aria-label":k("spinner.loading"),children:d.jsx("span",{className:"spinner","aria-hidden":!0})}):null]})}export{X as O};
+//# sourceMappingURL=OutfitPreview-CKul99pm.js.map

package/_assets/{OutfitStudio-DGibRraW.js → OutfitStudio-BFVYiWYq.js}

@@ -1,4 +1,4 @@
-import{r as d,j as t,L as A,e as Yt,a as Jt,b as Xt}from"./react-ZT2P9-hV.js";import{s,a as ut,I as _,aI as Zt,t as e,z as ot,aq as at,H as m,n as Tt,x as J,a9 as te,B as ee,aJ as ie,Y as se,aK as Ct,w as Et,ac as oe,ag as z,aL as V,aM as ae,aN as re,aO as Y,ak as ne,am as de,ai as le,aj as ue,aa as Lt,ao as ce,aP as rt,aQ as pe,aR as fe,aS as he,aT as F,aU as Rt,aV as zt,aW as O,l as nt,aX as dt,aY as xe,aZ as me,a_ as ge,O as be,a$ as ye,b0 as je,aw as ve}from"./index-y9tZLe7Z.js";import{s as we}from"./signin-empty-UN_rVDWL.js";import{E as U}from"./ErrorNotice-Cm0KaFyV.js";import{L as $e}from"./LoadMore-i7_riiE5.js";import{u as ke}from"./useInfiniteGrid-56c_34kP.js";import{O as Se}from"./OutfitPreview-Ceha9IWa.js";import{T as Ie}from"./skeleton.styles-DTLcQB9A.js";import"./dcl-schemas-Do6ePE9M.js";import"./sentry-qVQnooqM.js";import"./ethers-DVrorjJ1.js";import"./intl-AKLEHPeO.js";import"./disposePreview-BhRqNFqz.js";(function(){try{var r=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},f=new r.Error().stack;f&&(r._sentryDebugIds=r._sentryDebugIds||{},r._sentryDebugIds[f]="eb5ae15f-dcfd-44aa-9fc3-e9a8bbfd33df",r._sentryDebugIdIdentifier="sentry-dbid-eb5ae15f-dcfd-44aa-9fc3-e9a8bbfd33df")}catch{}})();const{colors:x,radius:X,media:Te}=ut,Ce=s.div`
+import{r as d,j as t,L as A,e as Jt,a as Xt,b as Yt}from"./react-BQkTEhfI.js";import{s,a as ut,I as _,aJ as Zt,t as e,z as ot,as as at,H as m,n as Tt,x as X,ab as te,B as ee,aK as ie,$ as se,aL as Ct,w as Et,ae as oe,ai as z,aM as V,aN as ae,aO as re,aP as J,am as ne,ao as de,ak as le,al as ue,ac as Lt,aq as ce,aQ as rt,aR as pe,aS as fe,aT as he,aU as F,aV as Rt,aW as zt,aX as O,l as nt,aY as dt,aZ as xe,a_ as me,a$ as ge,O as be,b0 as ye,b1 as je,ay as ve}from"./index-PCOMQSTj.js";import{s as we}from"./signin-empty-3JhXhx04.js";import{E as U}from"./ErrorNotice-Bvb886Qo.js";import{L as $e}from"./LoadMore-DtjdrYgG.js";import{u as ke}from"./useInfiniteGrid-B28HAmqv.js";import{O as Se}from"./OutfitPreview-CKul99pm.js";import{T as Ie}from"./skeleton.styles-CP5AXi51.js";import"./dcl-schemas-rAoTN5Ga.js";import"./sentry-DEsWWpBW.js";import"./ethers-BicPoGF3.js";import"./intl-AKLEHPeO.js";import"./disposePreview-ZbaLYmpw.js";(function(){try{var r=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},f=new r.Error().stack;f&&(r._sentryDebugIds=r._sentryDebugIds||{},r._sentryDebugIds[f]="056a8c48-3274-4c7b-9560-eb1fd5f149fc",r._sentryDebugIdIdentifier="sentry-dbid-056a8c48-3274-4c7b-9560-eb1fd5f149fc")}catch{}})();const{colors:x,radius:Y,media:Te}=ut,Ce=s.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -7,7 +7,7 @@ import{r as d,j as t,L as A,e as Yt,a as Jt,b as Xt}from"./react-ZT2P9-hV.js";im
   align-items: center;
   gap: 8px;
   border: 1px solid rgba(255, 255, 255, 0.45);
-  border-radius: ${X.pill};
+  border-radius: ${Y.pill};
   padding: 0 14px;
   height: 44px;
   background: rgba(0, 0, 0, 0.25);
@@ -35,7 +35,7 @@ import{r as d,j as t,L as A,e as Yt,a as Jt,b as Xt}from"./react-ZT2P9-hV.js";im
 `,Re=s.button`
   min-height: 44px;
   padding: 0 16px;
-  border-radius: ${X.pill};
+  border-radius: ${Y.pill};
   border: 1px solid rgba(255, 255, 255, 0.45);
   background: none;
   font: inherit;
@@ -58,7 +58,7 @@ import{r as d,j as t,L as A,e as Yt,a as Jt,b as Xt}from"./react-ZT2P9-hV.js";im
   }
 `,ze=s.span`
   height: 190px;
-  border-radius: ${X.card};
+  border-radius: ${Y.card};
 `,Pe=s.button`
   position: relative;
   display: flex;
@@ -67,7 +67,7 @@ import{r as d,j as t,L as A,e as Yt,a as Jt,b as Xt}from"./react-ZT2P9-hV.js";im
   padding: 8px;
   background: rgba(0, 0, 0, 0.4);
   border: 1px solid transparent;
-  border-radius: ${X.card};
+  border-radius: ${Y.card};
   text-align: left;
   font: inherit;
   color: ${x.softWhite};
@@ -222,7 +222,7 @@ import{r as d,j as t,L as A,e as Yt,a as Jt,b as Xt}from"./react-ZT2P9-hV.js";im
   gap: 8px;
   font-size: 13px;
   color: ${n.gray4};
-`,Ye=s.div`
+`,Je=s.div`
   display: flex;
   align-items: center;
   gap: 8px;
@@ -231,7 +231,7 @@ import{r as d,j as t,L as A,e as Yt,a as Jt,b as Xt}from"./react-ZT2P9-hV.js";im
     width: 100%;
     justify-content: flex-end;
   }
-`,Je=s.button`
+`,Xe=s.button`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -252,7 +252,7 @@ import{r as d,j as t,L as A,e as Yt,a as Jt,b as Xt}from"./react-ZT2P9-hV.js";im
     opacity: 0.5;
     cursor: default;
   }
-`,Xe=s.div`
+`,Ye=s.div`
   position: fixed;
   inset: 0;
   z-index: ${De.overlay};
@@ -553,5 +553,5 @@ import{r as d,j as t,L as A,e as Yt,a as Jt,b as Xt}from"./react-ZT2P9-hV.js";im
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
-`;function Vi(){const{id:r}=Yt(),{pathname:f}=Jt(),h=J(b=>b.session),c=J(b=>b.signIn),y=te();ee({title:e("outfits.studio.title"),noindex:!0});const j=f.endsWith("/new")?"new":r?"edit":"list";return y==="pending"?t.jsx(N,{"aria-busy":"true","data-testid":"outfit-studio-loading",children:t.jsx("span",{className:"spinner","aria-hidden":!0})}):h?y!=="creator"?t.jsxs(N,{"data-testid":"outfit-studio-unavailable",children:[t.jsx(He,{children:e("outfits.studio.title")}),t.jsx(k,{children:e("outfits.studio.notAvailable")}),t.jsx(m,{as:A,to:"/overview",variant:"white",children:e("outfits.studio.backToShop")})]}):j==="list"?t.jsx(zi,{}):t.jsx(Oi,{outfitId:j==="edit"?r:null},r??"new"):t.jsx(ie,{children:t.jsx(se,{testId:"outfit-studio-signin",icon:we,title:e("outfits.studio.signInTitle"),body:e("outfits.studio.signInBody"),cta:{label:e("outfits.studio.signIn"),onClick:()=>c()},ctaVariant:"solid",fill:!0})})}function Ri({outfit:r}){const f=Lt(r.thumbnailHash);return f?t.jsx(Ke,{style:{background:fe(r)},children:t.jsx("img",{src:f,alt:"",loading:"lazy"})}):t.jsx(Ge,{"aria-hidden":!0})}function zi(){const r=J(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:!!r,staleTime:3e4,queryFn:()=>je(r.identity)});async function C(u,S){if(r){j(u.id);try{S==="delete"?(await he(u.id,r.identity),F.success(e("outfits.studio.deleted"))):(await Rt({...lt(u),published:!1},r.identity,"update"),F.success(e("outfits.studio.unpublished"))),zt(f)}catch(E){E instanceof O||nt(E,{flow:`outfit-${S}`}),F.error(e(E instanceof O?dt(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(m,{as:A,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(Ue,{className:"skeleton","aria-hidden":!0},S))}):R?t.jsxs(N,{children:[t.jsx(U,{message:e("outfits.errors.generic")}),t.jsx(m,{variant:"white",onClick:()=>void T(),children:e("outfits.detail.retry")})]}):b.length===0?t.jsx(k,{children:e("outfits.studio.empty")}):t.jsx(kt,{children:b.map(u=>t.jsxs(_e,{"data-testid":"outfit-studio-row","data-published":u.published||void 0,children:[t.jsx(Ri,{outfit:u}),t.jsxs(qe,{children:[t.jsx(Qe,{children:u.name||e("outfits.studio.untitled")}),t.jsxs(Ve,{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(Ye,{children:[u.published?t.jsx(m,{as:A,to:`/items/outfits/${u.id}`,variant:"ghost",size:"sm",children:e("outfits.studio.view")}):null,t.jsx(m,{as:A,to:`/outfits/${u.id}/edit`,variant:"outline",size:"sm","data-testid":"outfit-studio-edit",children:e("outfits.studio.edit")}),t.jsx(Je,{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(Xe,{role:"dialog","aria-modal":"true","aria-label":e("outfits.studio.deleteTitle"),"data-testid":"outfit-studio-confirm",children:[t.jsx(Ze,{onClick:()=>c(null)}),t.jsxs(ti,{children:[t.jsx(ei,{children:e("outfits.studio.deleteTitle")}),t.jsx("p",{className:"muted",children:e("outfits.studio.deleteBody")}),t.jsxs(ii,{children:[h.published?t.jsx(m,{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(m,{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(m,{variant:"ghost",onClick:()=>c(null),children:e("outfits.studio.cancel")})]})]})]}):null]})}const It=["image/png","image/jpeg","image/webp"];function Pi(){return{id:crypto.randomUUID(),name:"",thumbnailHash:"",items:[],bodyShape:"unisex",gradientFrom:rt.from,gradientTo:rt.to,published:!1}}function lt(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 Wi(r){try{const f=sessionStorage.getItem(r);return f?JSON.parse(f):null}catch{return null}}function Oi({outfitId:r}){const f=r===null,h=`outfit-draft:${r??"new"}`,c=J(i=>i.session),y=Ct(),j=Xt(),[b]=d.useState(()=>Wi(h)),[o,R]=d.useState(()=>b??(f?Pi():null)),[T,C]=d.useState(!!b),{data:u,isLoading:S,isError:E,refetch:Z}=Et({queryKey:["outfit",r,!0],enabled:!f&&!!c,staleTime:0,queryFn:()=>ve(r,c.identity)});d.useEffect(()=>{u&&R(i=>i??lt(u))},[u]);function $(i){R(a=>a&&{...a,...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=a=>a.preventDefault();return window.addEventListener("beforeunload",i),()=>window.removeEventListener("beforeunload",i)},[T]),d.useEffect(()=>()=>sessionStorage.removeItem(h),[h]);const g=oe(o??void 0),K=d.useMemo(()=>new Set(((o==null?void 0:o.items)??[]).map(z)),[o]),D=i=>ye((o==null?void 0:o.items)??[],i,g.byKey),l=i=>!!i.itemId&&D(i).length<=Y;function v(i){!o||!l(i)||$({items:D(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(""),[Dt,ht]=d.useState(null),[I,Ht]=d.useState();d.useEffect(()=>()=>{L.current&&URL.revokeObjectURL(L.current)},[]);function xt(){const i=ge(et);if(!i){ht(e("outfits.studio.importError"));return}ht(null),ft(""),Ht(i.colors),$({items:i.items,...i.bodyShape?{bodyShape:i.bodyShape}:{}}),F.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>xe){q(e("outfits.errors.tooLarge"));return}L.current&&URL.revokeObjectURL(L.current);const a=URL.createObjectURL(i);L.current=a,ct(a),pt(!0);try{const p=await me(i,c.identity);$({thumbnailHash:p})}catch(p){p instanceof O||nt(p,{flow:"outfit-thumbnail"}),q(e(p instanceof O?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),[Ut,gt]=d.useState(null),it=!!o&&o.name.trim().length>0&&o.name.length<=60,_t=!!o&&V(o.gradientFrom)&&V(o.gradientTo),bt=!!o&&o.items.some(i=>{const a=g.byKey.get(z(i));return!a||ae(a)}),yt=!!o&&it&&!!o.thumbnailHash&&_t&&bt&&o.items.length>=re&&o.items.length<=Y;async function st(i){if(!(!c||!o||M)){mt(!0),gt(null);try{const a=await Rt({...o,published:i},c.identity,f?"create":"update");if(!tt.current)return;sessionStorage.removeItem(h),R(lt(a)),C(!1),zt(y),i&&!o.published?(be("Shop Outfit Published",{outfit_id:a.id,item_count:a.items.length}),F.success(e("outfits.studio.publishedToast"))):F.success(e("outfits.studio.saved")),f&&(y.setQueryData(["outfit",a.id,!0],a),j(`/outfits/${a.id}/edit`,{replace:!0}))}catch(a){a instanceof O||nt(a,{flow:"outfit-save"}),gt(e(a instanceof O?dt(a.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]),Kt=d.useMemo(()=>{const i=de(Q);return i!=null&&i.itemId?z({contractAddress:i.contractAddress,itemId:i.itemId}):null},[Q]),Gt=(o==null?void 0:o.bodyShape)==="female"?le:(o==null?void 0:o.bodyShape)==="male"?ue:void 0;if(!c)return null;if(!o)return E?t.jsxs(N,{children:[t.jsx(U,{message:e("outfits.errors.generic")}),t.jsx(m,{variant:"white",onClick:()=>void Z(),children:e("outfits.detail.retry")})]}):!S&&u===null?t.jsxs(N,{"data-testid":"outfit-studio-missing",children:[t.jsx(k,{children:e("outfits.errors.notFound")}),t.jsx(m,{as:A,to:"/outfits/manage",variant:"white",children:e("outfits.studio.myOutfits")})]}):t.jsx(N,{"aria-busy":"true",children:t.jsx("span",{className:"spinner","aria-hidden":!0})});const vt=H??Lt(o.thumbnailHash),qt={...o,authorAddress:(c==null?void 0:c.address)??"",createdAt:0,updatedAt:0},Qt=o.items.reduce((i,a)=>{var p;return i+(((p=g.byKey.get(z(a)))==null?void 0:p.priceCredits)??0)},0);return t.jsxs(Pt,{"data-testid":"outfit-studio-editor",children:[t.jsxs(Wt,{children:[t.jsx(Me,{to:"/outfits/manage","aria-label":e("outfits.studio.myOutfits"),"data-testid":"outfit-studio-back",children:t.jsx(_,{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(si,{children:[t.jsxs(oi,{children:[t.jsxs(ri,{"data-testid":"outfit-studio-preview",style:{background:ce(o)},children:[t.jsx(Se,{id:"outfit-studio-preview-frame",profile:"default",bodyShape:Gt,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(ni,{children:e("outfits.studio.previewEmpty")}):null]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.bodyShape")}),t.jsx(di,{role:"group","aria-label":e("outfits.studio.bodyShape"),children:["unisex","male","female"].map(i=>t.jsx(li,{type:"button","data-selected":o.bodyShape===i||void 0,onClick:()=>$({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(ci,{children:["gradientFrom","gradientTo"].map(i=>t.jsxs(pi,{children:[t.jsx(fi,{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:a=>$({[i]:a.target.value.toLowerCase()})}),t.jsxs(hi,{children:[t.jsx("span",{children:e(i==="gradientFrom"?"outfits.studio.gradientTop":"outfits.studio.gradientBottom")}),t.jsx(xi,{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:a=>{const p=a.target.value.trim().toLowerCase();$({[i]:p.startsWith("#")||p===""?p:`#${p}`})}})]})]},i))}),t.jsx(k,{children:e("outfits.studio.gradientHint")})]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.thumbnail")}),vt?t.jsx(ui,{"data-busy":G||void 0,children:t.jsx("img",{src:vt,alt:""})}):null,t.jsxs(gi,{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 a;return void Mt((a=i.target.files)==null?void 0:a[0])},"data-testid":"outfit-studio-thumb-input"})]}),t.jsx(k,{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(mi,{"data-testid":"outfit-studio-card-preview",onClickCapture:i=>{i.preventDefault(),i.stopPropagation()},children:t.jsx(pe,{outfit:qt,resolution:g})})]})]}),t.jsxs(ai,{children:[t.jsxs(P,{children:[t.jsx(W,{htmlFor:"outfit-import",children:e("outfits.studio.import")}),t.jsxs(bi,{children:[t.jsx(St,{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(m,{variant:"outline",size:"sm",onClick:xt,disabled:et.trim()==="","data-testid":"outfit-studio-import-apply",children:e("outfits.studio.importApply")})]}),t.jsx(k,{children:e("outfits.studio.importHint")}),t.jsx(U,{message:Dt,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=>$({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,"/",Y,")"]}),o.items.length===0?t.jsx(k,{children:e("outfits.studio.noItems")}):t.jsx(yi,{children:o.items.map(i=>{const a=z(i),p=g.byKey.get(a);return t.jsxs(ji,{"data-testid":"outfit-studio-selected","data-missing":!p||void 0,children:[p?t.jsx(vi,{src:p.thumbnail,alt:""}):t.jsx(wi,{className:g.isLoading?"skeleton":void 0,"aria-hidden":!0}),t.jsx($i,{className:p?void 0:"muted",children:p?p.name:g.isLoading?t.jsx(Ie,{className:"skeleton",width:96,"aria-hidden":!0}):e("outfits.card.unavailable")}),a===Kt?t.jsx(ki,{"data-testid":"outfit-studio-plays-in-preview",children:e("outfits.studio.playsInPreview")}):null,p?t.jsxs(Si,{children:[t.jsx(ot,{size:12}),t.jsx(at,{credits:p.priceCredits})]}):null,t.jsx(Ci,{type:"button","aria-label":e("outfits.studio.remove"),title:e("outfits.studio.remove"),onClick:()=>$({items:o.items.filter(Vt=>z(Vt)!==a)}),children:t.jsx(_,{name:"trash",size:16})})]},a)})}),o.items.length>0?t.jsxs(Ii,{"data-testid":"outfit-studio-total",children:[t.jsx("span",{children:e("outfits.detail.totalPrice")}),t.jsxs(Ti,{children:[t.jsx(ot,{size:14}),t.jsx(at,{credits:Qt})]})]}):null,o.items.length>=Y?t.jsx(k,{children:e("outfits.studio.maxItems")}):null]}),t.jsx(Be,{selectedKeys:K,onPick:v,canPick:l})]})]}),t.jsxs(Ei,{"data-testid":"outfit-studio-savebar",children:[t.jsx(U,{message:Ut,testId:"outfit-studio-save-error"}),it?!yt&&!o.published?t.jsx(k,{"data-testid":"outfit-studio-publish-hint",children:!bt&&o.items.length>0?e("outfits.studio.needsWearable"):e("outfits.errors.notPublishable")}):null:t.jsx(k,{children:e("outfits.studio.needName")}),t.jsxs(Li,{children:[t.jsx(m,{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(m,{variant:"white","data-testid":"outfit-studio-unpublish",disabled:M,onClick:()=>void st(!1),children:e("outfits.studio.unpublish")}):t.jsx(m,{variant:"white","data-testid":"outfit-studio-publish",disabled:M||!yt,onClick:()=>void st(!0),children:e("outfits.studio.publish")})]})]})]})}export{Vi as OutfitStudio,Vi as default};
-//# sourceMappingURL=OutfitStudio-DGibRraW.js.map
+`;function Vi(){const{id:r}=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":r?"edit":"list";return y==="pending"?t.jsx(N,{"aria-busy":"true","data-testid":"outfit-studio-loading",children:t.jsx("span",{className:"spinner","aria-hidden":!0})}):h?y!=="creator"?t.jsxs(N,{"data-testid":"outfit-studio-unavailable",children:[t.jsx(He,{children:e("outfits.studio.title")}),t.jsx(k,{children:e("outfits.studio.notAvailable")}),t.jsx(m,{as:A,to:"/overview",variant:"white",children:e("outfits.studio.backToShop")})]}):j==="list"?t.jsx(zi,{}):t.jsx(Oi,{outfitId:j==="edit"?r:null},r??"new"):t.jsx(ie,{children:t.jsx(se,{testId:"outfit-studio-signin",icon:we,title:e("outfits.studio.signInTitle"),body:e("outfits.studio.signInBody"),cta:{label:e("outfits.studio.signIn"),onClick:()=>c()},ctaVariant:"solid",fill:!0})})}function Ri({outfit:r}){const f=Lt(r.thumbnailHash);return f?t.jsx(Ke,{style:{background:fe(r)},children:t.jsx("img",{src:f,alt:"",loading:"lazy"})}):t.jsx(Ge,{"aria-hidden":!0})}function zi(){const r=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:!!r,staleTime:3e4,queryFn:()=>je(r.identity)});async function C(u,S){if(r){j(u.id);try{S==="delete"?(await he(u.id,r.identity),F.success(e("outfits.studio.deleted"))):(await Rt({...lt(u),published:!1},r.identity,"update"),F.success(e("outfits.studio.unpublished"))),zt(f)}catch(E){E instanceof O||nt(E,{flow:`outfit-${S}`}),F.error(e(E instanceof O?dt(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(m,{as:A,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(Ue,{className:"skeleton","aria-hidden":!0},S))}):R?t.jsxs(N,{children:[t.jsx(U,{message:e("outfits.errors.generic")}),t.jsx(m,{variant:"white",onClick:()=>void T(),children:e("outfits.detail.retry")})]}):b.length===0?t.jsx(k,{children:e("outfits.studio.empty")}):t.jsx(kt,{children:b.map(u=>t.jsxs(_e,{"data-testid":"outfit-studio-row","data-published":u.published||void 0,children:[t.jsx(Ri,{outfit:u}),t.jsxs(qe,{children:[t.jsx(Qe,{children:u.name||e("outfits.studio.untitled")}),t.jsxs(Ve,{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(Je,{children:[u.published?t.jsx(m,{as:A,to:`/items/outfits/${u.id}`,variant:"ghost",size:"sm",children:e("outfits.studio.view")}):null,t.jsx(m,{as:A,to:`/outfits/${u.id}/edit`,variant:"outline",size:"sm","data-testid":"outfit-studio-edit",children:e("outfits.studio.edit")}),t.jsx(Xe,{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(Ye,{role:"dialog","aria-modal":"true","aria-label":e("outfits.studio.deleteTitle"),"data-testid":"outfit-studio-confirm",children:[t.jsx(Ze,{onClick:()=>c(null)}),t.jsxs(ti,{children:[t.jsx(ei,{children:e("outfits.studio.deleteTitle")}),t.jsx("p",{className:"muted",children:e("outfits.studio.deleteBody")}),t.jsxs(ii,{children:[h.published?t.jsx(m,{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(m,{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(m,{variant:"ghost",onClick:()=>c(null),children:e("outfits.studio.cancel")})]})]})]}):null]})}const It=["image/png","image/jpeg","image/webp"];function Pi(){return{id:crypto.randomUUID(),name:"",thumbnailHash:"",items:[],bodyShape:"unisex",gradientFrom:rt.from,gradientTo:rt.to,published:!1}}function lt(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 Wi(r){try{const f=sessionStorage.getItem(r);return f?JSON.parse(f):null}catch{return null}}function Oi({outfitId:r}){const f=r===null,h=`outfit-draft:${r??"new"}`,c=X(i=>i.session),y=Ct(),j=Yt(),[b]=d.useState(()=>Wi(h)),[o,R]=d.useState(()=>b??(f?Pi():null)),[T,C]=d.useState(!!b),{data:u,isLoading:S,isError:E,refetch:Z}=Et({queryKey:["outfit",r,!0],enabled:!f&&!!c,staleTime:0,queryFn:()=>ve(r,c.identity)});d.useEffect(()=>{u&&R(i=>i??lt(u))},[u]);function $(i){R(a=>a&&{...a,...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=a=>a.preventDefault();return window.addEventListener("beforeunload",i),()=>window.removeEventListener("beforeunload",i)},[T]),d.useEffect(()=>()=>sessionStorage.removeItem(h),[h]);const g=oe(o??void 0),K=d.useMemo(()=>new Set(((o==null?void 0:o.items)??[]).map(z)),[o]),D=i=>ye((o==null?void 0:o.items)??[],i,g.byKey),l=i=>!!i.itemId&&D(i).length<=J;function v(i){!o||!l(i)||$({items:D(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(""),[Dt,ht]=d.useState(null),[I,Ht]=d.useState();d.useEffect(()=>()=>{L.current&&URL.revokeObjectURL(L.current)},[]);function xt(){const i=ge(et);if(!i){ht(e("outfits.studio.importError"));return}ht(null),ft(""),Ht(i.colors),$({items:i.items,...i.bodyShape?{bodyShape:i.bodyShape}:{}}),F.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>xe){q(e("outfits.errors.tooLarge"));return}L.current&&URL.revokeObjectURL(L.current);const a=URL.createObjectURL(i);L.current=a,ct(a),pt(!0);try{const p=await me(i,c.identity);$({thumbnailHash:p})}catch(p){p instanceof O||nt(p,{flow:"outfit-thumbnail"}),q(e(p instanceof O?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),[Ut,gt]=d.useState(null),it=!!o&&o.name.trim().length>0&&o.name.length<=60,_t=!!o&&V(o.gradientFrom)&&V(o.gradientTo),bt=!!o&&o.items.some(i=>{const a=g.byKey.get(z(i));return!a||ae(a)}),yt=!!o&&it&&!!o.thumbnailHash&&_t&&bt&&o.items.length>=re&&o.items.length<=J;async function st(i){if(!(!c||!o||M)){mt(!0),gt(null);try{const a=await Rt({...o,published:i},c.identity,f?"create":"update");if(!tt.current)return;sessionStorage.removeItem(h),R(lt(a)),C(!1),zt(y),i&&!o.published?(be("Shop Outfit Published",{outfit_id:a.id,item_count:a.items.length}),F.success(e("outfits.studio.publishedToast"))):F.success(e("outfits.studio.saved")),f&&(y.setQueryData(["outfit",a.id,!0],a),j(`/outfits/${a.id}/edit`,{replace:!0}))}catch(a){a instanceof O||nt(a,{flow:"outfit-save"}),gt(e(a instanceof O?dt(a.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]),Kt=d.useMemo(()=>{const i=de(Q);return i!=null&&i.itemId?z({contractAddress:i.contractAddress,itemId:i.itemId}):null},[Q]),Gt=(o==null?void 0:o.bodyShape)==="female"?le:(o==null?void 0:o.bodyShape)==="male"?ue:void 0;if(!c)return null;if(!o)return E?t.jsxs(N,{children:[t.jsx(U,{message:e("outfits.errors.generic")}),t.jsx(m,{variant:"white",onClick:()=>void Z(),children:e("outfits.detail.retry")})]}):!S&&u===null?t.jsxs(N,{"data-testid":"outfit-studio-missing",children:[t.jsx(k,{children:e("outfits.errors.notFound")}),t.jsx(m,{as:A,to:"/outfits/manage",variant:"white",children:e("outfits.studio.myOutfits")})]}):t.jsx(N,{"aria-busy":"true",children:t.jsx("span",{className:"spinner","aria-hidden":!0})});const vt=H??Lt(o.thumbnailHash),qt={...o,authorAddress:(c==null?void 0:c.address)??"",createdAt:0,updatedAt:0},Qt=o.items.reduce((i,a)=>{var p;return i+(((p=g.byKey.get(z(a)))==null?void 0:p.priceCredits)??0)},0);return t.jsxs(Pt,{"data-testid":"outfit-studio-editor",children:[t.jsxs(Wt,{children:[t.jsx(Me,{to:"/outfits/manage","aria-label":e("outfits.studio.myOutfits"),"data-testid":"outfit-studio-back",children:t.jsx(_,{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(si,{children:[t.jsxs(oi,{children:[t.jsxs(ri,{"data-testid":"outfit-studio-preview",style:{background:ce(o)},children:[t.jsx(Se,{id:"outfit-studio-preview-frame",profile:"default",bodyShape:Gt,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(ni,{children:e("outfits.studio.previewEmpty")}):null]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.bodyShape")}),t.jsx(di,{role:"group","aria-label":e("outfits.studio.bodyShape"),children:["unisex","male","female"].map(i=>t.jsx(li,{type:"button","data-selected":o.bodyShape===i||void 0,onClick:()=>$({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(ci,{children:["gradientFrom","gradientTo"].map(i=>t.jsxs(pi,{children:[t.jsx(fi,{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:a=>$({[i]:a.target.value.toLowerCase()})}),t.jsxs(hi,{children:[t.jsx("span",{children:e(i==="gradientFrom"?"outfits.studio.gradientTop":"outfits.studio.gradientBottom")}),t.jsx(xi,{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:a=>{const p=a.target.value.trim().toLowerCase();$({[i]:p.startsWith("#")||p===""?p:`#${p}`})}})]})]},i))}),t.jsx(k,{children:e("outfits.studio.gradientHint")})]}),t.jsxs(P,{children:[t.jsx(W,{as:"span",children:e("outfits.studio.thumbnail")}),vt?t.jsx(ui,{"data-busy":G||void 0,children:t.jsx("img",{src:vt,alt:""})}):null,t.jsxs(gi,{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 a;return void Mt((a=i.target.files)==null?void 0:a[0])},"data-testid":"outfit-studio-thumb-input"})]}),t.jsx(k,{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(mi,{"data-testid":"outfit-studio-card-preview",onClickCapture:i=>{i.preventDefault(),i.stopPropagation()},children:t.jsx(pe,{outfit:qt,resolution:g})})]})]}),t.jsxs(ai,{children:[t.jsxs(P,{children:[t.jsx(W,{htmlFor:"outfit-import",children:e("outfits.studio.import")}),t.jsxs(bi,{children:[t.jsx(St,{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(m,{variant:"outline",size:"sm",onClick:xt,disabled:et.trim()==="","data-testid":"outfit-studio-import-apply",children:e("outfits.studio.importApply")})]}),t.jsx(k,{children:e("outfits.studio.importHint")}),t.jsx(U,{message:Dt,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=>$({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(k,{children:e("outfits.studio.noItems")}):t.jsx(yi,{children:o.items.map(i=>{const a=z(i),p=g.byKey.get(a);return t.jsxs(ji,{"data-testid":"outfit-studio-selected","data-missing":!p||void 0,children:[p?t.jsx(vi,{src:p.thumbnail,alt:""}):t.jsx(wi,{className:g.isLoading?"skeleton":void 0,"aria-hidden":!0}),t.jsx($i,{className:p?void 0:"muted",children:p?p.name:g.isLoading?t.jsx(Ie,{className:"skeleton",width:96,"aria-hidden":!0}):e("outfits.card.unavailable")}),a===Kt?t.jsx(ki,{"data-testid":"outfit-studio-plays-in-preview",children:e("outfits.studio.playsInPreview")}):null,p?t.jsxs(Si,{children:[t.jsx(ot,{size:12}),t.jsx(at,{credits:p.priceCredits})]}):null,t.jsx(Ci,{type:"button","aria-label":e("outfits.studio.remove"),title:e("outfits.studio.remove"),onClick:()=>$({items:o.items.filter(Vt=>z(Vt)!==a)}),children:t.jsx(_,{name:"trash",size:16})})]},a)})}),o.items.length>0?t.jsxs(Ii,{"data-testid":"outfit-studio-total",children:[t.jsx("span",{children:e("outfits.detail.totalPrice")}),t.jsxs(Ti,{children:[t.jsx(ot,{size:14}),t.jsx(at,{credits:Qt})]})]}):null,o.items.length>=J?t.jsx(k,{children:e("outfits.studio.maxItems")}):null]}),t.jsx(Be,{selectedKeys:K,onPick:v,canPick:l})]})]}),t.jsxs(Ei,{"data-testid":"outfit-studio-savebar",children:[t.jsx(U,{message:Ut,testId:"outfit-studio-save-error"}),it?!yt&&!o.published?t.jsx(k,{"data-testid":"outfit-studio-publish-hint",children:!bt&&o.items.length>0?e("outfits.studio.needsWearable"):e("outfits.errors.notPublishable")}):null:t.jsx(k,{children:e("outfits.studio.needName")}),t.jsxs(Li,{children:[t.jsx(m,{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(m,{variant:"white","data-testid":"outfit-studio-unpublish",disabled:M,onClick:()=>void st(!1),children:e("outfits.studio.unpublish")}):t.jsx(m,{variant:"white","data-testid":"outfit-studio-publish",disabled:M||!yt,onClick:()=>void st(!0),children:e("outfits.studio.publish")})]})]})]})}export{Vi as OutfitStudio,Vi as default};
+//# sourceMappingURL=OutfitStudio-BFVYiWYq.js.map

package/_assets/PaymentMethodStep-gIGuBdJE.js

@@ -0,0 +1,370 @@
+import{r as P,j as e}from"./react-BQkTEhfI.js";import{s as i,a as t,V as q,t as r,I as w,z as y,F as j,C as $,W as R}from"./index-PCOMQSTj.js";import{m as k}from"./mana-matic-CEqvSwrJ.js";(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},m=new s.Error().stack;m&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[m]="2fe35f6a-2f3f-41c7-9070-b55bcc848ca8",s._sentryDebugIdIdentifier="sentry-dbid-2fe35f6a-2f3f-41c7-9070-b55bcc848ca8")}catch{}})();const _="data:image/webp;base64,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",ee=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  padding: 12px 16px 16px;
+  min-height: 0;
+  overflow-y: auto;
+`,te=i.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid ${t.colors.gray4};
+`,ie=i.h2`
+  margin: 0;
+  font-family: ${t.font.sans};
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 1.6;
+  color: ${t.colors.text};
+`,se=i.button`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 18.535px;
+  height: 18.535px;
+  border: 0;
+  background: none;
+  cursor: pointer;
+  color: ${t.colors.text};
+
+  &:disabled {
+    opacity: 0.4;
+    cursor: default;
+  }
+  &:focus-visible {
+    outline: 2px solid ${t.colors.accent};
+    outline-offset: 2px;
+  }
+`,ne=i.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`,oe=i.div`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 180.465px;
+  height: 179.763px;
+  border-radius: 15.746px;
+  background: ${t.colors.media};
+  border: 0.176px solid ${t.colors.muted2};
+  overflow: hidden;
+
+  img {
+    width: 149.568px;
+    height: 148.866px;
+    object-fit: contain;
+    filter: drop-shadow(0.736px 2.945px 3.682px rgba(0, 0, 0, 0.1));
+  }
+
+  ${t.media.maxWidth("mobile")} {
+    width: 120px;
+    height: 120px;
+  }
+`,ae=i.div`
+  flex: 1 1 0;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+  padding: 8px;
+`,de=i.p`
+  margin: 0;
+  font-family: ${t.font.sans};
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 1.57;
+  color: ${t.colors.text};
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,le=i.div`
+  > div {
+    font-family: ${t.font.sans};
+    font-size: 10px;
+    line-height: 1.43;
+    color: ${t.colors.muted};
+  }
+`,re=i.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+
+  /* A 24px slot holding a 19.855px glyph — keep both boxes rather than one flat size. */
+  .ico {
+    width: 24px;
+    height: 24px;
+    background: ${t.colors.text2};
+    -webkit-mask-size: 19.855px 19.855px;
+    mask-size: 19.855px 19.855px;
+    -webkit-mask-position: left center;
+    mask-position: left center;
+  }
+  span {
+    font-family: ${t.font.sans};
+    font-weight: 600;
+    font-size: 24px;
+    color: ${t.colors.text2};
+  }
+`,ce=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,B=i.button`
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: 12px 12px 12px 0;
+  border-radius: 12px;
+  border: 0;
+  background: ${t.colors.white};
+  cursor: pointer;
+  text-align: left;
+  font-family: ${t.font.sans};
+
+  &::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    border: 0.5px solid ${t.colors.muted};
+    pointer-events: none;
+  }
+
+  &[data-selected='true'] {
+    background: ${t.colors.media};
+  }
+  /* The gradient is masked to the border band alone, so the ring paints over nothing: a padding-box fill
+     here would sit on top of the row's content, since this layer is above it. */
+  &[data-selected='true']::after {
+    border: 3px solid transparent;
+    background: ${t.gradients.flare} border-box;
+    -webkit-mask:
+      linear-gradient(#000 0 0) padding-box,
+      linear-gradient(#000 0 0);
+    -webkit-mask-composite: xor;
+    mask-composite: exclude;
+  }
+  &[data-disabled='true'] {
+    cursor: not-allowed;
+    opacity: 0.55;
+  }
+  &:focus-visible {
+    outline: 2px solid ${t.colors.accent};
+    outline-offset: 2px;
+  }
+`,O=i.div`
+  flex: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 36px;
+  /* 12px on the left (per review) so the control clears the row's rounded corner; 9px elsewhere. */
+  padding: 9px 9px 9px 12px;
+`,M=i.span`
+  display: grid;
+  place-items: center;
+  width: 20px;
+  height: 20px;
+  border-radius: 4px;
+  border: 2px solid ${t.colors.muted2};
+  background: ${t.colors.white};
+
+  &[data-checked='true'] {
+    border-color: ${t.colors.text};
+    background: ${t.colors.text};
+  }
+  .ico {
+    width: 14px;
+    height: 14px;
+    background: ${t.colors.white};
+  }
+`,J=i.div`
+  flex: 1 1 0;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+`,C=i.div`
+  display: flex;
+  align-items: center;
+  gap: 13px;
+  min-width: 0;
+`,D=i.span`
+  flex: none;
+  display: grid;
+  place-items: center;
+`,E=i.img`
+  flex: none;
+  display: block;
+  width: ${({w:s})=>s}px;
+  height: ${({h:s})=>s}px;
+  object-fit: contain;
+`,H=i.div`
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+`,L=i.span`
+  text-transform: capitalize;
+  font-family: ${t.font.sans};
+  font-weight: 700;
+  font-size: 15px;
+  line-height: 26px;
+  letter-spacing: -0.2px;
+  color: ${t.colors.text2};
+`,F=i.span`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-family: ${t.font.sans};
+  font-size: 12px;
+  line-height: 1;
+  color: ${t.colors.muted1};
+
+  /* A 13px slot holding a 10.4px glyph. */
+  .ico {
+    width: 13px;
+    height: 13px;
+    background: ${t.colors.text};
+    -webkit-mask-size: 10.4px 10.4px;
+    mask-size: 10.4px 10.4px;
+    -webkit-mask-position: left center;
+    mask-position: left center;
+  }
+`,Z=i.span`
+  font-size: 10.4px;
+  color: ${t.colors.text};
+`;i.span`
+  font-family: ${t.font.sans};
+  font-size: 12px;
+  font-weight: 600;
+  color: ${t.colors.dclRed};
+`;const X=i.div`
+  flex: none;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+
+  .ico {
+    width: 24px;
+    height: 24px;
+    background: ${t.colors.text2};
+    -webkit-mask-size: 19.855px 19.855px;
+    mask-size: 19.855px 19.855px;
+    -webkit-mask-position: left center;
+    mask-position: left center;
+  }
+  span {
+    font-family: ${t.font.sans};
+    font-weight: 600;
+    font-size: 20px;
+    color: ${t.colors.text2};
+  }
+`,T=i.div`
+  flex: none;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 2px;
+`,pe=i.button`
+  width: 100%;
+  height: 46px;
+  border: 0;
+  border-radius: 12px;
+  cursor: pointer;
+  background: ${t.gradients.amethyst};
+  color: ${t.colors.softWhite};
+  font-family: ${t.font.sans};
+  font-weight: 600;
+  font-size: 15px;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+
+  &:hover:not(:disabled) {
+    filter: brightness(1.05);
+  }
+  &:focus-visible {
+    outline: 2px solid ${t.colors.accent};
+    outline-offset: 2px;
+  }
+  &:disabled {
+    opacity: 0.6;
+    cursor: default;
+  }
+`,xe=i.img`
+  width: 13px;
+  height: 13px;
+  display: block;
+`,fe=i.img`
+  width: 24px;
+  height: 24px;
+  display: block;
+`;i.span`
+  flex: none;
+  width: 32px;
+  display: grid;
+  gap: 2px;
+  place-items: center;
+
+  .ico {
+    width: 15px;
+    height: 15px;
+    background: ${t.colors.text2};
+  }
+  img {
+    width: 15px;
+    height: 15px;
+    display: block;
+  }
+`;i.div`
+  flex: none;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+
+  .ico {
+    width: 18px;
+    height: 18px;
+    background: ${t.colors.text2};
+  }
+  img {
+    width: 18px;
+    height: 18px;
+    display: block;
+  }
+  span {
+    font-family: ${t.font.sans};
+    font-weight: 600;
+    font-size: 17px;
+    color: ${t.colors.text2};
+  }
+`;i.span`
+  font-family: ${t.font.sans};
+  font-weight: 600;
+  font-size: 15px;
+  color: ${t.colors.muted};
+`;const he=i.span`
+  font-family: ${t.font.sans};
+  font-size: 11px;
+  line-height: 1.35;
+  color: ${t.colors.muted};
+`,me=i.p`
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  margin: 0;
+  background: rgba(255, 162, 90, 0.3);
+  border-radius: ${t.radius.btn};
+  padding: 16px;
+  font-family: ${t.font.sans};
+  font-size: 14px;
+  line-height: 1.334;
+  color: ${t.colors.text2};
+`;function we({asset:s,priceCredits:m,priceCents:A,options:b,priceManaWei:W,balanceCredits:K,manaBalanceWei:Y,onBuy:N,onClose:Q,busy:u=!1,notice:v}){const d=b.find(n=>n.method==="credits")??null,l=b.find(n=>n.method==="mana")??null,a=b.find(n=>n.method==="combined")??null,[z,I]=P.useState(()=>d?new Set(["credits"]):a?new Set(["credits","mana"]):l?new Set(["mana"]):new Set),g=!!d||!!a,c=!!l||!!a;P.useEffect(()=>{I(n=>{const o=new Set(n);return o.has("credits")&&!g&&o.delete("credits"),o.has("mana")&&!c&&o.delete("mana"),o.size===0&&(d?o.add("credits"):a?(o.add("credits"),o.add("mana")):l&&o.add("mana")),o.size===n.size&&[...o].every(G=>n.has(G))?n:o})},[g,c,d,a,l]);const p=z.has("credits"),x=z.has("mana"),f=p&&x?a?"combined":null:p?d?"credits":null:x&&l?"mana":null,U=f==="combined"&&a?a.credits:(d==null?void 0:d.credits)??q(A),V=f==="combined"&&a?a.manaWei:(l==null?void 0:l.manaWei)??W;function S(n){I(o=>{const h=new Set(o);return h.has(n)?h.delete(n):h.add(n),h})}return e.jsxs(ee,{children:[e.jsxs(te,{children:[e.jsx(ie,{children:r("buyModal.choosePayment")}),e.jsx(se,{onClick:Q,disabled:u,"aria-label":r("buyModal.close"),children:e.jsx(w,{name:"close",className:"ico"})})]}),e.jsxs(ne,{children:[e.jsx(oe,{children:s.thumb}),e.jsxs(ae,{children:[e.jsxs("div",{children:[e.jsx(de,{title:s.name,children:s.name||r("buyModal.itemFallback")}),s.caption?e.jsx(le,{children:s.caption}):null]}),e.jsxs(re,{children:[e.jsx(y,{}),e.jsx("span",{children:j(m)})]})]})]}),e.jsxs(ce,{children:[e.jsxs(B,{type:"button","data-testid":"pay-with-credits","data-selected":p,"data-disabled":!g,disabled:u||!g,"aria-pressed":p,onClick:()=>S("credits"),children:[e.jsx(O,{children:e.jsx(M,{"data-checked":p,children:e.jsx(w,{name:"check",className:"ico"})})}),e.jsxs(J,{children:[e.jsxs(C,{children:[e.jsx(D,{children:e.jsx(E,{src:_,w:32.582,h:34.401,alt:"","aria-hidden":!0})}),e.jsxs(H,{children:[e.jsx(L,{children:$.name}),e.jsxs(F,{children:[r("buyModal.creditsBalanceLabel"),e.jsx(y,{}),e.jsx(Z,{children:j(K)})]})]})]}),e.jsx(T,{children:e.jsxs(X,{children:[e.jsx(y,{}),e.jsx("span",{children:j(U)})]})})]})]}),e.jsxs(B,{type:"button","data-testid":"pay-with-mana","data-selected":x,"data-disabled":!c,disabled:u||!c,"aria-pressed":x,onClick:()=>S("mana"),children:[e.jsx(O,{children:e.jsx(M,{"data-checked":x,children:e.jsx(w,{name:"check",className:"ico"})})}),e.jsxs(J,{children:[e.jsxs(C,{children:[e.jsx(D,{children:e.jsx(E,{src:k,w:35.328,h:35.328,alt:"","aria-hidden":!0})}),e.jsxs(H,{children:[e.jsx(L,{children:r("buyModal.methodMana")}),e.jsxs(F,{children:[r("buyModal.manaBalanceLabel"),e.jsx(xe,{src:k,alt:"","aria-hidden":!0}),e.jsx(Z,{children:R(Y)})]})]})]}),e.jsx(T,{children:c?e.jsx(e.Fragment,{children:e.jsxs(X,{children:[e.jsx(fe,{src:k,alt:"","aria-hidden":!0}),e.jsx("span",{children:R(V)})]})}):e.jsx(he,{"data-testid":"mana-shortfall-note",children:r("buyModal.notEnoughMana")})})]})]})]}),v?e.jsx(me,{"data-testid":"price-changed",role:"status",children:v}):null,e.jsx(pe,{type:"button","data-testid":"confirm-payment",disabled:u||f===null,onClick:()=>f&&N(f),children:r("buyModal.buy")})]})}export{we as P};
+//# sourceMappingURL=PaymentMethodStep-gIGuBdJE.js.map