@dcl/shop 1.0.2-31061650925.commit-fa244eb → 1.0.2-31075138109.commit-b4b8f60

package/_assets/LazyEmoteControls-lVtDIvME.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index-7eX0SEVb.js","_assets/react-BYHuwl8r.js","_assets/dcl-schemas-CmtP3U6y.js","_assets/index-D7dTUoYt.js","_assets/sentry-Dx-KuLV3.js","_assets/ethers-BDpbhgX6.js","_assets/intl-CBcMB1D2.js","_assets/index-BYP7oMPZ.css","_assets/createSvgIcon-BCgRSx6l.js","_assets/clsx-WwvpwSg0.js","_assets/styled-8pFgehSd.js","_assets/emotion-styled.browser.esm-BsZP4P-B.js","_assets/CircularProgress-BYXbDw8X.js","_assets/index-CAj85Mcv.js","_assets/useTheme-B-55uBZP.js"])))=>i.map(i=>d[i]);
-import{_ as e}from"./index-D7dTUoYt.js";import{j as t,r as s}from"./react-BYHuwl8r.js";const _=s.lazy(async()=>{const[{EmoteControls:o},{Experimental_CssVarsProvider:i},{light:n}]=await Promise.all([e(()=>import("./index-7eX0SEVb.js").then(r=>r.i),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12])),e(()=>import("./index-CAj85Mcv.js"),__vite__mapDeps([13,3,1,2,4,5,6,7,14,10])),e(()=>import("./index-D7dTUoYt.js").then(r=>r.d9),__vite__mapDeps([3,1,2,4,5,6,7]))]);return{default:r=>t.jsx(i,{theme:n,children:t.jsx(o,{...r})})}});function m(o){return t.jsx(s.Suspense,{fallback:null,children:t.jsx(_,{...o})})}export{m as E};

package/_assets/MyAssets-jgTQywGo.js

@@ -1,381 +0,0 @@
-import{r as d,j as t,L as st,b as nt,u as ot}from"./react-BYHuwl8r.js";import{t as n,s as i,b as o,I as w,x as rt,o as it,bb as me,v as Q,B as at,ar as V,as as Z,H as ct,c as Ie,bG as lt,bH as dt}from"./index-D7dTUoYt.js";import{a as pt}from"./builder-CVMQir9d.js";import{L as mt}from"./LoadMore-ChGcAM1i.js";import{u as ut,R as X,C as ft,a as xt,F as ht,e as ue}from"./categories-Bjf-PXbG.js";import{D as fe,F as xe,R as gt,a as yt,b as bt,c as wt,d as jt,S as $t,e as St,f as kt,g as vt,h as Ct,i as It,j as At,k as Pt,C as Et,l as Rt,m as Tt,n as Ot,M as Ft}from"./Assets.styles-9R6ppWqo.js";import{u as _t}from"./useInfiniteGrid-UHC0Jjfu.js";import{u as zt}from"./useImportable-Co0AaRPY.js";import{E as he}from"./ErrorNotice-CCsvrT3H.js";import{C as Bt,R as Nt,B as Lt,T as Mt,A as Kt,a as Gt}from"./ManaPricingBanner.styles-CZgGH3OR.js";import{C as qt}from"./field.styles-DEvu6yNO.js";import{n as Ae}from"./Tooltip-BBYuQHQb.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./skeleton.styles-CVQk0siV.js";import"./buy-BllmT-mt.js";import"./authorizations-CbXH-W_L.js";import"./sendMetaTransaction-De85nOcx.js";const{colors:m,font:Pe,radius:te,z:Ht}=n,Dt=i.div`
-  position: fixed;
-  inset: 0;
-  z-index: ${Ht.overlay};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow-y: auto;
-  padding: 16px;
-  background: rgba(22, 21, 24, 0.55);
-`,Wt=i.div`
-  width: 560px;
-  max-width: 100%;
-  max-height: 100%;
-  overflow-y: auto;
-  padding: 12px 16px 16px;
-  border-radius: ${te.modal};
-  background: ${m.white};
-  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  font-family: ${Pe.sans};
-
-  /* Focused on mount for screen readers; it is not tab-reachable, so it never needs a visible ring. */
-  &:focus {
-    outline: none;
-  }
-`,Ut=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid ${m.gray4};
-`,Yt=i.h2`
-  margin: 0;
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 1.6;
-  color: ${m.text};
-`,Jt=i.button`
-  position: relative;
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 18.535px;
-  height: 18.535px;
-  padding: 0;
-  border: 0;
-  background: none;
-  cursor: pointer;
-  color: ${m.text};
-
-  .ico {
-    width: 100%;
-    height: 100%;
-  }
-  /* Keeps the glyph exactly where the design puts it while giving it a tappable hit area. */
-  &::after {
-    content: '';
-    position: absolute;
-    inset: -11px;
-  }
-  &:focus-visible {
-    outline: 2px solid ${m.accent};
-    outline-offset: 2px;
-  }
-`,Qt=i.div`
-  padding: 16px;
-  border-radius: ${te.modal};
-  background: ${m.infoGreen};
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,Vt=i.h3`
-  margin: 0;
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 1.57;
-  color: ${m.text};
-`,Zt=i.p`
-  margin: 0;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 1.334;
-  color: ${m.text2};
-`,Xt=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`,es=i.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-`,Ee=`
-  flex: 1 1 0;
-  min-width: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  height: 46px;
-  padding: 0 12px;
-  border-radius: ${te.card};
-  font-family: ${Pe.sans};
-  font-weight: 600;
-  font-size: 13px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-  cursor: pointer;
-  transition:
-    background 0.15s ease,
-    color 0.15s ease;
-
-  &:focus-visible {
-    outline: 2px solid ${m.accent};
-    outline-offset: 2px;
-  }
-`,ts=i.button`
-  ${Ee};
-  border: 0.5px solid ${m.text};
-  background: ${m.white};
-  color: ${m.text2};
-
-  &:hover {
-    background: ${m.panel};
-  }
-`,ss=i.button`
-  ${Ee};
-  border: 0;
-  background: ${m.accent};
-  color: ${m.softWhite};
-
-  &:hover {
-    background: ${m.accentHover};
-  }
-  &:active {
-    background: ${m.accentActive};
-  }
-`,ns=i.label`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 14.049px;
-  line-height: normal;
-  color: ${m.text};
-  cursor: pointer;
-`,os=i.span`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 32px;
-  height: 32px;
-
-  & input {
-    --box: 13.714px;
-  }
-`;function rs({onClose:s,onConfirm:l}){const[p,x]=d.useState(!1),b=d.useRef(null),E=d.useRef(p);return E.current=p,d.useEffect(()=>{var C;(C=b.current)==null||C.focus();function y(a){a.key==="Escape"&&s(E.current)}return window.addEventListener("keydown",y),()=>window.removeEventListener("keydown",y)},[s]),t.jsx(Dt,{role:"presentation",onClick:()=>s(p),children:t.jsxs(Wt,{ref:b,tabIndex:-1,role:"dialog","aria-modal":"true","aria-label":o("newPricing.title"),"data-testid":"new-pricing-modal",onClick:y=>y.stopPropagation(),children:[t.jsxs(Ut,{children:[t.jsx(Yt,{children:o("newPricing.title")}),t.jsx(Jt,{onClick:()=>s(p),"aria-label":o("newPricing.close"),children:t.jsx(w,{name:"close",className:"ico"})})]}),t.jsxs(Qt,{children:[t.jsx(Vt,{children:o("newPricing.infoTitle")}),t.jsx(Zt,{children:o("newPricing.infoBody")})]}),t.jsx(Bt,{align:"center"}),t.jsxs(Xt,{children:[t.jsxs(es,{children:[t.jsx(ts,{onClick:()=>s(p),"data-testid":"new-pricing-later",children:o("newPricing.later")}),t.jsx(ss,{onClick:()=>l(p),"data-testid":"new-pricing-confirm",children:o("newPricing.confirm")})]}),t.jsxs(ns,{children:[t.jsx(os,{children:t.jsx(qt,{type:"checkbox",checked:p,onChange:y=>x(y.target.checked),"data-testid":"new-pricing-opt-out"})}),o("newPricing.optOut")]})]})]})})}const Re="shop:dismissed-prompts",ge="mana-pricing";function Te(){try{const s=localStorage.getItem(Re);if(!s)return{};const l=JSON.parse(s);return!l||typeof l!="object"||Array.isArray(l)?{}:l}catch{return{}}}function is(s){try{localStorage.setItem(Re,JSON.stringify(s))}catch{}}function Oe(s){return s?s.toLowerCase():null}function as(s,l){const p=Oe(l);if(!p)return!1;const x=Te()[p];return Array.isArray(x)&&x.includes(s)}function cs(s,l){const p=Oe(l);if(!p)return;const x=Te(),b=Array.isArray(x[p])?x[p]:[];b.includes(s)||is({...x,[p]:[...b,s]})}function ls({count:s,to:l="/import",className:p}){return t.jsxs(Nt,{className:p,"data-testid":"mana-pricing-banner",children:[t.jsxs(Lt,{children:[t.jsx(w,{name:"refresh",size:24}),t.jsxs(Mt,{children:[o("manaPricingBanner.lead",{count:s})," ",t.jsx(Kt,{children:o("manaPricingBanner.accent")})," ",o("manaPricingBanner.trail")]})]}),t.jsx(Gt,{to:l,"data-testid":"mana-pricing-banner-cta",children:o("manaPricingBanner.cta")})]})}i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  width: 100%;
-`;i.h2`
-  margin: 0;
-  padding: 4px 4px 2px;
-  font-family: ${n.font.sans};
-  font-weight: 700;
-  font-size: 12px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-  color: ${n.colors.muted};
-`;i("button",Ae("selected"))`
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  width: 100%;
-  height: 40px;
-  padding: 4px 12px;
-  border: 0;
-  border-radius: 8px;
-  background: ${({selected:s})=>s?n.colors.media:"transparent"};
-  color: ${n.colors.text};
-  font-family: ${n.font.sans};
-  font-weight: ${({selected:s})=>s?600:400};
-  font-size: 14px;
-  text-align: left;
-  cursor: pointer;
-
-  @media (hover: hover) {
-    &:hover {
-      background: ${n.colors.media};
-    }
-  }
-  &:focus-visible {
-    outline: 2px solid ${n.colors.accent};
-    outline-offset: 2px;
-  }
-`;i(w)`
-  width: 18px;
-  height: 18px;
-  flex: none;
-  color: ${n.colors.muted};
-`;i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  width: 100%;
-`;i.span`
-  font-family: ${n.font.sans};
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 1.43;
-  color: ${n.colors.text};
-  padding: 0 4px;
-`;i.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  padding: 4px;
-`;i("button",Ae("selected"))`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 10px;
-  border-radius: 6px;
-  background: ${({selected:s})=>s?n.colors.text:n.colors.softWhite};
-  border: ${({selected:s})=>s?`1px solid ${n.colors.text}`:`0.5px solid ${n.colors.gray4}`};
-  color: ${({selected:s})=>s?n.colors.white:n.colors.gray0};
-  font-family: ${n.font.sans};
-  font-weight: ${({selected:s})=>s?600:400};
-  font-size: 12px;
-  cursor: pointer;
-
-  &:hover {
-    border-color: ${n.colors.text};
-  }
-  &:focus-visible {
-    outline: 2px solid ${n.colors.accent};
-    outline-offset: 2px;
-  }
-`;const ds=i.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  height: 40px;
-  padding: 0 12px;
-  border: 1px solid ${n.colors.lineStrong};
-  border-radius: ${n.radius.btn};
-  background: ${n.colors.white};
-
-  &:focus-within {
-    border-color: ${n.colors.accent};
-  }
-`,ps=i(w)`
-  width: 18px;
-  height: 18px;
-  flex: none;
-  color: ${n.colors.muted};
-`,ms=i.input`
-  flex: 1;
-  min-width: 0;
-  border: 0;
-  background: none;
-  padding: 0;
-  font-family: ${n.font.sans};
-  font-size: 14px;
-  color: ${n.colors.text};
-
-  &::placeholder {
-    color: ${n.colors.muted2};
-  }
-  &:focus {
-    outline: 0;
-  }
-`,us=i.button`
-  display: grid;
-  place-items: center;
-  width: 24px;
-  height: 24px;
-  border: 0;
-  border-radius: 50%;
-  background: ${n.colors.chip};
-  color: ${n.colors.text};
-  cursor: pointer;
-  flex: none;
-
-  &:focus-visible {
-    outline: 2px solid ${n.colors.accent};
-    outline-offset: 2px;
-  }
-`,fs=i(w)`
-  width: 12px;
-  height: 12px;
-`,ye=i.div`
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
-  gap: 20px;
-
-  ${n.media.maxWidth("sm")} {
-    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
-    gap: 12px;
-  }
-`;i.p`
-  margin: 24px 0;
-  font-family: ${n.font.sans};
-  font-size: 14px;
-  color: ${n.colors.muted};
-`;const be=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  padding: 72px 24px;
-  text-align: center;
-`,we=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 72px;
-  height: 72px;
-  margin-bottom: 10px;
-  border-radius: 50%;
-  background: ${n.colors.navViolet};
-  color: ${n.colors.accent};
-`,je=i.p`
-  margin: 0;
-  font-family: ${n.font.sans};
-  font-size: 18px;
-  font-weight: 600;
-  color: ${n.colors.text};
-`,$e=i.p`
-  margin: 0;
-  max-width: 360px;
-  font-family: ${n.font.sans};
-  font-size: 14px;
-  line-height: 1.5;
-  color: ${n.colors.muted};
-`,xs=i(st)`
-  margin-top: 12px;
-  display: inline-flex;
-  align-items: center;
-  height: 40px;
-  padding: 0 20px;
-  border-radius: 8px;
-  background: ${n.colors.accent};
-  color: ${n.colors.white};
-  font-family: ${n.font.sans};
-  font-size: 14px;
-  font-weight: 600;
-  text-decoration: none;
-  cursor: pointer;
-
-  &:hover {
-    background: ${n.colors.accentHover};
-  }
-`,hs=i.section`
-  max-width: 520px;
-  margin: 48px auto;
-  text-align: center;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  align-items: center;
-`,gs=i.h1`
-  margin: 0;
-  font-family: ${n.font.sans};
-  font-weight: 700;
-  font-size: 24px;
-  color: ${n.colors.softWhite};
-`,ys=i.p`
-  margin: 0;
-  font-family: ${n.font.sans};
-  font-size: 15px;
-  color: ${n.colors.gray4};
-`,bs=i(ls)`
-  margin-bottom: 16px;
-`,ws=48,Se=[{key:"wearables",labelKey:"myAssets.sectionWearables",category:"wearable"},{key:"emotes",labelKey:"myAssets.sectionEmotes",category:"emote"},{key:"names",labelKey:"myAssets.sectionNames",category:"ens"},{key:"creations",labelKey:"myAssets.sectionCreations"}],ee=[{key:"newest",label:"filterBar.sortNewest",server:"newest"},{key:"name",label:"filterBar.sortName",server:"name"},{key:"cheapest",label:"filterBar.sortCheapest",server:"cheapest"}];function ke(s){return s==="wearables"||s==="emotes"}const ve={wearables:"wearable",emotes:"emote",names:"names",creations:""},js={wearable:"wearables",emote:"emotes",names:"names"};function $s(s){return`${Ie.builderUrl}/names/${encodeURIComponent(s)}`}function Ce(s,l){return{id:s.id,name:s.name,creator:"",contractAddress:s.contractAddress,itemId:s.itemId,category:s.category,rarity:s.rarity??"common",network:s.network,chainId:s.chainId,thumbnail:s.image,priceCredits:(l==null?void 0:l.priceCredits)??s.listingPrice??0,gender:null,isSmart:!1,tokenId:s.tokenId,issuedId:s.issuedId,tradeId:(l==null?void 0:l.tradeId)??s.tradeId}}function Ss(s,l,p){return{id:`${s.contractAddress}-${s.blockchainItemId}`,name:s.name,creator:p,contractAddress:s.contractAddress,itemId:s.blockchainItemId,category:s.category,rarity:s.rarity,network:"MATIC",chainId:Ie.chainId,thumbnail:s.thumbnail,priceCredits:l,gender:null,isSmart:!1}}function Hs(){var de,pe;rt({title:o("nav.myAssets"),noindex:!0});const{session:s,error:l,signIn:p,restore:x}=it(),b=nt(),[E,y]=ot(),C=E.get("section"),a=Se.some(e=>e.key===C)?C:"wearables",[f,M]=d.useState("all"),[j,K]=d.useState([]),[h,R]=d.useState(null);ut(`${a}:${h??""}`);const[I,Fe]=d.useState("newest"),[T,se]=d.useState(""),[$,_e]=d.useState(""),[O,S]=d.useState(!1),[ze,Be]=d.useState(!0),[Ne,Le]=d.useState(!1),[G,ne]=d.useState("idle");d.useEffect(()=>{x()},[x]),d.useEffect(()=>{const e=setTimeout(()=>_e(T.trim()),300);return()=>clearTimeout(e)},[T]),d.useEffect(()=>{if(!O)return;const e=c=>{c.key==="Escape"&&S(!1)};document.addEventListener("keydown",e);const r=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",e),document.body.style.overflow=r}},[O]);const g=s==null?void 0:s.address,Me=Se.find(e=>e.key===a),F=ke(a),oe=(ee.find(e=>e.key===I)??ee[0]).server,Ke=f==="on_sale"?o("filter.onSale"):f==="not_for_sale"?o("filter.notForSale"):"",Ge=X.filter(e=>j.includes(e)).map(me).join(", ");function re(e){y(r=>{const c=new URLSearchParams(r);return c.set("section",e),c},{replace:!0}),R(null),ke(e)||K([]),S(!1)}function ie(e){K(r=>r.includes(e)?r.filter(c=>c!==e):[...r,e])}function qe(e){const r=js[e];r&&re(r)}const{items:A,total:He,isLoading:q,isPlaceholderData:H,error:De,hasNextPage:We,isFetchingNextPage:ae,isFetchNextPageError:Ue,fetchNextPage:Ye}=_t(["my-assets",g,a,f,j,h,$,oe],e=>ct(g,{category:Me.category,first:ws,skip:e,search:$||void 0,rarities:F&&j.length?j:void 0,wearableCategories:a==="wearables"&&h?ue[h]:void 0,emoteCategories:a==="emotes"&&h?ue[h]:void 0,onlyOnSale:f==="on_sale"||void 0,sortBy:oe}).then(r=>({items:r.assets,total:r.total})),{enabled:!!g&&a!=="creations"}),D=d.useMemo(()=>a==="wearables"||a==="emotes"?[...new Set(A.map(e=>e.contractAddress))]:[],[A,a]),{data:_}=Q({queryKey:["secondary-sale-state",D],enabled:D.length>0,queryFn:async()=>{const e=await Promise.all(D.map(async c=>[c,await lt(c)])),r={};for(const[c,u]of e)for(const[k,v]of Object.entries(u))r[`${c}-${k}`]=v;return r}}),ce=e=>_==null?void 0:_[`${e.contractAddress}-${e.tokenId}`],Je=e=>!!ce(e)||e.isOnSale,W=d.useMemo(()=>f==="not_for_sale"?A.filter(e=>!Je(e)):A,[A,f,_]),{data:z,isLoading:U,isError:Qe}=Q({queryKey:["publishable-items",g],queryFn:()=>pt(g,s.identity),enabled:!!s&&a==="creations",retry:!1}),Y=d.useMemo(()=>[...new Set((z??[]).map(e=>e.contractAddress))],[z]),{data:B}=Q({queryKey:["collection-sale-state",g,Y],enabled:Y.length>0,queryFn:async()=>{const e=await Promise.all(Y.map(async c=>[c,await dt(c)])),r={};for(const[c,u]of e)for(const[k,v]of Object.entries(u))r[`${c}-${k}`]=v;return r}}),P=e=>B==null?void 0:B[`${e.contractAddress}-${e.blockchainItemId}`],J=d.useMemo(()=>{let e=z??[];if(f==="on_sale"?e=e.filter(c=>{var u;return(u=P(c))==null?void 0:u.isOnSale}):f==="not_for_sale"&&(e=e.filter(c=>{var u;return!((u=P(c))!=null&&u.isOnSale)})),$){const c=$.toLowerCase();e=e.filter(u=>u.name.toLowerCase().includes(c))}const r=[...e];return I==="name"?r.sort((c,u)=>c.name.localeCompare(u.name)):I==="cheapest"&&r.sort((c,u)=>{var k,v;return(((k=P(c))==null?void 0:k.priceCredits)??0)-(((v=P(u))==null?void 0:v.priceCredits)??0)}),r},[z,B,f,$,I]),{count:Ve}=zt(),N=Ve??0;d.useEffect(()=>{G!=="idle"||N===0||as(ge,g)||ne("open")},[G,N,g]);function le(e){e&&cs(ge,g),ne("closed")}if(!s)return t.jsxs(hs,{children:[t.jsx(gs,{children:o("nav.myAssets")}),t.jsx(ys,{children:o("myAssets.signInPrompt")}),t.jsx(at,{variant:"white",onClick:()=>p(),children:o("storeSettings.signIn")}),t.jsx(he,{message:l})]});const Ze=a==="creations"?U:q||H,Xe=a==="creations"?J.length:f==="not_for_sale"?W.length:He,L=[];if(f!=="all"&&L.push({key:"status",label:f==="on_sale"?o("filter.onSale"):o("filter.notForSale"),onRemove:()=>M("all")}),F)for(const e of X)j.includes(e)&&L.push({key:`rarity-${e}`,label:me(e),onRemove:()=>ie(e)});if(F&&h){const e=(pe=(de=ft.find(r=>r.key===ve[a]))==null?void 0:de.subs)==null?void 0:pe.find(r=>r.key===h);L.push({key:"sub",label:e?o(e.labelKey):h,onRemove:()=>R(null)})}function et(){M("all"),K([]),R(null)}const tt=t.jsxs(t.Fragment,{children:[t.jsx(xt,{title:o("myAssets.assetsHeading"),category:ve[a],subCategory:h,onCategory:qe,onSub:R,onCollections:()=>re("creations"),collections:a==="creations",extraLabelKey:"myAssets.sectionCreations",hideAll:!0}),F?t.jsxs(t.Fragment,{children:[t.jsx(fe,{}),t.jsx(xe,{title:o("assets.rarity"),open:Ne,onToggle:()=>Le(e=>!e),summary:Ge,headerTestId:"sidebar-section-toggle",children:t.jsx(gt,{"data-testid":"rarity-filter",children:X.map(e=>{const r=j.includes(e);return t.jsxs(yt,{type:"button",selected:r,"aria-pressed":r,onClick:()=>ie(e),"data-testid":"rarity-filter-check",children:[t.jsx(bt,{color:n.rarities[e],children:r?t.jsx(wt,{name:"check","aria-hidden":!0}):null}),t.jsx(jt,{selected:r,children:e})]},e)})})})]}):null,t.jsx(fe,{}),t.jsx(xe,{title:o("filter.status"),open:ze,onToggle:()=>Be(e=>!e),summary:Ke,children:[["all",o("filter.statusAll")],["on_sale",o("filter.onSale")],["not_for_sale",o("filter.notForSale")]].map(([e,r])=>t.jsxs($t,{children:[t.jsx(St,{type:"radio",name:"myassets-status",checked:f===e,onChange:()=>M(e)}),t.jsx(kt,{children:r})]},e))})]});return t.jsxs(vt,{"data-testid":"my-assets",children:[O?t.jsx(Ct,{onClick:()=>S(!1),"aria-hidden":!0}):null,t.jsxs(It,{"data-open":O||void 0,"data-testid":"my-assets-sidebar",children:[t.jsxs(At,{children:[t.jsx(Pt,{children:o("assets.filters")}),t.jsx(Et,{onClick:()=>S(!1),"aria-label":o("assets.closeFilters"),children:"✕"})]}),t.jsx(Rt,{children:tt}),t.jsx(Tt,{children:t.jsx(Ot,{type:"button",onClick:()=>S(!1),children:o("assets.showItems")})})]}),t.jsxs(Ft,{children:[N>0?t.jsx(bs,{count:N}):null,t.jsx(ht,{sort:I,onSort:Fe,sortOptions:ee,total:Xe,loading:Ze,query:$,onOpenFilters:()=>S(!0),chips:L,onClearChips:et,search:t.jsxs(ds,{children:[t.jsx(ps,{name:"search","aria-hidden":!0}),t.jsx(ms,{type:"search",value:T,placeholder:o("myAssets.searchPlaceholder"),"aria-label":o("myAssets.searchPlaceholder"),onChange:e=>se(e.target.value)}),T?t.jsx(us,{type:"button","aria-label":o("myAssets.clearSearch"),onClick:()=>se(""),children:t.jsx(fs,{name:"close","aria-hidden":!0})}):null]})}),(a==="creations"?Qe:De)?t.jsx(he,{message:o("myAssets.ownedError"),testId:"my-assets-error"}):null,a==="creations"?t.jsxs(t.Fragment,{children:[t.jsx(ye,{"data-testid":"grid",children:U?t.jsx(V,{count:12}):J.map(e=>{const r=P(e);return t.jsx(Z,{item:Ss(e,(r==null?void 0:r.priceCredits)??0,g??""),mode:"manage-link"},`${e.contractAddress}-${e.blockchainItemId}`)})}),!U&&J.length===0?t.jsxs(be,{children:[t.jsx(we,{children:t.jsx(w,{name:"pen",size:30,"aria-hidden":!0})}),t.jsx(je,{children:o("myAssets.emptyCreationsTitle")}),t.jsx($e,{children:o("myAssets.nothingToPublish")})]}):null]}):t.jsxs(t.Fragment,{children:[t.jsxs(ye,{"data-testid":"grid",children:[q||H?t.jsx(V,{count:12}):W.map(e=>a==="names"?t.jsx(Z,{item:{...Ce(e),category:"ens"},mode:"manage-link",manageHref:$s(e.name)},e.id):t.jsx(Z,{item:Ce(e,ce(e)),mode:"manage-link"},e.id)),ae?t.jsx(V,{count:6}):null]}),f!=="not_for_sale"?t.jsx(mt,{hasNextPage:We,isFetching:ae,isError:Ue,onLoadMore:()=>void Ye()}):null,!q&&!H&&W.length===0?t.jsxs(be,{children:[t.jsx(we,{children:t.jsx(w,{name:a==="names"?"website":a==="emotes"?"emote-dance":"cat-upper",size:30,"aria-hidden":!0})}),t.jsx(je,{children:a==="names"?o("myAssets.emptyNamesTitle"):o("myAssets.emptyOwnedTitle")}),t.jsx($e,{children:a==="names"?o("myAssets.namesEmpty"):o("myAssets.ownedEmpty")}),a!=="names"?t.jsx(xs,{to:"/items",children:o("myAssets.emptyBrowse")}):null]}):null]})]}),G==="open"?t.jsx(rs,{onClose:le,onConfirm:e=>{le(e),b("/import")}}):null]})}export{Hs as MyAssets};