@dcl/shop 0.1.1-30909439604.commit-4721d83 → 0.1.1-30910936579.commit-bb58bbb

package/_assets/OutfitStudio-D_CB2QVA.js

@@ -0,0 +1,500 @@
+import{r as u,j as t,L as O,u as qt,b as Gt,d as Wt}from"./react-DehiWSvs.js";import{s as o,t as st,I as U,aq as Qt,e,p as Y,B as m,a9 as vt,n as G,G as Vt,m as Jt,q as wt,u as $t,J as Xt,P as B,ar as K,as as q,W as Yt,S as Zt,V as te,N as St,X as ee,at as Z,au as ie,av as se,aw as oe,w as F,ax as kt,ay as Tt,az as R,l as tt,aA as et,aB as ae,aC as ne,aD as re,O as de,aE as le,aF as ue,a3 as ce}from"./index-DubLtINT.js";import{E as D}from"./ErrorNotice-D6-7YD_C.js";import{L as pe}from"./LoadMore-CUa0BsTv.js";import{u as fe}from"./useInfiniteGrid-DY2zLmAX.js";import{O as he}from"./OutfitPreview-BL8cCtEn.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:me}=st,xe=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,ge=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;
+
+  ${me.maxWidth("mobile")} {
+    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
+  }
+`,be=o.span`
+  height: 190px;
+  border-radius: ${ot.card};
+`,ye=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;
+  }
+`,je=o.img`
+  width: 100%;
+  aspect-ratio: 1;
+  object-fit: cover;
+  border-radius: 8px;
+  background: ${x.media};
+`,ve=o.span`
+  font-size: 13px;
+  font-weight: 600;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,we=o.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 12px;
+  color: ${x.muted};
+`,$e=o(U)`
+  position: absolute;
+  top: 12px;
+  right: 12px;
+  color: ${x.accent};
+  background: ${x.bg};
+  border-radius: 50%;
+`;function Se({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:E}=fe(["outfit-picker",j],d=>Qt({search:j||void 0,category:"wearable",onSale:!0,listingType:"primary",first:24,skip:d,sortBy:"cheapest"})),H=new Set,y=s.filter(d=>{if(!d.itemId)return!1;const $=`${d.contractAddress.toLowerCase()}-${d.itemId}`;return H.has($)?!1:(H.add($),!0)});return t.jsxs(xe,{"data-testid":"outfit-picker",children:[t.jsxs(ge,{children:[t.jsx(U,{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(be,{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}`,P=r.has($);return t.jsxs(ye,{type:"button","data-testid":"outfit-picker-item","data-selected":P||void 0,disabled:!P&&!f(d),onClick:()=>h(d),title:d.name,children:[t.jsx(je,{src:d.thumbnail,alt:"",loading:"lazy"}),t.jsx(ve,{children:d.name}),t.jsxs(we,{children:[t.jsx(Y,{size:12}),d.priceCredits.toLocaleString()]}),P?t.jsx($e,{name:"check-rounded",size:18}):null]},$)})}),!T&&!k&&!w?t.jsx(pe,{auto:!1,hasNextPage:!!l,isFetching:C,onLoadMore:()=>void E()}):null]})}const{colors:a,radius:v,media:W,z:ke}=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;
+`,Et=o.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`,It=o.h1`
+  font-size: 24px;
+  font-weight: 800;
+  margin-right: auto;
+`,Te=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;
+`,Ce=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;
+`,Ie=o.div`
+  ${Nt};
+  overflow: hidden;
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+  }
+`,Le=o.span`
+  ${Nt};
+  display: inline-block;
+`,Ne=o.div`
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`,ze=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};
+`,Re=o.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  ${W.maxWidth("mobile")} {
+    width: 100%;
+    justify-content: flex-end;
+  }
+`,Oe=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;
+  }
+`,Fe=o.div`
+  position: fixed;
+  inset: 0;
+  z-index: ${ke.overlay};
+  display: grid;
+  place-items: center;
+  padding: 16px;
+`,Ae=o.div`
+  position: absolute;
+  inset: 0;
+  background: rgba(22, 21, 24, 0.5);
+`,Be=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;
+`,De=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;
+  }
+`,Me=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+`,_e=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+`,Ke=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};
+`,Ge=o.div`
+  display: flex;
+  gap: 8px;
+`,We=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};
+  }
+`,Qe=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;
+  }
+`,Ve=o.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+`,Je=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;
+  }
+`,Ye=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  font-size: 12px;
+  color: ${a.muted};
+`,Ze=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};
+  }
+`,ti=o.div`
+  width: 281px;
+  max-width: 100%;
+`,ei=o(m)`
+  align-self: flex-start;
+`,ii=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;
+  }
+`,si=o.ul`
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+`,oi=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;
+`,ai=o.img`
+  ${zt};
+  object-fit: cover;
+`,ni=o.span`
+  ${zt};
+  display: inline-block;
+`,ri=o.span`
+  flex: 1;
+  min-width: 0;
+  font-size: 14px;
+  font-weight: 600;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,di=o.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 13px;
+  color: ${a.muted};
+  white-space: nowrap;
+`,li=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;
+`,ui=o.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 15px;
+  font-weight: 700;
+`,ci=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};
+  }
+`,pi=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding-top: 16px;
+  border-top: 1px solid ${a.line};
+`,fi=o.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+`;function Li(){const{id:r}=qt(),{pathname:h}=Gt(),f=G(b=>b.session),p=G(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(mi,{}):t.jsx(bi,{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 hi({outfit:r}){const h=St(r.thumbnailHash);return h?t.jsx(Ie,{style:{background:se(r)},children:t.jsx("img",{src:h,alt:"",loading:"lazy"})}):t.jsx(Le,{"aria-hidden":!0})}function mi(){const r=G(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:()=>ue(r.identity)});async function T(l,C){if(r){j(l.id);try{C==="delete"?(await oe(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(E){E instanceof R||tt(E,{flow:`outfit-${C}`}),F.error(e(E instanceof R?et(E.code):"outfits.errors.generic"))}finally{j(null),p(null)}}}return t.jsxs(Ct,{"data-testid":"outfit-studio-list",children:[t.jsxs(Et,{children:[t.jsx(It,{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(Ce,{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(hi,{outfit:l}),t.jsxs(Ne,{children:[t.jsx(ze,{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(Re,{children:[l.published?t.jsx(m,{as:O,to:`/assets/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(Oe,{type:"button","data-testid":"outfit-studio-delete","aria-label":e("outfits.studio.confirmDelete"),disabled:g===l.id,onClick:()=>p(l),children:t.jsx(U,{name:"trash",size:18})})]})]},l.id))}),f?t.jsxs(Fe,{role:"dialog","aria-modal":"true","aria-label":e("outfits.studio.deleteTitle"),"data-testid":"outfit-studio-confirm",children:[t.jsx(Ae,{onClick:()=>p(null)}),t.jsxs(Be,{children:[t.jsx(De,{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 xi(){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 gi(r){try{const h=sessionStorage.getItem(r);return h?JSON.parse(h):null}catch{return null}}function bi({outfitId:r}){const h=r===null,f=`outfit-draft:${r??"new"}`,p=G(i=>i.session),g=wt(),j=Wt(),[b]=u.useState(()=>gi(f)),[s,k]=u.useState(()=>b??(h?xi():null)),[w,T]=u.useState(!!b),{data:l,isLoading:C,isError:E,refetch:H}=$t({queryKey:["outfit",r,!0],enabled:!h&&!!p,staleTime:0,queryFn:()=>ce(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=Xt(s??void 0),$=u.useMemo(()=>new Set(((s==null?void 0:s.items)??[]).map(B)),[s]),P=i=>le((s==null?void 0:s.items)??[],i,d.byKey),at=i=>!!i.itemId&&P(i).length<=q;function Pt(i){!s||!at(i)||y({items:P(i)})}const[Rt,nt]=u.useState(null),I=u.useRef(null),Q=u.useRef(!0);u.useEffect(()=>(Q.current=!0,()=>{Q.current=!1}),[]);const[M,rt]=u.useState(!1),[Ot,_]=u.useState(null),[V,dt]=u.useState(""),[Ft,lt]=u.useState(null),[S,At]=u.useState();u.useEffect(()=>()=>{I.current&&URL.revokeObjectURL(I.current)},[]);function ut(){const i=re(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>ae){_(e("outfits.errors.tooLarge"));return}I.current&&URL.revokeObjectURL(I.current);const n=URL.createObjectURL(i);I.current=n,nt(n),rt(!0);try{const c=await ne(i,p.identity);y({thumbnailHash:c})}catch(c){c instanceof R||tt(c,{flow:"outfit-thumbnail"}),_(e(c instanceof R?et(c.code):"outfits.errors.generic")),I.current&&(URL.revokeObjectURL(I.current),I.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,Ut=!!s&&K(s.gradientFrom)&&K(s.gradientTo),ft=!!s&&J&&!!s.thumbnailHash&&Ut&&s.items.length>=2&&s.items.length<=q;async function X(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?(de("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 R||tt(n,{flow:"outfit-save"}),pt(e(n instanceof R?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?Yt(i):null).filter(i=>!!i),[s,d.byKey]),Ht=(s==null?void 0:s.bodyShape)==="female"?Zt:(s==null?void 0:s.bodyShape)==="male"?te:void 0;if(!p)return null;if(!s)return E?t.jsxs(z,{children:[t.jsx(D,{message:e("outfits.errors.generic")}),t.jsx(m,{variant:"purple",onClick:()=>void H(),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=Rt??St(s.thumbnailHash),Mt={...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(Et,{children:[t.jsx(Te,{to:"/outfits/manage","aria-label":e("outfits.studio.myOutfits"),"data-testid":"outfit-studio-back",children:t.jsx(U,{name:"arrow-left",size:18})}),t.jsx(It,{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(Me,{children:[t.jsxs(Ke,{"data-testid":"outfit-studio-preview",style:{background:ee(s)},children:[t.jsx(he,{id:"outfit-studio-preview-frame",profile:"default",bodyShape:Ht,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(Ge,{role:"group","aria-label":e("outfits.studio.bodyShape"),children:["unisex","male","female"].map(i=>t.jsx(We,{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(Ve,{children:["gradientFrom","gradientTo"].map(i=>t.jsxs(Je,{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(Ye,{children:[t.jsx("span",{children:e(i==="gradientFrom"?"outfits.studio.gradientTop":"outfits.studio.gradientBottom")}),t.jsx(Ze,{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(Qe,{"data-busy":M||void 0,children:t.jsx("img",{src:mt,alt:""})}):null,t.jsxs(ei,{as:"label",variant:"outline",size:"sm","data-busy":M||void 0,children:[M?e("outfits.studio.uploading"):e("outfits.studio.upload"),t.jsx("input",{type:"file",accept:jt.join(","),hidden:!0,disabled:M,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(ti,{"data-testid":"outfit-studio-card-preview",onClickCapture:i=>{i.preventDefault(),i.stopPropagation()},children:t.jsx(ie,{outfit:Mt,resolution:d})})]})]}),t.jsxs(_e,{children:[t.jsxs(L,{children:[t.jsx(N,{htmlFor:"outfit-import",children:e("outfits.studio.import")}),t.jsxs(ii,{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,"/",q,")"]}),s.items.length===0?t.jsx("p",{className:"muted small",children:e("outfits.studio.noItems")}):t.jsx(si,{children:s.items.map(i=>{const n=B(i),c=d.byKey.get(n);return t.jsxs(oi,{"data-testid":"outfit-studio-selected","data-missing":!c||void 0,children:[c?t.jsx(ai,{src:c.thumbnail,alt:""}):t.jsx(ni,{className:d.isLoading?"skeleton":void 0,"aria-hidden":!0}),t.jsx(ri,{className:c?void 0:"muted",children:c?c.name:d.isLoading?"…":e("outfits.card.unavailable")}),c?t.jsxs(di,{children:[t.jsx(Y,{size:12}),c.priceCredits.toLocaleString()]}):null,t.jsx(ci,{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(U,{name:"trash",size:16})})]},n)})}),s.items.length>0?t.jsxs(li,{"data-testid":"outfit-studio-total",children:[t.jsx("span",{children:e("outfits.detail.totalPrice")}),t.jsxs(ui,{children:[t.jsx(Y,{size:14}),_t.toLocaleString()]})]}):null,s.items.length>=q?t.jsx("p",{className:"muted small",children:e("outfits.studio.maxItems")}):null]}),t.jsx(Se,{selectedKeys:$,onPick:Pt,canPick:at})]})]}),t.jsxs(pi,{"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(fi,{children:[t.jsx(m,{variant:"outline","data-testid":"outfit-studio-save",disabled:A||!J,onClick:()=>void X(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 X(!1),children:e("outfits.studio.unpublish")}):t.jsx(m,{variant:"purple","data-testid":"outfit-studio-publish",disabled:A||!ft,onClick:()=>void X(!0),children:e("outfits.studio.publish")})]})]})]})}export{Li as OutfitStudio,Li as default};

package/_assets/{StoreSettings-GYoZCBBR.js → StoreSettings-B6o_W0eW.js}

@@ -1,4 +1,4 @@
-import{j as t,L as oe,b as le,r as l}from"./react-IQWs2nb4.js";import{e as s,t as j,s as n,l as ce,B as q,m as de,n as pe,q as ue,I as z,w as F}from"./index-BiIZh9R9.js";import{u as ge,d as me,t as xe,L as he,i as A,a as f,s as fe}from"./useStore-ByHpJuVH.js";import{E as M}from"./ErrorNotice-51eOicue.js";import{F as w}from"./field.styles-o0yoMx97.js";import"./sentry-DvOx8Rfb.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-rFeF6PNV.js";import"./intl-CBcMB1D2.js";const ve="https://cdn.decentraland.org/@dcl/shop/0.1.1-30909439604.commit-4721d83/_assets/template-cover-1-BETekfHg.jpeg",be="https://cdn.decentraland.org/@dcl/shop/0.1.1-30909439604.commit-4721d83/_assets/template-cover-2-Dni9s0i_.jpeg",we=Object.assign({"../assets/creator-covers/template-cover-1.jpeg":ve,"../assets/creator-covers/template-cover-2.jpeg":be}),v=Object.entries(we).sort(([r],[u])=>r.localeCompare(u)).map(([r,u])=>({name:r.split("/").pop(),url:u})),je=ce`
+import{j as t,L as oe,d as le,r as l}from"./react-DehiWSvs.js";import{e as s,t as j,s as n,k as ce,B as q,m as de,n as pe,q as ue,I as z,w as F}from"./index-DubLtINT.js";import{u as ge,d as me,t as xe,L as he,i as A,a as f,s as fe}from"./useStore-Br1E1f__.js";import{E as M}from"./ErrorNotice-D6-7YD_C.js";import{F as w}from"./field.styles-icpuqiLd.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";const ve="https://cdn.decentraland.org/@dcl/shop/0.1.1-30910936579.commit-bb58bbb/_assets/template-cover-1-BETekfHg.jpeg",be="https://cdn.decentraland.org/@dcl/shop/0.1.1-30910936579.commit-bb58bbb/_assets/template-cover-2-Dni9s0i_.jpeg",we=Object.assign({"../assets/creator-covers/template-cover-1.jpeg":ve,"../assets/creator-covers/template-cover-2.jpeg":be}),v=Object.entries(we).sort(([r],[u])=>r.localeCompare(u)).map(([r,u])=>({name:r.split("/").pop(),url:u})),je=ce`
   to {
     transform: rotate(360deg);
   }

package/_assets/{Success-CGQGJeM-.js → Success-CXS2Dcqd.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index.es-CWcx_MPC.js","_assets/react-IQWs2nb4.js"])))=>i.map(i=>d[i]);
-import{r as g,j as e,u as P,b as N,N as M}from"./react-IQWs2nb4.js";import{s as t,_ as I,t as F,p as _,X as O,G as W,n as D,m as q,e as n,o as U,f as V,Y as X,c as B,B as G,Z as H}from"./index-BiIZh9R9.js";import{w as J,S as Y}from"./buy-gasless-Cn4_YLUa.js";import"./sentry-DvOx8Rfb.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-rFeF6PNV.js";import"./intl-CBcMB1D2.js";import"./authorizations-FkFZVBeE.js";import"./sendMetaTransaction-BA-2MGdZ.js";import"./trade-encoding-DgV-A2zO.js";const K=t.div`
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index.es-DQ3AciL_.js","_assets/react-DehiWSvs.js"])))=>i.map(i=>d[i]);
+import{r as g,j as e,b as P,d as N,N as M}from"./react-DehiWSvs.js";import{s as t,_ as I,t as F,p as _,an as O,a9 as W,n as D,m as q,e as n,o as U,f as V,ao as H,c as B,B as J,ap as X}from"./index-DubLtINT.js";import{w as G,S as K}from"./buy-gasless-ByVYfkrv.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./authorizations-CYYNI-9S.js";import"./sendMetaTransaction-CgzqVu54.js";import"./trade-encoding-BJEZpBsE.js";const Q=t.div`
   position: fixed;
   inset: 0;
   /**
@@ -14,7 +14,7 @@ import{r as g,j as e,u as P,b as N,N as M}from"./react-IQWs2nb4.js";import{s as
    */
   z-index: -1;
   pointer-events: none;
-`,Q=g.lazy(async()=>{const[{default:c},{default:r}]=await Promise.all([I(()=>import("./index.es-CWcx_MPC.js"),__vite__mapDeps([0,1])),I(()=>import("./confettiAnimation-BpyTLLuX.js"),[])]);return{default:()=>e.jsx(c,{animationData:r,loop:1})}});function Z(){const[c]=g.useState(()=>{var r;return!((r=window.matchMedia)!=null&&r.call(window,"(prefers-reduced-motion: reduce)").matches)});return c?e.jsx(K,{"aria-hidden":!0,"data-testid":"confetti",children:e.jsx(g.Suspense,{fallback:null,children:e.jsx(Q,{})})}):null}const{colors:s,radius:m}=F,j="@media (max-width: 600px)",L=t.div`
+`,Y=g.lazy(async()=>{const[{default:c},{default:r}]=await Promise.all([I(()=>import("./index.es-DQ3AciL_.js"),__vite__mapDeps([0,1])),I(()=>import("./confettiAnimation-BpyTLLuX.js"),[])]);return{default:()=>e.jsx(c,{animationData:r,loop:1})}});function Z(){const[c]=g.useState(()=>{var r;return!((r=window.matchMedia)!=null&&r.call(window,"(prefers-reduced-motion: reduce)").matches)});return c?e.jsx(Q,{"aria-hidden":!0,"data-testid":"confetti",children:e.jsx(g.Suspense,{fallback:null,children:e.jsx(Y,{})})}):null}const{colors:s,radius:m}=F,j="@media (max-width: 600px)",L=t.div`
   /* Its own stacking context, above the confetti layer (z-index 0). Needed because z-index is inert without
      a position, so the content would otherwise sit below the burst regardless of order. */
   position: relative;
@@ -290,7 +290,7 @@ import{r as g,j as e,u as P,b as N,N as M}from"./react-IQWs2nb4.js";import{s as
   border: 2.5px solid rgba(252, 252, 252, 0.5);
   border-radius: ${m.btn};
   line-height: 0;
-`,R=t(G)`
+`,R=t(J)`
   min-width: 160px;
   text-align: center;
-`;function Ae(c){return null}const Se=c=>new Promise(r=>setTimeout(r,c));function Ie(c,r){const[i,a]=g.useState(c?"pending":"confirmed"),x=r?`${r.owner}-${r.contractAddress}-${r.itemId}`:"";return g.useEffect(()=>{if(!c)return;let l=!1;return(async()=>{let f=!1;for(let o=0;o<20&&!l;o++)try{await J(c,{timeoutMs:15e3}),f=!0;break}catch(v){if(v instanceof Y)continue;l||a("failed");return}if(!l){if(!f){a("timed-out");return}if(!r){a("confirmed");return}a("indexing");for(let o=0;o<40&&!l;o++){if(await H(r.owner,r.contractAddress,r.itemId)){l||a("confirmed");return}await Se(3e3)}l||a("timed-out")}})(),()=>{l=!0}},[c,x]),i}const Le=B.chainId===80002?"https://decentraland.zone/jump":"https://decentraland.org/jump",Te=B.chainId===80002?"https://amoy.polygonscan.com/tx/":"https://polygonscan.com/tx/";function Ue(){var S;const{state:c,search:r}=P(),i=c??Ae(),a=N(),{session:x}=D(),l=i==null?void 0:i.txHash,b=(i==null?void 0:i.items)??[],f=i!=null&&i.creditsAdded&&i.creditsAdded>0?i.creditsAdded:null,o=b[0],v=x!=null&&x.address&&(o!=null&&o.contractAddress)&&(o!=null&&o.itemId)?{owner:x.address,contractAddress:o.contractAddress,itemId:o.itemId}:null,u=Ie(i!=null&&i.settled?void 0:l,v);q({title:n("seo.success.title"),noindex:!0});const h=b;if(h.length===0)return e.jsx(M,{to:"/assets",replace:!0});const A=h[0],w=(S=i==null?void 0:i.txHashes)!=null&&S.length?i.txHashes:l?[l]:[],p=w.length>0&&U(x==null?void 0:x.providerType)?w.map((d,k)=>e.jsx(ne,{href:`${Te}${d}`,target:"_blank",rel:"noreferrer",children:w.length>1?n("success.viewTransactionNumbered",{n:k+1,total:w.length}):n("success.viewTransaction")},d)):null;return u!=="confirmed"?e.jsx(L,{children:e.jsx(ee,{children:u==="pending"||u==="indexing"?e.jsxs(e.Fragment,{children:[e.jsx(te,{className:"spinner","aria-hidden":!0}),e.jsx(C,{children:u==="indexing"?n("success.finalizing"):n("success.processing")}),e.jsx(z,{children:u==="indexing"?e.jsxs(e.Fragment,{children:[n("success.indexingBefore")," ",h.length===1?e.jsx("strong",{children:A.name}):n("success.itemCount",{count:h.length})," ",n("success.indexingAfter")]}):e.jsxs(e.Fragment,{children:[n("success.confirmingBefore")," ",h.length===1?e.jsx("strong",{children:A.name}):n("success.itemCount",{count:h.length})," ",n("success.confirmingAfter")]})}),p?e.jsx(y,{children:p}):null]}):u==="timed-out"?e.jsxs(e.Fragment,{children:[e.jsx(C,{children:n("success.stillProcessingTitle")}),e.jsxs(z,{children:[n("success.timedOutBefore")," ",e.jsx("button",{className:"link",onClick:()=>a("/activity"),children:n("nav.activity")})," ",n("success.timedOutAfter")]}),p?e.jsx(y,{children:p}):null,e.jsxs(T,{children:[e.jsx(R,{variant:"purple",onClick:()=>a("/activity"),children:n("success.viewActivity")}),e.jsx(R,{variant:"ghost",onClick:()=>a("/assets"),children:n("success.keepShopping")})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(C,{children:n("success.failedTitle")}),e.jsx(z,{children:n("success.failedBody")}),p?e.jsx(y,{children:p}):null,e.jsx(T,{children:e.jsx(R,{variant:"purple",onClick:()=>a("/assets"),children:n("success.backToShop")})})]})})}):e.jsxs(L,{children:[e.jsx(Z,{}),e.jsxs(ie,{children:[e.jsxs(se,{role:"status",children:[e.jsx(re,{"aria-hidden":!0,children:e.jsxs("svg",{viewBox:"0 0 60 60",width:"60",height:"60",children:[e.jsx("circle",{cx:"30",cy:"30",r:"30",fill:"#34ce77"}),e.jsx("path",{d:"M18 31l8 8 16-18",fill:"none",stroke:"#fff",strokeWidth:"4.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e.jsxs(oe,{children:[e.jsx("b",{children:n("success.bannerTitle")})," ",n("success.bannerBody")]})]}),e.jsxs(ce,{children:[f?e.jsxs(le,{"data-testid":"success-credits",children:[e.jsx(xe,{}),e.jsxs(pe,{children:[e.jsx(he,{children:n("getCredits.creditsAmount",{credits:f,currency:V.name})})," ",e.jsx(ue,{children:n("getCredits.creditsAdded")})]})]}):null,h.map((d,k)=>{const $=d.quantity??1;return e.jsxs(ae,{children:[k>0?e.jsx(de,{"aria-hidden":!0}):null,e.jsxs(fe,{children:[e.jsxs(ge,{children:[d.thumbnail?e.jsx("img",{src:d.thumbnail,alt:""}):null,e.jsx(me,{"aria-hidden":!0,children:e.jsx("svg",{viewBox:"0 0 18 18",width:"12",height:"12",children:e.jsx("path",{d:"M4 9l3.5 3.5L14 5",fill:"none",stroke:"#fff",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),e.jsxs(je,{children:[e.jsxs(we,{title:d.name,children:[d.name||n("buyModal.itemFallback"),$>1?e.jsx(ye,{children:n("cartCheckout.qty",{count:$})}):null]}),d.creator?e.jsx(be,{address:d.creator,linkToProfile:!0}):null]}),e.jsxs(ve,{children:[e.jsx(ke,{}),e.jsx("span",{children:X(d.priceCredits*$)})]})]})]},d.id)})]}),p?e.jsx(y,{"data-receipt":!0,children:p}):null,e.jsxs($e,{children:[e.jsx(Ce,{"data-variant":"ghost",onClick:()=>a("/my-assets"),children:n("success.myAssets")}),e.jsxs(ze,{"data-variant":"ruby",href:Le,target:"_blank",rel:"noreferrer",children:[n("success.tryInWorld"),e.jsx(Re,{"aria-hidden":!0,children:e.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",children:e.jsx("path",{d:"M5 12h12M13 7l5 5-5 5",fill:"none",stroke:"#fcfcfc",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})]})]})}export{Ue as Success,Ue as default};
+`;function Ae(c){return null}const Se=c=>new Promise(r=>setTimeout(r,c));function Ie(c,r){const[i,a]=g.useState(c?"pending":"confirmed"),x=r?`${r.owner}-${r.contractAddress}-${r.itemId}`:"";return g.useEffect(()=>{if(!c)return;let l=!1;return(async()=>{let f=!1;for(let o=0;o<20&&!l;o++)try{await G(c,{timeoutMs:15e3}),f=!0;break}catch(v){if(v instanceof K)continue;l||a("failed");return}if(!l){if(!f){a("timed-out");return}if(!r){a("confirmed");return}a("indexing");for(let o=0;o<40&&!l;o++){if(await X(r.owner,r.contractAddress,r.itemId)){l||a("confirmed");return}await Se(3e3)}l||a("timed-out")}})(),()=>{l=!0}},[c,x]),i}const Le=B.chainId===80002?"https://decentraland.zone/jump":"https://decentraland.org/jump",Te=B.chainId===80002?"https://amoy.polygonscan.com/tx/":"https://polygonscan.com/tx/";function Ue(){var S;const{state:c,search:r}=P(),i=c??Ae(),a=N(),{session:x}=D(),l=i==null?void 0:i.txHash,b=(i==null?void 0:i.items)??[],f=i!=null&&i.creditsAdded&&i.creditsAdded>0?i.creditsAdded:null,o=b[0],v=x!=null&&x.address&&(o!=null&&o.contractAddress)&&(o!=null&&o.itemId)?{owner:x.address,contractAddress:o.contractAddress,itemId:o.itemId}:null,u=Ie(i!=null&&i.settled?void 0:l,v);q({title:n("seo.success.title"),noindex:!0});const h=b;if(h.length===0)return e.jsx(M,{to:"/assets",replace:!0});const A=h[0],w=(S=i==null?void 0:i.txHashes)!=null&&S.length?i.txHashes:l?[l]:[],p=w.length>0&&U(x==null?void 0:x.providerType)?w.map((d,k)=>e.jsx(ne,{href:`${Te}${d}`,target:"_blank",rel:"noreferrer",children:w.length>1?n("success.viewTransactionNumbered",{n:k+1,total:w.length}):n("success.viewTransaction")},d)):null;return u!=="confirmed"?e.jsx(L,{children:e.jsx(ee,{children:u==="pending"||u==="indexing"?e.jsxs(e.Fragment,{children:[e.jsx(te,{className:"spinner","aria-hidden":!0}),e.jsx(C,{children:u==="indexing"?n("success.finalizing"):n("success.processing")}),e.jsx(z,{children:u==="indexing"?e.jsxs(e.Fragment,{children:[n("success.indexingBefore")," ",h.length===1?e.jsx("strong",{children:A.name}):n("success.itemCount",{count:h.length})," ",n("success.indexingAfter")]}):e.jsxs(e.Fragment,{children:[n("success.confirmingBefore")," ",h.length===1?e.jsx("strong",{children:A.name}):n("success.itemCount",{count:h.length})," ",n("success.confirmingAfter")]})}),p?e.jsx(y,{children:p}):null]}):u==="timed-out"?e.jsxs(e.Fragment,{children:[e.jsx(C,{children:n("success.stillProcessingTitle")}),e.jsxs(z,{children:[n("success.timedOutBefore")," ",e.jsx("button",{className:"link",onClick:()=>a("/activity"),children:n("nav.activity")})," ",n("success.timedOutAfter")]}),p?e.jsx(y,{children:p}):null,e.jsxs(T,{children:[e.jsx(R,{variant:"purple",onClick:()=>a("/activity"),children:n("success.viewActivity")}),e.jsx(R,{variant:"ghost",onClick:()=>a("/assets"),children:n("success.keepShopping")})]})]}):e.jsxs(e.Fragment,{children:[e.jsx(C,{children:n("success.failedTitle")}),e.jsx(z,{children:n("success.failedBody")}),p?e.jsx(y,{children:p}):null,e.jsx(T,{children:e.jsx(R,{variant:"purple",onClick:()=>a("/assets"),children:n("success.backToShop")})})]})})}):e.jsxs(L,{children:[e.jsx(Z,{}),e.jsxs(ie,{children:[e.jsxs(se,{role:"status",children:[e.jsx(re,{"aria-hidden":!0,children:e.jsxs("svg",{viewBox:"0 0 60 60",width:"60",height:"60",children:[e.jsx("circle",{cx:"30",cy:"30",r:"30",fill:"#34ce77"}),e.jsx("path",{d:"M18 31l8 8 16-18",fill:"none",stroke:"#fff",strokeWidth:"4.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e.jsxs(oe,{children:[e.jsx("b",{children:n("success.bannerTitle")})," ",n("success.bannerBody")]})]}),e.jsxs(ce,{children:[f?e.jsxs(le,{"data-testid":"success-credits",children:[e.jsx(xe,{}),e.jsxs(pe,{children:[e.jsx(he,{children:n("getCredits.creditsAmount",{credits:f,currency:V.name})})," ",e.jsx(ue,{children:n("getCredits.creditsAdded")})]})]}):null,h.map((d,k)=>{const $=d.quantity??1;return e.jsxs(ae,{children:[k>0?e.jsx(de,{"aria-hidden":!0}):null,e.jsxs(fe,{children:[e.jsxs(ge,{children:[d.thumbnail?e.jsx("img",{src:d.thumbnail,alt:""}):null,e.jsx(me,{"aria-hidden":!0,children:e.jsx("svg",{viewBox:"0 0 18 18",width:"12",height:"12",children:e.jsx("path",{d:"M4 9l3.5 3.5L14 5",fill:"none",stroke:"#fff",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),e.jsxs(je,{children:[e.jsxs(we,{title:d.name,children:[d.name||n("buyModal.itemFallback"),$>1?e.jsx(ye,{children:n("cartCheckout.qty",{count:$})}):null]}),d.creator?e.jsx(be,{address:d.creator,linkToProfile:!0}):null]}),e.jsxs(ve,{children:[e.jsx(ke,{}),e.jsx("span",{children:H(d.priceCredits*$)})]})]})]},d.id)})]}),p?e.jsx(y,{"data-receipt":!0,children:p}):null,e.jsxs($e,{children:[e.jsx(Ce,{"data-variant":"ghost",onClick:()=>a("/my-assets"),children:n("success.myAssets")}),e.jsxs(ze,{"data-variant":"ruby",href:Le,target:"_blank",rel:"noreferrer",children:[n("success.tryInWorld"),e.jsx(Re,{"aria-hidden":!0,children:e.jsx("svg",{viewBox:"0 0 24 24",width:"20",height:"20",children:e.jsx("path",{d:"M5 12h12M13 7l5 5-5 5",fill:"none",stroke:"#fcfcfc",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})]})]})}export{Ue as Success,Ue as default};