@dcl/shop 0.7.2 → 0.7.3-31000563578.commit-5745007

package/_assets/index-DDc9MCuJ.js

@@ -1,474 +0,0 @@
-import{j as e,d as X,r as x,L as Z}from"./react-DehiWSvs.js";import{t as _,s as i,o as q,v as ee,d as n,e as E,B as $,w as V,S as te,b4 as B,A as Q,K as ie,k as ne,x as ae,ag as se,I as F,a4 as re,a7 as oe,a8 as de,bH as le,z as ce}from"./index-B1DCMe50.js";import{c as pe,i as he,R as ge,u as xe}from"./useImportable-1wgCIPJI.js";import{S as me,C as ue,b as fe}from"./ManaPricingBanner.styles-B36mIGF3.js";import{C as W}from"./field.styles-D3cOLW18.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./buy-C5VKib6d.js";import"./authorizations-CkEL0cRE.js";import"./sendMetaTransaction-B8QarnGW.js";import"./trade-encoding-CxvKGx0_.js";function D({size:a=12,...l}){return e.jsx("svg",{viewBox:"0 0 20 20",width:a,height:a,fill:"none","aria-hidden":!0,focusable:"false",...l,children:e.jsx("path",{d:"M5 10.5l3 3 7-7.5",stroke:"#fff",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})}const{colors:C,radius:we,z:ye}=_,be=q`
-  0% {
-    transform: scale(0);
-    opacity: 0;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-`,K=i.div`
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.5);
-  display: flex;
-  overflow-y: auto;
-  padding: 20px;
-  // Above the global DCL navbar so the backdrop dims the full viewport (navbar included).
-  z-index: ${ye.overlay};
-`,Y=i.div`
-  background: ${C.white};
-  border-radius: ${we.card};
-  padding: 24px;
-  width: min(420px, 92vw);
-  margin: auto;
-  /* Never taller than the (padded) viewport, and scroll inside if the content still does not fit — on a
-     short screen the actions used to sit off the bottom edge with no way to reach them. */
-  max-height: 100%;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-
-  &[data-success] {
-    text-align: center;
-    align-items: center;
-  }
-  &[data-success] [data-actions] {
-    justify-content: center;
-    width: 100%;
-  }
-`,O=i.h2`
-  font-size: 20px;
-`;i.img`
-  width: 140px;
-  height: 140px;
-  object-fit: contain;
-  align-self: center;
-  background: ${C.media};
-  border-radius: 10px;
-`;const ve=i.div`
-  position: sticky;
-  bottom: 0;
-  display: flex;
-  justify-content: flex-end;
-  gap: 10px;
-  margin-top: 6px;
-  padding-top: 8px;
-  background: ${C.white};
-`,je=i.div`
-  width: 56px;
-  height: 56px;
-  border-radius: 50%;
-  background: ${C.okStrong};
-  color: ${C.white};
-  font-size: 30px;
-  font-weight: 800;
-  display: grid;
-  place-items: center;
-  margin: 4px auto 2px;
-  animation: ${be} 0.32s cubic-bezier(0.2, 0.9, 0.3, 1.4);
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`;i.p`
-  font-weight: 700;
-  font-size: 16px;
-  margin: 2px 0 0;
-`;const{colors:u,gradients:ke,radius:$e}=_,Ce=i(Y)`
-  width: min(460px, 94vw);
-  text-align: left;
-  align-items: stretch;
-`,Ie=i.div`
-  height: 6px;
-  border-radius: 999px;
-  background: ${u.line};
-  overflow: hidden;
-  margin: 6px 0 14px;
-`,Se=i.div`
-  height: 100%;
-  width: 0;
-  background: ${ke.amethyst};
-  border-radius: 999px;
-  transition: width 0.45s ease;
-`,Le=i.ul`
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  /* The elastic part of a viewport-capped modal: it gives up height before anything else. The floor is
-     explicit because a scroll container's automatic minimum size is zero — it would otherwise collapse
-     to nothing on a short screen instead of just showing fewer rows. */
-  min-height: 96px;
-  max-height: 320px;
-  overflow-y: auto;
-`,Te=i.li`
-  display: grid;
-  grid-template-columns: 34px 1fr auto auto;
-  align-items: center;
-  gap: 10px;
-  padding: 8px;
-  border-radius: 10px;
-  transition: background 0.2s;
-
-  &[data-status='active'] {
-    background: ${u.rarityBg};
-  }
-  &[data-status='done'] {
-    opacity: 0.75;
-  }
-  &[data-status='skipped'],
-  &[data-status='failed'] {
-    opacity: 0.6;
-  }
-`,ze=i.span`
-  width: 34px;
-  height: 34px;
-  border-radius: ${$e.btn};
-  overflow: hidden;
-  background: ${u.media};
-  display: grid;
-  place-items: center;
-
-  & img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-`,Me=i.span`
-  font-weight: 600;
-  font-size: 14px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,Ae=i.span`
-  font-weight: 700;
-  font-size: 13px;
-  color: ${u.text2};
-`,Re=i.span`
-  font-size: 12px;
-  font-weight: 700;
-  color: ${u.accent};
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  justify-content: flex-end;
-  min-width: 74px;
-`,Ne=i.span`
-  color: ${u.muted2};
-  font-weight: 600;
-`,P=i.span`
-  color: ${u.muted};
-  font-weight: 600;
-`,Pe=i.span`
-  width: 14px;
-  height: 14px;
-  margin: 0;
-  border-width: 2px;
-`,Ee=i.span`
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  background: ${u.ok};
-  color: ${u.white};
-  display: grid;
-  place-items: center;
-  font-size: 12px;
-`,Be=i.p`
-  margin: 12px 0 0;
-`;function _e(a,l){switch(a==null?void 0:a.step){case"cancelling":return l?n("migrate.phaseCancelConfirm"):n("migrate.phaseCancel");case"confirming-cancel":return l?n("migrate.phaseConfirmingCancel"):n("migrate.phaseConfirmingCancelManaged");case"authorising":return l?n("migrate.phaseAuthoriseConfirm"):n("migrate.phaseAuthorise");case"signing":return l?n("migrate.phaseSignConfirm"):n("migrate.phaseSign");case"publishing":return n("migrate.phasePublishing");case"indexing":return n("migrate.phaseIndexing",{attempt:a.attempt,of:a.of});default:return l?n("migrate.statusConfirm"):n("migrate.statusAdding")}}function Qe({queue:a,session:l,onClose:g,onDone:v}){const I=X(),w=ee(l.providerType),[A,S]=x.useState(()=>a.map(()=>null)),[j,L]=x.useState(null),[c,f]=x.useState(()=>a.map(()=>"pending")),[m,T]=x.useState("running"),k=x.useRef(!1);x.useEffect(()=>{if(k.current)return;k.current=!0;let r=!1;return w&&pe(a.map(t=>t.item),l.address).then(t=>{!r&&t&&L({approvals:t.approvals,total:t.total})}).catch(()=>{}),(async()=>{for(let t=0;t<a.length;t++){if(r)return;f(s=>s.map((o,h)=>h===t?"active":o));try{await he(a[t].item,a[t].priceCredits,l,{onPhase:s=>{r||S(o=>o.map((h,b)=>b===t?s:h))}}),te("Shop Migrated Listing",{item_id:a[t].item.itemId??a[t].item.oldTradeId??null,contract_address:a[t].item.contractAddress,new_price_credits:a[t].priceCredits,new_price_usd:B(a[t].priceCredits)}),r||f(s=>s.map((o,h)=>h===t?"done":o))}catch(s){if(s instanceof ge)Q(s,{flow:"import_listing",step:"relist",itemId:a[t].item.itemId??a[t].item.oldTradeId}),r||f(o=>o.map((h,b)=>b===t?"unlisted":h));else{const o=s,h=o.code===4001||/reject|denied|cancel/i.test(o.message??"");h||Q(s,{flow:"import_listing",itemId:a[t].item.itemId??a[t].item.oldTradeId}),r||f(b=>b.map((G,J)=>J===t?h?"skipped":"failed":G))}}}r||T("finished")})(),()=>{r=!0}},[]);const y=c.filter(r=>r==="done").length,z=c.findIndex(r=>r==="active"),R=Math.round(c.filter(r=>r!=="pending"&&r!=="active").length/a.length*100);function N(){v(),g()}if(m==="finished"){const r=c.filter(t=>t==="skipped"||t==="failed").length,p=c.filter(t=>t==="unlisted").length;return e.jsx(K,{role:"presentation",children:e.jsxs(Y,{"data-success":!0,role:"dialog","aria-modal":"true",children:[e.jsx(je,{"aria-hidden":!0,children:e.jsx(D,{size:30})}),e.jsx(O,{children:y>0?n("migrate.successTitle"):n("migrate.nothingTitle")}),e.jsxs("p",{className:"muted",style:{margin:0},children:[y>0?n("migrate.listedSummary",{count:y,currency:E.name}):n("migrate.noneListed"),r>0?" "+n("migrate.skippedSummary",{count:r}):"",p>0?" "+n("migrate.unlistedSummary",{count:p}):""]}),e.jsxs(ve,{"data-actions":!0,children:[e.jsx($,{variant:"ghost",onClick:N,children:n("getCredits.done")}),p>0?e.jsx($,{variant:"purple",onClick:()=>{v(),g(),I("/my-items")},children:n("migrate.goToMyAssets")}):y>0?e.jsx($,{variant:"purple",onClick:()=>{v(),g(),I("/items")},children:n("migrate.viewInShop")}):null]})]})})}return e.jsx(K,{role:"presentation",children:e.jsxs(Ce,{"data-testid":"modal",role:"dialog","aria-modal":"true","aria-live":"polite",children:[e.jsx(O,{children:n("migrate.listingTitle")}),e.jsxs("p",{className:"muted small",style:{margin:"0 0 4px"},children:[w?n("migrate.subConfirm"):n("migrate.subManaged")," ",z>=0?n("migrate.progressCount",{current:z+1,total:a.length}):""]}),e.jsx(Ie,{children:e.jsx(Se,{style:{width:`${R}%`}})}),e.jsx(Le,{children:a.map((r,p)=>e.jsxs(Te,{"data-status":c[p],children:[e.jsx(ze,{children:r.item.thumbnail?e.jsx("img",{src:r.item.thumbnail,alt:""}):null}),e.jsx(Me,{title:r.item.name,children:r.item.name||n("migrate.itemFallback")}),e.jsxs(Ae,{children:[e.jsx(V,{className:"ccy-mark"})," ",r.priceCredits.toLocaleString()]}),e.jsx(Re,{"data-testid":c[p]==="active"?"migrate-active-status":void 0,children:c[p]==="active"?e.jsxs(e.Fragment,{children:[e.jsx(Pe,{className:"spinner","aria-hidden":!0})," ",_e(A[p],w)]}):c[p]==="done"?e.jsx(Ee,{children:e.jsx(D,{})}):c[p]==="skipped"?e.jsx(P,{children:n("migrate.statusSkipped")}):c[p]==="failed"?e.jsx(P,{children:n("migrate.statusFailed")}):c[p]==="unlisted"?e.jsx(P,{title:n("migrate.unlistedTooltip"),children:n("migrate.statusUnlisted")}):e.jsx(Ne,{children:n("migrate.statusWaiting")})})]},r.item.oldTradeId))}),e.jsx(Be,{className:"muted small",children:w?j?n(j.approvals>0?"migrate.hintCountApproval":"migrate.hintCount",{total:j.total}):n("migrate.hintConfirm"):n("migrate.hintManaged")})]})})}const{colors:d,font:Fe,media:We,radius:M}=_,De=i.div`
-  max-width: 520px;
-  margin: 0 auto;
-  text-align: center;
-  padding: 80px 20px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 10px;
-`,Ke=i.span`
-  font-size: 44px;
-`,Oe=i.h2`
-  font-size: 26px;
-  font-weight: 800;
-  margin: 4px 0 0;
-`,He=i($)`
-  margin-top: 10px;
-`,Ue=i.div`
-  max-width: 1003px;
-  margin: 0 auto;
-  padding-bottom: 120px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  font-family: ${Fe.sans};
-`,Ve=i.header`
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  padding: 10px 12px;
-`,Ye=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`,Ge=i.h2`
-  margin: 0;
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  color: ${d.text};
-`,Je=i.p`
-  margin: 0;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 1.334;
-  color: ${d.muted1};
-`,Xe=i.a`
-  display: inline-flex;
-  align-items: center;
-  gap: 2px;
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 30px;
-  text-decoration: underline;
-  color: ${d.accent};
-
-  .ico {
-    width: 13px;
-    height: 13px;
-  }
-  &:focus-visible {
-    outline: 2px solid ${d.accent};
-    outline-offset: 2px;
-  }
-`,Ze=i.hr`
-  width: 100%;
-  height: 0;
-  margin: 0;
-  border: 0;
-  border-top: 1px solid ${d.gray4};
-`,qe=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 8px 12px 0;
-`,et=i(me)`
-  font-size: 14px;
-  line-height: 1.334;
-  color: ${d.text2};
-`,tt=i.span`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 20px;
-  height: 20px;
-  border-radius: ${M.pill};
-  background: ${d.brandViolet};
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 1.6;
-  color: ${d.white};
-`,it=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`,nt=i.label`
-  display: flex;
-  align-items: center;
-  align-self: flex-start;
-  font-size: 14px;
-  line-height: 1.2;
-  color: ${d.text};
-  cursor: pointer;
-`,H=i.span`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 40px;
-  height: 40px;
-`,at=i.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,st=i.article`
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 12px;
-  row-gap: 8px;
-  padding: 12px 24px 12px 0;
-  border: 1px solid ${d.gray4};
-  border-radius: ${M.card};
-  background: ${d.white};
-  overflow: hidden;
-  transition: opacity 0.25s ease;
-
-  &[data-off] {
-    opacity: 0.5;
-  }
-`,rt=i.div`
-  flex: none;
-  display: flex;
-  align-items: center;
-`,ot=i.div`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 74.289px;
-  height: 74px;
-  border-radius: 6.482px;
-  background: ${d.media};
-  overflow: hidden;
-
-  & img {
-    width: 61.57px;
-    height: 61.281px;
-    object-fit: contain;
-    filter: drop-shadow(0.303px 1.212px 1.516px rgba(0, 0, 0, 0.1));
-  }
-`,dt=i.div`
-  /* Basis (not min-width) is what makes the price column wrap to its own line on a phone; min-width: 0
-     then lets the name ellipsize once it is on a line of its own. */
-  flex: 1 1 150px;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: 8px;
-  padding: 16px 8px;
-`,lt=i.div`
-  font-weight: 600;
-  font-size: 16px;
-  line-height: 1.2;
-  color: ${d.text};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,ct=i.div`
-  display: flex;
-  align-items: flex-end;
-  gap: 4px;
-`,U=i(ie)`
-  padding: 1.623px 6.491px;
-  font-weight: 600;
-  font-size: 8.56px;
-  line-height: 11.851px;
-
-  /* Same padding as the rarity chip beside it — the design sets the category chip flush with it, and
-     only the narrower gender chip (which this row does not carry) gets the tighter inset. Restated
-     rather than inherited because the shared chip's own icon variant is a more specific selector. */
-  &[data-variant='icon'] {
-    padding: 1.623px 6.491px;
-  }
-  &[data-variant='icon'] .ico {
-    width: 14.605px;
-    height: 14.605px;
-  }
-`,pt=i.div`
-  flex: none;
-  /* Right-aligns the block on the desktop row AND on the line it wraps to on narrow screens. */
-  margin-left: auto;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  justify-content: center;
-  gap: 4px;
-`,ht=i.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  width: 144px;
-  height: 42px;
-  padding: 8px;
-  border: 0.5px solid ${d.muted2};
-  border-radius: ${M.btn};
-  background: ${d.panel};
-
-  /* The MONOCHROME credit glyph, in the text colour and matched to the amount beside it: the filled
-     gradient mark is right for a price you are being SHOWN, and this is a price you are typing, so the
-     unit belongs to the input's own type. 17px is the size the design draws the mark at here. */
-  & .ico {
-    flex: 0 0 auto;
-    width: 17px;
-    height: 17px;
-    color: ${d.text};
-  }
-  transition:
-    border-color 0.15s,
-    box-shadow 0.15s;
-
-  &:focus-within {
-    border-color: ${d.accent};
-    box-shadow: 0 0 0 3px ${d.rarityBg};
-  }
-`,gt=i.input`
-  flex: 1 1 auto;
-  min-width: 0;
-  border: 0;
-  outline: 0;
-  background: transparent;
-  font: inherit;
-  font-weight: 600;
-  font-size: 16px;
-  color: ${d.text};
-  text-align: right;
-  font-variant-numeric: tabular-nums;
-`,xt=i.div`
-  display: flex;
-  align-items: baseline;
-  gap: 4px;
-  font-weight: 500;
-  font-size: 12px;
-  color: ${d.gray0};
-`,mt=i.span`
-  font-weight: 300;
-  font-size: 10px;
-  color: ${d.muted};
-`,ut=i.div`
-  height: 101px;
-  border: 1px solid transparent;
-  border-radius: ${M.card};
-  background: linear-gradient(100deg, #ededed 30%, #f7f7f7 50%, #ededed 70%);
-  background-size: 200% 100%;
-  animation: shimmer 1.3s infinite linear;
-`,ft=i.div`
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 30;
-  background: rgba(255, 255, 255, 0.9);
-  backdrop-filter: blur(12px);
-  border-top: 1px solid ${d.line};
-`,wt=i.div`
-  max-width: 1003px;
-  margin: 0 auto;
-  padding: 15px 20px;
-  display: flex;
-  align-items: center;
-  gap: 16px;
-
-  ${We.maxWidth("mobile")} {
-    padding: 12px 16px;
-    gap: 12px;
-  }
-`,yt=i.div`
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-weight: 600;
-  font-size: 16px;
-  color: ${d.text};
-`,bt=i.div`
-  font-size: 13px;
-  color: ${d.muted};
-`,vt=i.span`
-  flex: 1 1 auto;
-`,jt=i($)`
-  flex: none;
-  padding: 13px 24px;
-`,kt="https://docs.decentraland.org";function $t(a){try{return le(BigInt(a))}catch{return null}}function _t(){const{session:a}=ne(),l=ae(),{items:g,isLoading:v}=xe(),[I,w]=x.useState({}),[A,S]=x.useState(new Set),[j,L]=x.useState(null);x.useEffect(()=>{g.length&&w(t=>{const s={...t};for(const o of g)s[o.oldTradeId]==null&&(s[o.oldTradeId]=o.suggestedCredits);return s})},[g]);const c=t=>!A.has(t),f=t=>I[t.oldTradeId]??t.suggestedCredits,m=g.filter(t=>c(t.oldTradeId)),T=m.reduce((t,s)=>t+f(s),0),k=g.length>0&&m.length===g.length,y=m.length>0&&!k;function z(t,s){const o=s.replace(/[^\d]/g,"");w(h=>({...h,[t]:o===""?0:parseInt(o,10)}))}function R(t){S(s=>{const o=new Set(s);return o.has(t)?o.delete(t):o.add(t),o})}function N(){S(k?new Set(g.map(t=>t.oldTradeId)):new Set)}function r(t){return t.map(s=>({item:s,priceCredits:Math.max(1,f(s))}))}function p(){l.invalidateQueries({queryKey:["importable"]}),l.invalidateQueries({queryKey:["shop-items"]}),l.invalidateQueries({queryKey:["catalog-items"]}),l.invalidateQueries({queryKey:["overview-listings"]}),l.invalidateQueries({queryKey:["upsell-listings"]}),l.invalidateQueries({queryKey:["my-assets"]}),l.invalidateQueries({queryKey:["collection-sale-state"]}),ce.success(n("importListings.toastUpdated"))}return!v&&g.length===0?e.jsxs(De,{children:[e.jsx(Ke,{"aria-hidden":!0,children:"✨"}),e.jsx(Oe,{children:n("importListings.emptyTitle")}),e.jsx("p",{className:"muted",children:n("importListings.emptyBody")}),e.jsx(He,{as:Z,to:"/my-items",variant:"purple",children:n("importListings.goToMyAssets")})]}):e.jsxs(Ue,{children:[e.jsxs(Ve,{children:[e.jsxs(Ye,{children:[e.jsx(Ge,{children:n("importListings.title")}),e.jsxs("div",{children:[e.jsx(Je,{children:n("importListings.lede",{currency:se(E.name)})}),e.jsxs(Xe,{href:kt,target:"_blank",rel:"noopener noreferrer",children:[n("importListings.learnMore"),e.jsx(F,{name:"external-link",className:"ico","aria-hidden":!0})]})]})]}),e.jsx(ue,{})]}),e.jsx(Ze,{}),e.jsxs(qe,{children:[e.jsxs(et,{"data-testid":"import-progress",children:[e.jsx(tt,{"data-testid":"import-count",children:g.length}),n("importListings.updatePricing")]}),e.jsxs(it,{children:[e.jsxs(nt,{children:[e.jsx(H,{children:e.jsx(W,{type:"checkbox",checked:k,ref:t=>{t&&(t.indeterminate=y)},"data-indeterminate":y,onChange:N,"data-testid":"import-select-all","aria-label":n("importListings.selectAllAria")})}),n("importListings.selectAll")]}),e.jsx(at,{children:v?Array.from({length:4}).map((t,s)=>e.jsx(ut,{},s)):g.map(t=>{const s=f(t),o=re({...t,wearableCategory:t.wearableCategory??void 0}),h=$t(t.manaWei);return e.jsxs(st,{"data-off":c(t.oldTradeId)?void 0:!0,children:[e.jsxs(rt,{children:[e.jsx(H,{children:e.jsx(W,{type:"checkbox",checked:c(t.oldTradeId),onChange:()=>R(t.oldTradeId),"data-testid":"import-row-check","aria-label":n("importListings.includeItem",{name:t.name})})}),e.jsx(ot,{children:t.thumbnail?e.jsx("img",{src:t.thumbnail,alt:""}):null})]}),e.jsxs(dt,{children:[e.jsx(lt,{title:t.name,children:t.name||n("importListings.itemFallback")}),e.jsxs(ct,{children:[e.jsx(U,{"data-variant":"rarity",style:{background:de(t.rarity),color:oe(t.rarity)},children:t.rarity}),o?e.jsx(U,{"data-variant":"icon",children:e.jsx(F,{name:o,"aria-hidden":!0})}):null]})]}),e.jsxs(pt,{children:[e.jsxs(ht,{children:[e.jsx(V,{}),e.jsx(gt,{"data-testid":"imp-price-input",inputMode:"numeric",value:s.toLocaleString(),onChange:b=>z(t.oldTradeId,b.target.value),"aria-label":n("importListings.priceAria",{currency:E.name,name:t.name})})]}),e.jsxs(xt,{children:[e.jsxs("span",{children:["$",B(s).toFixed(2)]}),h?e.jsx(mt,{children:n("importListings.wasMana",{amount:h})}):null]})]})]},t.oldTradeId)})})]})]}),e.jsx(ft,{children:e.jsxs(wt,{children:[e.jsxs("div",{children:[e.jsxs(yt,{children:[e.jsx(fe,{})," ",T.toLocaleString()]}),e.jsx(bt,{children:n("importListings.selectedSummary",{count:m.length,usd:B(T).toFixed(2)})})]}),e.jsx(vt,{}),e.jsx(jt,{variant:"purple",disabled:m.length===0,onClick:()=>L(r(m)),children:n("importListings.listAll",{count:m.length})})]})}),j&&a?e.jsx(Qe,{queue:j,session:a,onClose:()=>L(null),onDone:p}):null]})}export{_t as ImportListings};

package/_assets/styled-CjUv0U3K.js

@@ -1,9 +0,0 @@
-import{f as F,g as xe}from"./react-DehiWSvs.js";import{b_ as Ee,ce as ae,ae as Pe,cf as Te,bY as Re,cg as be,ac as Oe,ad as z,ch as ue,ci as ge,cj as $e,ck as we,cl as Ce,f as Ae,T as Me}from"./index-B1DCMe50.js";const Fe=Object.freeze(Object.defineProperty({__proto__:null,default:Ee,isPlainObject:ae},Symbol.toStringTag,{value:"Module"})),je=Object.freeze(Object.defineProperty({__proto__:null,default:Pe},Symbol.toStringTag,{value:"Module"})),Le=Object.freeze(Object.defineProperty({__proto__:null,default:Te,private_createBreakpoints:Re,unstable_applyStyles:be},Symbol.toStringTag,{value:"Module"})),qe=["sx"],Ie=e=>{var o,u;const s={systemProps:{},otherProps:{}},d=(o=e==null||(u=e.theme)==null?void 0:u.unstable_sxConfig)!=null?o:ue;return Object.keys(e).forEach(a=>{d[a]?s.systemProps[a]=e[a]:s.otherProps[a]=e[a]}),s};function Ne(e){const{sx:o}=e,u=Oe(e,qe),{systemProps:s,otherProps:d}=Ie(u);let a;return Array.isArray(o)?a=[s,...o]:typeof o=="function"?a=(...R)=>{const v=o(...R);return ae(v)?z({},s,v):s}:a=z({},s,o),z({},d,{sx:a})}const We=Object.freeze(Object.defineProperty({__proto__:null,default:ge,extendSxProp:Ne,unstable_createStyleFunctionSx:$e,unstable_defaultSxConfig:ue},Symbol.toStringTag,{value:"Module"}));var U={exports:{}},n={};/**
- * @license React
- * react-is.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var Q;function Ye(){if(Q)return n;Q=1;var e=Symbol.for("react.transitional.element"),o=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),s=Symbol.for("react.strict_mode"),d=Symbol.for("react.profiler"),a=Symbol.for("react.consumer"),R=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),g=Symbol.for("react.suspense"),$=Symbol.for("react.suspense_list"),b=Symbol.for("react.memo"),w=Symbol.for("react.lazy"),Y=Symbol.for("react.view_transition"),k=Symbol.for("react.client.reference");function p(t){if(typeof t=="object"&&t!==null){var j=t.$$typeof;switch(j){case e:switch(t=t.type,t){case u:case d:case s:case g:case $:case Y:return t;default:switch(t=t&&t.$$typeof,t){case R:case v:case w:case b:return t;case a:return t;default:return j}}case o:return j}}}return n.ContextConsumer=a,n.ContextProvider=R,n.Element=e,n.ForwardRef=v,n.Fragment=u,n.Lazy=w,n.Memo=b,n.Portal=o,n.Profiler=d,n.StrictMode=s,n.Suspense=g,n.SuspenseList=$,n.isContextConsumer=function(t){return p(t)===a},n.isContextProvider=function(t){return p(t)===R},n.isElement=function(t){return typeof t=="object"&&t!==null&&t.$$typeof===e},n.isForwardRef=function(t){return p(t)===v},n.isFragment=function(t){return p(t)===u},n.isLazy=function(t){return p(t)===w},n.isMemo=function(t){return p(t)===b},n.isPortal=function(t){return p(t)===o},n.isProfiler=function(t){return p(t)===d},n.isStrictMode=function(t){return p(t)===s},n.isSuspense=function(t){return p(t)===g},n.isSuspenseList=function(t){return p(t)===$},n.isValidElementType=function(t){return typeof t=="string"||typeof t=="function"||t===u||t===d||t===s||t===g||t===$||typeof t=="object"&&t!==null&&(t.$$typeof===w||t.$$typeof===b||t.$$typeof===R||t.$$typeof===a||t.$$typeof===v||t.$$typeof===k||t.getModuleId!==void 0)},n.typeOf=p,n}var ee;function ke(){return ee||(ee=1,U.exports=Ye()),U.exports}var te=ke();const De=/^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;function ie(e){const o=`${e}`.match(De);return o&&o[1]||""}function le(e,o=""){return e.displayName||e.name||ie(e)||o}function re(e,o,u){const s=le(o);return e.displayName||(s!==""?`${u}(${s})`:u)}function Ve(e){if(e!=null){if(typeof e=="string")return e;if(typeof e=="function")return le(e,"Component");if(typeof e=="object")switch(e.$$typeof){case te.ForwardRef:return re(e,e.render,"ForwardRef");case te.Memo:return re(e,e.type,"memo");default:return}}}const ze=Object.freeze(Object.defineProperty({__proto__:null,default:Ve,getFunctionName:ie},Symbol.toStringTag,{value:"Module"}));var O={},B={exports:{}},oe;function Ue(){return oe||(oe=1,(function(e){function o(){return e.exports=o=Object.assign?Object.assign.bind():function(u){for(var s=1;s<arguments.length;s++){var d=arguments[s];for(var a in d)({}).hasOwnProperty.call(d,a)&&(u[a]=d[a])}return u},e.exports.__esModule=!0,e.exports.default=e.exports,o.apply(null,arguments)}e.exports=o,e.exports.__esModule=!0,e.exports.default=e.exports})(B)),B.exports}var G={exports:{}},ne;function Be(){return ne||(ne=1,(function(e){function o(u,s){if(u==null)return{};var d={};for(var a in u)if({}.hasOwnProperty.call(u,a)){if(s.indexOf(a)!==-1)continue;d[a]=u[a]}return d}e.exports=o,e.exports.__esModule=!0,e.exports.default=e.exports})(G)),G.exports}const Ge=F(we),He=F(Fe),Xe=F(je),Ze=F(ze),Je=F(Le),Ke=F(We);var se;function Qe(){if(se)return O;se=1;var e=Ce();Object.defineProperty(O,"__esModule",{value:!0}),O.default=de,O.shouldForwardProp=p,O.systemDefaultTheme=void 0;var o=e(Ue()),u=e(Be()),s=w(Ge),d=He;e(Xe),e(Ze);var a=e(Je),R=e(Ke);const v=["ownerState"],g=["variants"],$=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function b(r){if(typeof WeakMap!="function")return null;var l=new WeakMap,i=new WeakMap;return(b=function(c){return c?i:l})(r)}function w(r,l){if(r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var i=b(l);if(i&&i.has(r))return i.get(r);var c={__proto__:null},x=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in r)if(f!=="default"&&Object.prototype.hasOwnProperty.call(r,f)){var _=x?Object.getOwnPropertyDescriptor(r,f):null;_&&(_.get||_.set)?Object.defineProperty(c,f,_):c[f]=r[f]}return c.default=r,i&&i.set(r,c),c}function Y(r){return Object.keys(r).length===0}function k(r){return typeof r=="string"&&r.charCodeAt(0)>96}function p(r){return r!=="ownerState"&&r!=="theme"&&r!=="sx"&&r!=="as"}function t(r,l){return l&&r&&typeof r=="object"&&r.styles&&!r.styles.startsWith("@layer")&&(r.styles=`@layer ${l}{${String(r.styles)}}`),r}const j=O.systemDefaultTheme=(0,a.default)(),fe=r=>r&&r.charAt(0).toLowerCase()+r.slice(1);function q({defaultTheme:r,theme:l,themeId:i}){return Y(l)?r:l[i]||l}function ce(r){return r?(l,i)=>i[r]:null}function I(r,l,i){let{ownerState:c}=l,x=(0,u.default)(l,v);const f=typeof r=="function"?r((0,o.default)({ownerState:c},x)):r;if(Array.isArray(f))return f.flatMap(_=>I(_,(0,o.default)({ownerState:c},x),i));if(f&&typeof f=="object"&&Array.isArray(f.variants)){const{variants:_=[]}=f;let m=(0,u.default)(f,g);return _.forEach(y=>{let C=!0;if(typeof y.props=="function"?C=y.props((0,o.default)({ownerState:c},x,c)):Object.keys(y.props).forEach(E=>{(c==null?void 0:c[E])!==y.props[E]&&x[E]!==y.props[E]&&(C=!1)}),C){Array.isArray(m)||(m=[m]);const E=typeof y.style=="function"?y.style((0,o.default)({ownerState:c},x,c)):y.style;m.push(i?t((0,s.internal_serializeStyles)(E),i):E)}}),m}return i?t((0,s.internal_serializeStyles)(f),i):f}function de(r={}){const{themeId:l,defaultTheme:i=j,rootShouldForwardProp:c=p,slotShouldForwardProp:x=p}=r,f=_=>(0,R.default)((0,o.default)({},_,{theme:q((0,o.default)({},_,{defaultTheme:i,themeId:l}))}));return f.__mui_systemSx=!0,(_,D={})=>{(0,s.internal_processStyles)(_,S=>S.filter(P=>!(P!=null&&P.__mui_systemSx)));const{name:m,slot:y,skipVariantsResolver:C,skipSx:E,overridesResolver:H=ce(fe(y))}=D,pe=(0,u.default)(D,$),_e=m&&m.startsWith("Mui")||y?"components":"custom",ye=C!==void 0?C:y&&y!=="Root"&&y!=="root"||!1,me=E||!1;let Se,N=p;y==="Root"||y==="root"?N=c:y?N=x:k(_)&&(N=void 0);const V=(0,s.default)(_,(0,o.default)({shouldForwardProp:N,label:Se},pe)),X=S=>typeof S=="function"&&S.__emotion_real!==S||(0,d.isPlainObject)(S)?P=>{const A=q({theme:P.theme,defaultTheme:i,themeId:l});return I(S,(0,o.default)({},P,{theme:A}),A.modularCssLayers?_e:void 0)}:S,Z=(S,...P)=>{let A=X(S);const L=P?P.map(X):[];m&&H&&L.push(T=>{const h=q((0,o.default)({},T,{defaultTheme:i,themeId:l}));if(!h.components||!h.components[m]||!h.components[m].styleOverrides)return null;const M=h.components[m].styleOverrides,W={};return Object.entries(M).forEach(([he,ve])=>{W[he]=I(ve,(0,o.default)({},T,{theme:h}),h.modularCssLayers?"theme":void 0)}),H(T,W)}),m&&!ye&&L.push(T=>{var h;const M=q((0,o.default)({},T,{defaultTheme:i,themeId:l})),W=M==null||(h=M.components)==null||(h=h[m])==null?void 0:h.variants;return I({variants:W},(0,o.default)({},T,{theme:M}),M.modularCssLayers?"theme":void 0)}),me||L.push(f);const J=L.length-P.length;if(Array.isArray(S)&&J>0){const T=new Array(J).fill("");A=[...S,...T],A.raw=[...S.raw,...T]}const K=V(A,...L);return _.muiName&&(K.muiName=_.muiName),K};return V.withConfig&&(Z.withConfig=V.withConfig),Z}}return O}var et=Qe();const tt=xe(et);function rt(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}const ot=e=>rt(e)&&e!=="classes",at=tt({themeId:Me,defaultTheme:Ae,rootShouldForwardProp:ot});export{ot as a,rt as b,Ne as e,Ge as r,at as s};