@dcl/shop 0.1.0-30830708286.commit-6900e32 → 0.1.0-30835612462.commit-48765f9

package/index.html

@@ -16,10 +16,10 @@
     <link rel="canonical" href="https://shop.decentraland.org/" />
 
     <!-- Favicon: the Decentraland mark (same as the marketplace). -->
-    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830708286.commit-6900e32/favicon.ico" sizes="16x16 32x32 48x48" />
-    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830708286.commit-6900e32/apple-touch-icon.png" />
+    <link rel="icon" type="image/x-icon" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30835612462.commit-48765f9/favicon.ico" sizes="16x16 32x32 48x48" />
+    <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30835612462.commit-48765f9/apple-touch-icon.png" />
     <meta name="apple-mobile-web-app-title" content="DCL Shop" />
-    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830708286.commit-6900e32/site.webmanifest" />
+    <link rel="manifest" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30835612462.commit-48765f9/site.webmanifest" />
 
     <!-- Open Graph -->
     <meta property="og:type" content="website" />
@@ -48,7 +48,7 @@
     <meta name="twitter:image:alt" content="Decentraland Shop — wearables and emotes for your avatar" />
 
     <!-- Sitemap -->
-    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830708286.commit-6900e32/sitemap.xml" />
+    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30835612462.commit-48765f9/sitemap.xml" />
 
     <!-- Warm the 3D preview / fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -60,13 +60,13 @@
     <link rel="preconnect" href="https://wearable-preview.decentraland.org" />
     <link rel="preconnect" href="https://peer.decentraland.zone" crossorigin />
     <link rel="preconnect" href="https://peer.decentraland.org" crossorigin />
-    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830708286.commit-6900e32/_assets/index-ZLrp5Bhh.js"></script>
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830708286.commit-6900e32/_assets/react-vyZjIDcS.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830708286.commit-6900e32/_assets/sentry-B35L1FdR.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830708286.commit-6900e32/_assets/dcl-schemas-BICTSpB5.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830708286.commit-6900e32/_assets/ethers-CXBJm_wN.js">
-    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830708286.commit-6900e32/_assets/intl-CBcMB1D2.js">
-    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30830708286.commit-6900e32/_assets/index-BMzstP-8.css">
+    <script type="module" crossorigin src="https://cdn.decentraland.org/@dcl/shop/0.1.0-30835612462.commit-48765f9/_assets/index-CKvAeyW_.js"></script>
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30835612462.commit-48765f9/_assets/react-vyZjIDcS.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30835612462.commit-48765f9/_assets/sentry-B35L1FdR.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30835612462.commit-48765f9/_assets/dcl-schemas-BICTSpB5.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30835612462.commit-48765f9/_assets/ethers-CXBJm_wN.js">
+    <link rel="modulepreload" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30835612462.commit-48765f9/_assets/intl-CBcMB1D2.js">
+    <link rel="stylesheet" crossorigin href="https://cdn.decentraland.org/@dcl/shop/0.1.0-30835612462.commit-48765f9/_assets/index-BMzstP-8.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcl/shop",
-  "version": "0.1.0-30830708286.commit-6900e32",
+  "version": "0.1.0-30835612462.commit-48765f9",
   "main": "index.js",
   "author": "Decentraland",
   "license": "Apache-2.0",
@@ -8,5 +8,5 @@
     "type": "git",
     "url": "git+https://github.com/decentraland/shop.git"
   },
-  "commit": "6900e320fe057affc2b214ba1e675142ef28f850"
+  "commit": "48765f984fdcf35062e700494de808b2d1b10199"
 }

package/_assets/Authorizations-lE31EPN4.js

@@ -1,182 +0,0 @@
-import{j as t,L as R,r as M}from"./react-vyZjIDcS.js";import{s as a,B as N,t as o,x as I,m as B,e,n as F,y as W,I as f,z as G,u as w,D as K,c as P,E as k,l as Q,q as $}from"./index-ZLrp5Bhh.js";import{a as H,b as O,c as _,d as X,s as J,f as U}from"./authorizations-E8_0NGng.js";import{a as V}from"./builder-CSTbRG1g.js";import{m as Y}from"./mana-matic-C4e1sNO3.js";import{f as Z}from"./errors-CPDOUeQU.js";import"./sentry-B35L1FdR.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CXBJm_wN.js";import"./intl-CBcMB1D2.js";import"./sendMetaTransaction-CQ1T_6-I.js";const tt=I`
-  to { transform: rotate(360deg); }
-`,it=I`
-  to { background-position: -200% 0; }
-`,et=a.section`
-  width: 100%;
-  min-width: 0;
-  /* Centre heading, intro and rows as ONE block, so the list isn't parked against the left edge of a
-     wide page (same treatment as the Activity feed). */
-  max-width: 760px;
-  margin-inline: auto;
-`,ot=a.div`
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  margin-bottom: 24px;
-`,at=a.h1`
-  font-family: ${o.font.sans};
-  margin: 0;
-`,nt=a.p`
-  color: ${o.colors.muted};
-  font-size: 14px;
-  margin: 0;
-  max-width: 60ch;
-`,z=a.div`
-  margin-bottom: 28px;
-`,j=a.h2`
-  font-family: ${o.font.sans};
-  font-size: 15px;
-  font-weight: 700;
-  color: ${o.colors.text};
-  margin: 0 0 10px;
-`,p=a.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,st=a.div`
-  display: grid;
-  grid-template-columns: 44px 1fr auto;
-  align-items: center;
-  gap: 14px;
-  padding: 14px 18px;
-  background: ${o.colors.white};
-  border: 1px solid ${o.colors.line};
-  border-radius: 16px;
-
-  ${o.media.maxWidth("mobile")} {
-    grid-template-columns: 44px 1fr;
-    grid-row-gap: 10px;
-  }
-`,C=a.div`
-  height: 74px;
-  border-radius: 16px;
-  background: linear-gradient(100deg, #efeef2 30%, #e2e0e7 50%, #efeef2 70%);
-  background-size: 200% 100%;
-  animation: ${it} 1.4s infinite linear;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,rt=a.img`
-  width: 22px !important;
-  height: 22px !important;
-  object-fit: contain;
-`,ct=a.div`
-  width: 44px;
-  height: 44px;
-  border-radius: 10px;
-  background: ${o.colors.media};
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${o.colors.muted2};
-
-  img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-`,lt=a.div`
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 3px;
-`,dt=a.span`
-  font-weight: 700;
-  color: ${o.colors.text};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,ut=a.span`
-  font-size: 13px;
-  color: ${o.colors.muted};
-`,ht=a.span`
-  font-size: 12px;
-  font-weight: 700;
-  color: ${o.colors.muted2};
-
-  &[data-active='true'] {
-    color: ${o.colors.okStrong};
-  }
-`,pt=a.div`
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  justify-self: end;
-
-  ${o.media.maxWidth("mobile")} {
-    grid-column: 1 / -1;
-    justify-self: start;
-  }
-`,mt=a.button`
-  position: relative;
-  width: 46px;
-  height: 26px;
-  flex: 0 0 auto;
-  border-radius: ${o.radius.pill};
-  border: none;
-  background: ${o.colors.gray4};
-  cursor: pointer;
-  transition: background 0.15s;
-  padding: 0;
-
-  &::after {
-    content: '';
-    position: absolute;
-    top: 3px;
-    left: 3px;
-    width: 20px;
-    height: 20px;
-    border-radius: 50%;
-    background: ${o.colors.white};
-    transition: transform 0.15s;
-  }
-
-  &[data-active='true'] {
-    background: ${o.colors.accent};
-  }
-  &[data-active='true']::after {
-    transform: translateX(20px);
-  }
-
-  &:disabled {
-    cursor: default;
-    opacity: 0.6;
-  }
-
-  &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
-    outline-offset: 2px;
-  }
-`,xt=a.span`
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  border: 2px solid ${o.colors.gray4};
-  border-top-color: ${o.colors.accent};
-  animation: ${tt} 0.7s linear infinite;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`,A=a.p`
-  color: ${o.colors.muted};
-  font-size: 14px;
-  margin: 0;
-`,T=a.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  text-align: center;
-  padding: 90px 20px;
-  min-height: 50vh;
-`,E=a.p`
-  font-size: 22px;
-  font-weight: 700;
-  margin: 6px 0 0;
-`,S=a(N)`
-  margin-top: 12px;
-`;function y({descriptor:i,owner:c,signer:l,name:n,description:r,image:d,icon:h}){const b=K(),[m,x]=M.useState(!1),{data:s,isLoading:u,refetch:q}=w({queryKey:["authorization",i.id,c],queryFn:()=>U(i,c),staleTime:3e4});async function D(){if(m||u)return;const g=!s;x(!0);try{await J({auth:i,signer:l,active:g}),await q(),b.setQueryData(["authorization",i.id,c],g),k.success(g?e("authorizations.toastActivated",{name:n}):e("authorizations.toastDeactivated",{name:n}))}catch(v){Q(v,{flow:"authorizations",step:g?"grant":"revoke"}),k.error(Z(v,e("authorizations.errorGeneric")))}finally{x(!1)}}const L=u?e("authorizations.checking"):s?e("authorizations.active"):e("authorizations.inactive");return t.jsxs(st,{"data-testid":`authorization-${i.id}`,"data-active":!!s,children:[t.jsx(ct,{children:d?t.jsx("img",{src:d,alt:""}):h}),t.jsxs(lt,{children:[t.jsx(dt,{title:n,children:n}),t.jsx(ut,{children:r})]}),t.jsxs(pt,{children:[t.jsx(ht,{"data-active":!!s,children:L}),m?t.jsx(xt,{"aria-label":e("authorizations.working")}):t.jsx(mt,{type:"button","data-testid":`authorization-toggle-${i.id}`,"data-active":!!s,role:"switch","aria-checked":!!s,"aria-label":s?e("authorizations.deactivateAria",{name:n}):e("authorizations.activateAria",{name:n}),disabled:u,onClick:()=>void D()})]})]})}function gt(i){return w({queryKey:["owned-collections",i],enabled:!!i,staleTime:6e4,queryFn:async()=>{const[c,l]=await Promise.all([$(i,{category:"wearable",first:96}),$(i,{category:"emote",first:96})]),n=new Map;for(const r of[...c.assets,...l.assets]){const d=r.contractAddress.toLowerCase();n.has(d)||n.set(d,r)}return[...n.values()]}})}function ft(i,c){return w({queryKey:["creator-collections",i],enabled:!!i&&!!c,staleTime:6e4,queryFn:async()=>{const l=await V(i,c),n=new Map;for(const r of l){const d=r.contractAddress.toLowerCase();n.has(d)||n.set(d,r)}return[...n.values()]}})}function Et(){B({title:e("authorizations.title"),noindex:!0});const{session:i,signIn:c}=F(),l=P.chainId,n=W(i==null?void 0:i.providerType),{data:r,isLoading:d}=gt(n?i==null?void 0:i.address:void 0),{data:h,isLoading:b}=ft(n?i==null?void 0:i.address:void 0,n?i==null?void 0:i.identity:void 0);if(!i)return t.jsxs(T,{children:[t.jsx(f,{name:"info",size:40,color:o.colors.muted2}),t.jsx(E,{children:e("authorizations.signInTitle")}),t.jsx("p",{className:"muted",children:e("authorizations.signInBody")}),t.jsx(S,{variant:"purple",onClick:()=>c(),children:e("storeSettings.signIn")})]});if(!n)return t.jsxs(T,{children:[t.jsx(f,{name:"check",size:40,color:o.colors.ok}),t.jsx(E,{children:e("authorizations.managedTitle")}),t.jsx("p",{className:"muted",children:e("authorizations.managedBody")}),t.jsx(S,{as:R,to:"/assets",variant:"purple",children:e("authorizations.managedCta")})]});const m=H(l),x=O(l);return t.jsxs(et,{children:[t.jsxs(ot,{children:[t.jsx(at,{children:e("authorizations.title")}),t.jsx(nt,{children:e("authorizations.intro")})]}),t.jsxs(z,{children:[t.jsx(j,{children:e("authorizations.buyingTitle")}),t.jsxs(p,{children:[t.jsx(y,{descriptor:m,owner:i.address,signer:i.signer,name:e("authorizations.creditsName"),description:e("authorizations.creditsDesc"),icon:t.jsx(G,{className:"ccy-mark"})}),t.jsx(y,{descriptor:x,owner:i.address,signer:i.signer,name:e("authorizations.manaName"),description:e("authorizations.manaDesc"),icon:t.jsx(rt,{src:Y,alt:"","aria-hidden":!0})})]})]}),t.jsxs(z,{children:[t.jsx(j,{children:e("authorizations.sellingTitle")}),d?t.jsx(p,{"aria-busy":"true","aria-label":e("authorizations.checking"),children:Array.from({length:3}).map((s,u)=>t.jsx(C,{"aria-hidden":!0},u))}):r&&r.length>0?t.jsx(p,{children:r.map(s=>t.jsx(y,{descriptor:_(s.contractAddress,l),owner:i.address,signer:i.signer,name:s.name||e("authorizations.collectionFallback"),description:e("authorizations.sellingDesc"),image:s.image,icon:t.jsx(f,{name:"pen",size:18})},s.contractAddress))}):t.jsx(A,{children:e("authorizations.sellingEmpty")})]}),t.jsxs(z,{children:[t.jsx(j,{children:e("authorizations.mintingTitle")}),b?t.jsx(p,{"aria-busy":"true","aria-label":e("authorizations.checking"),children:Array.from({length:3}).map((s,u)=>t.jsx(C,{"aria-hidden":!0},u))}):h&&h.length>0?t.jsx(p,{children:h.map(s=>t.jsx(y,{descriptor:X(s.contractAddress,l),owner:i.address,signer:i.signer,name:s.name||e("authorizations.collectionFallback"),description:e("authorizations.mintingDesc"),icon:t.jsx(f,{name:"pen",size:18})},s.contractAddress))}):t.jsx(A,{children:e("authorizations.mintingEmpty")})]})]})}export{Et as Authorizations};