@dcl/shop 0.10.1-31042990976.commit-7edc9b6 → 1.0.0

package/_assets/{Authorizations-gGXOHHeT.js → Authorizations-BGlyC4dr.js}

@@ -1,4 +1,4 @@
-import{j as i,L as _,r as F}from"./react-BYHuwl8r.js";import{s as n,B as G,t as a,w as D,x as P,b as e,o as W,y as O,I as z,z as B,v as w,A as K,c as H,D as Q,E as A,F as X,G as Z,H as E}from"./index-BL2RPpVH.js";import{c as J,d as U,b as V,e as Y,s as tt,a as it}from"./authorizations-2Xd-ft_C.js";import{f as et}from"./builder-uBBMnbtK.js";import{m as ot}from"./mana-matic-C4e1sNO3.js";import{f as at}from"./errors-hu6Xw0D2.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./sendMetaTransaction-CYTRgQS4.js";const nt=D`
+import{j as i,L as q,r as _}from"./react-BYHuwl8r.js";import{t as o,s as n,B as F,w as D,x as G,b as e,o as P,y as O,I as z,z as B,v as w,A as K,c as H,D as Q,E as A,F as X,G as Z,H as E}from"./index-C616xNgB.js";import{c as J,d as U,b as V,e as Y,s as tt,a as it}from"./authorizations-HgwrWkaa.js";import{f as et}from"./builder-TZGldT6a.js";import{m as ot}from"./mana-matic-C4e1sNO3.js";import{f as at}from"./errors-WNvNILsF.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./sendMetaTransaction-Ba_-1nOk.js";const nt=D`
   to { transform: rotate(360deg); }
 `,st=D`
   to { background-position: -200% 0; }
@@ -15,20 +15,21 @@ import{j as i,L as _,r as F}from"./react-BYHuwl8r.js";import{s as n,B as G,t as
   gap: 6px;
   margin-bottom: 24px;
 `,lt=n.h1`
-  font-family: ${a.font.sans};
+  font-family: ${o.font.sans};
   margin: 0;
+  color: ${o.colors.softWhite};
 `,dt=n.p`
-  color: ${a.colors.muted};
+  color: ${o.colors.gray4};
   font-size: 14px;
   margin: 0;
   max-width: 60ch;
 `,k=n.div`
   margin-bottom: 28px;
 `,C=n.h2`
-  font-family: ${a.font.sans};
+  font-family: ${o.font.sans};
   font-size: 15px;
   font-weight: 700;
-  color: ${a.colors.text};
+  color: ${o.colors.softWhite};
   margin: 0 0 10px;
 `,x=n.div`
   display: flex;
@@ -40,11 +41,11 @@ import{j as i,L as _,r as F}from"./react-BYHuwl8r.js";import{s as n,B as G,t as
   align-items: center;
   gap: 14px;
   padding: 14px 18px;
-  background: ${a.colors.white};
-  border: 1px solid ${a.colors.line};
+  background: ${o.colors.white};
+  border: 1px solid ${o.colors.line};
   border-radius: 16px;
 
-  ${a.media.maxWidth("mobile")} {
+  ${o.media.maxWidth("mobile")} {
     grid-template-columns: 44px 1fr;
     grid-row-gap: 10px;
   }
@@ -66,12 +67,12 @@ import{j as i,L as _,r as F}from"./react-BYHuwl8r.js";import{s as n,B as G,t as
   width: 44px;
   height: 44px;
   border-radius: 10px;
-  background: ${a.colors.media};
+  background: ${o.colors.media};
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: ${a.colors.muted2};
+  color: ${o.colors.muted2};
 
   img {
     width: 100%;
@@ -85,20 +86,20 @@ import{j as i,L as _,r as F}from"./react-BYHuwl8r.js";import{s as n,B as G,t as
   gap: 3px;
 `,gt=n.span`
   font-weight: 700;
-  color: ${a.colors.text};
+  color: ${o.colors.text};
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 `,xt=n.span`
   font-size: 13px;
-  color: ${a.colors.muted};
+  color: ${o.colors.muted};
 `,ft=n.span`
   font-size: 12px;
   font-weight: 700;
-  color: ${a.colors.muted2};
+  color: ${o.colors.muted2};
 
   &[data-active='true'] {
-    color: ${a.colors.okStrong};
+    color: ${o.colors.okStrong};
   }
 `,yt=n.div`
   display: flex;
@@ -106,7 +107,7 @@ import{j as i,L as _,r as F}from"./react-BYHuwl8r.js";import{s as n,B as G,t as
   gap: 10px;
   justify-self: end;
 
-  ${a.media.maxWidth("mobile")} {
+  ${o.media.maxWidth("mobile")} {
     grid-column: 1 / -1;
     justify-self: start;
   }
@@ -115,9 +116,9 @@ import{j as i,L as _,r as F}from"./react-BYHuwl8r.js";import{s as n,B as G,t as
   width: 46px;
   height: 26px;
   flex: 0 0 auto;
-  border-radius: ${a.radius.pill};
+  border-radius: ${o.radius.pill};
   border: none;
-  background: ${a.colors.gray4};
+  background: ${o.colors.gray4};
   cursor: pointer;
   transition: background 0.15s;
   padding: 0;
@@ -130,12 +131,12 @@ import{j as i,L as _,r as F}from"./react-BYHuwl8r.js";import{s as n,B as G,t as
     width: 20px;
     height: 20px;
     border-radius: 50%;
-    background: ${a.colors.white};
+    background: ${o.colors.white};
     transition: transform 0.15s;
   }
 
   &[data-active='true'] {
-    background: ${a.colors.accent};
+    background: ${o.colors.accent};
   }
   &[data-active='true']::after {
     transform: translateX(20px);
@@ -147,26 +148,26 @@ import{j as i,L as _,r as F}from"./react-BYHuwl8r.js";import{s as n,B as G,t as
   }
 
   &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
+    outline: 2px solid ${o.colors.accent};
     outline-offset: 2px;
   }
 `,zt=n.span`
   width: 16px;
   height: 16px;
   border-radius: 50%;
-  border: 2px solid ${a.colors.gray4};
-  border-top-color: ${a.colors.accent};
+  border: 2px solid ${o.colors.gray4};
+  border-top-color: ${o.colors.accent};
   animation: ${nt} 0.7s linear infinite;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
 `,I=n.p`
-  color: ${a.colors.muted};
+  color: ${o.colors.gray4};
   font-size: 14px;
   margin: 0;
 `,jt=n.p`
-  color: ${a.colors.muted};
+  color: ${o.colors.muted};
   font-size: 14px;
   margin: 0 0 12px;
 `,S=n.div`
@@ -177,10 +178,11 @@ import{j as i,L as _,r as F}from"./react-BYHuwl8r.js";import{s as n,B as G,t as
   text-align: center;
   padding: 90px 20px;
   min-height: 50vh;
+  color: ${o.colors.softWhite};
 `,L=n.p`
   font-size: 22px;
   font-weight: 700;
   margin: 6px 0 0;
-`,M=n(G)`
+`,M=n(F)`
   margin-top: 12px;
-`;function j({descriptor:t,owner:s,signer:r,name:o,description:c,image:l,icon:p}){const v=K(),[h,y]=F.useState(!1),{data:u,isLoading:m,refetch:d}=w({queryKey:["authorization",t.id,s],queryFn:()=>it(t,s),staleTime:3e4});async function g(){if(h||m)return;const b=!u;y(!0);try{await tt({auth:t,signer:r,active:b}),await d(),v.setQueryData(["authorization",t.id,s],b),A.success(b?e("authorizations.toastActivated",{name:o}):e("authorizations.toastDeactivated",{name:o}))}catch($){X($,{flow:"authorizations",step:b?"grant":"revoke"}),A.error(at($,e("authorizations.errorGeneric")))}finally{y(!1)}}const q=m?e("authorizations.checking"):u?e("authorizations.active"):e("authorizations.inactive");return i.jsxs(ut,{"data-testid":`authorization-${t.id}`,"data-active":!!u,children:[i.jsx(pt,{children:l?i.jsx("img",{src:l,alt:""}):p}),i.jsxs(mt,{children:[i.jsx(gt,{title:o,children:o}),i.jsx(xt,{children:c})]}),i.jsxs(yt,{children:[i.jsx(ft,{"data-active":!!u,children:q}),h?i.jsx(zt,{"aria-label":e("authorizations.working")}):i.jsx(bt,{type:"button","data-testid":`authorization-toggle-${t.id}`,"data-active":!!u,role:"switch","aria-checked":!!u,"aria-label":u?e("authorizations.deactivateAria",{name:o}):e("authorizations.activateAria",{name:o}),disabled:m,onClick:()=>void g()})]})]})}const f=500,R=10,wt=f*R;async function N(t,s){const r=await E(t,{category:s,first:f}),o=Math.min(Math.ceil(r.total/f),R),c=await Promise.all(Array.from({length:Math.max(0,o-1)},(l,p)=>E(t,{category:s,first:f,skip:(p+1)*f})));return{assets:[...r.assets,...c.flatMap(l=>l.assets)],truncated:r.total>wt}}function vt(t){return w({queryKey:["owned-collections",t],enabled:!!t,staleTime:6e4,queryFn:async()=>{const[s,r]=await Promise.all([N(t,"wearable"),N(t,"emote")]),o=new Map;for(const c of[...s.assets,...r.assets]){const l=c.contractAddress.toLowerCase();o.has(l)||o.set(l,c)}return{collections:[...o.values()],truncated:s.truncated||r.truncated,scanned:s.assets.length+r.assets.length}}})}function kt(t){return w({queryKey:["contract-registry"],enabled:t,staleTime:1/0,gcTime:1/0,queryFn:Z})}function Ct(t,s){const r=s==null?void 0:s.get(t.toLowerCase());if(r)return r;const o=Q(t);return o===t?e("authorizations.collectionFallback"):o}function $t(t,s){return w({queryKey:["creator-collections",t],enabled:!!t&&!!s,staleTime:6e4,queryFn:async()=>{const r=await et(t,s),o=new Map;for(const c of r){const l=c.contractAddress.toLowerCase();o.has(l)||o.set(l,c)}return[...o.values()]}})}function _t(){P({title:e("authorizations.title"),noindex:!0});const{session:t,signIn:s}=W(),r=H.chainId,o=O(t==null?void 0:t.providerType),{data:c,isLoading:l}=vt(o?t==null?void 0:t.address:void 0),{data:p,isLoading:v}=kt(!!o&&!!(t!=null&&t.address)),{data:h,isLoading:y}=$t(o?t==null?void 0:t.address:void 0,o?t==null?void 0:t.identity:void 0);if(!t)return i.jsxs(S,{children:[i.jsx(z,{name:"info",size:40,color:a.colors.muted2}),i.jsx(L,{children:e("authorizations.signInTitle")}),i.jsx("p",{className:"muted",children:e("authorizations.signInBody")}),i.jsx(M,{variant:"purple",onClick:()=>s(),children:e("storeSettings.signIn")})]});if(!o)return i.jsxs(S,{children:[i.jsx(z,{name:"check",size:40,color:a.colors.ok}),i.jsx(L,{children:e("authorizations.managedTitle")}),i.jsx("p",{className:"muted",children:e("authorizations.managedBody")}),i.jsx(M,{as:_,to:"/items",variant:"purple",children:e("authorizations.managedCta")})]});const u=J(r),m=U(r);return i.jsxs(rt,{children:[i.jsxs(ct,{children:[i.jsx(lt,{children:e("authorizations.title")}),i.jsx(dt,{children:e("authorizations.intro")})]}),i.jsxs(k,{children:[i.jsx(C,{children:e("authorizations.buyingTitle")}),i.jsxs(x,{children:[i.jsx(j,{descriptor:u,owner:t.address,signer:t.signer,name:e("authorizations.creditsName"),description:e("authorizations.creditsDesc"),icon:i.jsx(B,{className:"ccy-mark"})}),i.jsx(j,{descriptor:m,owner:t.address,signer:t.signer,name:e("authorizations.manaName"),description:e("authorizations.manaDesc"),icon:i.jsx(ht,{src:ot,alt:"","aria-hidden":!0})})]})]}),i.jsxs(k,{children:[i.jsx(C,{children:e("authorizations.sellingTitle")}),c!=null&&c.truncated?i.jsx(jt,{"data-testid":"authorizations-selling-truncated",children:e("authorizations.sellingTruncated",{count:c.scanned})}):null,l||v?i.jsx(x,{"aria-busy":"true","aria-label":e("authorizations.checking"),children:Array.from({length:3}).map((d,g)=>i.jsx(T,{"aria-hidden":!0},g))}):c&&c.collections.length>0?i.jsx(x,{children:c.collections.map(d=>i.jsx(j,{descriptor:V(d.contractAddress,r),owner:t.address,signer:t.signer,name:Ct(d.contractAddress,p),description:e("authorizations.sellingDesc"),image:d.image,icon:i.jsx(z,{name:"pen",size:18})},d.contractAddress))}):i.jsx(I,{children:e("authorizations.sellingEmpty")})]}),i.jsxs(k,{children:[i.jsx(C,{children:e("authorizations.mintingTitle")}),y?i.jsx(x,{"aria-busy":"true","aria-label":e("authorizations.checking"),children:Array.from({length:3}).map((d,g)=>i.jsx(T,{"aria-hidden":!0},g))}):h&&h.length>0?i.jsx(x,{children:h.map(d=>i.jsx(j,{descriptor:Y(d.contractAddress,r),owner:t.address,signer:t.signer,name:d.name||e("authorizations.collectionFallback"),description:e("authorizations.mintingDesc"),icon:i.jsx(z,{name:"pen",size:18})},d.contractAddress))}):i.jsx(I,{children:e("authorizations.mintingEmpty")})]})]})}export{_t as Authorizations};
+`;function j({descriptor:t,owner:s,signer:r,name:a,description:c,image:l,icon:p}){const v=K(),[h,y]=_.useState(!1),{data:u,isLoading:m,refetch:d}=w({queryKey:["authorization",t.id,s],queryFn:()=>it(t,s),staleTime:3e4});async function g(){if(h||m)return;const b=!u;y(!0);try{await tt({auth:t,signer:r,active:b}),await d(),v.setQueryData(["authorization",t.id,s],b),A.success(b?e("authorizations.toastActivated",{name:a}):e("authorizations.toastDeactivated",{name:a}))}catch($){X($,{flow:"authorizations",step:b?"grant":"revoke"}),A.error(at($,e("authorizations.errorGeneric")))}finally{y(!1)}}const W=m?e("authorizations.checking"):u?e("authorizations.active"):e("authorizations.inactive");return i.jsxs(ut,{"data-testid":`authorization-${t.id}`,"data-active":!!u,children:[i.jsx(pt,{children:l?i.jsx("img",{src:l,alt:""}):p}),i.jsxs(mt,{children:[i.jsx(gt,{title:a,children:a}),i.jsx(xt,{children:c})]}),i.jsxs(yt,{children:[i.jsx(ft,{"data-active":!!u,children:W}),h?i.jsx(zt,{"aria-label":e("authorizations.working")}):i.jsx(bt,{type:"button","data-testid":`authorization-toggle-${t.id}`,"data-active":!!u,role:"switch","aria-checked":!!u,"aria-label":u?e("authorizations.deactivateAria",{name:a}):e("authorizations.activateAria",{name:a}),disabled:m,onClick:()=>void g()})]})]})}const f=500,R=10,wt=f*R;async function N(t,s){const r=await E(t,{category:s,first:f}),a=Math.min(Math.ceil(r.total/f),R),c=await Promise.all(Array.from({length:Math.max(0,a-1)},(l,p)=>E(t,{category:s,first:f,skip:(p+1)*f})));return{assets:[...r.assets,...c.flatMap(l=>l.assets)],truncated:r.total>wt}}function vt(t){return w({queryKey:["owned-collections",t],enabled:!!t,staleTime:6e4,queryFn:async()=>{const[s,r]=await Promise.all([N(t,"wearable"),N(t,"emote")]),a=new Map;for(const c of[...s.assets,...r.assets]){const l=c.contractAddress.toLowerCase();a.has(l)||a.set(l,c)}return{collections:[...a.values()],truncated:s.truncated||r.truncated,scanned:s.assets.length+r.assets.length}}})}function kt(t){return w({queryKey:["contract-registry"],enabled:t,staleTime:1/0,gcTime:1/0,queryFn:Z})}function Ct(t,s){const r=s==null?void 0:s.get(t.toLowerCase());if(r)return r;const a=Q(t);return a===t?e("authorizations.collectionFallback"):a}function $t(t,s){return w({queryKey:["creator-collections",t],enabled:!!t&&!!s,staleTime:6e4,queryFn:async()=>{const r=await et(t,s),a=new Map;for(const c of r){const l=c.contractAddress.toLowerCase();a.has(l)||a.set(l,c)}return[...a.values()]}})}function qt(){G({title:e("authorizations.title"),noindex:!0});const{session:t,signIn:s}=P(),r=H.chainId,a=O(t==null?void 0:t.providerType),{data:c,isLoading:l}=vt(a?t==null?void 0:t.address:void 0),{data:p,isLoading:v}=kt(!!a&&!!(t!=null&&t.address)),{data:h,isLoading:y}=$t(a?t==null?void 0:t.address:void 0,a?t==null?void 0:t.identity:void 0);if(!t)return i.jsxs(S,{children:[i.jsx(z,{name:"info",size:40,color:o.colors.muted2}),i.jsx(L,{children:e("authorizations.signInTitle")}),i.jsx("p",{className:"muted",children:e("authorizations.signInBody")}),i.jsx(M,{variant:"purple",onClick:()=>s(),children:e("storeSettings.signIn")})]});if(!a)return i.jsxs(S,{children:[i.jsx(z,{name:"check",size:40,color:o.colors.ok}),i.jsx(L,{children:e("authorizations.managedTitle")}),i.jsx("p",{className:"muted",children:e("authorizations.managedBody")}),i.jsx(M,{as:q,to:"/items",variant:"purple",children:e("authorizations.managedCta")})]});const u=J(r),m=U(r);return i.jsxs(rt,{children:[i.jsxs(ct,{children:[i.jsx(lt,{children:e("authorizations.title")}),i.jsx(dt,{children:e("authorizations.intro")})]}),i.jsxs(k,{children:[i.jsx(C,{children:e("authorizations.buyingTitle")}),i.jsxs(x,{children:[i.jsx(j,{descriptor:u,owner:t.address,signer:t.signer,name:e("authorizations.creditsName"),description:e("authorizations.creditsDesc"),icon:i.jsx(B,{className:"ccy-mark"})}),i.jsx(j,{descriptor:m,owner:t.address,signer:t.signer,name:e("authorizations.manaName"),description:e("authorizations.manaDesc"),icon:i.jsx(ht,{src:ot,alt:"","aria-hidden":!0})})]})]}),i.jsxs(k,{children:[i.jsx(C,{children:e("authorizations.sellingTitle")}),c!=null&&c.truncated?i.jsx(jt,{"data-testid":"authorizations-selling-truncated",children:e("authorizations.sellingTruncated",{count:c.scanned})}):null,l||v?i.jsx(x,{"aria-busy":"true","aria-label":e("authorizations.checking"),children:Array.from({length:3}).map((d,g)=>i.jsx(T,{"aria-hidden":!0},g))}):c&&c.collections.length>0?i.jsx(x,{children:c.collections.map(d=>i.jsx(j,{descriptor:V(d.contractAddress,r),owner:t.address,signer:t.signer,name:Ct(d.contractAddress,p),description:e("authorizations.sellingDesc"),image:d.image,icon:i.jsx(z,{name:"pen",size:18})},d.contractAddress))}):i.jsx(I,{children:e("authorizations.sellingEmpty")})]}),i.jsxs(k,{children:[i.jsx(C,{children:e("authorizations.mintingTitle")}),y?i.jsx(x,{"aria-busy":"true","aria-label":e("authorizations.checking"),children:Array.from({length:3}).map((d,g)=>i.jsx(T,{"aria-hidden":!0},g))}):h&&h.length>0?i.jsx(x,{children:h.map(d=>i.jsx(j,{descriptor:Y(d.contractAddress,r),owner:t.address,signer:t.signer,name:d.name||e("authorizations.collectionFallback"),description:e("authorizations.mintingDesc"),icon:i.jsx(z,{name:"pen",size:18})},d.contractAddress))}):i.jsx(I,{children:e("authorizations.mintingEmpty")})]})]})}export{qt as Authorizations};