@dcl/shop 0.1.0-30381444187.commit-e5b9f13 → 0.1.0-30412251367.commit-a3b4797

package/assets/{CircularProgress-CpOs7g9a.js → CircularProgress-BMVyWr0x.js}

@@ -1,4 +1,4 @@
-import{V as N,W as U,X as w,Y as z,Z as o,$ as E,a0 as c,a1 as I,a2 as g,a3 as D,R}from"./index-TmxHL85j.js";import{r as W,j as v}from"./react-BW1xvPTF.js";function F(r){return N("MuiCircularProgress",r)}U("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);const K=["className","color","disableShrink","size","style","thickness","value","variant"];let l=r=>r,P,S,b,$;const t=44,V=R(P||(P=l`
+import{Z as N,$ as U,a0 as o,a1 as c,n as D,P as M}from"./index-CKryZsyO.js";import{r as w,j as g}from"./react-BcSuIh9F.js";import{g as z,a as E,c as I,b as F,s as v}from"./clsx-kou7Gw3G.js";function K(r){return z("MuiCircularProgress",r)}E("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);const W=["className","color","disableShrink","size","style","thickness","value","variant"];let l=r=>r,P,b,S,$;const t=44,Z=M(P||(P=l`
   0% {
     transform: rotate(0deg);
   }
@@ -6,7 +6,7 @@ import{V as N,W as U,X as w,Y as z,Z as o,$ as E,a0 as c,a1 as I,a2 as g,a3 as D
   100% {
     transform: rotate(360deg);
   }
-`)),Z=R(S||(S=l`
+`)),B=M(b||(b=l`
   0% {
     stroke-dasharray: 1px, 200px;
     stroke-dashoffset: 0;
@@ -21,8 +21,8 @@ import{V as N,W as U,X as w,Y as z,Z as o,$ as E,a0 as c,a1 as I,a2 as g,a3 as D
     stroke-dasharray: 100px, 200px;
     stroke-dashoffset: -125px;
   }
-`)),B=r=>{const{classes:e,variant:s,color:a,disableShrink:d}=r,u={root:["root",s,`color${c(a)}`],svg:["svg"],circle:["circle",`circle${c(s)}`,d&&"circleDisableShrink"]};return I(u,F,e)},G=g("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.root,e[s.variant],e[`color${c(s.color)}`]]}})(({ownerState:r,theme:e})=>o({display:"inline-block"},r.variant==="determinate"&&{transition:e.transitions.create("transform")},r.color!=="inherit"&&{color:(e.vars||e).palette[r.color].main}),({ownerState:r})=>r.variant==="indeterminate"&&D(b||(b=l`
+`)),G=r=>{const{classes:e,variant:s,color:a,disableShrink:d}=r,u={root:["root",s,`color${c(a)}`],svg:["svg"],circle:["circle",`circle${c(s)}`,d&&"circleDisableShrink"]};return F(u,K,e)},L=v("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.root,e[s.variant],e[`color${c(s.color)}`]]}})(({ownerState:r,theme:e})=>o({display:"inline-block"},r.variant==="determinate"&&{transition:e.transitions.create("transform")},r.color!=="inherit"&&{color:(e.vars||e).palette[r.color].main}),({ownerState:r})=>r.variant==="indeterminate"&&D(S||(S=l`
       animation: ${0} 1.4s linear infinite;
-    `),V)),L=g("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(r,e)=>e.svg})({display:"block"}),X=g("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.circle,e[`circle${c(s.variant)}`],s.disableShrink&&e.circleDisableShrink]}})(({ownerState:r,theme:e})=>o({stroke:"currentColor"},r.variant==="determinate"&&{transition:e.transitions.create("stroke-dashoffset")},r.variant==="indeterminate"&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:r})=>r.variant==="indeterminate"&&!r.disableShrink&&D($||($=l`
+    `),Z)),V=v("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(r,e)=>e.svg})({display:"block"}),q=v("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.circle,e[`circle${c(s.variant)}`],s.disableShrink&&e.circleDisableShrink]}})(({ownerState:r,theme:e})=>o({stroke:"currentColor"},r.variant==="determinate"&&{transition:e.transitions.create("stroke-dashoffset")},r.variant==="indeterminate"&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:r})=>r.variant==="indeterminate"&&!r.disableShrink&&D($||($=l`
       animation: ${0} 1.4s ease-in-out infinite;
-    `),Z)),A=W.forwardRef(function(e,s){const a=w({props:e,name:"MuiCircularProgress"}),{className:d,color:u="primary",disableShrink:M=!1,size:m=40,style:_,thickness:i=3.6,value:p=0,variant:k="indeterminate"}=a,j=z(a,K),n=o({},a,{color:u,disableShrink:M,size:m,thickness:i,value:p,variant:k}),f=B(n),h={},x={},y={};if(k==="determinate"){const C=2*Math.PI*((t-i)/2);h.strokeDasharray=C.toFixed(3),y["aria-valuenow"]=Math.round(p),h.strokeDashoffset=`${((100-p)/100*C).toFixed(3)}px`,x.transform="rotate(-90deg)"}return v.jsx(G,o({className:E(f.root,d),style:o({width:m,height:m},x,_),ownerState:n,ref:s,role:"progressbar"},y,j,{children:v.jsx(L,{className:f.svg,ownerState:n,viewBox:`${t/2} ${t/2} ${t} ${t}`,children:v.jsx(X,{className:f.circle,style:h,ownerState:n,cx:t,cy:t,r:(t-i)/2,fill:"none",strokeWidth:i})})}))});export{A as C};
+    `),B)),O=w.forwardRef(function(e,s){const a=N({props:e,name:"MuiCircularProgress"}),{className:d,color:u="primary",disableShrink:R=!1,size:m=40,style:_,thickness:i=3.6,value:p=0,variant:k="indeterminate"}=a,j=U(a,W),n=o({},a,{color:u,disableShrink:R,size:m,thickness:i,value:p,variant:k}),f=G(n),h={},x={},y={};if(k==="determinate"){const C=2*Math.PI*((t-i)/2);h.strokeDasharray=C.toFixed(3),y["aria-valuenow"]=Math.round(p),h.strokeDashoffset=`${((100-p)/100*C).toFixed(3)}px`,x.transform="rotate(-90deg)"}return g.jsx(L,o({className:I(f.root,d),style:o({width:m,height:m},x,_),ownerState:n,ref:s,role:"progressbar"},y,j,{children:g.jsx(V,{className:f.svg,ownerState:n,viewBox:`${t/2} ${t/2} ${t} ${t}`,children:g.jsx(q,{className:f.circle,style:h,ownerState:n,cx:t,cy:t,r:(t-i)/2,fill:"none",strokeWidth:i})})}))});export{O as C};

package/assets/Collection-DJOV1uib.js

@@ -0,0 +1,119 @@
+import{j as e,r as m,d as V,u as Y}from"./react-BcSuIh9F.js";import{t as v,s as c,am as Z,an as z,I as X,d as a,c as ee,H as te,u as ae,J as oe,e as re,S as E,L as ie,ao as se,ap as ne}from"./index-CKryZsyO.js";import{E as ce}from"./ErrorNotice-D5gYmXmi.js";import{d as le,g as de,a as pe,P as xe,C as ue,b as me,c as ge,B as he,S as be,M as fe,A as je}from"./browseLayout.styles-C_Zq7mr0.js";import{u as ve}from"./useStore-_uLtA179.js";import{c as F,a as ye,F as Ce,d as we,P as Se,e as ke,H as Ne,S as $e}from"./categories-DYeriK5r.js";import{L as Ae}from"./LoadMore-CQjFLXNq.js";import{u as Pe}from"./useInfiniteGrid-DZnjtepZ.js";import{G as Me}from"./grid.styles-BuejQ1yn.js";import"./sentry-Cmcd0bRo.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-BcJP3Jlu.js";import"./intl-CBcMB1D2.js";const Re=c.section`
+  position: relative;
+  border-radius: ${v.radius.card};
+  overflow: hidden;
+  margin-bottom: 24px;
+  min-height: 200px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  ${v.media.maxWidth("mobile")} {
+    min-height: 140px;
+  }
+`,Te=c.div`
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+`,ze=c.img`
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+`,Ee=c.div`
+  position: absolute;
+  inset: 0;
+  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.55) 100%);
+`,Fe=c.h1`
+  position: relative;
+  z-index: 1;
+  margin: 0;
+  padding: 32px 24px;
+  text-align: center;
+  color: ${v.colors.white};
+  font-size: 40px;
+  font-weight: 800;
+  line-height: 1.2;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
+
+  ${v.media.maxWidth("mobile")} {
+    padding: 24px 16px;
+    font-size: 26px;
+  }
+`;function Le({name:o,creator:t}){const{data:s}=ve(t),d=(s==null?void 0:s.cover)||le;return e.jsxs(Re,{"data-testid":"collection-hero","aria-label":o,children:[e.jsxs(Te,{children:[e.jsx(ze,{src:d,alt:"",loading:"eager"}),e.jsx(Ee,{"aria-hidden":!0})]}),e.jsx(Fe,{"data-testid":"collection-hero-title",children:o})]})}const{colors:n,radius:B}=v,Be=c.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: 12px;
+  padding-bottom: 24px;
+  /* Lift so the avatar half-overlaps the 24px-below cover hero (24px + half the 110px avatar). */
+  margin-top: -79px;
+  margin-bottom: 8px;
+  border-bottom: 1px solid ${n.line};
+`,L=c.img`
+  display: block;
+  width: 110px;
+  height: 110px;
+  border-radius: 50%;
+  object-fit: cover;
+  border: 5px solid ${n.white};
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+  background: #ff4bed;
+`,Ie=c.h2`
+  margin: 0;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 1.3;
+  color: ${n.text};
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,He=c.button`
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 4px 8px;
+  border: 0;
+  border-radius: ${B.btn};
+  background: none;
+  color: ${n.muted};
+  font: inherit;
+  font-size: 14px;
+  cursor: pointer;
+  transition:
+    color 0.15s ease,
+    background 0.15s ease;
+
+  &:hover {
+    color: ${n.text};
+    background: ${n.media};
+  }
+`,_e=c.a`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 44px;
+  padding: 0 20px;
+  border: 2px solid ${n.accent};
+  border-radius: ${B.btn};
+  background: transparent;
+  color: ${n.accent};
+  font-weight: 600;
+  font-size: 13px;
+  text-transform: uppercase;
+  letter-spacing: 0.046em;
+  text-decoration: none;
+  transition:
+    background 0.15s ease,
+    color 0.15s ease;
+
+  &:hover {
+    background: ${n.accent};
+    color: ${n.white};
+  }
+`;function Ge({address:o}){var f,l;const{data:t}=Z(o),[s,d]=m.useState(!1);if(!o)return null;const p=(t==null?void 0:t.name)||z(o),g=(l=(f=t==null?void 0:t.avatar)==null?void 0:f.snapshots)==null?void 0:l.face256,h=`${ee.profileUrl}/${o}`,b=de(pe({name:t==null?void 0:t.name,hasClaimedName:t==null?void 0:t.hasClaimedName,ethAddress:(t==null?void 0:t.ethAddress)??o}));async function x(){try{await navigator.clipboard.writeText(o),d(!0),window.setTimeout(()=>d(!1),1500)}catch(y){te(y,{flow:"copy_creator_address"})}}return e.jsxs(Be,{"data-testid":"creator-card",children:[g?e.jsx(L,{src:g,alt:"",loading:"eager",style:{backgroundColor:b}}):e.jsx(L,{as:"span","aria-hidden":!0,style:{backgroundColor:b}}),e.jsx(Ie,{title:p,children:p}),e.jsxs(He,{type:"button",onClick:()=>void x(),title:s?a("collection.copied"):a("collection.copyAddress"),"aria-label":s?a("collection.copied"):a("collection.copyAddress"),children:[e.jsx("span",{children:z(o)}),e.jsx(X,{name:"copy",size:16})]}),e.jsx(_e,{"data-testid":"creator-card-view",href:h,target:"_blank",rel:"noopener noreferrer",children:a("collection.viewProfile")})]})}const Ue=48;function at(){var T;const{contractAddress:o}=V(),t=Y(),[s,d]=m.useState("wearable"),[p,g]=m.useState(null),[h,b]=m.useState([]),[x,f]=m.useState(""),[l,y]=m.useState(""),[S,I]=m.useState("newest"),k=x&&!Number.isNaN(Number(x))?Number(x):void 0,N=l&&!Number.isNaN(Number(l))?Number(l):void 0,H=p?$e[p]:void 0,_=(F.find(r=>r.key===S)??F[0]).server,$={category:s,rarities:h.length?h:void 0,wearableCategories:H,minPriceCredits:k,maxPriceCredits:N,sortBy:_},{items:j,total:G,isLoading:C,error:A,hasNextPage:U,isFetchingNextPage:P,fetchNextPage:q}=Pe(["collection-page",o,$],r=>se(o,{...$,first:Ue,skip:r}),{enabled:!!o}),{data:i}=ae({queryKey:["collection-meta",o],queryFn:()=>ne(o),enabled:!!o,staleTime:5*6e4}),M=(i==null?void 0:i.name)||a("collection.fallbackTitle");oe({title:i==null?void 0:i.name,description:i!=null&&i.name?a("seo.collection.description",{name:i.name}):void 0});const R=(i==null?void 0:i.creator)||((T=j[0])==null?void 0:T.creator);function K(r){d(r),g(null)}function W(r){b(u=>u.includes(r)?u.filter(Q=>Q!==r):[...u,r])}function D(){d("wearable"),g(null),b([]),f(""),y("")}const w=!!(k||N),J=w?`${x||"0"}–${l||"∞"}`:a("filter.price"),O=s!=="wearable"||!!p||h.length>0||w;return e.jsxs(xe,{"data-testid":"collection-page",children:[e.jsxs(ue,{"aria-label":a("collection.breadcrumbAria"),children:[e.jsx(me,{onClick:()=>t("/assets"),children:a("collection.breadcrumb")}),e.jsx("span",{children:"/"}),e.jsx(ge,{children:M})]}),e.jsx(Le,{name:M,creator:R}),e.jsxs(he,{"data-testid":"browse",children:[e.jsxs(be,{"data-testid":"browse-sidebar",children:[e.jsx(Ge,{address:R}),e.jsx(ye,{category:s,subCategory:p,onCategory:K,onSub:g,title:a("collection.category"),flat:!0})]}),e.jsxs(fe,{children:[!C&&j.length>0?e.jsx(je,{items:j,source:"collection"}):null,e.jsx(Ce,{rarities:h,onToggleRarity:W,sort:S,onSort:I,total:G,loading:C,anyActive:O,onClear:D,renderTrailing:r=>e.jsx(we,{panelKey:"price",label:J,active:w,panel:r,children:e.jsxs(Se,{"data-variant":"price",children:[e.jsxs(ke,{children:[e.jsx("input",{type:"number",min:"0","aria-label":a("collection.priceMin"),placeholder:a("collection.priceMinPlaceholder"),value:x,onChange:u=>f(u.target.value)}),e.jsx("span",{children:"–"}),e.jsx("input",{type:"number",min:"0","aria-label":a("collection.priceMax"),placeholder:a("collection.priceMaxPlaceholder"),value:l,onChange:u=>y(u.target.value)})]}),e.jsx(Ne,{children:a("collection.priceHint",{currency:re.name})})]})})}),A?e.jsx(ce,{message:a("collection.error")}):null,e.jsx(Me,{"data-testid":"grid",children:C?e.jsx(E,{count:15}):e.jsxs(e.Fragment,{children:[j.map(r=>e.jsx(ie,{item:r},r.id)),P?e.jsx(E,{count:6}):null]})}),e.jsx(Ae,{hasNextPage:U,isFetching:P,onLoadMore:()=>void q()}),!C&&!A&&j.length===0?e.jsx("p",{className:"muted",children:a("collection.empty")}):null]})]})]})}export{at as Collection,at as default};