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

package/_assets/MyAssets-OTnYju0y.js

@@ -1,258 +0,0 @@
-import{L as be,u as Ue,r as c,j as t}from"./react-vyZjIDcS.js";import{s as a,t as s,I as k,m as He,e as r,n as We,o as re,u as _,B as Ye,S as D,A as U,q as Qe,c as we,v as Ve,w as Ze}from"./index-Cn-oc3fB.js";import{f as Je}from"./import-DbH_aWZX.js";import{f as Xe}from"./builder-C8hUH3RB.js";import{L as et}from"./LoadMore-BsvftUzw.js";import{R as H,C as tt,a as st,F as ot,S as ae}from"./categories-BGGjSLd9.js";import{D as ie,F as le,R as nt,a as rt,b as at,c as it,d as lt,S as ct,e as dt,f as mt,g as pt,h as ut,i as ft,j as xt,k as ht,C as yt,l as gt,m as bt,n as wt,M as St}from"./Assets.styles-CmDKBB8r.js";import{u as jt}from"./useInfiniteGrid-YGnKZcnB.js";import{u as $t}from"./useSecondarySales-BUPg_0HB.js";import{E as ce}from"./ErrorNotice-COIh7ro4.js";import{n as Se}from"./Tooltip-D92WFEmr.js";import"./sentry-B35L1FdR.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CXBJm_wN.js";import"./intl-CBcMB1D2.js";import"./buy-Cl7snZzi.js";import"./authorizations-BNs0emga.js";import"./sendMetaTransaction-DfeiXpP_.js";import"./trade-encoding-CXbhpVj8.js";import"./mana-rate-COZYJ-5D.js";import"./mana-convert-BAmJatVq.js";a.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  width: 100%;
-`;a.h2`
-  margin: 0;
-  padding: 4px 4px 2px;
-  font-family: ${s.font.sans};
-  font-weight: 700;
-  font-size: 12px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-  color: ${s.colors.muted};
-`;a("button",Se("selected"))`
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  width: 100%;
-  height: 40px;
-  padding: 4px 12px;
-  border: 0;
-  border-radius: 8px;
-  background: ${({selected:o})=>o?s.colors.media:"transparent"};
-  color: ${s.colors.text};
-  font-family: ${s.font.sans};
-  font-weight: ${({selected:o})=>o?600:400};
-  font-size: 14px;
-  text-align: left;
-  cursor: pointer;
-
-  @media (hover: hover) {
-    &:hover {
-      background: ${s.colors.media};
-    }
-  }
-  &:focus-visible {
-    outline: 2px solid ${s.colors.accent};
-    outline-offset: 2px;
-  }
-`;a(k)`
-  width: 18px;
-  height: 18px;
-  flex: none;
-  color: ${s.colors.muted};
-`;a.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  width: 100%;
-`;a.span`
-  font-family: ${s.font.sans};
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 1.43;
-  color: ${s.colors.text};
-  padding: 0 4px;
-`;a.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  padding: 4px;
-`;a("button",Se("selected"))`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 10px;
-  border-radius: 6px;
-  background: ${({selected:o})=>o?s.colors.text:s.colors.softWhite};
-  border: ${({selected:o})=>o?`1px solid ${s.colors.text}`:`0.5px solid ${s.colors.gray4}`};
-  color: ${({selected:o})=>o?s.colors.white:s.colors.gray0};
-  font-family: ${s.font.sans};
-  font-weight: ${({selected:o})=>o?600:400};
-  font-size: 12px;
-  cursor: pointer;
-
-  &:hover {
-    border-color: ${s.colors.text};
-  }
-  &:focus-visible {
-    outline: 2px solid ${s.colors.accent};
-    outline-offset: 2px;
-  }
-`;const kt=a.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  height: 44px;
-  padding: 0 12px;
-  margin-bottom: 16px;
-  border: 1px solid ${s.colors.lineStrong};
-  border-radius: ${s.radius.btn};
-  background: ${s.colors.white};
-
-  &:focus-within {
-    border-color: ${s.colors.accent};
-  }
-`,It=a(k)`
-  width: 18px;
-  height: 18px;
-  flex: none;
-  color: ${s.colors.muted};
-`,Ct=a.input`
-  flex: 1;
-  min-width: 0;
-  border: 0;
-  background: none;
-  padding: 0;
-  font-family: ${s.font.sans};
-  font-size: 14px;
-  color: ${s.colors.text};
-
-  &::placeholder {
-    color: ${s.colors.muted2};
-  }
-  &:focus {
-    outline: 0;
-  }
-`,vt=a.button`
-  display: grid;
-  place-items: center;
-  width: 24px;
-  height: 24px;
-  border: 0;
-  border-radius: 50%;
-  background: ${s.colors.chip};
-  color: ${s.colors.text};
-  cursor: pointer;
-  flex: none;
-
-  &:focus-visible {
-    outline: 2px solid ${s.colors.accent};
-    outline-offset: 2px;
-  }
-`,At=a(k)`
-  width: 12px;
-  height: 12px;
-`,de=a.div`
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
-  gap: 20px;
-
-  ${s.media.maxWidth("sm")} {
-    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
-    gap: 12px;
-  }
-`;a.p`
-  margin: 24px 0;
-  font-family: ${s.font.sans};
-  font-size: 14px;
-  color: ${s.colors.muted};
-`;const me=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  padding: 72px 24px;
-  text-align: center;
-`,pe=a.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 72px;
-  height: 72px;
-  margin-bottom: 10px;
-  border-radius: 50%;
-  background: ${s.colors.navViolet};
-  color: ${s.colors.accent};
-`,ue=a.p`
-  margin: 0;
-  font-family: ${s.font.sans};
-  font-size: 18px;
-  font-weight: 600;
-  color: ${s.colors.text};
-`,fe=a.p`
-  margin: 0;
-  max-width: 360px;
-  font-family: ${s.font.sans};
-  font-size: 14px;
-  line-height: 1.5;
-  color: ${s.colors.muted};
-`,Et=a(be)`
-  margin-top: 12px;
-  display: inline-flex;
-  align-items: center;
-  height: 40px;
-  padding: 0 20px;
-  border-radius: 8px;
-  background: ${s.colors.accent};
-  color: ${s.colors.white};
-  font-family: ${s.font.sans};
-  font-size: 14px;
-  font-weight: 600;
-  text-decoration: none;
-  cursor: pointer;
-
-  &:hover {
-    background: ${s.colors.accentHover};
-  }
-`,Tt=a.section`
-  max-width: 520px;
-  margin: 48px auto;
-  text-align: center;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  align-items: center;
-`,Ft=a.h1`
-  margin: 0;
-  font-family: ${s.font.sans};
-  font-weight: 700;
-  font-size: 24px;
-  color: ${s.colors.text};
-`,Rt=a.p`
-  margin: 0;
-  font-family: ${s.font.sans};
-  font-size: 15px;
-  color: ${s.colors.muted};
-`,_t=a(be)`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 16px;
-  padding: 12px 16px;
-  border-radius: ${s.radius.btn};
-  background: ${s.colors.rarityBg};
-  color: ${s.colors.text};
-  text-decoration: none;
-
-  &:hover {
-    filter: brightness(0.98);
-  }
-  &:focus-visible {
-    outline: 2px solid ${s.colors.accent};
-    outline-offset: 2px;
-  }
-`,Ot=a.span`
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  min-width: 0;
-  font-family: ${s.font.sans};
-`,Pt=a.strong`
-  font-weight: 600;
-  font-size: 14px;
-  color: ${s.colors.text};
-`,zt=a.span`
-  font-size: 12px;
-  color: ${s.colors.muted};
-`,Lt=a.span`
-  flex: none;
-  font-weight: 600;
-  font-size: 13px;
-  color: ${s.colors.accent};
-  text-transform: uppercase;
-  letter-spacing: 0.046em;
-`,Bt=48,xe=[{key:"wearables",labelKey:"myAssets.sectionWearables",category:"wearable"},{key:"emotes",labelKey:"myAssets.sectionEmotes",category:"emote"},{key:"names",labelKey:"myAssets.sectionNames",category:"ens"},{key:"creations",labelKey:"myAssets.sectionCreations"}],W=[{key:"newest",label:"filterBar.sortNewest",server:"newest"},{key:"name",label:"filterBar.sortName",server:"name"},{key:"cheapest",label:"filterBar.sortCheapest",server:"cheapest"}];function he(o){return o==="wearables"||o==="emotes"}const ye={wearables:"wearable",emotes:"emote",names:"names",creations:""},Mt={wearable:"wearables",emote:"emotes",names:"names"};function Nt(o){return`${we.builderUrl}/names/${encodeURIComponent(o)}`}function ge(o,p){return{id:o.id,name:o.name,creator:"",contractAddress:o.contractAddress,itemId:o.itemId,category:o.category,rarity:o.rarity??"common",network:o.network,chainId:o.chainId,thumbnail:o.image,priceCredits:(p==null?void 0:p.priceCredits)??o.listingPrice??0,gender:null,isSmart:!1,tokenId:o.tokenId,issuedId:o.issuedId,tradeId:(p==null?void 0:p.tradeId)??o.tradeId}}function qt(o,p,O){return{id:`${o.contractAddress}-${o.blockchainItemId}`,name:o.name,creator:O,contractAddress:o.contractAddress,itemId:o.blockchainItemId,category:o.category,rarity:o.rarity,network:"MATIC",chainId:we.chainId,thumbnail:o.thumbnail,priceCredits:p,gender:null,isSmart:!1}}function cs(){var oe,ne;He({title:r("nav.myAssets"),noindex:!0});const{session:o,error:p,signIn:O,restore:Y}=We(),[je,$e]=Ue(),Q=je.get("section"),l=xe.some(e=>e.key===Q)?Q:"wearables",[m,P]=c.useState("all"),[x,z]=c.useState([]),[f,I]=c.useState(null),[S,ke]=c.useState("newest"),[C,V]=c.useState(""),[h,Ie]=c.useState(""),[v,y]=c.useState(!1),[Ce,ve]=c.useState(!0),[Ae,Ee]=c.useState(!1);c.useEffect(()=>{Y()},[Y]),c.useEffect(()=>{const e=setTimeout(()=>Ie(C.trim()),300);return()=>clearTimeout(e)},[C]),c.useEffect(()=>{if(!v)return;const e=i=>{i.key==="Escape"&&y(!1)};document.addEventListener("keydown",e);const n=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",e),document.body.style.overflow=n}},[v]);const u=o==null?void 0:o.address,Te=xe.find(e=>e.key===l),A=he(l),Z=(W.find(e=>e.key===S)??W[0]).server,Fe=m==="on_sale"?r("filter.onSale"):m==="not_for_sale"?r("filter.notForSale"):"",Re=H.filter(e=>x.includes(e)).map(re).join(", ");function J(e){$e(n=>{const i=new URLSearchParams(n);return i.set("section",e),i},{replace:!0}),I(null),he(e)||z([]),y(!1)}function X(e){z(n=>n.includes(e)?n.filter(i=>i!==e):[...n,e])}function _e(e){const n=Mt[e];n&&J(n)}const{items:j,total:Oe,isLoading:L,isPlaceholderData:B,error:Pe,hasNextPage:ze,isFetchingNextPage:ee,fetchNextPage:Le}=jt(["my-assets",u,l,m,x,f,h,Z],e=>Qe(u,{category:Te.category,first:Bt,skip:e,search:h||void 0,rarities:A&&x.length?x:void 0,wearableCategories:l==="wearables"&&f?ae[f]:void 0,emoteCategories:l==="emotes"&&f?ae[f]:void 0,onlyOnSale:m==="on_sale"||void 0,sortBy:Z}).then(n=>({items:n.assets,total:n.total})),{enabled:!!u&&l!=="creations"}),M=c.useMemo(()=>l==="wearables"||l==="emotes"?[...new Set(j.map(e=>e.contractAddress))]:[],[j,l]),{data:E}=_({queryKey:["secondary-sale-state",M],enabled:M.length>0,queryFn:async()=>{const e=await Promise.all(M.map(async i=>[i,await Ve(i)])),n={};for(const[i,d]of e)for(const[b,w]of Object.entries(d))n[`${i}-${b}`]=w;return n}}),te=e=>E==null?void 0:E[`${e.contractAddress}-${e.tokenId}`],Be=e=>!!te(e)||e.isOnSale,N=c.useMemo(()=>m==="not_for_sale"?j.filter(e=>!Be(e)):j,[j,m,E]),{data:T,isLoading:q,isError:Me}=_({queryKey:["publishable-items",u],queryFn:()=>Xe(u,o.identity),enabled:!!o&&l==="creations",retry:!1}),K=c.useMemo(()=>[...new Set((T??[]).map(e=>e.contractAddress))],[T]),{data:F}=_({queryKey:["collection-sale-state",u,K],enabled:K.length>0,queryFn:async()=>{const e=await Promise.all(K.map(async i=>[i,await Ze(i)])),n={};for(const[i,d]of e)for(const[b,w]of Object.entries(d))n[`${i}-${b}`]=w;return n}}),$=e=>F==null?void 0:F[`${e.contractAddress}-${e.blockchainItemId}`],G=c.useMemo(()=>{let e=T??[];if(m==="on_sale"?e=e.filter(i=>{var d;return(d=$(i))==null?void 0:d.isOnSale}):m==="not_for_sale"&&(e=e.filter(i=>{var d;return!((d=$(i))!=null&&d.isOnSale)})),h){const i=h.toLowerCase();e=e.filter(d=>d.name.toLowerCase().includes(i))}const n=[...e];return S==="name"?n.sort((i,d)=>i.name.localeCompare(d.name)):S==="cheapest"&&n.sort((i,d)=>{var b,w;return(((b=$(i))==null?void 0:b.priceCredits)??0)-(((w=$(d))==null?void 0:w.priceCredits)??0)}),n},[T,F,m,h,S]),Ne=$t(),{data:g}=_({queryKey:["importable",u],queryFn:()=>Je(u),enabled:!!u}),se=((g==null?void 0:g.creations.length)??0)+(Ne?(g==null?void 0:g.owned.length)??0:0);if(!o)return t.jsxs(Tt,{children:[t.jsx(Ft,{children:r("nav.myAssets")}),t.jsx(Rt,{children:r("myAssets.signInPrompt")}),t.jsx(Ye,{variant:"purple",onClick:()=>O(),children:r("storeSettings.signIn")}),t.jsx(ce,{message:p})]});const qe=l==="creations"?q:L||B,Ke=l==="creations"?G.length:m==="not_for_sale"?N.length:Oe,R=[];if(m!=="all"&&R.push({key:"status",label:m==="on_sale"?r("filter.onSale"):r("filter.notForSale"),onRemove:()=>P("all")}),A)for(const e of H)x.includes(e)&&R.push({key:`rarity-${e}`,label:re(e),onRemove:()=>X(e)});if(A&&f){const e=(ne=(oe=tt.find(n=>n.key===ye[l]))==null?void 0:oe.subs)==null?void 0:ne.find(n=>n.key===f);R.push({key:"sub",label:e?r(e.labelKey):f,onRemove:()=>I(null)})}function Ge(){P("all"),z([]),I(null)}const De=t.jsxs(t.Fragment,{children:[t.jsx(st,{title:r("myAssets.assetsHeading"),category:ye[l],subCategory:f,onCategory:_e,onSub:I,onCollections:()=>J("creations"),collections:l==="creations",extraLabelKey:"myAssets.sectionCreations",hideAll:!0}),A?t.jsxs(t.Fragment,{children:[t.jsx(ie,{}),t.jsx(le,{title:r("assets.rarity"),open:Ae,onToggle:()=>Ee(e=>!e),summary:Re,headerTestId:"sidebar-section-toggle",children:t.jsx(nt,{"data-testid":"rarity-filter",children:H.map(e=>{const n=x.includes(e);return t.jsxs(rt,{type:"button",selected:n,"aria-pressed":n,onClick:()=>X(e),"data-testid":"rarity-filter-check",children:[t.jsx(at,{color:s.rarities[e],children:n?t.jsx(it,{name:"check","aria-hidden":!0}):null}),t.jsx(lt,{selected:n,children:e})]},e)})})})]}):null,t.jsx(ie,{}),t.jsx(le,{title:r("filter.status"),open:Ce,onToggle:()=>ve(e=>!e),summary:Fe,children:[["all",r("filter.statusAll")],["on_sale",r("filter.onSale")],["not_for_sale",r("filter.notForSale")]].map(([e,n])=>t.jsxs(ct,{children:[t.jsx(dt,{type:"radio",name:"myassets-status",checked:m===e,onChange:()=>P(e)}),t.jsx(mt,{children:n})]},e))})]});return t.jsxs(pt,{"data-testid":"my-assets",children:[v?t.jsx(ut,{onClick:()=>y(!1),"aria-hidden":!0}):null,t.jsxs(ft,{"data-open":v||void 0,"data-testid":"my-assets-sidebar",children:[t.jsxs(xt,{children:[t.jsx(ht,{children:r("assets.filters")}),t.jsx(yt,{onClick:()=>y(!1),"aria-label":r("assets.closeFilters"),children:"✕"})]}),t.jsx(gt,{children:De}),t.jsx(bt,{children:t.jsx(wt,{type:"button",onClick:()=>y(!1),children:r("assets.showItems")})})]}),t.jsxs(St,{children:[t.jsxs(kt,{children:[t.jsx(It,{name:"search","aria-hidden":!0}),t.jsx(Ct,{type:"search",value:C,placeholder:r("myAssets.searchPlaceholder"),"aria-label":r("myAssets.searchPlaceholder"),onChange:e=>V(e.target.value)}),C?t.jsx(vt,{type:"button","aria-label":r("myAssets.clearSearch"),onClick:()=>V(""),children:t.jsx(At,{name:"close","aria-hidden":!0})}):null]}),se>0?t.jsxs(_t,{to:"/import",children:[t.jsx("span",{"aria-hidden":!0,children:"📦"}),t.jsxs(Ot,{children:[t.jsx(Pt,{children:r("myAssets.importTitle")}),t.jsx(zt,{children:r("myAssets.importSub",{count:se})})]}),t.jsx(Lt,{children:r("myAssets.import")})]}):null,t.jsx(ot,{sort:S,onSort:ke,sortOptions:W,total:Ke,loading:qe,query:h,onOpenFilters:()=>y(!0),chips:R,onClearChips:Ge}),(l==="creations"?Me:Pe)?t.jsx(ce,{message:r("myAssets.ownedError"),testId:"my-assets-error"}):null,l==="creations"?t.jsxs(t.Fragment,{children:[t.jsx(de,{"data-testid":"grid",children:q?t.jsx(D,{count:12}):G.map(e=>{const n=$(e);return t.jsx(U,{item:qt(e,(n==null?void 0:n.priceCredits)??0,u??""),mode:"manage-link"},`${e.contractAddress}-${e.blockchainItemId}`)})}),!q&&G.length===0?t.jsxs(me,{children:[t.jsx(pe,{children:t.jsx(k,{name:"pen",size:30,"aria-hidden":!0})}),t.jsx(ue,{children:r("myAssets.emptyCreationsTitle")}),t.jsx(fe,{children:r("myAssets.nothingToPublish")})]}):null]}):t.jsxs(t.Fragment,{children:[t.jsxs(de,{"data-testid":"grid",children:[L||B?t.jsx(D,{count:12}):N.map(e=>l==="names"?t.jsx(U,{item:{...ge(e),category:"ens"},mode:"manage-link",manageHref:Nt(e.name)},e.id):t.jsx(U,{item:ge(e,te(e)),mode:"manage-link"},e.id)),ee?t.jsx(D,{count:6}):null]}),m!=="not_for_sale"?t.jsx(et,{hasNextPage:ze,isFetching:ee,onLoadMore:()=>void Le()}):null,!L&&!B&&N.length===0?t.jsxs(me,{children:[t.jsx(pe,{children:t.jsx(k,{name:l==="names"?"website":l==="emotes"?"emote-dance":"cat-upper",size:30,"aria-hidden":!0})}),t.jsx(ue,{children:l==="names"?r("myAssets.emptyNamesTitle"):r("myAssets.emptyOwnedTitle")}),t.jsx(fe,{children:l==="names"?r("myAssets.namesEmpty"):r("myAssets.ownedEmpty")}),l!=="names"?t.jsx(Et,{to:"/assets",children:r("myAssets.emptyBrowse")}):null]}):null]})]})]})}export{cs as MyAssets};

package/_assets/StoreSettings-2jXFUoeV.js

@@ -1,253 +0,0 @@
-import{j as t,L as le,b as ce,r as l}from"./react-vyZjIDcS.js";import{t as b,s as a,e as s,x as de,B as K,m as pe,n as ue,D as ge,I as N,F as A}from"./index-Cn-oc3fB.js";import{u as xe,d as me,t as he,L as fe,i as D,a as f,s as ve}from"./useStore-j0moew7P.js";import{E as M}from"./ErrorNotice-COIh7ro4.js";import"./sentry-B35L1FdR.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CXBJm_wN.js";import"./intl-CBcMB1D2.js";const be="https://cdn.decentraland.org/@dcl/shop/0.1.0/_assets/template-cover-1-BETekfHg.jpeg",we="https://cdn.decentraland.org/@dcl/shop/0.1.0/_assets/template-cover-2-Dni9s0i_.jpeg",je=Object.assign({"../assets/creator-covers/template-cover-1.jpeg":be,"../assets/creator-covers/template-cover-2.jpeg":we}),v=Object.entries(je).sort(([r],[u])=>r.localeCompare(u)).map(([r,u])=>({name:r.split("/").pop(),url:u})),{colors:L}=b,j=a.div`
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  font-size: 14px;
-
-  & input {
-    background: ${L.white};
-    border: 1px solid ${L.lineStrong};
-    border-radius: 8px;
-    padding: 10px 12px;
-    color: ${L.text};
-    font: inherit;
-  }
-`,Se=de`
-  to {
-    transform: rotate(360deg);
-  }
-`,ke=a.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 12px;
-  color: ${b.colors.muted};
-
-  &[data-direction='row'] {
-    flex-direction: row;
-  }
-  &[data-direction='column'] {
-    flex-direction: column;
-    text-align: center;
-  }
-`,$e=a.span`
-  flex: none;
-  border-radius: 50%;
-  border-style: solid;
-  border-color: ${b.colors.line};
-  border-top-color: ${b.colors.accent};
-  animation: ${Se} 0.8s linear infinite;
-
-  &[data-size='small'] {
-    width: 18px;
-    height: 18px;
-    border-width: 2px;
-  }
-  &[data-size='medium'] {
-    width: 30px;
-    height: 30px;
-    border-width: 3px;
-  }
-  &[data-size='large'] {
-    width: 48px;
-    height: 48px;
-    border-width: 4px;
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    animation-duration: 2s;
-  }
-`,ye=a.span`
-  font-size: 14px;
-  font-weight: 600;
-`;function _e({label:r,size:u="medium",direction:S="column",className:k}){return t.jsxs(ke,{className:k,"data-testid":"spinner-box","data-direction":S,role:"status","aria-live":"polite","aria-label":r?void 0:s("spinner.loading"),children:[t.jsx($e,{"data-testid":"spinner-box-ring","data-size":u,"aria-hidden":!0}),r?t.jsx(ye,{children:r}):null]})}const{colors:n,radius:Ee,media:q}=b,ze=a(_e)`
-  display: grid;
-  place-items: center;
-  min-height: 60vh;
-`,Ne=a(K)`
-  align-self: center;
-  min-width: 200px;
-  margin-top: 8px;
-`,O=a.section`
-  max-width: 640px;
-  margin: 0 auto;
-  padding: 8px 0 48px;
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-
-  &[data-signin] {
-    min-height: 60vh;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-    gap: 12px;
-  }
-
-  & .field__label {
-    font-weight: 700;
-    color: ${n.text};
-  }
-  & textarea {
-    background: ${n.white};
-    border: 1px solid ${n.lineStrong};
-    border-radius: 8px;
-    padding: 10px 12px;
-    color: ${n.text};
-    font: inherit;
-    resize: vertical;
-    min-height: 88px;
-  }
-`,Le=a.div`
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: 16px;
-  flex-wrap: wrap;
-`,Ce=a.div`
-  display: flex;
-  align-items: center;
-  gap: 10px;
-`,He=a(le)`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${n.text};
-  transition: color 0.15s linear;
-
-  &:hover {
-    color: ${n.accent};
-  }
-  & .ico {
-    width: 22px;
-    height: 22px;
-  }
-`,V=a.h1`
-  font-size: 24px;
-  font-weight: 800;
-`,Ie=a.a`
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  color: ${n.accent};
-  font-weight: 700;
-  font-size: 14px;
-  text-decoration: none;
-
-  &:hover {
-    text-decoration: underline;
-  }
-  & .ico {
-    width: 15px;
-    height: 15px;
-  }
-`,Te=a.div`
-  display: flex;
-  align-items: stretch;
-  border: 1px solid ${n.lineStrong};
-  border-radius: 8px;
-  overflow: hidden;
-  background: ${n.white};
-
-  & input {
-    border: 0 !important;
-    border-radius: 0 !important;
-    flex: 1;
-    min-width: 0;
-  }
-`,Be=a.span`
-  display: flex;
-  align-items: center;
-  padding: 0 10px;
-  background: rgba(0, 0, 0, 0.04);
-  color: ${n.muted};
-  font-size: 13px;
-  white-space: nowrap;
-  border-right: 1px solid ${n.lineStrong};
-`,Pe=a.div`
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
-  gap: 12px;
-
-  ${q.maxWidth("mobile")} {
-    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
-  }
-`,C=a.button`
-  position: relative;
-  padding: 0;
-  border: 2px solid ${n.lineStrong};
-  border-radius: ${Ee.card};
-  overflow: hidden;
-  aspect-ratio: 16 / 9;
-  background: ${n.media};
-  cursor: pointer;
-
-  & img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    display: block;
-  }
-
-  &[data-selected='true'] {
-    border-color: ${n.accent};
-    box-shadow: 0 0 0 2px ${n.accent};
-  }
-  &[data-selected='true']::after {
-    content: '✓';
-    position: absolute;
-    top: 6px;
-    right: 6px;
-    width: 22px;
-    height: 22px;
-    display: grid;
-    place-items: center;
-    border-radius: 50%;
-    background: ${n.accent};
-    color: ${n.white};
-    font-size: 13px;
-    font-weight: 700;
-  }
-
-  &[data-variant='upload'] {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: 6px;
-    border-style: dashed;
-    color: ${n.muted};
-    font-size: 13px;
-    font-weight: 700;
-    background: ${n.white};
-  }
-  &[data-variant='upload'] .ico {
-    width: 22px;
-    height: 22px;
-    background: ${n.muted};
-  }
-  &[data-variant='upload']:hover {
-    border-color: ${n.accent};
-    color: ${n.accent};
-  }
-  &[data-variant='upload']:hover .ico {
-    background: ${n.accent};
-  }
-`,Re=a.input`
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  opacity: 0;
-  pointer-events: none;
-`,Fe=a.div`
-  display: flex;
-  justify-content: flex-end;
-  gap: 12px;
-  margin-top: 8px;
-`,Ae=a(K)`
-  min-width: 180px;
-
-  ${q.maxWidth("mobile")} {
-    width: 100%;
-  }
-`,W=1e6,Y={cover:"",coverName:"",coverHash:"",description:"",links:{website:"",twitter:"",discord:"",facebook:""}};function G(r){return`${(r/1e6).toLocaleString(void 0,{maximumFractionDigits:2})}MB`}function qe(){pe({title:s("seo.storeSettings.title"),noindex:!0});const{session:r,signIn:u}=ue(),S=ce(),k=ge(),p=r==null?void 0:r.address,{data:$,isLoading:J}=xe(p),[o,g]=l.useState(Y),[H,I]=l.useState(Y),[y,m]=l.useState(),[h,T]=l.useState(!1),[c,_]=l.useState(null),[w,Q]=l.useState({}),B=l.useRef(null);l.useEffect(()=>{if($){const e=me($);g(e),I(e),m(void 0),_(e.cover?{url:e.cover,name:e.coverName,hash:e.coverHash}:null)}},[$]),l.useEffect(()=>{let e=!1;return Promise.all(v.map(async i=>[i.name,await he(i.url)])).then(i=>{e||Q(Object.fromEntries(i))}).catch(()=>{}),()=>{e=!0}},[]);const E=l.useMemo(()=>{const e=v.find(d=>o.coverName===`cover/${d.name}`);if(e)return e.name;const i=o.coverHash?v.find(d=>w[d.name]===o.coverHash):void 0;return i==null?void 0:i.name},[o.coverName,o.coverHash,w]);l.useEffect(()=>{c!=null&&c.hash&&v.some(e=>w[e.name]===c.hash)&&_(null)},[w,c]);const P=y!==void 0&&y>W,U=l.useMemo(()=>fe.filter(e=>!D(e,o.links[e])),[o.links]),X=P||U.length>0,z=l.useMemo(()=>JSON.stringify(o)!==JSON.stringify(H),[o,H]),Z=z&&!X&&!h;if(l.useEffect(()=>{if(!z)return;const e=i=>{i.preventDefault()};return window.addEventListener("beforeunload",e),()=>window.removeEventListener("beforeunload",e)},[z]),!r)return t.jsxs(O,{"data-signin":!0,"aria-label":s("storeSettings.title"),children:[t.jsx(V,{children:s("storeSettings.title")}),t.jsx("p",{className:"muted",children:s("storeSettings.signInPrompt")}),t.jsx(Ne,{variant:"purple",onClick:u,children:s("storeSettings.signIn")})]});function ee(e,i){m(void 0),g(d=>({...d,cover:i,coverName:`cover/${e}`,coverHash:""}))}const te=["image/png","image/jpeg","image/webp"];function ie(e){var R;const i=(R=e.target.files)==null?void 0:R[0];if(!i||!te.includes(i.type))return;m(i.size);const d=`cover/${i.name}`,x=new FileReader;x.onload=()=>{const F=x.result;_({url:F,name:d,hash:""}),g(oe=>({...oe,cover:F,coverName:d,coverHash:""}))},x.readAsDataURL(i)}function se(){c&&(m(void 0),g(e=>({...e,cover:c.url,coverName:c.name,coverHash:c.hash})))}function ne(e,i){const d=i?(f[e]+i).replace(/\s/g,""):"";g(x=>({...x,links:{...x.links,[e]:d}}))}function ae(e){const i=o.links[e];return e==="website"?i:i.replace(f[e],"")}async function re(){if(!(!p||!r)){T(!0);try{await ve(p,o,r.identity),I(o),m(void 0),await k.invalidateQueries({queryKey:["store",p.toLowerCase()]}),A.success(s("storeSettings.saved")),S(`/assets/creator/${p}`)}catch{A.error(s("storeSettings.saveError"))}finally{T(!1)}}}return t.jsxs(O,{"aria-label":s("storeSettings.title"),children:[t.jsxs(Le,{children:[t.jsxs(Ce,{children:[p?t.jsx(He,{to:`/assets/creator/${p}`,title:s("storeSettings.back"),"aria-label":s("storeSettings.back"),children:t.jsx(N,{name:"arrow-left"})}):null,t.jsx(V,{children:s("storeSettings.title")})]}),p?t.jsxs(Ie,{href:`/assets/creator/${p}`,target:"_blank",rel:"noopener noreferrer",children:[s("storeSettings.seeAsGuest"),t.jsx(N,{name:"external-link"})]}):null]}),J?t.jsx(ze,{size:"large",label:s("storeSettings.loading")}):t.jsxs(t.Fragment,{children:[t.jsxs(j,{children:[t.jsx("span",{className:"field__label",children:s("storeSettings.cover")}),t.jsxs(Pe,{role:"group","aria-label":s("storeSettings.cover"),children:[v.map(e=>{const i=E===e.name;return t.jsx(C,{type:"button","data-testid":"cover-picker-tile","data-selected":i,"aria-pressed":i,onClick:()=>ee(e.name,e.url),children:t.jsx("img",{src:e.url,alt:"",loading:"lazy"})},e.name)}),c?t.jsx(C,{type:"button","data-testid":"cover-picker-tile","data-variant":"custom","data-selected":!E,"aria-pressed":!E,onClick:se,children:t.jsx("img",{src:c.url,alt:""})}):null,t.jsxs(C,{type:"button","data-testid":"cover-picker-tile","data-variant":"upload",onClick:()=>{var e;return(e=B.current)==null?void 0:e.click()},children:[t.jsx(N,{name:"upload"}),t.jsx("span",{children:s("storeSettings.upload")})]}),t.jsx(Re,{ref:B,type:"file",accept:"image/png, image/jpeg, image/webp","data-testid":"cover-picker-input",onChange:ie})]}),P?t.jsx(M,{message:s("storeSettings.sizeError",{max:G(W),current:G(y)})}):null]}),t.jsxs(j,{as:"label",children:[t.jsx("span",{className:"field__label",children:s("storeSettings.description")}),t.jsx("textarea",{value:o.description,rows:4,disabled:h,onChange:e=>g(i=>({...i,description:e.target.value}))})]}),t.jsxs(j,{as:"label",children:[t.jsx("span",{className:"field__label",children:s("storeSettings.website")}),t.jsx("input",{type:"url",value:o.links.website,placeholder:f.website,disabled:h,onChange:e=>g(i=>({...i,links:{...i.links,website:e.target.value.replace(/\s/g,"")}}))}),D("website",o.links.website)?null:t.jsx(M,{message:s("storeSettings.linkError",{value:f.website})})]}),["twitter","discord","facebook"].map(e=>t.jsxs(j,{as:"label",children:[t.jsx("span",{className:"field__label",children:s(`storeSettings.${e}`)}),t.jsxs(Te,{children:[t.jsx(Be,{children:f[e]}),t.jsx("input",{type:"text",value:ae(e),disabled:h,onChange:i=>ne(e,i.target.value)})]})]},e)),t.jsx(Fe,{children:t.jsx(Ae,{variant:"purple","data-testid":"store-settings-save",onClick:()=>void re(),disabled:!Z,children:h?s("storeSettings.saving"):s("storeSettings.save")})})]})]})}export{qe as StoreSettings,qe as default};