@dcl/shop 1.0.2-31055297774.commit-b808071 → 1.0.2-31061650925.commit-fa244eb

package/_assets/StoreSettings-SFcLGWm7.js

@@ -1,239 +0,0 @@
-import{j as t,L as oe,b as le,r as l}from"./react-BYHuwl8r.js";import{b as s,t as j,s as a,w as ce,B as G,x as de,o as pe,A as ue,bv as ge,bA as me,bB as xe,bC as he,bD as P,I as z,bE as f,bF as fe,E as R}from"./index-CTfBCyyR.js";import{E as D}from"./ErrorNotice-aOead5te.js";import{F as w}from"./field.styles-l0zobCFG.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";const ve="https://cdn.decentraland.org/@dcl/shop/1.0.2-31055297774.commit-b808071/_assets/template-cover-1-BETekfHg.jpeg",be="https://cdn.decentraland.org/@dcl/shop/1.0.2-31055297774.commit-b808071/_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);
-  }
-`,Se=a.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 12px;
-  color: ${j.colors.muted};
-
-  &[data-direction='row'] {
-    flex-direction: row;
-  }
-  &[data-direction='column'] {
-    flex-direction: column;
-    text-align: center;
-  }
-`,ke=a.span`
-  flex: none;
-  border-radius: 50%;
-  border-style: solid;
-  border-color: ${j.colors.line};
-  border-top-color: ${j.colors.accent};
-  animation: ${je} 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;
-  }
-`,$e=a.span`
-  font-size: 14px;
-  font-weight: 600;
-`;function ye({label:r,size:u="medium",direction:S="column",className:k}){return t.jsxs(Se,{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(ke,{"data-testid":"spinner-box-ring","data-size":u,"aria-hidden":!0}),r?t.jsx($e,{children:r}):null]})}const{colors:n,radius:_e,media:K}=j,Ee=a(ye)`
-  display: grid;
-  place-items: center;
-  min-height: 60vh;
-`,Ne=a(G)`
-  align-self: center;
-  min-width: 200px;
-  margin-top: 8px;
-`,M=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;
-  }
-`,ze=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;
-`,Le=a(oe)`
-  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;
-  }
-`,O=a.h1`
-  font-size: 24px;
-  font-weight: 800;
-`,He=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;
-  }
-`,Ie=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;
-  }
-`,Te=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};
-`,Be=a.div`
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
-  gap: 12px;
-
-  ${K.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: ${_e.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};
-  }
-`,Ae=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;
-`,Pe=a(G)`
-  min-width: 180px;
-
-  ${K.maxWidth("mobile")} {
-    width: 100%;
-  }
-`,V=1e6,W={cover:"",coverName:"",coverHash:"",description:"",links:{website:"",twitter:"",discord:"",facebook:""}};function Y(r){return`${(r/1e6).toLocaleString(void 0,{maximumFractionDigits:2})}MB`}function Ke(){de({title:s("seo.storeSettings.title"),noindex:!0});const{session:r,signIn:u}=pe(),S=le(),k=ue(),p=r==null?void 0:r.address,{data:$,isLoading:q}=ge(p),[o,g]=l.useState(W),[L,H]=l.useState(W),[y,x]=l.useState(),[h,I]=l.useState(!1),[c,_]=l.useState(null),[b,J]=l.useState({}),T=l.useRef(null);l.useEffect(()=>{if($){const e=me($);g(e),H(e),x(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 xe(i.url)])).then(i=>{e||J(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=>b[d.name]===o.coverHash):void 0;return i==null?void 0:i.name},[o.coverName,o.coverHash,b]);l.useEffect(()=>{c!=null&&c.hash&&v.some(e=>b[e.name]===c.hash)&&_(null)},[b,c]);const B=y!==void 0&&y>V,Q=l.useMemo(()=>he.filter(e=>!P(e,o.links[e])),[o.links]),U=B||Q.length>0,N=l.useMemo(()=>JSON.stringify(o)!==JSON.stringify(L),[o,L]),X=N&&!U&&!h;if(l.useEffect(()=>{if(!N)return;const e=i=>{i.preventDefault()};return window.addEventListener("beforeunload",e),()=>window.removeEventListener("beforeunload",e)},[N]),!r)return t.jsxs(M,{"data-signin":!0,"aria-label":s("storeSettings.title"),children:[t.jsx(O,{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 Z(e,i){x(void 0),g(d=>({...d,cover:i,coverName:`cover/${e}`,coverHash:""}))}const ee=["image/png","image/jpeg","image/webp"];function te(e){var A;const i=(A=e.target.files)==null?void 0:A[0];if(!i||!ee.includes(i.type))return;x(i.size);const d=`cover/${i.name}`,m=new FileReader;m.onload=()=>{const F=m.result;_({url:F,name:d,hash:""}),g(re=>({...re,cover:F,coverName:d,coverHash:""}))},m.readAsDataURL(i)}function ie(){c&&(x(void 0),g(e=>({...e,cover:c.url,coverName:c.name,coverHash:c.hash})))}function se(e,i){const d=i?(f[e]+i).replace(/\s/g,""):"";g(m=>({...m,links:{...m.links,[e]:d}}))}function ne(e){const i=o.links[e];return e==="website"?i:i.replace(f[e],"")}async function ae(){if(!(!p||!r)){I(!0);try{await fe(p,o,r.identity),H(o),x(void 0),await k.invalidateQueries({queryKey:["store",p.toLowerCase()]}),R.success(s("storeSettings.saved")),S(`/items/creator/${p}`)}catch{R.error(s("storeSettings.saveError"))}finally{I(!1)}}}return t.jsxs(M,{"aria-label":s("storeSettings.title"),children:[t.jsxs(ze,{children:[t.jsxs(Ce,{children:[p?t.jsx(Le,{to:`/items/creator/${p}`,title:s("storeSettings.back"),"aria-label":s("storeSettings.back"),children:t.jsx(z,{name:"arrow-left"})}):null,t.jsx(O,{children:s("storeSettings.title")})]}),p?t.jsxs(He,{href:`/items/creator/${p}`,target:"_blank",rel:"noopener noreferrer",children:[s("storeSettings.seeAsGuest"),t.jsx(z,{name:"external-link"})]}):null]}),q?t.jsx(Ee,{size:"large",label:s("storeSettings.loading")}):t.jsxs(t.Fragment,{children:[t.jsxs(w,{children:[t.jsx("span",{className:"field__label",children:s("storeSettings.cover")}),t.jsxs(Be,{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:()=>Z(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:ie,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=T.current)==null?void 0:e.click()},children:[t.jsx(z,{name:"upload"}),t.jsx("span",{children:s("storeSettings.upload")})]}),t.jsx(Ae,{ref:T,type:"file",accept:"image/png, image/jpeg, image/webp","data-testid":"cover-picker-input",onChange:te})]}),B?t.jsx(D,{message:s("storeSettings.sizeError",{max:Y(V),current:Y(y)})}):null]}),t.jsxs(w,{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(w,{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,"")}}))}),P("website",o.links.website)?null:t.jsx(D,{message:s("storeSettings.linkError",{value:f.website})})]}),["twitter","discord","facebook"].map(e=>t.jsxs(w,{as:"label",children:[t.jsx("span",{className:"field__label",children:s(`storeSettings.${e}`)}),t.jsxs(Ie,{children:[t.jsx(Te,{children:f[e]}),t.jsx("input",{type:"text",value:ne(e),disabled:h,onChange:i=>se(e,i.target.value)})]})]},e)),t.jsx(Fe,{children:t.jsx(Pe,{variant:"purple","data-testid":"store-settings-save",onClick:()=>void ae(),disabled:!X,children:h?s("storeSettings.saving"):s("storeSettings.save")})})]})]})}export{Ke as StoreSettings,Ke as default};