@dcl/shop 1.11.4-33732305897.commit-1e7324f → 1.11.4-34146541745.commit-2e51b7b

package/_assets/Authorizations-BHHW-BXo.js

@@ -0,0 +1,192 @@
+import{j as e,L as F,r as G}from"./react-BXNAGeXL.js";import{t as o,s as n,B as K,n as P,o as Q,b as i,p as H,q as X,I as v,r as V,m as k,v as Z,c as J,w as U,x as T,h as Y,y as tt,z as D}from"./index-Cu3kDrH3.js";import{a as et,b as it,c as C,d as ot,e as at,s as nt,f as st}from"./authorizations-BWScrlZF.js";import{f as rt}from"./builder-DeYOCCGP.js";import{m as M}from"./mana-matic-CEqvSwrJ.js";import{f as ct}from"./errors-Bf8OWs_b.js";import"./dcl-schemas-CCzDenM0.js";import"./sentry-CRBeChXZ.js";import"./ethers-LoRPtwMO.js";import"./intl-AKLEHPeO.js";import"./sendMetaTransaction-n5YUyzu9.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},s=new t.Error().stack;s&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[s]="586c40bf-a30f-4df8-9ac2-fe7a2af988f5",t._sentryDebugIdIdentifier="sentry-dbid-586c40bf-a30f-4df8-9ac2-fe7a2af988f5")}catch{}})();const lt=P`
+  to { transform: rotate(360deg); }
+`,dt=P`
+  to { background-position: -200% 0; }
+`,ut=n.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;
+`,ht=n.div`
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-bottom: 24px;
+`,pt=n.h1`
+  font-family: ${o.font.sans};
+  margin: 0;
+  color: ${o.colors.softWhite};
+`,mt=n.p`
+  color: ${o.colors.gray4};
+  font-size: 14px;
+  margin: 0;
+  max-width: 60ch;
+`,A=n.div`
+  margin-bottom: 28px;
+`,I=n.h2`
+  font-family: ${o.font.sans};
+  font-size: 15px;
+  font-weight: 700;
+  color: ${o.colors.softWhite};
+  margin: 0 0 10px;
+`,x=n.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,gt=n.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;
+  }
+`,S=n.div`
+  height: 74px;
+  border-radius: 16px;
+  background: linear-gradient(100deg, var(--skeleton-lo) 30%, var(--skeleton-hi) 50%, var(--skeleton-lo) 70%);
+  background-size: 200% 100%;
+  animation: ${dt} 1.4s infinite linear;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,L=n.img`
+  width: 22px !important;
+  height: 22px !important;
+  object-fit: contain;
+`,ft=n.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;
+  }
+`,xt=n.div`
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+`,yt=n.span`
+  font-weight: 700;
+  color: ${o.colors.text};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,bt=n.span`
+  font-size: 13px;
+  color: ${o.colors.muted};
+`,zt=n.span`
+  font-size: 12px;
+  font-weight: 700;
+  color: ${o.colors.muted2};
+
+  &[data-active='true'] {
+    color: ${o.colors.okStrong};
+  }
+`,jt=n.div`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  justify-self: end;
+
+  ${o.media.maxWidth("mobile")} {
+    grid-column: 1 / -1;
+    justify-self: start;
+  }
+`,wt=n.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;
+  }
+`,vt=n.span`
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  border: 2px solid ${o.colors.gray4};
+  border-top-color: ${o.colors.accent};
+  animation: ${lt} 0.7s linear infinite;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`,_=n.p`
+  color: ${o.colors.gray4};
+  font-size: 14px;
+  margin: 0;
+`,kt=n.p`
+  color: ${o.colors.muted};
+  font-size: 14px;
+  margin: 0 0 12px;
+`,N=n.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  text-align: center;
+  padding: 90px 20px;
+  min-height: 50vh;
+  color: ${o.colors.softWhite};
+`,R=n.p`
+  font-size: 22px;
+  font-weight: 700;
+  margin: 6px 0 0;
+`,q=n.p`
+  margin: 0;
+  color: ${o.colors.gray4};
+`,W=n(K)`
+  margin-top: 12px;
+`;function y({descriptor:t,owner:s,signer:r,name:a,description:c,image:d,icon:m,revokeOnly:$=!1}){const g=Z(),[z,j]=G.useState(!1),{data:u,isLoading:l,refetch:h}=k({queryKey:["authorization",t.id,s],queryFn:()=>st(t,s),staleTime:3e4});async function p(){if(z||l)return;const w=!u;j(!0);try{await nt({auth:t,signer:r,active:w}),await h(),g.setQueryData(["authorization",t.id,s],w),T.success(w?i("authorizations.toastActivated",{name:a}):i("authorizations.toastDeactivated",{name:a}))}catch(E){Y(E,{flow:"authorizations",step:w?"grant":"revoke"}),T.error(ct(E,i("authorizations.errorGeneric")))}finally{j(!1)}}if($&&u===!1)return null;const f=l?i("authorizations.checking"):u?i("authorizations.active"):i("authorizations.inactive");return e.jsxs(gt,{"data-testid":`authorization-${t.id}`,"data-active":!!u,children:[e.jsx(ft,{children:d?e.jsx("img",{src:d,alt:""}):m}),e.jsxs(xt,{children:[e.jsx(yt,{title:a,children:a}),e.jsx(bt,{children:c})]}),e.jsxs(jt,{children:[e.jsx(zt,{"data-active":!!u,children:f}),z?e.jsx(vt,{"aria-label":i("authorizations.working")}):e.jsx(wt,{type:"button","data-testid":`authorization-toggle-${t.id}`,"data-active":!!u,role:"switch","aria-checked":!!u,"aria-label":u?i("authorizations.deactivateAria",{name:a}):i("authorizations.activateAria",{name:a}),disabled:l,onClick:()=>void p()})]})]})}const b=500,B=10,$t=b*B;async function O(t,s){const r=await D(t,{category:s,first:b}),a=Math.min(Math.ceil(r.total/b),B),c=await Promise.all(Array.from({length:Math.max(0,a-1)},(d,m)=>D(t,{category:s,first:b,skip:(m+1)*b})));return{assets:[...r.assets,...c.flatMap(d=>d.assets)],truncated:r.total>$t}}function Ct(t){return k({queryKey:["owned-collections",t],enabled:!!t,staleTime:6e4,queryFn:async()=>{const[s,r]=await Promise.all([O(t,"wearable"),O(t,"emote")]),a=new Map;for(const c of[...s.assets,...r.assets]){const d=c.contractAddress.toLowerCase();a.has(d)||a.set(d,c)}return{collections:[...a.values()],truncated:s.truncated||r.truncated,scanned:s.assets.length+r.assets.length}}})}function At(t){return k({queryKey:["contract-registry"],enabled:t,staleTime:1/0,gcTime:1/0,queryFn:tt})}function It(t,s){const r=s==null?void 0:s.get(t.toLowerCase());if(r)return r;const a=U(t);return a===t?i("authorizations.collectionFallback"):a}function Et(t,s){return k({queryKey:["creator-collections",t],enabled:!!t&&!!s,staleTime:6e4,queryFn:async()=>{const r=await rt(t,s),a=new Map;for(const c of r){const d=c.contractAddress.toLowerCase();a.has(d)||a.set(d,c)}return[...a.values()]}})}function Pt(){Q({title:i("authorizations.title"),noindex:!0});const{session:t,signIn:s}=H(),r=J.chainId,a=X(t==null?void 0:t.providerType),{data:c,isLoading:d}=Ct(a?t==null?void 0:t.address:void 0),{data:m,isLoading:$}=At(!!a&&!!(t!=null&&t.address)),{data:g,isLoading:z}=Et(a?t==null?void 0:t.address:void 0,a?t==null?void 0:t.identity:void 0);if(!t)return e.jsxs(N,{children:[e.jsx(v,{name:"info",size:40,color:o.colors.muted2}),e.jsx(R,{children:i("authorizations.signInTitle")}),e.jsx(q,{children:i("authorizations.signInBody")}),e.jsx(W,{variant:"white",onClick:()=>s(),children:i("storeSettings.signIn")})]});if(!a)return e.jsxs(N,{children:[e.jsx(v,{name:"check",size:40,color:o.colors.ok}),e.jsx(R,{children:i("authorizations.managedTitle")}),e.jsx(q,{children:i("authorizations.managedBody")}),e.jsx(W,{as:F,to:"/items",variant:"white",children:i("authorizations.managedCta")})]});const j=et(r),u=it(r);return e.jsxs(ut,{children:[e.jsxs(ht,{children:[e.jsx(pt,{children:i("authorizations.title")}),e.jsx(mt,{children:i("authorizations.intro")})]}),e.jsxs(A,{children:[e.jsx(I,{children:i("authorizations.buyingTitle")}),e.jsxs(x,{children:[e.jsx(y,{descriptor:j,owner:t.address,signer:t.signer,name:i("authorizations.creditsName"),description:i("authorizations.creditsDesc"),icon:e.jsx(V,{className:"ccy-mark"})}),e.jsx(y,{descriptor:u,owner:t.address,signer:t.signer,name:i("authorizations.manaName"),description:i("authorizations.manaDesc"),icon:e.jsx(L,{src:M,alt:"","aria-hidden":!0})}),C(u).map(l=>e.jsx(y,{descriptor:l,owner:t.address,signer:t.signer,name:`${i("authorizations.manaName")} ${i("authorizations.previousVersion")}`,description:i("authorizations.manaDesc"),icon:e.jsx(L,{src:M,alt:"","aria-hidden":!0}),revokeOnly:!0},l.id))]})]}),e.jsxs(A,{children:[e.jsx(I,{children:i("authorizations.sellingTitle")}),c!=null&&c.truncated?e.jsx(kt,{"data-testid":"authorizations-selling-truncated",children:i("authorizations.sellingTruncated",{count:c.scanned})}):null,d||$?e.jsx(x,{"aria-busy":"true","aria-label":i("authorizations.checking"),children:Array.from({length:3}).map((l,h)=>e.jsx(S,{"aria-hidden":!0},h))}):c&&c.collections.length>0?e.jsx(x,{children:c.collections.flatMap(l=>{const h=ot(l.contractAddress,r);return[h,...C(h)].map((p,f)=>e.jsx(y,{descriptor:p,owner:t.address,signer:t.signer,name:It(l.contractAddress,m),description:i("authorizations.sellingDesc"),image:l.image,icon:e.jsx(v,{name:"pen",size:18}),revokeOnly:f>0},p.id))})}):e.jsx(_,{children:i("authorizations.sellingEmpty")})]}),e.jsxs(A,{children:[e.jsx(I,{children:i("authorizations.mintingTitle")}),z?e.jsx(x,{"aria-busy":"true","aria-label":i("authorizations.checking"),children:Array.from({length:3}).map((l,h)=>e.jsx(S,{"aria-hidden":!0},h))}):g&&g.length>0?e.jsx(x,{children:g.flatMap(l=>{const h=at(l.contractAddress,r);return[h,...C(h)].map((p,f)=>e.jsx(y,{descriptor:p,owner:t.address,signer:t.signer,name:l.name||i("authorizations.collectionFallback"),description:i("authorizations.mintingDesc"),icon:e.jsx(v,{name:"pen",size:18}),revokeOnly:f>0},p.id))})}):e.jsx(_,{children:i("authorizations.mintingEmpty")})]})]})}export{Pt as Authorizations};
+//# sourceMappingURL=Authorizations-BHHW-BXo.js.map