@dcl/shop 1.16.0 → 1.16.1-36009595531.commit-94584a5

package/_assets/MyAssets-5gpOzD_e.js

@@ -1,410 +0,0 @@
-import{r as l,j as t,b as Ft,u as _t}from"./react-COwX0Zlk.js";import{a,s as i,t as o,I,bV as Bt,H as Lt,B as Nt,x as zt,bW as Wt,bR as oe,b6 as Ee,w as ae,Y as Dt,bX as Kt,aF as Gt,$ as re,bY as Ht,a1 as ie,bZ as Yt,b_ as qt,a2 as ce,b$ as Ut,Z as Jt,z as Zt,c as ze,bT as Pe,c0 as Vt,c1 as Qt}from"./index-BRNshUaV.js";import{f as Xt}from"./SaleCountdown-C7e8fbLx.js";import{u as es,t as ts,C as ss,a as ns}from"./useCreatorSales-D2bq-mjs.js";import{L as os}from"./LoadMore-yxZw85kf.js";import{u as as,R as rs,C as is,D as le,b as de,c as cs,d as ls,e as ds,f as us,g as ps,h as Oe,i as Te,j as Re,a as ms,k as fs}from"./Filters-DZJTBasv.js";import{u as hs}from"./useInfiniteGrid-CoFLGUq5.js";import{u as gs,s as xs}from"./sales-empty-BCWN_I8i.js";import{E as Me}from"./ErrorNotice-5cQusmGK.js";import{C as ys,R as bs,B as ws,T as Ss,M as js,A as Cs,a as $s,b as ks,D as vs}from"./ManaPricingBanner.styles-C-mAX-6w.js";import{C as As}from"./field.styles-RDJk3ZFi.js";import{c as Is,i as Es}from"./items-empty-CFX8gNeF.js";import{s as Ps}from"./signin-empty-C2-U4-eJ.js";import{R as Os,S as Ts,a as Rs,D as Ms,b as Fs,C as _s,c as Bs,d as Ls,e as Ns,M as zs}from"./browseLayout.styles-D4_s76IT.js";import{m as Ws}from"./mana-matic-CEqvSwrJ.js";import{n as We}from"./Tooltip-S7k1SpAV.js";import{m as Ds}from"./mana-matic-light-Bl5duieC.js";import"./dcl-schemas-B-Ph0Ls4.js";import"./sentry-D9BarSwm.js";import"./ethers-bR7FzlYq.js";import"./intl-AKLEHPeO.js";import"./errors-wUAVqc_c.js";import"./sha3-B0gscz6j.js";import"./browser-5Iquaht5.js";import"./trade-encoding-DqOFT-xH.js";import"./sendMetaTransaction-Cpk-JkUY.js";import"./skeleton.styles-BEkEh9Xo.js";import"./import-CeVyQRnj.js";import"./buy-Bz6BQ053.js";(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},r=new s.Error().stack;r&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[r]="d1f899c1-a1de-47d5-9c78-ffb69931049c",s._sentryDebugIdIdentifier="sentry-dbid-d1f899c1-a1de-47d5-9c78-ffb69931049c")}catch{}})();const De="shop:creations-hint:v1";function Ke(){try{const s=localStorage.getItem(De);if(!s)return{};const r=JSON.parse(s);return r&&typeof r=="object"&&!Array.isArray(r)?r:{}}catch{return{}}}function Ks(s){if(!s)return null;const r=Ke()[s.toLowerCase()];return r&&Number.isFinite(r.count)&&r.count>0?{count:r.count}:null}function Gs(s,r){try{const d=Ke(),u=s.toLowerCase();r>0?d[u]={count:r}:delete d[u],localStorage.setItem(De,JSON.stringify(d))}catch{}}const{colors:f,font:Ge,radius:fe,z:Hs}=a,Ys=i.div`
-  position: fixed;
-  inset: 0;
-  z-index: ${Hs.overlay};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow-y: auto;
-  padding: 16px;
-  background: rgba(22, 21, 24, 0.55);
-`,qs=i.div`
-  width: 560px;
-  max-width: 100%;
-  max-height: 100%;
-  overflow-y: auto;
-  padding: 12px 16px 16px;
-  border-radius: ${fe.modal};
-  background: ${f.white};
-  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  font-family: ${Ge.sans};
-
-  /* Focused on mount for screen readers; it is not tab-reachable, so it never needs a visible ring. */
-  &:focus {
-    outline: none;
-  }
-`,Us=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid ${f.gray4};
-`,Js=i.h2`
-  margin: 0;
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 1.6;
-  color: ${f.text};
-`,Zs=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: ${f.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 ${f.accent};
-    outline-offset: 2px;
-  }
-`,Vs=i.div`
-  padding: 16px;
-  border-radius: ${fe.modal};
-  background: ${f.infoGreen};
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,Qs=i.h3`
-  margin: 0;
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 1.57;
-  color: ${f.text};
-`,Xs=i.p`
-  margin: 0;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 1.334;
-  color: ${f.text2};
-`,en=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`,tn=i.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-`,He=`
-  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: ${fe.card};
-  font-family: ${Ge.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 ${f.accent};
-    outline-offset: 2px;
-  }
-`,sn=i.button`
-  ${He};
-  border: 0.5px solid ${f.text};
-  background: ${f.white};
-  color: ${f.text2};
-
-  &:hover {
-    background: ${f.panel};
-  }
-`,nn=i.button`
-  ${He};
-  border: 0;
-  background: ${f.accent};
-  color: ${f.softWhite};
-
-  &:hover {
-    background: ${f.accentHover};
-  }
-  &:active {
-    background: ${f.accentActive};
-  }
-`,on=i.label`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 14.049px;
-  line-height: normal;
-  color: ${f.text};
-  cursor: pointer;
-`,an=i.span`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 32px;
-  height: 32px;
-
-  & input {
-    --box: 13.714px;
-  }
-`;function rn({onClose:s,onConfirm:r}){const[d,u]=l.useState(!1),w=l.useRef(null),F=l.useRef(d);return F.current=d,l.useEffect(()=>{var E;(E=w.current)==null||E.focus();function j(P){P.key==="Escape"&&s(F.current)}return window.addEventListener("keydown",j),()=>window.removeEventListener("keydown",j)},[s]),t.jsx(Ys,{role:"presentation",onClick:()=>s(d),children:t.jsxs(qs,{ref:w,tabIndex:-1,role:"dialog","aria-modal":"true","aria-label":o("newPricing.title"),"data-testid":"new-pricing-modal",onClick:j=>j.stopPropagation(),children:[t.jsxs(Us,{children:[t.jsx(Js,{children:o("newPricing.title")}),t.jsx(Zs,{onClick:()=>s(d),"aria-label":o("newPricing.close"),children:t.jsx(I,{name:"close",className:"ico"})})]}),t.jsxs(Vs,{children:[t.jsx(Qs,{children:o("newPricing.infoTitle")}),t.jsx(Xs,{children:o("newPricing.infoBody")})]}),t.jsx(ys,{align:"center"}),t.jsxs(en,{children:[t.jsxs(tn,{children:[t.jsx(sn,{onClick:()=>s(d),"data-testid":"new-pricing-later",children:o("newPricing.later")}),t.jsx(nn,{onClick:()=>r(d),"data-testid":"new-pricing-confirm",children:o("newPricing.confirm")})]}),t.jsxs(on,{children:[t.jsx(an,{children:t.jsx(As,{type:"checkbox",checked:d,onChange:j=>u(j.target.checked),"data-testid":"new-pricing-opt-out"})}),o("newPricing.optOut")]})]})]})})}const Ye="shop:dismissed-prompts",Fe="mana-pricing";function qe(){try{const s=localStorage.getItem(Ye);if(!s)return{};const r=JSON.parse(s);return!r||typeof r!="object"||Array.isArray(r)?{}:r}catch{return{}}}function cn(s){try{localStorage.setItem(Ye,JSON.stringify(s))}catch{}}function Ue(s){return s?s.toLowerCase():null}function ln(s,r){const d=Ue(r);if(!d)return!1;const u=qe()[d];return Array.isArray(u)&&u.includes(s)}function dn(s,r){const d=Ue(r);if(!d)return;const u=qe(),w=Array.isArray(u[d])?u[d]:[];w.includes(s)||cn({...u,[d]:[...w,s]})}function un({count:s,to:r="/import",onDismiss:d,className:u}){return t.jsxs(bs,{className:u,"data-testid":"mana-pricing-banner",children:[t.jsxs(ws,{children:[t.jsx(I,{name:"refresh",size:24}),t.jsxs(Ss,{children:[Bt("manaPricingBanner.lead",{count:s,mana:w=>t.jsxs(t.Fragment,{children:[t.jsx(js,{src:Ws,alt:"","aria-hidden":!0})," ",w]})})," ",t.jsx(Cs,{children:o("manaPricingBanner.accent")})," ",o("manaPricingBanner.trail")]})]}),t.jsxs($s,{children:[t.jsx(ks,{to:r,"data-testid":"mana-pricing-banner-cta",children:o("manaPricingBanner.cta")}),d?t.jsx(vs,{type:"button",onClick:d,"aria-label":o("manaPricingBanner.dismiss"),"data-testid":"mana-pricing-banner-dismiss",children:t.jsx(I,{name:"close",size:16})}):null]})]})}i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  width: 100%;
-`;i.h2`
-  margin: 0;
-  padding: 4px 4px 2px;
-  font-family: ${a.font.sans};
-  font-weight: 700;
-  font-size: 12px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-  color: ${a.colors.muted};
-`;i("button",We("selected"))`
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  width: 100%;
-  height: 40px;
-  padding: 4px 12px;
-  border: 0;
-  border-radius: 8px;
-  background: ${({selected:s})=>s?a.colors.media:"transparent"};
-  color: ${a.colors.text};
-  font-family: ${a.font.sans};
-  font-weight: ${({selected:s})=>s?600:400};
-  font-size: 14px;
-  text-align: left;
-  cursor: pointer;
-
-  @media (hover: hover) {
-    &:hover {
-      background: ${a.colors.media};
-    }
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-`;i(I)`
-  width: 18px;
-  height: 18px;
-  flex: none;
-  color: ${a.colors.muted};
-`;i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  width: 100%;
-`;i.span`
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 1.43;
-  color: ${a.colors.text};
-  padding: 0 4px;
-`;i.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  padding: 4px;
-`;i("button",We("selected"))`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 10px;
-  border-radius: 6px;
-  background: ${({selected:s})=>s?a.colors.text:a.colors.softWhite};
-  border: ${({selected:s})=>s?`1px solid ${a.colors.text}`:`0.5px solid ${a.colors.gray4}`};
-  color: ${({selected:s})=>s?a.colors.white:a.colors.gray0};
-  font-family: ${a.font.sans};
-  font-weight: ${({selected:s})=>s?600:400};
-  font-size: 12px;
-  cursor: pointer;
-
-  &:hover {
-    border-color: ${a.colors.text};
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.accent};
-    outline-offset: 2px;
-  }
-`;const pn=i.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  height: 40px;
-  padding: 0 12px;
-  border: 1px solid rgba(252, 252, 252, 0.6);
-  border-radius: ${a.radius.card};
-  background: ${a.colors.glassFaint};
-
-  &:focus-within {
-    border-color: ${a.colors.softWhite};
-  }
-`,mn=i(I)`
-  width: 18px;
-  height: 18px;
-  flex: none;
-  color: ${a.colors.softWhite};
-`,fn=i.input`
-  flex: 1;
-  min-width: 0;
-  border: 0;
-  background: none;
-  padding: 0;
-  font-family: ${a.font.sans};
-  font-size: 14px;
-  color: ${a.colors.softWhite};
-
-  &::placeholder {
-    color: rgba(252, 252, 252, 0.7);
-  }
-  &:focus {
-    outline: 0;
-  }
-`,hn=i.button`
-  display: grid;
-  place-items: center;
-  width: 24px;
-  height: 24px;
-  border: 0;
-  border-radius: 50%;
-  background: ${a.colors.glass};
-  color: ${a.colors.softWhite};
-  cursor: pointer;
-  flex: none;
-
-  &:hover {
-    background: ${a.colors.glassHover};
-  }
-  &:focus-visible {
-    outline: 2px solid ${a.colors.softWhite};
-    outline-offset: 2px;
-  }
-`,gn=i(I)`
-  width: 12px;
-  height: 12px;
-`,ue=i.div`
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
-  gap: 20px;
-
-  ${a.media.maxWidth("sm")} {
-    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
-    gap: 12px;
-  }
-`,xn=i(un)`
-  margin-bottom: 16px;
-`,yn=i.section`
-  & + & {
-    margin-top: 24px;
-    padding-top: 24px;
-    border-top: 1px solid rgba(255, 255, 255, 0.25);
-  }
-`,bn=i.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 16px;
-`,wn=i.span`
-  flex: none;
-  display: inline-flex;
-  align-items: center;
-  height: 32px;
-  padding: 0 14px;
-  border-radius: ${a.radius.pill};
-  border: 1px solid transparent;
-  font-family: ${a.font.sans};
-  font-weight: 700;
-  font-size: 13px;
-  letter-spacing: 0.02em;
-  text-transform: uppercase;
-  white-space: nowrap;
-
-  /* The running discount's own colours — the same ramp the chips, the review badge and the sale price
-     wear, so the header reads as the same discount rather than as a status of its own invention. */
-  ${Object.entries(a.saleHeat).map(([s,{tint:r,ink:d}])=>`
-  &[data-heat='${s}'] {
-    background: ${r};
-    border-color: ${d};
-    color: ${d};
-  }`).join("")}
-`,Sn=i(Lt)`
-  && {
-    background: ${a.gradients.buyBtn};
-    color: ${a.colors.white};
-  }
-  /* The purple variant paints its solid hover state through a ::before overlay, which would cover the
-     gradient; the hover below swaps the fill directly instead. */
-  &&::before {
-    content: none;
-  }
-  &&:hover:not(:disabled),
-  &&:active:not(:disabled) {
-    background-image: linear-gradient(${a.colors.dclRed}, ${a.colors.dclRed});
-  }
-  /* Three ampersands, not two: the purple variant's own disabled rule carries one more class than a
-     two-ampersand override, so it would otherwise repaint the button flat purple when nothing is listed. */
-  &&&:disabled {
-    background: ${a.gradients.buyBtn};
-    opacity: 0.55;
-  }
-`,jn=i.span`
-  flex: none;
-  width: 40px;
-  height: 40px;
-  border-radius: ${a.radius.btn};
-  overflow: hidden;
-  background: ${a.colors.media};
-`,Cn=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  /* Takes the slack so the CTA sits at the far edge, and lets a long name ellipse instead of pushing it. */
-  flex: 1;
-  min-width: 0;
-`,$n=i.h3`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 16px;
-  color: ${a.colors.softWhite};
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`,kn=i.span`
-  font-family: ${a.font.sans};
-  font-size: 13px;
-  /* Gray 5 — what the toolbar's own item count uses on this field. Gray 3 sat at 2.2:1 against the
-     page gradient and Gray 4 only reaches 3.8:1; both belong on the darker card fill, not out here. */
-  color: ${a.colors.gray5};
-`,vn=i.section`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  margin-bottom: 20px;
-  /* Even sides now that nothing sits at the right edge — the 8px was the old cta's optical inset. */
-  padding: 16px 18px;
-  border-radius: ${a.radius.btn};
-  background: ${a.colors.promptLilac};
-`,An=i.h2`
-  margin: 0;
-  font-family: ${a.font.sans};
-  font-weight: 600;
-  font-size: 16px;
-  color: ${a.colors.text};
-`,In=48,_e=[{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"}],En=["all","credits","mana"],pe={all:"filter.priceAll",credits:"filter.priceCredits",mana:"filter.priceMana"};function Pn(s){return s==="credits"?t.jsx(Zt,{size:14}):s==="mana"?t.jsx(fs,{src:Ds,alt:"","aria-hidden":!0}):null}const me=[{key:"newest",label:"filterBar.sortNewest",server:"newest"},{key:"name",label:"filterBar.sortName",server:"name"},{key:"cheapest",label:"filterBar.sortCheapest",server:"cheapest"}];function Be(s){return s==="wearables"||s==="emotes"}const Le={wearables:"wearable",emotes:"emote",names:"names",creations:""},On={wearable:"wearables",emote:"emotes",names:"names"};function Tn(s){return`${ze.builderUrl}/names/${encodeURIComponent(s)}`}function Ne(s,r){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:(r==null?void 0:r.priceCredits)??s.listingPrice??0,gender:null,isSmart:!1,tokenId:s.tokenId,issuedId:s.issuedId,tradeId:(r==null?void 0:r.tradeId)??s.tradeId}}function Rn(s,r,d,u){return{id:`${s.contractAddress}-${s.blockchainItemId}`,name:s.name,creator:d,contractAddress:s.contractAddress,itemId:s.blockchainItemId,category:s.category,rarity:s.rarity,network:"MATIC",chainId:ze.chainId,thumbnail:s.thumbnail,priceCredits:r,available:s.remainingSupply,...(u==null?void 0:u.compareAtCredits)!=null?{compareAtCredits:u.compareAtCredits}:{},...(u==null?void 0:u.saleEndsAt)!=null?{saleEndsAt:u.saleEndsAt}:{},gender:null,isSmart:!1}}function lo(){var Ae,Ie;Nt({title:o("nav.myAssets"),noindex:!0});const{session:s,error:r,signIn:d,restore:u}=zt(),w=Ft(),[F,j]=_t(),E=F.get("section"),P=Wt(),he=_e.some(e=>e.key===E)?E:"wearables",p=P&&he==="creations"?"wearables":he,[g,H]=l.useState("all"),[C,_]=l.useState("all"),[k,Y]=l.useState([]),[b,B]=l.useState(null);as(`${p}:${b??""}`);const[O,Je]=l.useState("newest"),[L,ge]=l.useState(""),[v,Ze]=l.useState(""),[N,A]=l.useState(!1),[Ve,Qe]=l.useState(!0),[Xe,et]=l.useState(!0),[tt,st]=l.useState(!1),[nt,ot]=l.useState(!1),[q,xe]=l.useState("idle");l.useEffect(()=>{u()},[u]),l.useEffect(()=>{const e=setTimeout(()=>Ze(L.trim()),300);return()=>clearTimeout(e)},[L]),l.useEffect(()=>{if(!N)return;const e=c=>{c.key==="Escape"&&A(!1)};document.addEventListener("keydown",e);const n=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",e),document.body.style.overflow=n}},[N]);const h=s==null?void 0:s.address,at=_e.find(e=>e.key===p),z=Be(p),ye=(me.find(e=>e.key===O)??me[0]).server,rt=g==="on_sale"?o("filter.onSale"):g==="not_for_sale"?o("filter.notForSale"):"",it=C==="all"?"":o(pe[C]),ct=oe.filter(e=>k.includes(e)).map(Ee).join(", ");function be(e){j(n=>{const c=new URLSearchParams(n);return c.set("section",e),c},{replace:!0}),B(null),Be(e)||Y([]),e!=="creations"&&_("all"),A(!1)}function we(e){Y(n=>n.includes(e)?n.filter(c=>c!==e):[...n,e])}function lt(e){const n=On[e];n&&be(n)}const{items:T,total:dt,isLoading:U,isPlaceholderData:J,error:ut,hasNextPage:pt,isFetchingNextPage:Se,isFetchNextPageError:mt,fetchNextPage:ft}=hs(["my-assets",h,p,g,k,b,v,ye],e=>Ut(h,{category:at.category,first:In,skip:e,search:v||void 0,rarities:z&&k.length?k:void 0,wearableCategories:p==="wearables"&&b?Pe[b]:void 0,emoteCategories:p==="emotes"&&b?Pe[b]:void 0,onlyOnSale:g==="on_sale"||void 0,sortBy:ye}).then(n=>({items:n.assets,total:n.total})),{enabled:!!h&&p!=="creations"}),Z=l.useMemo(()=>p==="wearables"||p==="emotes"?[...new Set(T.map(e=>e.contractAddress))]:[],[T,p]),{data:W}=ae({queryKey:["secondary-sale-state",Z],enabled:Z.length>0,queryFn:async()=>{const e=await Promise.all(Z.map(async c=>[c,await Vt(c)])),n={};for(const[c,m]of e)for(const[S,Mt]of Object.entries(m))n[`${c}-${S}`]=Mt;return n}}),je=e=>W==null?void 0:W[`${e.contractAddress}-${e.tokenId}`],ht=e=>!!je(e)||e.isOnSale,V=l.useMemo(()=>g==="not_for_sale"?T.filter(e=>!ht(e)):T,[T,g,W]),D=l.useMemo(()=>Ks(h),[h]),Q=!!s&&(p==="creations"||D!==null),{data:x,isLoading:gt,isError:xt}=ae({queryKey:["publishable-items",h],queryFn:()=>Xt(h,s.identity,{includeSoldOut:!0}),enabled:Q,staleTime:5*6e4,retry:!1});l.useEffect(()=>{h&&x&&Gs(h,x.length)},[h,x]);const{data:y,isPending:yt,isError:bt}=ae({queryKey:["collection-sale-state",h],queryFn:()=>Qt(h),enabled:Q,staleTime:6e4}),$=e=>y==null?void 0:y[`${e.contractAddress}-${e.blockchainItemId}`],wt=Q&&yt&&!bt&&((x==null?void 0:x.length)??0)>0,X=gt||wt,St=Math.min(12,Math.max(4,(D==null?void 0:D.count)??12)),jt=l.useMemo(()=>Object.values(y??{}).some(e=>!!e.manaWei),[y]),{data:ee}=Dt(jt),te=e=>e?!e.manaWei||!ee?e.priceCredits:Jt({manaWei:e.manaWei,priceCredits:e.priceCredits},ee):0,se=Kt(),{data:R}=es(h,se&&p==="creations"),[Ct,Ce]=l.useState(!1),[$t,kt]=l.useState(void 0),ne=l.useMemo(()=>ts(x??[],y),[x,y]),{count:vt}=gs(),K=vt??0,G=l.useMemo(()=>{let e=x??[];if(g==="on_sale"?e=e.filter(c=>{var m;return(m=$(c))==null?void 0:m.isOnSale}):g==="not_for_sale"&&(e=e.filter(c=>{var m;return!((m=$(c))!=null&&m.isOnSale)})),C==="credits"?e=e.filter(c=>{var m,S;return!!((m=$(c))!=null&&m.isOnSale)&&!((S=$(c))!=null&&S.manaWei)}):C==="mana"&&(e=e.filter(c=>{var m;return!!((m=$(c))!=null&&m.manaWei)})),v){const c=v.toLowerCase();e=e.filter(m=>m.name.toLowerCase().includes(c))}const n=[...e];return O==="name"?n.sort((c,m)=>c.name.localeCompare(m.name)):O==="cheapest"&&n.sort((c,m)=>te($(c))-te($(m))),n},[x,y,g,C,v,O,ee]),At=l.useMemo(()=>{var n;const e=new Map;for(const c of G){const m=c.contractAddress.toLowerCase(),S=e.get(m)??{contractAddress:m,name:c.collectionName,listed:0,soldOut:0,items:[]};S.items.push(c),(n=y==null?void 0:y[`${c.contractAddress}-${c.blockchainItemId}`])!=null&&n.isOnSale&&(S.listed+=1),c.remainingSupply<=0&&(S.soldOut+=1),e.set(m,S)}return[...e.values()]},[G,y]),It=l.useMemo(()=>{const e={};for(const n of x??[])e[n.contractAddress.toLowerCase()]=n.collectionName;return e},[x]),$e=l.useMemo(()=>{const e=new Map;for(const n of R??[]){if(n.status!=="active"&&n.status!=="scheduled")continue;const c=n.discount/1e4;for(const m of n.collections)e.set(m.toLowerCase(),{status:n.status,pct:c})}return e},[R]),Et=l.useMemo(()=>new Set(ne.map(e=>e.contractAddress.toLowerCase())),[ne]),ke=ne.find(e=>e.contractAddress===$t);l.useEffect(()=>{q!=="idle"||K===0||ln(Fe,h)||xe("open")},[q,K,h]);function ve(e){e&&dn(Fe,h),xe("closed")}if(!s)return t.jsxs(Gt,{children:[t.jsx(re,{testId:"my-items-signin",icon:Ps,title:o("myAssets.signInTitle"),body:o("myAssets.signInBody"),cta:{label:o("storeSettings.signIn"),onClick:()=>d()},ctaVariant:"solid",fill:!0}),t.jsx(Me,{message:r})]});const Pt=p==="creations"?X:U||J,Ot=p==="creations"?G.length:g==="not_for_sale"?V.length:dt,M=[];if(g!=="all"&&M.push({key:"status",label:g==="on_sale"?o("filter.onSale"):o("filter.notForSale"),onRemove:()=>H("all")}),p==="creations"&&C!=="all"&&M.push({key:"price",label:o(pe[C]),onRemove:()=>_("all")}),z)for(const e of oe)k.includes(e)&&M.push({key:`rarity-${e}`,label:Ee(e),onRemove:()=>we(e)});if(z&&b){const e=(Ie=(Ae=Ht.find(n=>n.key===Le[p]))==null?void 0:Ae.subs)==null?void 0:Ie.find(n=>n.key===b);M.push({key:"sub",label:e?o(e.labelKey):b,onRemove:()=>B(null)})}function Tt(){H("all"),_("all"),Y([]),B(null)}const Rt=t.jsxs(rs,{children:[t.jsx(is,{title:o("myAssets.assetsHeading"),category:Le[p],subCategory:b,onCategory:lt,onSub:B,onCollections:P?void 0:()=>be("creations"),collections:!P&&p==="creations",extraLabelKey:"myAssets.sectionCreations",hideAll:!0}),z?t.jsxs(t.Fragment,{children:[t.jsx(le,{}),t.jsx(de,{title:o("assets.rarity"),open:tt,onToggle:()=>st(e=>!e),summary:ct,headerTestId:"sidebar-section-toggle",children:t.jsx(cs,{"data-testid":"rarity-filter",children:oe.map(e=>{const n=k.includes(e);return t.jsxs(ls,{type:"button",selected:n,"aria-pressed":n,onClick:()=>we(e),"data-testid":"rarity-filter-check",children:[t.jsx(ds,{color:a.rarities[e],children:n?t.jsx(us,{name:"check","aria-hidden":!0}):null}),t.jsx(ps,{selected:n,children:e})]},e)})})})]}):null,t.jsx(le,{}),t.jsx(de,{title:o("filter.status"),open:Ve,onToggle:()=>Qe(e=>!e),summary:rt,children:[["all",o("filter.statusAll")],["on_sale",o("filter.onSale")],["not_for_sale",o("filter.notForSale")]].map(([e,n])=>t.jsxs(Oe,{children:[t.jsx(Te,{type:"radio",name:"myassets-status",checked:g===e,onChange:()=>H(e)}),t.jsx(Re,{children:n})]},e))}),p==="creations"?t.jsxs(t.Fragment,{children:[t.jsx(le,{}),t.jsx(de,{title:o("filter.salePrice"),open:Xe,onToggle:()=>et(e=>!e),summary:it,children:En.map(e=>t.jsxs(Oe,{children:[t.jsx(Te,{type:"radio",name:"myassets-price",checked:C===e,onChange:()=>_(e),"data-testid":`price-filter-${e}`}),t.jsxs(Re,{children:[Pn(e),o(pe[e])]})]},e))})]}):null]});return t.jsxs(Os,{"data-testid":"my-assets",children:[N?t.jsx(Ts,{onClick:()=>A(!1),"aria-hidden":!0}):null,t.jsxs(Rs,{"data-open":N||void 0,"data-testid":"my-assets-sidebar",children:[t.jsxs(Ms,{children:[t.jsx(Fs,{children:o("assets.filters")}),t.jsx(_s,{onClick:()=>A(!1),"aria-label":o("assets.closeFilters"),children:"✕"})]}),t.jsx(Bs,{children:Rt}),t.jsx(Ls,{children:t.jsx(Ns,{type:"button",onClick:()=>A(!1),children:o("assets.showItems")})})]}),t.jsxs(zs,{children:[K>0&&!nt?t.jsx(xn,{count:K,onDismiss:()=>ot(!0)}):null,t.jsx(ms,{sort:O,onSort:Je,sortOptions:me,total:Ot,loading:Pt,query:v,onOpenFilters:()=>A(!0),chips:M,onClearChips:Tt,search:t.jsxs(pn,{children:[t.jsx(mn,{name:"search","aria-hidden":!0}),t.jsx(fn,{type:"search",value:L,placeholder:o("myAssets.searchPlaceholder"),"aria-label":o("myAssets.searchPlaceholder"),onChange:e=>ge(e.target.value)}),L?t.jsx(hn,{type:"button","aria-label":o("myAssets.clearSearch"),onClick:()=>ge(""),children:t.jsx(gn,{name:"close","aria-hidden":!0})}):null]})}),(p==="creations"?xt:ut)?t.jsx(Me,{message:o("myAssets.ownedError"),testId:"my-assets-error"}):null,p==="creations"?t.jsxs(t.Fragment,{children:[se&&s&&R&&R.length>0?t.jsxs(vn,{"data-testid":"creator-sales-panel",children:[t.jsx(An,{children:o("creatorSale.salesTitle")}),t.jsx(ss,{sales:R,session:s,names:It})]}):null,Ct&&s&&ke?t.jsx(ns,{session:s,collection:ke,onClose:()=>Ce(!1)}):null,X?t.jsx(ue,{"data-testid":"grid",children:t.jsx(ie,{count:St})}):At.map(e=>t.jsxs(yn,{"data-testid":"creation-group",children:[t.jsxs(bn,{children:[t.jsx(jn,{children:t.jsx(Yt,{contractAddress:e.contractAddress})}),t.jsxs(Cn,{children:[t.jsx($n,{"data-testid":"creation-group-name",children:e.name}),t.jsxs(kn,{"data-testid":"creation-group-count",children:[o("myAssets.itemsCount",{count:e.items.length}),e.listed>0?` · ${o("myAssets.groupOnSale",{count:e.listed})}`:"",e.soldOut>0?` · ${o("myAssets.groupSoldOut",{count:e.soldOut})}`:""]})]}),se&&s&&Et.has(e.contractAddress)?$e.has(e.contractAddress)?(()=>{const n=$e.get(e.contractAddress);return t.jsx(wn,{"data-heat":qt(n.pct),"data-testid":"creation-group-sale-state",children:o(n.status==="scheduled"?"creatorSale.groupScheduled":"creatorSale.groupActive",{pct:n.pct})})})():t.jsx(Sn,{variant:"purple",size:"sm","data-testid":"creation-group-sale",onClick:()=>{kt(e.contractAddress),Ce(!0)},children:o("creatorSale.putOnSale")}):null]}),t.jsx(ue,{"data-testid":"grid",children:e.items.map(n=>{const c=$(n);return t.jsx(ce,{item:Rn(n,te(c),h??"",c),mode:"manage-link"},`${n.contractAddress}-${n.blockchainItemId}`)})})]},e.contractAddress)),!X&&G.length===0?t.jsx(re,{testId:"creations-empty",icon:Is,title:o("myAssets.emptyCreationsTitle"),body:o("myAssets.nothingToPublish")}):null]}):t.jsxs(t.Fragment,{children:[t.jsxs(ue,{"data-testid":"grid",children:[U||J?t.jsx(ie,{count:12}):V.map(e=>p==="names"?t.jsx(ce,{item:{...Ne(e),category:"ens"},mode:"manage-link",manageHref:Tn(e.name)},e.id):t.jsx(ce,{item:Ne(e,je(e)),mode:"manage-link"},e.id)),Se?t.jsx(ie,{count:6}):null]}),g!=="not_for_sale"?t.jsx(os,{hasNextPage:pt,isFetching:Se,isError:mt,onLoadMore:()=>void ft()}):null,!U&&!J&&V.length===0?t.jsx(re,{testId:"owned-empty",icon:g==="on_sale"?xs:Es,title:p==="names"?o("myAssets.emptyNamesTitle"):o("myAssets.emptyOwnedTitle"),body:p==="names"?o("myAssets.namesEmpty"):o("myAssets.ownedEmpty"),cta:p!=="names"?{label:o("myAssets.emptyBrowse"),to:"/items"}:void 0}):null]})]}),q==="open"?t.jsx(rn,{onClose:ve,onConfirm:e=>{ve(e),w("/import")}}):null]})}export{lo as MyAssets};
-//# sourceMappingURL=MyAssets-5gpOzD_e.js.map