@dcl/shop 0.5.0 → 0.5.1-30936450524.commit-699b9ba

package/_assets/ManaPricingBanner.styles-4CDYw79q.js

@@ -1,74 +0,0 @@
-var $=Object.defineProperty;var R=(t,a,e)=>a in t?$(t,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[a]=e;var x=(t,a,e)=>R(t,typeof a!="symbol"?a+"":a,e);import{l as A,aV as I,aW as S,aX as T,c as u,t as p,s as r,aa as E,d as v,aY as k,b as h}from"./index-CEec1iYe.js";import{c as M}from"./buy-Bs_G6nfA.js";import{r as U}from"./mana-rate-DFh9C_O1.js";import{e as O,d as W,f as F,h as P}from"./trade-encoding-B7y8VfDo.js";import{a as Y}from"./mana-convert-gdOzEDdP.js";import{r as _,j as s,L as z}from"./react-DehiWSvs.js";const m=1e3*60*60*24*182;async function st(t){const a=await fetch(`${u.marketplaceServerUrl}/v3/catalog/importable?seller=${t.toLowerCase()}`);if(!a.ok)throw new Error(`fetchImportable ${a.status}`);const{data:e}=await a.json(),n=e??[];if(n.length===0)return{creations:[],owned:[]};const d=n[0].chainId||u.chainId,c=await U(d),l=n.map(i=>({...i,suggestedCredits:Y(i.manaWei,c)??1}));return{creations:l.filter(i=>i.listingType==="primary"),owned:l.filter(i=>i.listingType==="secondary")}}const w=[3e3,3e3,4e3,5e3,6e3,8e3,8e3];async function C(t,a){for(let e=0;;e++)try{await T(t,a);return}catch(n){if(!/already an open order/i.test((n==null?void 0:n.message)??"")||e>=w.length)throw n;await new Promise(c=>setTimeout(c,w[e]))}}class B extends Error{constructor(e){super("Your old listing was removed, but re-listing in the Shop failed — re-list it from My Assets.");x(this,"original");this.name="RelistFailedError",this.original=e}}async function nt(t,a,e,n={}){const d=a/10,c=t.chainId,l=t.network;if(t.listingType==="secondary"&&!await A())throw new Error("The Shop does not offer secondary sales; this listing cannot be migrated.");let i=!1;if(n.cancelOld!==!1){const o=await I(t.oldTradeId).catch(g=>{if(g instanceof S)return null;throw g});o&&(await M({trade:o,signer:e.signer}),i=!0)}try{if(t.listingType==="primary"){await O({signer:e.signer,contractAddress:t.contractAddress,chainId:c});const o=await W({signer:e.signer,item:{contractAddress:t.contractAddress,itemId:t.itemId??"",network:l,chainId:c},usdPrice:d,uses:t.available,expiresAtMs:Date.now()+m});await C(o,e.identity)}else{await F({signer:e.signer,contractAddress:t.contractAddress,chainId:c});const o=await P({signer:e.signer,nft:{contractAddress:t.contractAddress,tokenId:t.tokenId??"",network:l,chainId:c},usdPrice:d,expiresAtMs:Date.now()+m});await C(o,e.identity)}}catch(o){throw i?new B(o):o}}function D({size:t=17,...a}){const e=`credit-mark-${_.useId()}`;return s.jsxs("svg",{viewBox:"0 0 16.9985 16.9985",width:t,height:t,fill:"none","aria-hidden":!0,focusable:"false",...a,children:[s.jsx("defs",{children:s.jsxs("linearGradient",{id:e,x1:"-0.513692",y1:"8.51179",x2:"29.4301",y2:"5.69069",gradientUnits:"userSpaceOnUse",children:[s.jsx("stop",{stopColor:p.colors.dclRed}),s.jsx("stop",{offset:"1",stopColor:p.colors.flareAmber})]})}),s.jsx("path",{d:"M11.866 0.605075L16.4734 5.29355L16.4148 11.8658L11.7253 16.4742L5.15405 16.4156L0.545653 11.7271L0.604247 5.1539L5.29175 0.546481L11.866 0.605075Z",fill:`url(#${e})`,stroke:`url(#${e})`,strokeWidth:"1.04738"}),s.jsx("path",{d:"M9.14405 10.9365C9.51965 10.9365 9.87384 10.8794 10.2067 10.7653C10.5395 10.6512 10.7938 10.5371 10.9697 10.423L11.4975 11.4749L12.0252 12.5268C11.8017 12.717 11.4166 12.9095 10.8699 13.1045C10.3279 13.2994 9.68605 13.3969 8.94437 13.3969C8.25023 13.3969 7.59651 13.2756 6.98319 13.0332C6.36988 12.7907 5.82551 12.4507 5.35007 12.0133C4.87939 11.5759 4.51093 11.0625 4.24468 10.4729C3.97844 9.87864 3.84532 9.23205 3.84532 8.53316C3.84532 7.83427 3.97844 7.18767 4.24468 6.59338C4.51093 5.99433 4.87939 5.4761 5.35007 5.0387C5.82075 4.59655 6.36275 4.25423 6.97606 4.01176C7.59413 3.76453 8.25023 3.64092 8.94437 3.64092C9.68605 3.64092 10.3279 3.73838 10.8699 3.93331C11.4166 4.12824 11.8017 4.32079 12.0252 4.51097L10.9697 6.61477C10.7938 6.50067 10.5395 6.38656 10.2067 6.27246C9.87384 6.15835 9.51965 6.1013 9.14405 6.1013C8.67812 6.1013 8.27876 6.17024 7.94595 6.30812C7.6179 6.44599 7.34928 6.63141 7.14009 6.86438C6.9309 7.09734 6.77638 7.35645 6.67654 7.64171C6.58145 7.92698 6.53391 8.21699 6.53391 8.51176C6.53391 8.81129 6.58145 9.10606 6.67654 9.39607C6.77638 9.68133 6.9309 9.94045 7.14009 10.1734C7.34928 10.4064 7.6179 10.5918 7.94595 10.7297C8.27876 10.8675 8.67812 10.9365 9.14405 10.9365Z",fill:p.colors.white})]})}const{colors:b,font:N}=p,q=r.p`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  margin: 0;
-  font-family: ${N.sans};
-  font-size: 16px;
-  line-height: normal;
-  color: ${b.text};
-
-  &[data-align='center'] {
-    justify-content: center;
-  }
-`,y=r.span`
-  font-weight: 600;
-`,L=r.span`
-  font-weight: 400;
-`,H=r.span`
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 1.57;
-  color: ${b.muted1};
-`;function rt({align:t,className:a}){const e=E(v.nameSingular),n=k(1).toFixed(2),d=h("creditRate.usdLabel");return s.jsxs(q,{className:a,"data-align":t,"data-testid":"credit-rate","aria-label":h("creditRate.aria",{unit:e,usd:n}),children:[s.jsx(D,{}),s.jsxs("span",{children:[s.jsx(y,{children:"1"})," ",s.jsx(L,{children:e})]}),s.jsx(H,{"aria-hidden":!0,children:h("creditRate.equals")}),s.jsxs("span",{children:[s.jsx(L,{children:d})," ",s.jsx(y,{children:n})]})]})}const{colors:f,font:V,media:X,radius:j}=p,Z=r.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 8px 12px 16px;
-  border-radius: ${j.btn};
-  background: ${f.promptLilac};
-  font-family: ${V.sans};
-`,it=r(Z)`
-  justify-content: space-between;
-
-  /* Side by side the sentence and the cta can't both fit a phone, so the cta drops to its own line. */
-  ${X.maxWidth("mobile")} {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-`,ot=r.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-`,ct=r.p`
-  margin: 0;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 1.334;
-  color: ${f.text2};
-`,dt=r.strong`
-  font-weight: 700;
-`,lt=r(z)`
-  flex: none;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 40px;
-  padding: 0 12px;
-  border-radius: ${j.card};
-  font-size: 13px;
-  font-weight: 600;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-  text-decoration: underline;
-  color: ${f.accent};
-
-  &:hover {
-    color: ${f.accentHover};
-  }
-  &:focus-visible {
-    outline: 2px solid ${f.accent};
-    outline-offset: 2px;
-  }
-`;export{dt as A,ot as B,rt as C,it as R,Z as S,ct as T,lt as a,B as b,D as c,st as f,nt as i};

package/_assets/MyAssets-C29gKaZs.js

@@ -1,381 +0,0 @@
-import{r as d,j as t,L as nt,d as ot,e as rt}from"./react-DehiWSvs.js";import{t as n,s as i,b as o,I as C,p as it,m as at,n as ct,aa as ue,u as K,B as lt,ac as Z,ad as X,y as dt,c as Ae,bk as pt,bl as mt}from"./index-CEec1iYe.js";import{C as ut,R as ft,B as xt,T as ht,A as gt,a as yt,f as bt}from"./ManaPricingBanner.styles-4CDYw79q.js";import{a as wt}from"./builder-BCsqID1m.js";import{L as jt}from"./LoadMore-CPg41rwp.js";import{R as ee,a as $t,C as St,F as kt,e as fe}from"./categories-CJDomWri.js";import{D as xe,F as he,R as vt,a as Ct,b as It,c as At,d as Pt,S as Et,e as Rt,f as Tt,g as Ot,h as Ft,i as _t,j as zt,k as Bt,C as Nt,l as Lt,m as Mt,n as Kt,M as Gt}from"./Assets.styles-DIh1hG4_.js";import{u as qt}from"./useInfiniteGrid-ottWIC3k.js";import{u as Dt}from"./buy-Bs_G6nfA.js";import{E as ge}from"./ErrorNotice-qXSCgBBe.js";import{C as Ht}from"./field.styles-CeFk4Y5o.js";import{n as Pe}from"./Tooltip-D-dOz9cj.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./mana-rate-DFh9C_O1.js";import"./mana-convert-gdOzEDdP.js";import"./trade-encoding-B7y8VfDo.js";import"./authorizations-3-Mq1Ehl.js";import"./sendMetaTransaction-CrIt0KCG.js";const{colors:m,font:Ee,radius:se,z:Ut}=n,Wt=i.div`
-  position: fixed;
-  inset: 0;
-  z-index: ${Ut.overlay};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow-y: auto;
-  padding: 16px;
-  background: rgba(22, 21, 24, 0.55);
-`,Yt=i.div`
-  width: 560px;
-  max-width: 100%;
-  max-height: 100%;
-  overflow-y: auto;
-  padding: 12px 16px 16px;
-  border-radius: ${se.modal};
-  background: ${m.white};
-  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  font-family: ${Ee.sans};
-
-  /* Focused on mount for screen readers; it is not tab-reachable, so it never needs a visible ring. */
-  &:focus {
-    outline: none;
-  }
-`,Jt=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid ${m.gray4};
-`,Qt=i.h2`
-  margin: 0;
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 1.6;
-  color: ${m.text};
-`,Vt=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;
-  }
-`,Zt=i.div`
-  padding: 16px;
-  border-radius: ${se.modal};
-  background: ${m.infoGreen};
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,Xt=i.h3`
-  margin: 0;
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 1.57;
-  color: ${m.text};
-`,es=i.p`
-  margin: 0;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 1.334;
-  color: ${m.text2};
-`,ts=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`,ss=i.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-`,Re=`
-  flex: 1 1 0;
-  min-width: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  height: 40px;
-  padding: 0 12px;
-  border-radius: ${se.card};
-  font-family: ${Ee.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;
-  }
-`,ns=i.button`
-  ${Re};
-  border: 2px solid ${m.accent};
-  background: ${m.white};
-  color: ${m.accent};
-
-  &:hover {
-    background: ${m.rarityBg};
-  }
-`,os=i.button`
-  ${Re};
-  border: 0;
-  background: ${m.accent};
-  color: ${m.softWhite};
-
-  &:hover {
-    background: ${m.accentHover};
-  }
-  &:active {
-    background: ${m.accentActive};
-  }
-`,rs=i.label`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 14.049px;
-  line-height: normal;
-  color: ${m.text};
-  cursor: pointer;
-`,is=i.span`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 32px;
-  height: 32px;
-
-  & input {
-    --box: 13.714px;
-  }
-`;function as({onClose:s,onConfirm:l}){const[p,h]=d.useState(!1),b=d.useRef(null),R=d.useRef(p);return R.current=p,d.useEffect(()=>{var I;(I=b.current)==null||I.focus();function y(c){c.key==="Escape"&&s(R.current)}return window.addEventListener("keydown",y),()=>window.removeEventListener("keydown",y)},[s]),t.jsx(Wt,{role:"presentation",onClick:()=>s(p),children:t.jsxs(Yt,{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(Jt,{children:[t.jsx(Qt,{children:o("newPricing.title")}),t.jsx(Vt,{onClick:()=>s(p),"aria-label":o("newPricing.close"),children:t.jsx(C,{name:"close",className:"ico"})})]}),t.jsxs(Zt,{children:[t.jsx(Xt,{children:o("newPricing.infoTitle")}),t.jsx(es,{children:o("newPricing.infoBody")})]}),t.jsx(ut,{align:"center"}),t.jsxs(ts,{children:[t.jsxs(ss,{children:[t.jsx(ns,{onClick:()=>s(p),"data-testid":"new-pricing-later",children:o("newPricing.later")}),t.jsx(os,{onClick:()=>l(p),"data-testid":"new-pricing-confirm",children:o("newPricing.confirm")})]}),t.jsxs(rs,{children:[t.jsx(is,{children:t.jsx(Ht,{type:"checkbox",checked:p,onChange:y=>h(y.target.checked),"data-testid":"new-pricing-opt-out"})}),o("newPricing.optOut")]})]})]})})}const Te="shop:dismissed-prompts",ye="mana-pricing";function Oe(){try{const s=localStorage.getItem(Te);if(!s)return{};const l=JSON.parse(s);return!l||typeof l!="object"||Array.isArray(l)?{}:l}catch{return{}}}function cs(s){try{localStorage.setItem(Te,JSON.stringify(s))}catch{}}function Fe(s){return s?s.toLowerCase():null}function ls(s,l){const p=Fe(l);if(!p)return!1;const h=Oe()[p];return Array.isArray(h)&&h.includes(s)}function ds(s,l){const p=Fe(l);if(!p)return;const h=Oe(),b=Array.isArray(h[p])?h[p]:[];b.includes(s)||cs({...h,[p]:[...b,s]})}function ps({count:s,to:l="/import",className:p}){return t.jsxs(ft,{className:p,"data-testid":"mana-pricing-banner",children:[t.jsxs(xt,{children:[t.jsx(it,{size:20,color:n.colors.accent}),t.jsxs(ht,{children:[o("manaPricingBanner.lead",{count:s})," ",t.jsx(gt,{children:o("manaPricingBanner.accent")})," ",o("manaPricingBanner.trail")]})]}),t.jsx(yt,{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",Pe("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(C)`
-  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",Pe("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 ms=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};
-  }
-`,us=i(C)`
-  width: 18px;
-  height: 18px;
-  flex: none;
-  color: ${n.colors.muted};
-`,fs=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;
-  }
-`,xs=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;
-  }
-`,hs=i(C)`
-  width: 12px;
-  height: 12px;
-`,be=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 we=i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  padding: 72px 24px;
-  text-align: center;
-`,je=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};
-`,$e=i.p`
-  margin: 0;
-  font-family: ${n.font.sans};
-  font-size: 18px;
-  font-weight: 600;
-  color: ${n.colors.text};
-`,Se=i.p`
-  margin: 0;
-  max-width: 360px;
-  font-family: ${n.font.sans};
-  font-size: 14px;
-  line-height: 1.5;
-  color: ${n.colors.muted};
-`,gs=i(nt)`
-  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};
-  }
-`,ys=i.section`
-  max-width: 520px;
-  margin: 48px auto;
-  text-align: center;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  align-items: center;
-`,bs=i.h1`
-  margin: 0;
-  font-family: ${n.font.sans};
-  font-weight: 700;
-  font-size: 24px;
-  color: ${n.colors.text};
-`,ws=i.p`
-  margin: 0;
-  font-family: ${n.font.sans};
-  font-size: 15px;
-  color: ${n.colors.muted};
-`,js=i(ps)`
-  margin-bottom: 16px;
-`,$s=48,ke=[{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"}],te=[{key:"newest",label:"filterBar.sortNewest",server:"newest"},{key:"name",label:"filterBar.sortName",server:"name"},{key:"cheapest",label:"filterBar.sortCheapest",server:"cheapest"}];function ve(s){return s==="wearables"||s==="emotes"}const Ce={wearables:"wearable",emotes:"emote",names:"names",creations:""},Ss={wearable:"wearables",emote:"emotes",names:"names"};function ks(s){return`${Ae.builderUrl}/names/${encodeURIComponent(s)}`}function Ie(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 vs(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:Ae.chainId,thumbnail:s.thumbnail,priceCredits:l,gender:null,isSmart:!1}}function Ws(){var pe,me;at({title:o("nav.myAssets"),noindex:!0});const{session:s,error:l,signIn:p,restore:h}=ct(),b=ot(),[R,y]=rt(),I=R.get("section"),c=ke.some(e=>e.key===I)?I:"wearables",[f,G]=d.useState("all"),[w,q]=d.useState([]),[g,T]=d.useState(null),[A,_e]=d.useState("newest"),[O,ne]=d.useState(""),[j,ze]=d.useState(""),[F,$]=d.useState(!1),[Be,Ne]=d.useState(!0),[Le,Me]=d.useState(!1),[D,oe]=d.useState("idle");d.useEffect(()=>{h()},[h]),d.useEffect(()=>{const e=setTimeout(()=>ze(O.trim()),300);return()=>clearTimeout(e)},[O]),d.useEffect(()=>{if(!F)return;const e=a=>{a.key==="Escape"&&$(!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}},[F]);const x=s==null?void 0:s.address,Ke=ke.find(e=>e.key===c),_=ve(c),re=(te.find(e=>e.key===A)??te[0]).server,Ge=f==="on_sale"?o("filter.onSale"):f==="not_for_sale"?o("filter.notForSale"):"",qe=ee.filter(e=>w.includes(e)).map(ue).join(", ");function ie(e){y(r=>{const a=new URLSearchParams(r);return a.set("section",e),a},{replace:!0}),T(null),ve(e)||q([]),$(!1)}function ae(e){q(r=>r.includes(e)?r.filter(a=>a!==e):[...r,e])}function De(e){const r=Ss[e];r&&ie(r)}const{items:P,total:He,isLoading:H,isPlaceholderData:U,error:Ue,hasNextPage:We,isFetchingNextPage:ce,isFetchNextPageError:Ye,fetchNextPage:Je}=qt(["my-assets",x,c,f,w,g,j,re],e=>dt(x,{category:Ke.category,first:$s,skip:e,search:j||void 0,rarities:_&&w.length?w:void 0,wearableCategories:c==="wearables"&&g?fe[g]:void 0,emoteCategories:c==="emotes"&&g?fe[g]:void 0,onlyOnSale:f==="on_sale"||void 0,sortBy:re}).then(r=>({items:r.assets,total:r.total})),{enabled:!!x&&c!=="creations"}),W=d.useMemo(()=>c==="wearables"||c==="emotes"?[...new Set(P.map(e=>e.contractAddress))]:[],[P,c]),{data:z}=K({queryKey:["secondary-sale-state",W],enabled:W.length>0,queryFn:async()=>{const e=await Promise.all(W.map(async a=>[a,await pt(a)])),r={};for(const[a,u]of e)for(const[k,v]of Object.entries(u))r[`${a}-${k}`]=v;return r}}),le=e=>z==null?void 0:z[`${e.contractAddress}-${e.tokenId}`],Qe=e=>!!le(e)||e.isOnSale,Y=d.useMemo(()=>f==="not_for_sale"?P.filter(e=>!Qe(e)):P,[P,f,z]),{data:B,isLoading:J,isError:Ve}=K({queryKey:["publishable-items",x],queryFn:()=>wt(x,s.identity),enabled:!!s&&c==="creations",retry:!1}),Q=d.useMemo(()=>[...new Set((B??[]).map(e=>e.contractAddress))],[B]),{data:N}=K({queryKey:["collection-sale-state",x,Q],enabled:Q.length>0,queryFn:async()=>{const e=await Promise.all(Q.map(async a=>[a,await mt(a)])),r={};for(const[a,u]of e)for(const[k,v]of Object.entries(u))r[`${a}-${k}`]=v;return r}}),E=e=>N==null?void 0:N[`${e.contractAddress}-${e.blockchainItemId}`],V=d.useMemo(()=>{let e=B??[];if(f==="on_sale"?e=e.filter(a=>{var u;return(u=E(a))==null?void 0:u.isOnSale}):f==="not_for_sale"&&(e=e.filter(a=>{var u;return!((u=E(a))!=null&&u.isOnSale)})),j){const a=j.toLowerCase();e=e.filter(u=>u.name.toLowerCase().includes(a))}const r=[...e];return A==="name"?r.sort((a,u)=>a.name.localeCompare(u.name)):A==="cheapest"&&r.sort((a,u)=>{var k,v;return(((k=E(a))==null?void 0:k.priceCredits)??0)-(((v=E(u))==null?void 0:v.priceCredits)??0)}),r},[B,N,f,j,A]),Ze=Dt(),{data:S}=K({queryKey:["importable",x],queryFn:()=>bt(x),enabled:!!x}),L=((S==null?void 0:S.creations.length)??0)+(Ze?(S==null?void 0:S.owned.length)??0:0);d.useEffect(()=>{D!=="idle"||L===0||ls(ye,x)||oe("open")},[D,L,x]);function de(e){e&&ds(ye,x),oe("closed")}if(!s)return t.jsxs(ys,{children:[t.jsx(bs,{children:o("nav.myAssets")}),t.jsx(ws,{children:o("myAssets.signInPrompt")}),t.jsx(lt,{variant:"purple",onClick:()=>p(),children:o("storeSettings.signIn")}),t.jsx(ge,{message:l})]});const Xe=c==="creations"?J:H||U,et=c==="creations"?V.length:f==="not_for_sale"?Y.length:He,M=[];if(f!=="all"&&M.push({key:"status",label:f==="on_sale"?o("filter.onSale"):o("filter.notForSale"),onRemove:()=>G("all")}),_)for(const e of ee)w.includes(e)&&M.push({key:`rarity-${e}`,label:ue(e),onRemove:()=>ae(e)});if(_&&g){const e=(me=(pe=$t.find(r=>r.key===Ce[c]))==null?void 0:pe.subs)==null?void 0:me.find(r=>r.key===g);M.push({key:"sub",label:e?o(e.labelKey):g,onRemove:()=>T(null)})}function tt(){G("all"),q([]),T(null)}const st=t.jsxs(t.Fragment,{children:[t.jsx(St,{title:o("myAssets.assetsHeading"),category:Ce[c],subCategory:g,onCategory:De,onSub:T,onCollections:()=>ie("creations"),collections:c==="creations",extraLabelKey:"myAssets.sectionCreations",hideAll:!0}),_?t.jsxs(t.Fragment,{children:[t.jsx(xe,{}),t.jsx(he,{title:o("assets.rarity"),open:Le,onToggle:()=>Me(e=>!e),summary:qe,headerTestId:"sidebar-section-toggle",children:t.jsx(vt,{"data-testid":"rarity-filter",children:ee.map(e=>{const r=w.includes(e);return t.jsxs(Ct,{type:"button",selected:r,"aria-pressed":r,onClick:()=>ae(e),"data-testid":"rarity-filter-check",children:[t.jsx(It,{color:n.rarities[e],children:r?t.jsx(At,{name:"check","aria-hidden":!0}):null}),t.jsx(Pt,{selected:r,children:e})]},e)})})})]}):null,t.jsx(xe,{}),t.jsx(he,{title:o("filter.status"),open:Be,onToggle:()=>Ne(e=>!e),summary:Ge,children:[["all",o("filter.statusAll")],["on_sale",o("filter.onSale")],["not_for_sale",o("filter.notForSale")]].map(([e,r])=>t.jsxs(Et,{children:[t.jsx(Rt,{type:"radio",name:"myassets-status",checked:f===e,onChange:()=>G(e)}),t.jsx(Tt,{children:r})]},e))})]});return t.jsxs(Ot,{"data-testid":"my-assets",children:[F?t.jsx(Ft,{onClick:()=>$(!1),"aria-hidden":!0}):null,t.jsxs(_t,{"data-open":F||void 0,"data-testid":"my-assets-sidebar",children:[t.jsxs(zt,{children:[t.jsx(Bt,{children:o("assets.filters")}),t.jsx(Nt,{onClick:()=>$(!1),"aria-label":o("assets.closeFilters"),children:"✕"})]}),t.jsx(Lt,{children:st}),t.jsx(Mt,{children:t.jsx(Kt,{type:"button",onClick:()=>$(!1),children:o("assets.showItems")})})]}),t.jsxs(Gt,{children:[L>0?t.jsx(js,{count:L}):null,t.jsx(kt,{sort:A,onSort:_e,sortOptions:te,total:et,loading:Xe,query:j,onOpenFilters:()=>$(!0),chips:M,onClearChips:tt,search:t.jsxs(ms,{children:[t.jsx(us,{name:"search","aria-hidden":!0}),t.jsx(fs,{type:"search",value:O,placeholder:o("myAssets.searchPlaceholder"),"aria-label":o("myAssets.searchPlaceholder"),onChange:e=>ne(e.target.value)}),O?t.jsx(xs,{type:"button","aria-label":o("myAssets.clearSearch"),onClick:()=>ne(""),children:t.jsx(hs,{name:"close","aria-hidden":!0})}):null]})}),(c==="creations"?Ve:Ue)?t.jsx(ge,{message:o("myAssets.ownedError"),testId:"my-assets-error"}):null,c==="creations"?t.jsxs(t.Fragment,{children:[t.jsx(be,{"data-testid":"grid",children:J?t.jsx(Z,{count:12}):V.map(e=>{const r=E(e);return t.jsx(X,{item:vs(e,(r==null?void 0:r.priceCredits)??0,x??""),mode:"manage-link"},`${e.contractAddress}-${e.blockchainItemId}`)})}),!J&&V.length===0?t.jsxs(we,{children:[t.jsx(je,{children:t.jsx(C,{name:"pen",size:30,"aria-hidden":!0})}),t.jsx($e,{children:o("myAssets.emptyCreationsTitle")}),t.jsx(Se,{children:o("myAssets.nothingToPublish")})]}):null]}):t.jsxs(t.Fragment,{children:[t.jsxs(be,{"data-testid":"grid",children:[H||U?t.jsx(Z,{count:12}):Y.map(e=>c==="names"?t.jsx(X,{item:{...Ie(e),category:"ens"},mode:"manage-link",manageHref:ks(e.name)},e.id):t.jsx(X,{item:Ie(e,le(e)),mode:"manage-link"},e.id)),ce?t.jsx(Z,{count:6}):null]}),f!=="not_for_sale"?t.jsx(jt,{hasNextPage:We,isFetching:ce,isError:Ye,onLoadMore:()=>void Je()}):null,!H&&!U&&Y.length===0?t.jsxs(we,{children:[t.jsx(je,{children:t.jsx(C,{name:c==="names"?"website":c==="emotes"?"emote-dance":"cat-upper",size:30,"aria-hidden":!0})}),t.jsx($e,{children:c==="names"?o("myAssets.emptyNamesTitle"):o("myAssets.emptyOwnedTitle")}),t.jsx(Se,{children:c==="names"?o("myAssets.namesEmpty"):o("myAssets.ownedEmpty")}),c!=="names"?t.jsx(gs,{to:"/items",children:o("myAssets.emptyBrowse")}):null]}):null]})]}),D==="open"?t.jsx(as,{onClose:de,onConfirm:e=>{de(e),b("/import")}}):null]})}export{Ws as MyAssets};