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

package/_assets/ManaPricingBanner.styles-Bys2rCoo.js

@@ -0,0 +1,96 @@
+import{a,s as t}from"./index-x3_oOTlT.js";import{L as r}from"./react-xTOg_zXI.js";(function(){try{var n=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},o=new n.Error().stack;o&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[o]="d4760adb-c4fe-4ca2-a5bb-e3208318060f",n._sentryDebugIdIdentifier="sentry-dbid-d4760adb-c4fe-4ca2-a5bb-e3208318060f")}catch{}})();const{colors:e,font:l,media:i,radius:s}=a,c=t.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 8px 12px 16px;
+  border-radius: ${s.btn};
+  background: ${e.promptLilac};
+  font-family: ${l.sans};
+`,h=t(c)`
+  justify-content: space-between;
+  background: ${e.promptAmber};
+
+  /* Side by side the sentence and the cta can't both fit a phone, so the cta drops to its own line. */
+  ${i.maxWidth("mobile")} {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+`,x=t.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  & .ico {
+    flex: none;
+    color: ${e.text};
+  }
+`,g=t.p`
+  margin: 0;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.334;
+  color: ${e.text2};
+`,b=t.strong`
+  font-weight: 700;
+`,u=t.img`
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.12em;
+`,m=t.div`
+  flex: none;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+
+  /* On the stacked layout this row owns the full width, so the close button keeps its far-right place
+     instead of trailing the cta. */
+  ${i.maxWidth("mobile")} {
+    width: 100%;
+    justify-content: space-between;
+  }
+`,y=t.button`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 32px;
+  height: 32px;
+  border: 0;
+  border-radius: 50%;
+  background: none;
+  color: ${e.text};
+  cursor: pointer;
+
+  &:hover {
+    background: rgba(0, 0, 0, 0.08);
+  }
+  &:focus-visible {
+    outline: 2px solid ${e.text};
+    outline-offset: 2px;
+  }
+`,w=t(r)`
+  flex: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 40px;
+  padding: 0 12px;
+  border-radius: ${s.card};
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+  text-decoration: underline;
+  /* The banner's own ink, not the accent purple: on the amber fill the link is the only thing to the
+     right of the sentence, so it reads as the action without a colour of its own. */
+  color: ${e.text};
+
+  &:hover {
+    color: ${e.gray0};
+  }
+  &:focus-visible {
+    outline: 2px solid ${e.text};
+    outline-offset: 2px;
+  }
+`;export{b as A,x as B,w as C,y as D,u as M,h as R,c as S,g as T,m as a};
+//# sourceMappingURL=ManaPricingBanner.styles-Bys2rCoo.js.map

package/_assets/MyAssets-C0wGKI5K.js

@@ -0,0 +1,497 @@
+import{r as d,j as t,b as Wt,u as Dt}from"./react-xTOg_zXI.js";import{s as r,a,aI as Ht,c9 as qe,t as n,ca as Gt,H as Q,O as Re,aR as Me,l as qt,bE as Yt,I as U,B as Qt,x as Ut,cb as Jt,bR as ie,aE as _e,w as ce,Y as Zt,cc as Vt,aH as Xt,$ as le,cd as es,a1 as de,ce as ts,a2 as ue,cf as ss,Z as ns,z as os,c as Ye,bT as Fe,cg as as,ch as rs}from"./index-x3_oOTlT.js";import{S as is,f as cs}from"./SaleCountdown-OciTJP0u.js";import{l as ls,f as ds,i as us,e as ps,M as ms,u as hs,t as fs,C as gs}from"./ManaPricingBanner-C5SbV_Cy.js";import{f as xs}from"./errors-g7TfMjmz.js";import{L as ys}from"./LoadMore-CCDkdfxt.js";import{u as bs,R as ws,C as Ss,D as pe,b as me,c as $s,d as Cs,e as vs,f as js,g as ks,h as Le,i as Ne,j as ze,a as As,k as Is}from"./Filters-D_wo8nf7.js";import{u as Es}from"./useInfiniteGrid-BEX_xsnJ.js";import{u as Ts,s as Os}from"./sales-empty-C0kdamh4.js";import{E as Be}from"./ErrorNotice-BndI9TcU.js";import{C as Ps}from"./CreditRate-Dzg044Lg.js";import{C as Rs}from"./field.styles-DgktWQSW.js";import{c as Ms,i as _s}from"./items-empty-Cr9cPS1Z.js";import{s as Fs}from"./signin-empty-Djiz9wqy.js";import{R as Ls,S as Ns,a as zs,D as Bs,b as Ks,C as Ws,c as Ds,d as Hs,e as Gs,M as qs}from"./browseLayout.styles-BJ83PjpA.js";import{n as Qe}from"./Tooltip-u81Sv8t-.js";import{m as Ys}from"./mana-matic-light-Bl5duieC.js";import"./dcl-schemas-D-5rZ83i.js";import"./sentry-B0Y62cGL.js";import"./ethers-CopgDOSY.js";import"./intl-AKLEHPeO.js";import"./mana-matic-CEqvSwrJ.js";import"./sha3-CD2fzV95.js";import"./browser-DkgNbGy6.js";import"./trade-encoding-BeeCLIbm.js";import"./sendMetaTransaction-BVZGqOEK.js";import"./ManaPricingBanner.styles-Bys2rCoo.js";import"./skeleton.styles-OHtRJI1m.js";import"./import-CcqIyt2r.js";import"./buy-DjjL35rl.js";(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},i=new s.Error().stack;i&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[i]="305d23d8-1919-4705-ac65-658c66ae80c6",s._sentryDebugIdIdentifier="sentry-dbid-305d23d8-1919-4705-ac65-658c66ae80c6")}catch{}})();const Ue="shop:creations-hint:v1";function Je(){try{const s=localStorage.getItem(Ue);if(!s)return{};const i=JSON.parse(s);return i&&typeof i=="object"&&!Array.isArray(i)?i:{}}catch{return{}}}function Qs(s){if(!s)return null;const i=Je()[s.toLowerCase()];return i&&Number.isFinite(i.count)&&i.count>0?{count:i.count}:null}function Us(s,i){try{const u=Je(),p=s.toLowerCase();i>0?u[p]={count:i}:delete u[p],localStorage.setItem(Ue,JSON.stringify(u))}catch{}}const{colors:C,radius:xe,font:ye,media:Js}=a,Zs=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,Vs=r.span`
+  flex: none;
+  width: 40px;
+  height: 40px;
+  border-radius: ${xe.btn};
+  overflow: hidden;
+  background: ${C.media};
+`,Xs=r.div`
+  display: grid;
+  /* Three tracks: the mosaic, the text, the action. The discount moved in with the text, where it lines up
+     with the timer instead of floating between the row's two lines. */
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 16px;
+  /* Roomier than the 12/14 it started at: the row carries two chips now, and at their height the old
+     padding left them pressed against the card's edges. */
+  padding: 16px 18px;
+  border: 1px solid ${C.line};
+  border-radius: ${xe.card};
+  background: ${C.white};
+
+  &[data-status='ended'],
+  &[data-status='cancelled'],
+  &[data-status='exhausted'],
+  &[data-status='revoked'] {
+    opacity: 0.7;
+  }
+
+  ${Js.maxWidth("mobile")} {
+    grid-template-columns: auto minmax(0, 1fr);
+
+    > :last-child {
+      grid-column: 1 / -1;
+    }
+  }
+`,en=r.div`
+  display: flex;
+  flex-direction: column;
+  /* The name sits on one line and the figures on the next; at 4px the chips touched the name above them. */
+  gap: 8px;
+  min-width: 0;
+`,tn=r.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+`,sn=r.span`
+  font-family: ${ye.sans};
+  font-weight: 600;
+  font-size: 14px;
+  color: ${C.text};
+`,nn=r.span`
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: ${xe.pill};
+  font-family: ${ye.sans};
+  font-weight: 700;
+  font-size: 11px;
+  text-transform: uppercase;
+  background: ${C.chip};
+  color: ${C.muted};
+
+  &[data-status='active'] {
+    background: ${C.successBg};
+    color: ${C.okStrong};
+  }
+  &[data-status='scheduled'] {
+    background: ${C.promptLilac};
+    color: ${C.accent};
+  }
+`,on=r.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px 10px;
+  font-family: ${ye.sans};
+  font-size: 12px;
+  color: ${C.muted};
+`,an=r.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`;function rn(s){switch(s){case"active":return n("creatorSale.statusActive");case"scheduled":return n("creatorSale.statusScheduled");case"cancelled":return n("creatorSale.statusCancelled");case"exhausted":return n("creatorSale.statusExhausted");case"revoked":return n("creatorSale.statusRevoked");default:return n("creatorSale.statusEnded")}}function cn({sales:s,session:i,names:u}){const p=Ht(),[j,A]=d.useState(null),[b,I]=d.useState(null),[T,z]=d.useState([]);async function m(c){I(c.id);try{await ps({sale:c,signer:i.signer}),z(g=>[...g,c.id]),A(null),Re("Shop Ended Sale",{sale_id:c.id,discount_pct:c.discount/1e4}),Me.success(n("creatorSale.endedToast")),p.invalidateQueries({queryKey:["creator-sales"]}),p.invalidateQueries({queryKey:["shop-items"]}),p.invalidateQueries({queryKey:["catalog-items"]})}catch(g){qt(g,{flow:"creator_sale_end"}),Re("Shop Sale Failed",{error_code:Yt(g),step:"end"}),Me.error(xs(g,n("creatorSale.endError")))}finally{I(null)}}return t.jsx(Zs,{"data-testid":"creator-sales",children:s.map(c=>{var y;const g=T.includes(c.id)?"cancelled":ls(c),v=g==="active"||g==="scheduled",O=c.discount/1e4,$=c.collections.length===1?c.collections[0]:null,M=$?u==null?void 0:u[$.toLowerCase()]:void 0;return t.jsxs(Xs,{"data-status":g,"data-testid":"creator-sale",children:[$?t.jsx(Vs,{children:t.jsx(qe,{contractAddress:$})}):null,t.jsxs(en,{children:[t.jsxs(tn,{children:[t.jsx(sn,{children:M??n("creatorSale.successBody",{count:c.collections.length,pct:O})}),t.jsx(nn,{"data-status":g,children:rn(g)})]}),t.jsxs(on,{children:[t.jsx(Gt,{pct:O}),g==="active"?t.jsx(is,{until:c.checks.expiration}):g==="scheduled"?n("creatorSale.startsOn",{date:ds(c.checks.effective)}):null,us(c)?t.jsx("span",{children:n("creatorSale.used",{used:((y=c.state)==null?void 0:y.uses)??0,total:c.checks.uses})}):null]})]}),v?j===c.id?t.jsxs(an,{children:[t.jsx(Q,{variant:"red",size:"sm",disabled:b===c.id,onClick:()=>void m(c),"data-testid":"creator-sale-end-confirm",children:b===c.id?n("creatorSale.ending"):n("creatorSale.confirmEnd")}),t.jsx(Q,{variant:"ghost",size:"sm",disabled:b===c.id,onClick:()=>A(null),children:n("creatorSale.keepSale")})]}):t.jsx(Q,{variant:"outline",size:"sm",onClick:()=>A(c.id),"data-testid":"creator-sale-end",children:n("creatorSale.endSale")}):null]},c.id)})})}const{colors:f,font:Ze,radius:be,z:ln}=a,dn=r.div`
+  position: fixed;
+  inset: 0;
+  z-index: ${ln.overlay};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow-y: auto;
+  padding: 16px;
+  background: rgba(22, 21, 24, 0.55);
+`,un=r.div`
+  width: 560px;
+  max-width: 100%;
+  max-height: 100%;
+  overflow-y: auto;
+  padding: 12px 16px 16px;
+  border-radius: ${be.modal};
+  background: ${f.white};
+  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  font-family: ${Ze.sans};
+
+  /* Focused on mount for screen readers; it is not tab-reachable, so it never needs a visible ring. */
+  &:focus {
+    outline: none;
+  }
+`,pn=r.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid ${f.gray4};
+`,mn=r.h2`
+  margin: 0;
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 1.6;
+  color: ${f.text};
+`,hn=r.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;
+  }
+`,fn=r.div`
+  padding: 16px;
+  border-radius: ${be.modal};
+  background: ${f.infoGreen};
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,gn=r.h3`
+  margin: 0;
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 1.57;
+  color: ${f.text};
+`,xn=r.p`
+  margin: 0;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 1.334;
+  color: ${f.text2};
+`,yn=r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`,bn=r.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`,Ve=`
+  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: ${be.card};
+  font-family: ${Ze.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;
+  }
+`,wn=r.button`
+  ${Ve};
+  border: 0.5px solid ${f.text};
+  background: ${f.white};
+  color: ${f.text2};
+
+  &:hover {
+    background: ${f.panel};
+  }
+`,Sn=r.button`
+  ${Ve};
+  border: 0;
+  background: ${f.accent};
+  color: ${f.softWhite};
+
+  &:hover {
+    background: ${f.accentHover};
+  }
+  &:active {
+    background: ${f.accentActive};
+  }
+`,$n=r.label`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14.049px;
+  line-height: normal;
+  color: ${f.text};
+  cursor: pointer;
+`,Cn=r.span`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 32px;
+  height: 32px;
+
+  & input {
+    --box: 13.714px;
+  }
+`;function vn({onClose:s,onConfirm:i}){const[u,p]=d.useState(!1),j=d.useRef(null),A=d.useRef(u);return A.current=u,d.useEffect(()=>{var I;(I=j.current)==null||I.focus();function b(T){T.key==="Escape"&&s(A.current)}return window.addEventListener("keydown",b),()=>window.removeEventListener("keydown",b)},[s]),t.jsx(dn,{role:"presentation",onClick:()=>s(u),children:t.jsxs(un,{ref:j,tabIndex:-1,role:"dialog","aria-modal":"true","aria-label":n("newPricing.title"),"data-testid":"new-pricing-modal",onClick:b=>b.stopPropagation(),children:[t.jsxs(pn,{children:[t.jsx(mn,{children:n("newPricing.title")}),t.jsx(hn,{onClick:()=>s(u),"aria-label":n("newPricing.close"),children:t.jsx(U,{name:"close",className:"ico"})})]}),t.jsxs(fn,{children:[t.jsx(gn,{children:n("newPricing.infoTitle")}),t.jsx(xn,{children:n("newPricing.infoBody")})]}),t.jsx(Ps,{align:"center"}),t.jsxs(yn,{children:[t.jsxs(bn,{children:[t.jsx(wn,{onClick:()=>s(u),"data-testid":"new-pricing-later",children:n("newPricing.later")}),t.jsx(Sn,{onClick:()=>i(u),"data-testid":"new-pricing-confirm",children:n("newPricing.confirm")})]}),t.jsxs($n,{children:[t.jsx(Cn,{children:t.jsx(Rs,{type:"checkbox",checked:u,onChange:b=>p(b.target.checked),"data-testid":"new-pricing-opt-out"})}),n("newPricing.optOut")]})]})]})})}const Xe="shop:dismissed-prompts",Ke="mana-pricing";function et(){try{const s=localStorage.getItem(Xe);if(!s)return{};const i=JSON.parse(s);return!i||typeof i!="object"||Array.isArray(i)?{}:i}catch{return{}}}function jn(s){try{localStorage.setItem(Xe,JSON.stringify(s))}catch{}}function tt(s){return s?s.toLowerCase():null}function kn(s,i){const u=tt(i);if(!u)return!1;const p=et()[u];return Array.isArray(p)&&p.includes(s)}function An(s,i){const u=tt(i);if(!u)return;const p=et(),j=Array.isArray(p[u])?p[u]:[];j.includes(s)||jn({...p,[u]:[...j,s]})}r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  width: 100%;
+`;r.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};
+`;r("button",Qe("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;
+  }
+`;r(U)`
+  width: 18px;
+  height: 18px;
+  flex: none;
+  color: ${a.colors.muted};
+`;r.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+`;r.span`
+  font-family: ${a.font.sans};
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 1.43;
+  color: ${a.colors.text};
+  padding: 0 4px;
+`;r.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 4px;
+`;r("button",Qe("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 In=r.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};
+  }
+`,En=r(U)`
+  width: 18px;
+  height: 18px;
+  flex: none;
+  color: ${a.colors.softWhite};
+`,Tn=r.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;
+  }
+`,On=r.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;
+  }
+`,Pn=r(U)`
+  width: 12px;
+  height: 12px;
+`,he=r.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;
+  }
+`,Rn=r(ms)`
+  margin-bottom: 16px;
+`,Mn=r.section`
+  & + & {
+    margin-top: 24px;
+    padding-top: 24px;
+    border-top: 1px solid rgba(255, 255, 255, 0.25);
+  }
+`,_n=r.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 16px;
+`,Fn=r.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:i,ink:u}])=>`
+  &[data-heat='${s}'] {
+    background: ${i};
+    border-color: ${u};
+    color: ${u};
+  }`).join("")}
+`,Ln=r(Q)`
+  && {
+    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;
+  }
+`,Nn=r.span`
+  flex: none;
+  width: 40px;
+  height: 40px;
+  border-radius: ${a.radius.btn};
+  overflow: hidden;
+  background: ${a.colors.media};
+`,zn=r.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;
+`,Bn=r.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=r.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};
+`,Wn=r.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};
+`,Dn=r.h2`
+  margin: 0;
+  font-family: ${a.font.sans};
+  font-weight: 600;
+  font-size: 16px;
+  color: ${a.colors.text};
+`,Hn=48,We=[{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"}],Gn=["all","credits","mana"],fe={all:"filter.priceAll",credits:"filter.priceCredits",mana:"filter.priceMana"};function qn(s){return s==="credits"?t.jsx(os,{size:14}):s==="mana"?t.jsx(Is,{src:Ys,alt:"","aria-hidden":!0}):null}const ge=[{key:"newest",label:"filterBar.sortNewest",server:"newest"},{key:"name",label:"filterBar.sortName",server:"name"},{key:"cheapest",label:"filterBar.sortCheapest",server:"cheapest"}];function De(s){return s==="wearables"||s==="emotes"}const He={wearables:"wearable",emotes:"emote",names:"names",creations:""},Yn={wearable:"wearables",emote:"emotes",names:"names"};function Qn(s){return`${Ye.builderUrl}/names/${encodeURIComponent(s)}`}function Ge(s,i){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:(i==null?void 0:i.priceCredits)??s.listingPrice??0,gender:null,isSmart:!1,tokenId:s.tokenId,issuedId:s.issuedId,tradeId:(i==null?void 0:i.tradeId)??s.tradeId}}function Un(s,i,u,p){return{id:`${s.contractAddress}-${s.blockchainItemId}`,name:s.name,creator:u,contractAddress:s.contractAddress,itemId:s.blockchainItemId,category:s.category,rarity:s.rarity,network:"MATIC",chainId:Ye.chainId,thumbnail:s.thumbnail,priceCredits:i,available:s.remainingSupply,...(p==null?void 0:p.compareAtCredits)!=null?{compareAtCredits:p.compareAtCredits}:{},...(p==null?void 0:p.saleEndsAt)!=null?{saleEndsAt:p.saleEndsAt}:{},gender:null,isSmart:!1}}function Ao(){var Oe,Pe;Qt({title:n("nav.myAssets"),noindex:!0});const{session:s,error:i,signIn:u,restore:p}=Ut(),j=Wt(),[A,b]=Dt(),I=A.get("section"),T=Jt(),z=We.some(e=>e.key===I)?I:"wearables",m=T&&z==="creations"?"wearables":z,[c,g]=d.useState("all"),[v,O]=d.useState("all"),[$,M]=d.useState([]),[y,B]=d.useState(null);bs(`${m}:${y??""}`);const[_,st]=d.useState("newest"),[K,we]=d.useState(""),[P,nt]=d.useState(""),[W,R]=d.useState(!1),[ot,at]=d.useState(!0),[rt,it]=d.useState(!0),[ct,lt]=d.useState(!1),[dt,ut]=d.useState(!1),[J,Se]=d.useState("idle");d.useEffect(()=>{p()},[p]),d.useEffect(()=>{const e=setTimeout(()=>nt(K.trim()),300);return()=>clearTimeout(e)},[K]),d.useEffect(()=>{if(!W)return;const e=l=>{l.key==="Escape"&&R(!1)};document.addEventListener("keydown",e);const o=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",e),document.body.style.overflow=o}},[W]);const x=s==null?void 0:s.address,pt=We.find(e=>e.key===m),D=De(m),$e=(ge.find(e=>e.key===_)??ge[0]).server,mt=c==="on_sale"?n("filter.onSale"):c==="not_for_sale"?n("filter.notForSale"):"",ht=v==="all"?"":n(fe[v]),ft=ie.filter(e=>$.includes(e)).map(_e).join(", ");function Ce(e){b(o=>{const l=new URLSearchParams(o);return l.set("section",e),l},{replace:!0}),B(null),De(e)||M([]),e!=="creations"&&O("all"),R(!1)}function ve(e){M(o=>o.includes(e)?o.filter(l=>l!==e):[...o,e])}function gt(e){const o=Yn[e];o&&Ce(o)}const{items:F,total:xt,isLoading:Z,isPlaceholderData:V,error:yt,hasNextPage:bt,isFetchingNextPage:je,isFetchNextPageError:wt,fetchNextPage:St}=Es(["my-assets",x,m,c,$,y,P,$e],e=>ss(x,{category:pt.category,first:Hn,skip:e,search:P||void 0,rarities:D&&$.length?$:void 0,wearableCategories:m==="wearables"&&y?Fe[y]:void 0,emoteCategories:m==="emotes"&&y?Fe[y]:void 0,onlyOnSale:c==="on_sale"||void 0,sortBy:$e}).then(o=>({items:o.assets,total:o.total})),{enabled:!!x&&m!=="creations"}),X=d.useMemo(()=>m==="wearables"||m==="emotes"?[...new Set(F.map(e=>e.contractAddress))]:[],[F,m]),{data:H}=ce({queryKey:["secondary-sale-state",X],enabled:X.length>0,queryFn:async()=>{const e=await Promise.all(X.map(async l=>[l,await as(l)])),o={};for(const[l,h]of e)for(const[k,Kt]of Object.entries(h))o[`${l}-${k}`]=Kt;return o}}),ke=e=>H==null?void 0:H[`${e.contractAddress}-${e.tokenId}`],$t=e=>!!ke(e)||e.isOnSale,ee=d.useMemo(()=>c==="not_for_sale"?F.filter(e=>!$t(e)):F,[F,c,H]),G=d.useMemo(()=>Qs(x),[x]),te=!!s&&(m==="creations"||G!==null),{data:w,isLoading:Ct,isError:vt}=ce({queryKey:["publishable-items",x],queryFn:()=>cs(x,s.identity,{includeSoldOut:!0}),enabled:te,staleTime:5*6e4,retry:!1});d.useEffect(()=>{x&&w&&Us(x,w.length)},[x,w]);const{data:S,isPending:jt,isError:kt}=ce({queryKey:["collection-sale-state",x],queryFn:()=>rs(x),enabled:te,staleTime:6e4}),E=e=>S==null?void 0:S[`${e.contractAddress}-${e.blockchainItemId}`],At=te&&jt&&!kt&&((w==null?void 0:w.length)??0)>0,se=Ct||At,It=Math.min(12,Math.max(4,(G==null?void 0:G.count)??12)),Et=d.useMemo(()=>Object.values(S??{}).some(e=>!!e.manaWei),[S]),{data:ne}=Zt(Et),oe=e=>e?!e.manaWei||!ne?e.priceCredits:ns({manaWei:e.manaWei,priceCredits:e.priceCredits},ne):0,ae=Vt(),{data:L}=hs(x,ae&&m==="creations"),[Tt,Ae]=d.useState(!1),[Ot,Pt]=d.useState(void 0),re=d.useMemo(()=>fs(w??[],S),[w,S]),{count:Rt}=Ts(),q=Rt??0,Y=d.useMemo(()=>{let e=w??[];if(c==="on_sale"?e=e.filter(l=>{var h;return(h=E(l))==null?void 0:h.isOnSale}):c==="not_for_sale"&&(e=e.filter(l=>{var h;return!((h=E(l))!=null&&h.isOnSale)})),v==="credits"?e=e.filter(l=>{var h,k;return!!((h=E(l))!=null&&h.isOnSale)&&!((k=E(l))!=null&&k.manaWei)}):v==="mana"&&(e=e.filter(l=>{var h;return!!((h=E(l))!=null&&h.manaWei)})),P){const l=P.toLowerCase();e=e.filter(h=>h.name.toLowerCase().includes(l))}const o=[...e];return _==="name"?o.sort((l,h)=>l.name.localeCompare(h.name)):_==="cheapest"&&o.sort((l,h)=>oe(E(l))-oe(E(h))),o},[w,S,c,v,P,_,ne]),Mt=d.useMemo(()=>{var o;const e=new Map;for(const l of Y){const h=l.contractAddress.toLowerCase(),k=e.get(h)??{contractAddress:h,name:l.collectionName,listed:0,soldOut:0,items:[]};k.items.push(l),(o=S==null?void 0:S[`${l.contractAddress}-${l.blockchainItemId}`])!=null&&o.isOnSale&&(k.listed+=1),l.remainingSupply<=0&&(k.soldOut+=1),e.set(h,k)}return[...e.values()]},[Y,S]),_t=d.useMemo(()=>{const e={};for(const o of w??[])e[o.contractAddress.toLowerCase()]=o.collectionName;return e},[w]),Ie=d.useMemo(()=>{const e=new Map;for(const o of L??[]){if(o.status!=="active"&&o.status!=="scheduled")continue;const l=o.discount/1e4;for(const h of o.collections)e.set(h.toLowerCase(),{status:o.status,pct:l})}return e},[L]),Ft=d.useMemo(()=>new Set(re.map(e=>e.contractAddress.toLowerCase())),[re]),Ee=re.find(e=>e.contractAddress===Ot);d.useEffect(()=>{J!=="idle"||q===0||kn(Ke,x)||Se("open")},[J,q,x]);function Te(e){e&&An(Ke,x),Se("closed")}if(!s)return t.jsxs(Xt,{children:[t.jsx(le,{testId:"my-items-signin",icon:Fs,title:n("myAssets.signInTitle"),body:n("myAssets.signInBody"),cta:{label:n("storeSettings.signIn"),onClick:()=>u()},ctaVariant:"solid",fill:!0}),t.jsx(Be,{message:i})]});const Lt=m==="creations"?se:Z||V,Nt=m==="creations"?Y.length:c==="not_for_sale"?ee.length:xt,N=[];if(c!=="all"&&N.push({key:"status",label:c==="on_sale"?n("filter.onSale"):n("filter.notForSale"),onRemove:()=>g("all")}),m==="creations"&&v!=="all"&&N.push({key:"price",label:n(fe[v]),onRemove:()=>O("all")}),D)for(const e of ie)$.includes(e)&&N.push({key:`rarity-${e}`,label:_e(e),onRemove:()=>ve(e)});if(D&&y){const e=(Pe=(Oe=es.find(o=>o.key===He[m]))==null?void 0:Oe.subs)==null?void 0:Pe.find(o=>o.key===y);N.push({key:"sub",label:e?n(e.labelKey):y,onRemove:()=>B(null)})}function zt(){g("all"),O("all"),M([]),B(null)}const Bt=t.jsxs(ws,{children:[t.jsx(Ss,{title:n("myAssets.assetsHeading"),category:He[m],subCategory:y,onCategory:gt,onSub:B,onCollections:T?void 0:()=>Ce("creations"),collections:!T&&m==="creations",extraLabelKey:"myAssets.sectionCreations",hideAll:!0}),D?t.jsxs(t.Fragment,{children:[t.jsx(pe,{}),t.jsx(me,{title:n("assets.rarity"),open:ct,onToggle:()=>lt(e=>!e),summary:ft,headerTestId:"sidebar-section-toggle",children:t.jsx($s,{"data-testid":"rarity-filter",children:ie.map(e=>{const o=$.includes(e);return t.jsxs(Cs,{type:"button",selected:o,"aria-pressed":o,onClick:()=>ve(e),"data-testid":"rarity-filter-check",children:[t.jsx(vs,{color:a.rarities[e],children:o?t.jsx(js,{name:"check","aria-hidden":!0}):null}),t.jsx(ks,{selected:o,children:e})]},e)})})})]}):null,t.jsx(pe,{}),t.jsx(me,{title:n("filter.status"),open:ot,onToggle:()=>at(e=>!e),summary:mt,children:[["all",n("filter.statusAll")],["on_sale",n("filter.onSale")],["not_for_sale",n("filter.notForSale")]].map(([e,o])=>t.jsxs(Le,{children:[t.jsx(Ne,{type:"radio",name:"myassets-status",checked:c===e,onChange:()=>g(e)}),t.jsx(ze,{children:o})]},e))}),m==="creations"?t.jsxs(t.Fragment,{children:[t.jsx(pe,{}),t.jsx(me,{title:n("filter.salePrice"),open:rt,onToggle:()=>it(e=>!e),summary:ht,children:Gn.map(e=>t.jsxs(Le,{children:[t.jsx(Ne,{type:"radio",name:"myassets-price",checked:v===e,onChange:()=>O(e),"data-testid":`price-filter-${e}`}),t.jsxs(ze,{children:[qn(e),n(fe[e])]})]},e))})]}):null]});return t.jsxs(Ls,{"data-testid":"my-assets",children:[W?t.jsx(Ns,{onClick:()=>R(!1),"aria-hidden":!0}):null,t.jsxs(zs,{"data-open":W||void 0,"data-testid":"my-assets-sidebar",children:[t.jsxs(Bs,{children:[t.jsx(Ks,{children:n("assets.filters")}),t.jsx(Ws,{onClick:()=>R(!1),"aria-label":n("assets.closeFilters"),children:"✕"})]}),t.jsx(Ds,{children:Bt}),t.jsx(Hs,{children:t.jsx(Gs,{type:"button",onClick:()=>R(!1),children:n("assets.showItems")})})]}),t.jsxs(qs,{children:[q>0&&!dt?t.jsx(Rn,{count:q,onDismiss:()=>ut(!0)}):null,t.jsx(As,{sort:_,onSort:st,sortOptions:ge,total:Nt,loading:Lt,query:P,onOpenFilters:()=>R(!0),chips:N,onClearChips:zt,search:t.jsxs(In,{children:[t.jsx(En,{name:"search","aria-hidden":!0}),t.jsx(Tn,{type:"search",value:K,placeholder:n("myAssets.searchPlaceholder"),"aria-label":n("myAssets.searchPlaceholder"),onChange:e=>we(e.target.value)}),K?t.jsx(On,{type:"button","aria-label":n("myAssets.clearSearch"),onClick:()=>we(""),children:t.jsx(Pn,{name:"close","aria-hidden":!0})}):null]})}),(m==="creations"?vt:yt)?t.jsx(Be,{message:n("myAssets.ownedError"),testId:"my-assets-error"}):null,m==="creations"?t.jsxs(t.Fragment,{children:[ae&&s&&L&&L.length>0?t.jsxs(Wn,{"data-testid":"creator-sales-panel",children:[t.jsx(Dn,{children:n("creatorSale.salesTitle")}),t.jsx(cn,{sales:L,session:s,names:_t})]}):null,Tt&&s&&Ee?t.jsx(gs,{session:s,collection:Ee,onClose:()=>Ae(!1),source:"my_assets"}):null,se?t.jsx(he,{"data-testid":"grid",children:t.jsx(de,{count:It})}):Mt.map(e=>t.jsxs(Mn,{"data-testid":"creation-group",children:[t.jsxs(_n,{children:[t.jsx(Nn,{children:t.jsx(qe,{contractAddress:e.contractAddress})}),t.jsxs(zn,{children:[t.jsx(Bn,{"data-testid":"creation-group-name",children:e.name}),t.jsxs(Kn,{"data-testid":"creation-group-count",children:[n("myAssets.itemsCount",{count:e.items.length}),e.listed>0?` · ${n("myAssets.groupOnSale",{count:e.listed})}`:"",e.soldOut>0?` · ${n("myAssets.groupSoldOut",{count:e.soldOut})}`:""]})]}),ae&&s&&Ft.has(e.contractAddress)?Ie.has(e.contractAddress)?(()=>{const o=Ie.get(e.contractAddress);return t.jsx(Fn,{"data-heat":ts(o.pct),"data-testid":"creation-group-sale-state",children:n(o.status==="scheduled"?"creatorSale.groupScheduled":"creatorSale.groupActive",{pct:o.pct})})})():t.jsx(Ln,{variant:"purple",size:"sm","data-testid":"creation-group-sale",onClick:()=>{Pt(e.contractAddress),Ae(!0)},children:n("creatorSale.putOnSale")}):null]}),t.jsx(he,{"data-testid":"grid",children:e.items.map(o=>{const l=E(o);return t.jsx(ue,{item:Un(o,oe(l),x??"",l),mode:"manage-link"},`${o.contractAddress}-${o.blockchainItemId}`)})})]},e.contractAddress)),!se&&Y.length===0?t.jsx(le,{testId:"creations-empty",icon:Ms,title:n("myAssets.emptyCreationsTitle"),body:n("myAssets.nothingToPublish")}):null]}):t.jsxs(t.Fragment,{children:[t.jsxs(he,{"data-testid":"grid",children:[Z||V?t.jsx(de,{count:12}):ee.map(e=>m==="names"?t.jsx(ue,{item:{...Ge(e),category:"ens"},mode:"manage-link",manageHref:Qn(e.name)},e.id):t.jsx(ue,{item:Ge(e,ke(e)),mode:"manage-link"},e.id)),je?t.jsx(de,{count:6}):null]}),c!=="not_for_sale"?t.jsx(ys,{hasNextPage:bt,isFetching:je,isError:wt,onLoadMore:()=>void St()}):null,!Z&&!V&&ee.length===0?t.jsx(le,{testId:"owned-empty",icon:c==="on_sale"?Os:_s,title:m==="names"?n("myAssets.emptyNamesTitle"):n("myAssets.emptyOwnedTitle"),body:m==="names"?n("myAssets.namesEmpty"):n("myAssets.ownedEmpty"),cta:m!=="names"?{label:n("myAssets.emptyBrowse"),to:"/items"}:void 0}):null]})]}),J==="open"?t.jsx(vn,{onClose:Te,onConfirm:e=>{Te(e),j("/import")}}):null]})}export{Ao as MyAssets};
+//# sourceMappingURL=MyAssets-C0wGKI5K.js.map

package/_assets/{MyFavorites-C8PXtYWt.js → MyFavorites-Cwv-npnC.js}

@@ -1,4 +1,4 @@
-import{r as l,j as t}from"./react-COwX0Zlk.js";import{s as i,a as h,B as F,t as s,X as c,Y as w,Z as E,$ as k,a0 as f,a1 as _,a2 as $}from"./index-BRNshUaV.js";import{L as I}from"./LoadMore-yxZw85kf.js";import{E as M}from"./ErrorNotice-5cQusmGK.js";import{G as S}from"./grid.styles-CCv5GYbY.js";import"./dcl-schemas-B-Ph0Ls4.js";import"./sentry-D9BarSwm.js";import"./ethers-bR7FzlYq.js";import"./intl-AKLEHPeO.js";(function(){try{var r=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new r.Error().stack;a&&(r._sentryDebugIds=r._sentryDebugIds||{},r._sentryDebugIds[a]="358d8fc6-bb25-4681-afe3-4305f581607b",r._sentryDebugIdIdentifier="sentry-dbid-358d8fc6-bb25-4681-afe3-4305f581607b")}catch{}})();const{colors:o,radius:L}=h,B=i.div`
+import{r as c,j as t}from"./react-xTOg_zXI.js";import{s as i,a as h,B as F,t as s,X as l,Y as w,Z as E,$ as k,a0 as x,a1 as _,a2 as $}from"./index-x3_oOTlT.js";import{L as I}from"./LoadMore-CCDkdfxt.js";import{E as M}from"./ErrorNotice-BndI9TcU.js";import{G as S}from"./grid.styles-D-jF6MZw.js";import"./dcl-schemas-D-5rZ83i.js";import"./sentry-B0Y62cGL.js";import"./ethers-CopgDOSY.js";import"./intl-AKLEHPeO.js";(function(){try{var r=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new r.Error().stack;a&&(r._sentryDebugIds=r._sentryDebugIds||{},r._sentryDebugIds[a]="aa92379c-2925-443e-9c9a-81a698bf2b52",r._sentryDebugIdIdentifier="sentry-dbid-aa92379c-2925-443e-9c9a-81a698bf2b52")}catch{}})();const{colors:o,radius:L}=h,B=i.div`
   display: flex;
   align-items: baseline;
   gap: 12px;
@@ -51,12 +51,12 @@ import{r as l,j as t}from"./react-COwX0Zlk.js";import{s as i,a as h,B as F,t as
   display: flex;
   flex-direction: column;
   align-items: center;
-`,x=i.div`
+`,f=i.div`
   width: 100%;
   margin-top: 56px;
 
   ${h.media.maxWidth("mobile")} {
     margin-top: 36px;
   }
-`,T="data:image/svg+xml,%3csvg%20width='138'%20height='138'%20viewBox='0%200%20138%20138'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M92.7188%2021.5625V34.5'%20stroke='%23FF7158'%20stroke-width='4.3125'%20stroke-linecap='round'/%3e%3cpath%20d='M86.25%2028.0312H99.1875'%20stroke='%23FF7158'%20stroke-width='4.3125'%20stroke-linecap='round'/%3e%3cpath%20d='M24.7324%2065.5C24.732%2062.8042%2025.2665%2060.1361%2026.3037%2057.6514C27.341%2055.1665%2028.8602%2052.9151%2030.7715%2051.0293C32.6826%2049.1438%2034.9471%2047.6604%2037.4326%2046.666C39.9183%2045.6716%2042.5762%2045.1856%2045.25%2045.2354L45.3008%2045.2363H45.3516C48.581%2045.2192%2051.7779%2045.8923%2054.7305%2047.2109C56.1717%2047.8547%2057.539%2048.6448%2058.8115%2049.5674C60.1459%2050.5348%2061.3766%2051.6478%2062.4795%2052.8887L65.6426%2056.4473L68.8057%2052.8887C69.9086%2051.6478%2071.1392%2050.5348%2072.4736%2049.5674C73.7464%2048.6446%2075.1142%2047.8547%2076.5557%2047.2109C79.5083%2045.8922%2082.705%2045.2191%2085.9346%2045.2363H85.9854L86.0361%2045.2354C88.7097%2045.1856%2091.367%2045.6717%2093.8525%2046.666C96.3383%2047.6604%2098.6034%2049.1436%20100.515%2051.0293C102.426%2052.915%20103.945%2055.1665%20104.982%2057.6514C106.02%2060.1361%20106.554%2062.8043%20106.554%2065.5V65.501C106.554%2074.0645%20102.382%2082.1039%2095.8086%2089.877C89.2296%2097.6565%2080.6704%20104.682%2072.6035%20111.289C71.1421%20112.486%2069.6963%20113.67%2068.2959%20114.832C66.7887%20116.083%2064.5293%20116.081%2063.0176%20114.818C61.4894%20113.542%2059.9072%20112.242%2058.3076%20110.928C50.2836%20104.335%2041.8192%2097.3643%2035.3242%2089.6553C28.8376%2081.9561%2024.7324%2073.9982%2024.7324%2065.501V65.5Z'%20stroke='url(%23paint0_linear_1564_322452)'%20stroke-width='8.46429'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_1564_322452'%20x1='17.6552'%20y1='80.505'%20x2='176.469'%20y2='63.4051'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF2D55'/%3e%3cstop%20offset='1'%20stop-color='%23FFBC5B'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e",y=24,U=20;function J(){F({title:s("nav.myFavorites"),noindex:!0});const r=c(e=>Object.values(e.items)),a=c(e=>e.status),p=c(e=>e.retry),[m,v]=l.useState(y),{data:u,isPending:b,isError:C}=w(),g=r.some(e=>!!e.manaWei),n=l.useMemo(()=>r.map(e=>({...e,priceCredits:E(e,u)})),[r,u]),j=l.useMemo(()=>n.slice(0,U).map(e=>e.contractAddress&&e.itemId?`${e.contractAddress.toLowerCase()}-${e.itemId}`:null).filter(e=>e!==null),[n]);if(a==="error")return t.jsxs(H,{"data-testid":"favorites-error",children:[t.jsx(M,{message:s("myFavorites.loadError")}),t.jsx(P,{type:"button",onClick:p,children:s("myFavorites.tryAgain")})]});if(a==="ready"&&n.length===0)return t.jsxs(R,{children:[t.jsx(k,{testId:"favorites-empty",icon:T,title:s("myFavorites.emptyTitle"),body:s("myFavorites.emptyBody"),cta:{label:s("myFavorites.emptyCta"),to:"/items"}}),t.jsx(x,{children:t.jsx(f,{title:s("myFavorites.suggestedTitle"),surface:"favorites"})})]});const d=a==="loading"||b&&g;return t.jsxs("section",{children:[t.jsxs(B,{children:[t.jsx(D,{children:s("nav.myFavorites")}),d?null:t.jsx(G,{children:s("myFavorites.itemCount",{count:n.length})})]}),C&&g?t.jsx(A,{children:s("assets.marketUnavailable")}):null,t.jsx(S,{"data-testid":d?"favorites-loading":void 0,children:d?t.jsx(_,{count:8}):n.slice(0,m).map(e=>t.jsx($,{item:e},e.id))}),t.jsx(I,{hasNextPage:!d&&m<n.length,isFetching:!1,onLoadMore:()=>v(e=>e+y)}),d?null:t.jsx(x,{children:t.jsx(f,{title:s("myFavorites.suggestedTitle"),surface:"favorites",exclude:j})})]})}export{J as MyFavorites};
-//# sourceMappingURL=MyFavorites-C8PXtYWt.js.map
+`,T="data:image/svg+xml,%3csvg%20width='138'%20height='138'%20viewBox='0%200%20138%20138'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M92.7188%2021.5625V34.5'%20stroke='%23FF7158'%20stroke-width='4.3125'%20stroke-linecap='round'/%3e%3cpath%20d='M86.25%2028.0312H99.1875'%20stroke='%23FF7158'%20stroke-width='4.3125'%20stroke-linecap='round'/%3e%3cpath%20d='M24.7324%2065.5C24.732%2062.8042%2025.2665%2060.1361%2026.3037%2057.6514C27.341%2055.1665%2028.8602%2052.9151%2030.7715%2051.0293C32.6826%2049.1438%2034.9471%2047.6604%2037.4326%2046.666C39.9183%2045.6716%2042.5762%2045.1856%2045.25%2045.2354L45.3008%2045.2363H45.3516C48.581%2045.2192%2051.7779%2045.8923%2054.7305%2047.2109C56.1717%2047.8547%2057.539%2048.6448%2058.8115%2049.5674C60.1459%2050.5348%2061.3766%2051.6478%2062.4795%2052.8887L65.6426%2056.4473L68.8057%2052.8887C69.9086%2051.6478%2071.1392%2050.5348%2072.4736%2049.5674C73.7464%2048.6446%2075.1142%2047.8547%2076.5557%2047.2109C79.5083%2045.8922%2082.705%2045.2191%2085.9346%2045.2363H85.9854L86.0361%2045.2354C88.7097%2045.1856%2091.367%2045.6717%2093.8525%2046.666C96.3383%2047.6604%2098.6034%2049.1436%20100.515%2051.0293C102.426%2052.915%20103.945%2055.1665%20104.982%2057.6514C106.02%2060.1361%20106.554%2062.8043%20106.554%2065.5V65.501C106.554%2074.0645%20102.382%2082.1039%2095.8086%2089.877C89.2296%2097.6565%2080.6704%20104.682%2072.6035%20111.289C71.1421%20112.486%2069.6963%20113.67%2068.2959%20114.832C66.7887%20116.083%2064.5293%20116.081%2063.0176%20114.818C61.4894%20113.542%2059.9072%20112.242%2058.3076%20110.928C50.2836%20104.335%2041.8192%2097.3643%2035.3242%2089.6553C28.8376%2081.9561%2024.7324%2073.9982%2024.7324%2065.501V65.5Z'%20stroke='url(%23paint0_linear_1564_322452)'%20stroke-width='8.46429'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_1564_322452'%20x1='17.6552'%20y1='80.505'%20x2='176.469'%20y2='63.4051'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF2D55'/%3e%3cstop%20offset='1'%20stop-color='%23FFBC5B'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e",y=24,U=20;function J(){F({title:s("nav.myFavorites"),noindex:!0});const r=l(e=>Object.values(e.items)),a=l(e=>e.status),p=l(e=>e.retry),[m,v]=c.useState(y),{data:u,isPending:C,isError:b}=w(),g=r.some(e=>!!e.manaWei),n=c.useMemo(()=>r.map(e=>({...e,priceCredits:E(e,u)})),[r,u]),j=c.useMemo(()=>n.slice(0,U).map(e=>e.contractAddress&&e.itemId?`${e.contractAddress.toLowerCase()}-${e.itemId}`:null).filter(e=>e!==null),[n]);if(a==="error")return t.jsxs(H,{"data-testid":"favorites-error",children:[t.jsx(M,{message:s("myFavorites.loadError")}),t.jsx(P,{type:"button",onClick:p,children:s("myFavorites.tryAgain")})]});if(a==="ready"&&n.length===0)return t.jsxs(R,{children:[t.jsx(k,{testId:"favorites-empty",icon:T,title:s("myFavorites.emptyTitle"),body:s("myFavorites.emptyBody"),cta:{label:s("myFavorites.emptyCta"),to:"/items"}}),t.jsx(f,{children:t.jsx(x,{title:s("myFavorites.suggestedTitle"),surface:"favorites"})})]});const d=a==="loading"||C&&g;return t.jsxs("section",{children:[t.jsxs(B,{children:[t.jsx(D,{children:s("nav.myFavorites")}),d?null:t.jsx(G,{children:s("myFavorites.itemCount",{count:n.length})})]}),b&&g?t.jsx(A,{children:s("assets.marketUnavailable")}):null,t.jsx(S,{"data-testid":d?"favorites-loading":void 0,children:d?t.jsx(_,{count:8}):n.slice(0,m).map(e=>t.jsx($,{item:e},e.id))}),t.jsx(I,{hasNextPage:!d&&m<n.length,isFetching:!1,onLoadMore:()=>v(e=>e+y)}),d?null:t.jsx(f,{children:t.jsx(x,{title:s("myFavorites.suggestedTitle"),surface:"favorites",exclude:j})})]})}export{J as MyFavorites};
+//# sourceMappingURL=MyFavorites-Cwv-npnC.js.map