@dcl/shop 0.1.0-30381451752.commit-ab871f3 → 0.1.0-30461849576.commit-12d07d4

package/assets/{Assets.styles-CGAD6wJa.js → Assets.styles-ciQtjliZ.js}

@@ -1,4 +1,4 @@
-import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c as ne}from"./categories-DhS9aD1g.js";import{T as se}from"./Tooltip-Ck8OHf1K.js";import{L as e,s as o,I as m,t as s,M as re,g as v}from"./index-CE-8j9dT.js";import{n as c}from"./emotion-CSxEP8yM.js";const ae=o.div`
+import{r as $,j as t}from"./react-CDiFgvN_.js";import{R as C,a as oe,C as ie,b as ne}from"./categories-DSuB3dEO.js";import{n as c,T as se}from"./Tooltip-azUGAy-5.js";import{t as e,s as o,I as g,d as s,n as ae,e as v}from"./index-Brd7ji4Z.js";const re=o.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -26,7 +26,7 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
   text-align: left;
   cursor: pointer;
 
-  ${e.media.down("lg")} {
+  ${e.media.maxWidth("lg")} {
     height: 52px;
   }
 
@@ -40,7 +40,7 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
     outline-offset: 2px;
   }
 
-  ${({desktopStatic:i})=>i?`${e.media.up("lg")} {
+  ${({desktopStatic:i})=>i?`${e.media.minWidth("lg")} {
           cursor: default;
           &:hover { background: transparent; }
         }`:""}
@@ -51,12 +51,12 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
   line-height: 1.43;
   color: ${e.colors.text};
 
-  ${e.media.down("lg")} {
+  ${e.media.maxWidth("lg")} {
     font-size: 16px;
   }
 `,pe=o.span`
   display: inline-flex;
-  ${e.media.up("lg")} {
+  ${e.media.minWidth("lg")} {
     display: none;
   }
 `,xe=o("p",c("desktopHidden"))`
@@ -69,21 +69,21 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
   color: ${e.colors.muted};
   text-transform: capitalize;
 
-  ${({desktopHidden:i})=>i?`${e.media.up("lg")} { display: none; }`:""}
+  ${({desktopHidden:i})=>i?`${e.media.minWidth("lg")} { display: none; }`:""}
 `,he=o("div",c("open","desktopStatic"))`
   display: grid;
   grid-template-rows: ${({open:i})=>i?"1fr":"0fr"};
   transition: grid-template-rows 0.22s ease;
 
-  ${({desktopStatic:i})=>i?`${e.media.up("lg")} { grid-template-rows: 1fr; }`:""}
+  ${({desktopStatic:i})=>i?`${e.media.minWidth("lg")} { grid-template-rows: 1fr; }`:""}
 
   @media (prefers-reduced-motion: reduce) {
     transition: none;
   }
-`,ge=o.div`
+`,me=o.div`
   overflow: hidden;
   min-height: 0;
-`,me=o.div`
+`,ge=o.div`
   display: flex;
   align-items: flex-end;
   justify-content: center;
@@ -95,12 +95,12 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
   min-width: 0;
   flex-direction: column;
   gap: 4px;
-`,N=o.span`
+`,W=o.span`
   font-family: ${e.font.sans};
   font-weight: 400;
   font-size: 12px;
   color: ${e.colors.muted};
-`,P=o.span`
+`,N=o.span`
   display: flex;
   align-items: center;
   gap: 4px;
@@ -113,11 +113,11 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
   &:focus-within {
     border-color: ${e.rarities.epic};
   }
-`,F=o(m)`
+`,P=o(g)`
   width: 16px;
   height: 16px;
   color: ${e.colors.text};
-`,E=o.input`
+`,F=o.input`
   width: 100%;
   min-width: 0;
   border: 0;
@@ -135,12 +135,12 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
     -webkit-appearance: none;
     margin: 0;
   }
-`,ue=o.span`
+`,fe=o.span`
   padding-bottom: 12px;
   color: ${e.colors.text};
   font-family: ${e.font.sans};
   font-size: 13px;
-`,fe=o.div`
+`,ue=o.div`
   position: relative;
   height: 20px;
   margin: 24px 4px 0;
@@ -162,7 +162,7 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
   right: ${({maxPct:i})=>`${100-i}%`};
   background: ${e.colors.rarity};
   border-radius: 2px;
-`,I=o.input`
+`,E=o.input`
   position: absolute;
   top: 0;
   left: 0;
@@ -201,14 +201,14 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
   align-items: center;
   justify-content: space-between;
   padding: 12px 4px 0;
-`,A=o.span`
+`,I=o.span`
   display: inline-flex;
   align-items: center;
   gap: 2px;
   font-family: ${e.font.sans};
   font-size: 13px;
   color: ${e.colors.text};
-`,H=o(m)`
+`,A=o(g)`
   width: 16px;
   height: 16px;
   color: ${e.colors.text};
@@ -218,7 +218,7 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
   gap: 12px;
   padding: 9px 4px 9px 8px;
 
-  ${e.media.down("lg")} {
+  ${e.media.maxWidth("lg")} {
     gap: 12px 16px;
   }
 `,ve=o("button",c("selected"))`
@@ -245,7 +245,7 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
   border-radius: 4px;
   background: ${({color:i})=>i};
   flex: none;
-`,je=o(m)`
+`,je=o(g)`
   position: absolute;
   inset: 0;
   width: 16px;
@@ -259,7 +259,7 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
   color: ${({selected:i})=>i?e.colors.text2:e.colors.gray0};
   text-transform: capitalize;
 
-  ${e.media.down("lg")} {
+  ${e.media.maxWidth("lg")} {
     font-size: 14px;
   }
 `,Re=o.label`
@@ -293,23 +293,23 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
 
   /* On mobile SMART is a peer of the collapsible section headers (Figma 1304-307965): same 52px row
      height so it doesn't read as a smaller afterthought. */
-  ${e.media.down("lg")} {
+  ${e.media.maxWidth("lg")} {
     height: 52px;
   }
-`,Ne=o.div`
+`,We=o.div`
   display: flex;
   align-items: center;
   gap: 6px;
-`,Pe=o(m)`
+`,Ne=o(g)`
   width: 14px;
   height: 14px;
   color: ${e.colors.text};
 
-  ${e.media.down("lg")} {
+  ${e.media.maxWidth("lg")} {
     width: 16px;
     height: 16px;
   }
-`,Fe=o.span`
+`,Pe=o.span`
   font-family: ${e.font.sans};
   font-weight: 600;
   font-size: 14px;
@@ -319,14 +319,14 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
   text-transform: uppercase;
 
   /* Match the section-header title size on mobile so SMART has the same hierarchy as Price/Rarity/etc. */
-  ${e.media.down("lg")} {
+  ${e.media.maxWidth("lg")} {
     font-size: 16px;
   }
-`,Ee=o(m)`
+`,Fe=o(g)`
   width: 12px;
   height: 12px;
   color: ${e.colors.muted2};
-`,Ie=o("button",c("on"))`
+`,Ee=o("button",c("on"))`
   position: relative;
   width: 24px;
   height: 14px;
@@ -346,11 +346,11 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
   }
 
   /* Bigger, tappable switch on mobile (the 24×14 desktop pill reads as too small on a phone). */
-  ${e.media.down("lg")} {
+  ${e.media.maxWidth("lg")} {
     width: 40px;
     height: 22px;
   }
-`,Ae=o("span",c("on"))`
+`,Ie=o("span",c("on"))`
   position: absolute;
   top: 50%;
   left: ${({on:i})=>i?"calc(100% - 12px)":"0px"};
@@ -362,28 +362,28 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
   box-shadow: 0 1px 2px rgba(22, 21, 24, 0.3);
   transition: left 0.15s ease;
 
-  ${e.media.down("lg")} {
+  ${e.media.maxWidth("lg")} {
     width: 18px;
     height: 18px;
     left: ${({on:i})=>i?"calc(100% - 18px)":"2px"};
   }
-`,d=1e5;function He(i){var l;for(const h of ie){const p=(l=h.subs)==null?void 0:l.find(r=>r.key===i);if(p)return s(p.labelKey)}return i}function j({title:i,open:l,onToggle:h,summary:p,desktopStatic:r,headerTestId:x,headerAria:u,children:f}){const g=t.jsx(ne,{up:l,size:24,color:"var(--text)"});return t.jsxs(le,{children:[t.jsxs(ce,{type:"button",desktopStatic:r,onClick:h,"aria-expanded":l,"aria-label":u,"data-testid":x,children:[t.jsx(de,{children:i}),r?t.jsx(pe,{children:g}):g]}),!l&&p?t.jsx(xe,{desktopHidden:r,children:p}):null,t.jsx(he,{open:l,desktopStatic:r,children:t.jsx(ge,{children:f})})]})}function Ye({category:i,subCategory:l,onCategory:h,onSub:p,priceMin:r,priceMax:x,onPriceMin:u,onPriceMax:f,rarities:g,onToggleRarity:L,status:S,onStatus:D,smart:b,onSmart:O}){const[_,M]=$.useState(!0),[Y,B]=$.useState(!0),[W,K]=$.useState(!1),[U,q]=$.useState(!0),R=r&&!Number.isNaN(Number(r))?Number(r):void 0,z=x&&!Number.isNaN(Number(x))?Number(x):void 0,w=R!=null?Math.min(R,d):0,y=z!=null?Math.min(z,d):d,G=w/d*100,V=y/d*100;function X(n){const a=Math.min(n,y);u(a<=0?"":String(a))}function J(n){const a=Math.max(n,w);f(a>=d?"":String(a))}const Q=l?He(l):i!=="wearable"?s(`categories.${i==="emote"?"emotes":i==="all"?"shopAll":i}`):"",Z=R!=null||z!=null?`${r||"0"}-${x||"∞"}`:"",ee=C.filter(n=>g.includes(n)).map(re).join(", "),te=S==="on_sale"?s("filter.onSale"):S==="not_for_sale"?s("filter.notForSale"):"";return t.jsxs(ae,{children:[t.jsx(j,{title:s("assets.category"),open:_,onToggle:()=>M(n=>!n),summary:Q,desktopStatic:!0,children:t.jsx(oe,{category:i,subCategory:l,onCategory:h,onSub:p})}),t.jsx(k,{}),t.jsxs(j,{title:s("filter.price"),open:Y,onToggle:()=>B(n=>!n),summary:Z,desktopStatic:!0,children:[t.jsxs(me,{children:[t.jsxs(T,{children:[t.jsx(N,{children:s("assets.min")}),t.jsxs(P,{children:[t.jsx(F,{name:v.iconName,"aria-hidden":!0}),t.jsx(E,{type:"number",min:"0","aria-label":s("assets.minPriceAria"),placeholder:"0",value:r,onChange:n=>u(n.target.value)})]})]}),t.jsx(ue,{children:s("assets.priceTo")}),t.jsxs(T,{children:[t.jsx(N,{children:s("assets.max")}),t.jsxs(P,{children:[t.jsx(F,{name:v.iconName,"aria-hidden":!0}),t.jsx(E,{type:"number",min:"0","aria-label":s("assets.maxPriceAria"),placeholder:"0",value:x,onChange:n=>f(n.target.value)})]})]})]}),t.jsxs(fe,{children:[t.jsx(be,{"aria-hidden":!0}),t.jsx(we,{minPct:G,maxPct:V,"aria-hidden":!0}),t.jsx(I,{type:"range",min:0,max:d,value:w,"aria-label":s("assets.minPriceSliderAria"),onChange:n=>X(Number(n.target.value))}),t.jsx(I,{type:"range",min:0,max:d,value:y,"aria-label":s("assets.maxPriceSliderAria"),onChange:n=>J(Number(n.target.value))})]}),t.jsxs(ye,{children:[t.jsxs(A,{children:[t.jsx(H,{name:v.iconName,"aria-hidden":!0}),w.toLocaleString()]}),t.jsxs(A,{children:[t.jsx(H,{name:v.iconName,"aria-hidden":!0}),y.toLocaleString()]})]})]}),t.jsx(k,{}),t.jsx(j,{title:s("assets.rarity"),open:W,onToggle:()=>K(n=>!n),summary:ee,headerTestId:"sidebar-section-toggle",children:t.jsx($e,{"data-testid":"rarity-filter",children:C.map(n=>{const a=g.includes(n);return t.jsxs(ve,{type:"button",selected:a,"aria-pressed":a,onClick:()=>L(n),"data-testid":"rarity-filter-check",children:[t.jsx(ke,{color:e.rarities[n],children:a?t.jsx(je,{name:"check","aria-hidden":!0}):null}),t.jsx(Se,{selected:a,children:n})]},n)})})}),t.jsx(k,{}),t.jsx(j,{title:s("filter.status"),open:U,onToggle:()=>q(n=>!n),summary:te,children:[["all",s("filter.statusAll")],["on_sale",s("filter.onSale")],["not_for_sale",s("filter.notForSale")]].map(([n,a])=>t.jsxs(Re,{children:[t.jsx(ze,{type:"radio",name:"shop-status",checked:S===n,onChange:()=>D(n)}),t.jsx(Ce,{children:a})]},n))}),t.jsx(k,{}),t.jsxs(Te,{children:[t.jsxs(Ne,{children:[t.jsx(Pe,{name:"smart","aria-hidden":!0}),t.jsx(Fe,{children:s("filter.smart")}),t.jsx(se,{content:s("filter.smartHint"),placement:"bottom",children:t.jsx(Ee,{name:"info",role:"img","aria-label":s("filter.smartHint"),tabIndex:0})})]}),t.jsx(Ie,{type:"button",role:"switch",on:b,"aria-checked":b,"aria-label":s("filter.smart"),onClick:()=>O(!b),children:t.jsx(Ae,{on:b})})]})]})}const Be=o.div`
+`,d=1e5;function Ae(i){var l;for(const h of ie){const p=(l=h.subs)==null?void 0:l.find(a=>a.key===i);if(p)return s(p.labelKey)}return i}function j({title:i,open:l,onToggle:h,summary:p,desktopStatic:a,headerTestId:x,headerAria:f,children:u}){const m=t.jsx(ne,{up:l,size:24,color:e.colors.text});return t.jsxs(le,{children:[t.jsxs(ce,{type:"button",desktopStatic:a,onClick:h,"aria-expanded":l,"aria-label":f,"data-testid":x,children:[t.jsx(de,{children:i}),a?t.jsx(pe,{children:m}):m]}),!l&&p?t.jsx(xe,{desktopHidden:a,children:p}):null,t.jsx(he,{open:l,desktopStatic:a,children:t.jsx(me,{children:u})})]})}function Oe({category:i,subCategory:l,onCategory:h,onSub:p,priceMin:a,priceMax:x,onPriceMin:f,onPriceMax:u,rarities:m,onToggleRarity:H,status:S,onStatus:B,smart:b,onSmart:D}){const[L,O]=$.useState(!0),[_,M]=$.useState(!0),[Y,K]=$.useState(!1),[U,q]=$.useState(!0),R=a&&!Number.isNaN(Number(a))?Number(a):void 0,z=x&&!Number.isNaN(Number(x))?Number(x):void 0,w=R!=null?Math.min(R,d):0,y=z!=null?Math.min(z,d):d,G=w/d*100,V=y/d*100;function X(n){const r=Math.min(n,y);f(r<=0?"":String(r))}function J(n){const r=Math.max(n,w);u(r>=d?"":String(r))}const Q=l?Ae(l):i!=="wearable"?s(`categories.${i==="emote"?"emotes":i==="all"?"shopAll":i}`):"",Z=R!=null||z!=null?`${a||"0"}-${x||"∞"}`:"",ee=C.filter(n=>m.includes(n)).map(ae).join(", "),te=S==="on_sale"?s("filter.onSale"):S==="not_for_sale"?s("filter.notForSale"):"";return t.jsxs(re,{children:[t.jsx(j,{title:s("assets.category"),open:L,onToggle:()=>O(n=>!n),summary:Q,desktopStatic:!0,children:t.jsx(oe,{category:i,subCategory:l,onCategory:h,onSub:p})}),t.jsx(k,{}),t.jsxs(j,{title:s("filter.price"),open:_,onToggle:()=>M(n=>!n),summary:Z,desktopStatic:!0,children:[t.jsxs(ge,{children:[t.jsxs(T,{children:[t.jsx(W,{children:s("assets.min")}),t.jsxs(N,{children:[t.jsx(P,{name:v.iconName,"aria-hidden":!0}),t.jsx(F,{type:"number",min:"0","aria-label":s("assets.minPriceAria"),placeholder:"0",value:a,onChange:n=>f(n.target.value)})]})]}),t.jsx(fe,{children:s("assets.priceTo")}),t.jsxs(T,{children:[t.jsx(W,{children:s("assets.max")}),t.jsxs(N,{children:[t.jsx(P,{name:v.iconName,"aria-hidden":!0}),t.jsx(F,{type:"number",min:"0","aria-label":s("assets.maxPriceAria"),placeholder:"0",value:x,onChange:n=>u(n.target.value)})]})]})]}),t.jsxs(ue,{children:[t.jsx(be,{"aria-hidden":!0}),t.jsx(we,{minPct:G,maxPct:V,"aria-hidden":!0}),t.jsx(E,{type:"range",min:0,max:d,value:w,"aria-label":s("assets.minPriceSliderAria"),onChange:n=>X(Number(n.target.value))}),t.jsx(E,{type:"range",min:0,max:d,value:y,"aria-label":s("assets.maxPriceSliderAria"),onChange:n=>J(Number(n.target.value))})]}),t.jsxs(ye,{children:[t.jsxs(I,{children:[t.jsx(A,{name:v.iconName,"aria-hidden":!0}),w.toLocaleString()]}),t.jsxs(I,{children:[t.jsx(A,{name:v.iconName,"aria-hidden":!0}),y.toLocaleString()]})]})]}),t.jsx(k,{}),t.jsx(j,{title:s("assets.rarity"),open:Y,onToggle:()=>K(n=>!n),summary:ee,headerTestId:"sidebar-section-toggle",children:t.jsx($e,{"data-testid":"rarity-filter",children:C.map(n=>{const r=m.includes(n);return t.jsxs(ve,{type:"button",selected:r,"aria-pressed":r,onClick:()=>H(n),"data-testid":"rarity-filter-check",children:[t.jsx(ke,{color:e.rarities[n],children:r?t.jsx(je,{name:"check","aria-hidden":!0}):null}),t.jsx(Se,{selected:r,children:n})]},n)})})}),t.jsx(k,{}),t.jsx(j,{title:s("filter.status"),open:U,onToggle:()=>q(n=>!n),summary:te,children:[["all",s("filter.statusAll")],["on_sale",s("filter.onSale")],["not_for_sale",s("filter.notForSale")]].map(([n,r])=>t.jsxs(Re,{children:[t.jsx(ze,{type:"radio",name:"shop-status",checked:S===n,onChange:()=>B(n)}),t.jsx(Ce,{children:r})]},n))}),t.jsx(k,{}),t.jsxs(Te,{children:[t.jsxs(We,{children:[t.jsx(Ne,{name:"smart","aria-hidden":!0}),t.jsx(Pe,{children:s("filter.smart")}),t.jsx(se,{content:s("filter.smartHint"),placement:"bottom",children:t.jsx(Fe,{name:"info",role:"img","aria-label":s("filter.smartHint"),tabIndex:0})})]}),t.jsx(Ee,{type:"button",role:"switch",on:b,"aria-checked":b,"aria-label":s("filter.smart"),onClick:()=>D(!b),children:t.jsx(Ie,{on:b})})]})]})}const _e=o.div`
   position: relative;
   display: flex;
   gap: 32px;
   align-items: flex-start;
 
-  ${e.media.down("lg")} {
+  ${e.media.maxWidth("lg")} {
     display: block;
   }
-`,We=o.div`
+`,Me=o.div`
   flex: 1;
   min-width: 0;
 
-  ${e.media.down("lg")} {
+  ${e.media.maxWidth("lg")} {
     width: 100%;
   }
-`,Ke=o.aside`
+`,Ye=o.aside`
   flex: none;
   width: 265px;
 
@@ -391,7 +391,7 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
      grid's scroll, and let it scroll internally when every section is expanded instead of overflowing
      the page. The row's align-items: flex-start (Root) keeps this a content-height item, which is what
      makes sticky able to move within the row. */
-  ${e.media.up("lg")} {
+  ${e.media.minWidth("lg")} {
     position: sticky;
     /* Sit flush below the fixed ui2 navbar (92px) + the sticky shop sub-nav (66px = its height) so the
        sidebar tracks scroll without hiding under them or floating in a gap (see index.css). */
@@ -430,7 +430,7 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
     }
   }
 
-  ${e.media.down("lg")} {
+  ${e.media.maxWidth("lg")} {
     position: fixed;
     left: 0;
     right: 0;
@@ -449,28 +449,28 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
     transition: transform 0.26s ease;
     visibility: hidden;
 
-    &.is-open {
+    &[data-open] {
       transform: translateY(0);
       visibility: visible;
     }
   }
-`,Ue=o.div`
-  ${e.media.down("lg")} {
+`,Ke=o.div`
+  ${e.media.maxWidth("lg")} {
     flex: 1;
     min-height: 0;
     overflow-y: auto;
     /* Room so the last filter row clears the sticky "Show items" bar (Figma bottom bar). */
     padding-bottom: 24px;
   }
-`,qe=o.div`
+`,Ue=o.div`
   position: fixed;
   inset: 0;
   z-index: 9998;
   background: rgba(0, 0, 0, 0.4);
-`,Ge=o.div`
+`,qe=o.div`
   display: none;
 
-  ${e.media.down("lg")} {
+  ${e.media.maxWidth("lg")} {
     position: sticky;
     top: 0;
     z-index: 2;
@@ -482,14 +482,14 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
     padding: 16px 16px 12px;
     border-radius: 16px 16px 0 0;
   }
-`,Ve=o.span`
+`,Ge=o.span`
   font-family: ${e.font.sans};
   font-weight: 700;
   font-size: 15px;
   letter-spacing: 0.46px;
   text-transform: uppercase;
   color: ${e.colors.text};
-`,Xe=o.button`
+`,Ve=o.button`
   display: grid;
   place-items: center;
   width: 32px;
@@ -506,10 +506,10 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
     outline: 2px solid ${e.colors.accent};
     outline-offset: 2px;
   }
-`,Je=o.div`
+`,Xe=o.div`
   display: none;
 
-  ${e.media.down("lg")} {
+  ${e.media.maxWidth("lg")} {
     display: flex;
     align-items: center;
     gap: 12px;
@@ -521,7 +521,7 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
     box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.25);
     z-index: 1;
   }
-`,Qe=o.button`
+`,Je=o.button`
   flex: 1;
   height: 40px;
   border: 0;
@@ -543,6 +543,22 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
     outline: 2px solid ${e.colors.accent};
     outline-offset: 2px;
   }
+`,Qe=o.p`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  background: ${e.colors.rarityBg};
+  color: ${e.colors.accent};
+  border-radius: 12px;
+  padding: 12px 16px;
+  margin-bottom: 14px;
+  font-weight: 600;
+  font-size: 14px;
+
+  &[data-variant='warn'] {
+    background: rgba(211, 51, 51, 0.1);
+    color: ${e.colors.err};
+  }
 `,Ze=o.div`
   display: flex;
   flex-direction: column;
@@ -616,4 +632,4 @@ import{r as $,j as t}from"./react-BW1xvPTF.js";import{R as C,a as oe,C as ie,c a
     outline: 2px solid ${e.colors.accent};
     outline-offset: 2px;
   }
-`;export{Xe as C,k as D,Ze as E,j as F,We as M,$e as R,Re as S,ve as a,ke as b,je as c,Se as d,ze as e,Ce as f,Be as g,qe as h,Ke as i,Ge as j,Ve as k,Ue as l,Je as m,Qe as n,Ye as o,et as p,tt as q,ot as r,it as s,nt as t,st as u};
+`;export{Ve as C,k as D,Ze as E,j as F,Me as M,$e as R,Re as S,ve as a,ke as b,je as c,Se as d,ze as e,Ce as f,_e as g,Ue as h,Ye as i,qe as j,Ge as k,Ke as l,Xe as m,Je as n,Oe as o,Qe as p,et as q,tt as r,ot as s,it as t,nt as u,st as v};

package/assets/{Authorizations-DhC0rdm8.js → Authorizations-lx92TdPJ.js}

@@ -1,4 +1,4 @@
-import{j as t,L as D,r as M}from"./react-BW1xvPTF.js";import{s as a,B as N,L as o,S as I,y as B,t as e,u as F,z as K,I as f,C as G,V as O,o as w,b as P,n as Q,W as k,K as W,O as $}from"./index-CE-8j9dT.js";import{b as H,c as _,d as V,f as X,s as J,h as U}from"./authorizations-BxQ2tMzo.js";import{a as Y}from"./builder-DZ1jvdvk.js";import{f as Z}from"./errors-CRgGE21K.js";import"./sentry-BV_ZSgtd.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CtVvB8eG.js";import"./intl-CBcMB1D2.js";import"./sendMetaTransaction-BMgjMfxP.js";const tt=I`
+import{j as t,L as q,r as M}from"./react-CDiFgvN_.js";import{s as a,B as N,t as o,w as I,l as B,d as e,m as F,x as W,I as f,y as G,z as K,u as w,D as P,c as Q,E as k,k as H,o as $}from"./index-Brd7ji4Z.js";import{a as O,b as _,c as X,d as J,s as U,f as V}from"./authorizations-wLlzXVR-.js";import{a as Y}from"./builder-DMvOfu4D.js";import{f as Z}from"./errors-BHFRAZhi.js";import"./sentry-DGsLxYkt.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-C3WgUna9.js";import"./intl-CBcMB1D2.js";import"./sendMetaTransaction-CDDozl0u.js";const tt=I`
   to { transform: rotate(360deg); }
 `,it=I`
   to { background-position: -200% 0; }
@@ -44,7 +44,7 @@ import{j as t,L as D,r as M}from"./react-BW1xvPTF.js";import{s as a,B as N,L as
   border: 1px solid ${o.colors.line};
   border-radius: 16px;
 
-  ${o.media.down("mobile")} {
+  ${o.media.maxWidth("mobile")} {
     grid-template-columns: 44px 1fr;
     grid-row-gap: 10px;
   }
@@ -106,7 +106,7 @@ import{j as t,L as D,r as M}from"./react-BW1xvPTF.js";import{s as a,B as N,L as
   gap: 10px;
   justify-self: end;
 
-  ${o.media.down("mobile")} {
+  ${o.media.maxWidth("mobile")} {
     grid-column: 1 / -1;
     justify-self: start;
   }
@@ -150,7 +150,7 @@ import{j as t,L as D,r as M}from"./react-BW1xvPTF.js";import{s as a,B as N,L as
     outline: 2px solid ${o.colors.accent};
     outline-offset: 2px;
   }
-`,gt=a.span`
+`,xt=a.span`
   width: 16px;
   height: 16px;
   border-radius: 50%;
@@ -173,10 +173,10 @@ import{j as t,L as D,r as M}from"./react-BW1xvPTF.js";import{s as a,B as N,L as
   text-align: center;
   padding: 90px 20px;
   min-height: 50vh;
-`,S=a.p`
+`,E=a.p`
   font-size: 22px;
   font-weight: 700;
   margin: 6px 0 0;
-`,E=a(N)`
+`,S=a(N)`
   margin-top: 12px;
-`;function y({descriptor:i,owner:c,signer:l,name:n,description:r,image:d,icon:h}){const b=P(),[m,g]=M.useState(!1),{data:s,isLoading:u,refetch:L}=w({queryKey:["authorization",i.id,c],queryFn:()=>U(i,c),staleTime:3e4});async function R(){if(m||u)return;const x=!s;g(!0);try{await J({auth:i,signer:l,active:x}),await L(),b.setQueryData(["authorization",i.id,c],x),k.success(x?e("authorizations.toastActivated",{name:n}):e("authorizations.toastDeactivated",{name:n}))}catch(v){W(v,{flow:"authorizations",step:x?"grant":"revoke"}),k.error(Z(v,e("authorizations.errorGeneric")))}finally{g(!1)}}const q=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:q}),m?t.jsx(gt,{"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 R()})]})]})}function xt(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 Y(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 Tt(){B({title:e("authorizations.title"),noindex:!0});const{session:i,signIn:c}=F(),l=Q.chainId,n=K(i==null?void 0:i.providerType),{data:r,isLoading:d}=xt(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:"var(--muted-2)"}),t.jsx(S,{children:e("authorizations.signInTitle")}),t.jsx("p",{className:"muted",children:e("authorizations.signInBody")}),t.jsx(E,{variant:"purple",onClick:()=>c(),children:e("storeSettings.signIn")})]});if(!n)return t.jsxs(T,{children:[t.jsx(f,{name:"check",size:40,color:"var(--ok)"}),t.jsx(S,{children:e("authorizations.managedTitle")}),t.jsx("p",{className:"muted",children:e("authorizations.managedBody")}),t.jsx(E,{as:D,to:"/assets",variant:"purple",children:e("authorizations.managedCta")})]});const m=H(l),g=_(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:g,owner:i.address,signer:i.signer,name:e("authorizations.manaName"),description:e("authorizations.manaDesc"),icon:t.jsx(rt,{src:O,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:V(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{Tt as Authorizations};
+`;function y({descriptor:i,owner:c,signer:l,name:n,description:r,image:d,icon:h}){const b=P(),[m,x]=M.useState(!1),{data:s,isLoading:u,refetch:D}=w({queryKey:["authorization",i.id,c],queryFn:()=>V(i,c),staleTime:3e4});async function L(){if(m||u)return;const g=!s;x(!0);try{await U({auth:i,signer:l,active:g}),await D(),b.setQueryData(["authorization",i.id,c],g),k.success(g?e("authorizations.toastActivated",{name:n}):e("authorizations.toastDeactivated",{name:n}))}catch(v){H(v,{flow:"authorizations",step:g?"grant":"revoke"}),k.error(Z(v,e("authorizations.errorGeneric")))}finally{x(!1)}}const R=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:R}),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 L()})]})]})}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 Y(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 Tt(){B({title:e("authorizations.title"),noindex:!0});const{session:i,signIn:c}=F(),l=Q.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:q,to:"/assets",variant:"purple",children:e("authorizations.managedCta")})]});const m=O(l),x=_(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:K,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:X(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:J(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{Tt as Authorizations};