@dcl/shop 0.5.1-30936490891.commit-42e2634 → 0.5.1-30940409227.commit-b7c9392

package/_assets/index--KElevJa.js

@@ -0,0 +1,474 @@
+import{j as e,d as G,r as x,L as Z}from"./react-DehiWSvs.js";import{t as _,s as i,o as q,v as ee,b as n,C as E,B as $,w as J,R as te,aX as B,j as Q,J as ie,n as ne,x as ae,ad as se,I as F,a1 as re,a4 as oe,a5 as de,bu as le,z as ce}from"./index-DJ_XXsX4.js";import{c as pe,i as he,R as ge,u as xe}from"./useImportable-C0by8OUO.js";import{S as me,C as ue,b as fe}from"./ManaPricingBanner.styles-DVVrD9cu.js";import{C as W}from"./field.styles-65e8p9Ru.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./buy-0nTVsNIf.js";import"./mana-convert-afnDP-Pg.js";import"./authorizations-B9LJCPhM.js";import"./sendMetaTransaction-DUJxY3xt.js";import"./trade-encoding-DUb-pVoy.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};
+`,V=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 je=i.div`
+  position: sticky;
+  bottom: 0;
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  margin-top: 6px;
+  padding-top: 8px;
+  background: ${C.white};
+`,ve=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(V)`
+  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 n("migrate.phaseConfirmingCancel");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:h,onDone:j}){const I=G(),w=ee(l.providerType),[A,S]=x.useState(()=>a.map(()=>null)),[v,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,p)=>p===t?"active":o));try{await he(a[t].item,a[t].priceCredits,l,{onPhase:s=>{r||S(o=>o.map((p,b)=>b===t?s:p))}}),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,p)=>p===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((p,b)=>b===t?"unlisted":p));else{const o=s,p=o.code===4001||/reject|denied|cancel/i.test(o.message??"");p||Q(s,{flow:"import_listing",itemId:a[t].item.itemId??a[t].item.oldTradeId}),r||f(b=>b.map((X,Y)=>Y===t?p?"skipped":"failed":X))}}}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(){j(),h()}if(m==="finished"){const r=c.filter(t=>t==="skipped"||t==="failed").length,g=c.filter(t=>t==="unlisted").length;return e.jsx(K,{role:"presentation",children:e.jsxs(V,{"data-success":!0,role:"dialog","aria-modal":"true",children:[e.jsx(ve,{"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}):"",g>0?" "+n("migrate.unlistedSummary",{count:g}):""]}),e.jsxs(je,{"data-actions":!0,children:[e.jsx($,{variant:"ghost",onClick:N,children:n("getCredits.done")}),g>0?e.jsx($,{variant:"purple",onClick:()=>{j(),h(),I("/my-items")},children:n("migrate.goToMyAssets")}):y>0?e.jsx($,{variant:"purple",onClick:()=>{j(),h(),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,g)=>e.jsxs(Te,{"data-status":c[g],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(J,{className:"ccy-mark"})," ",r.priceCredits.toLocaleString()]}),e.jsx(Re,{children:c[g]==="active"?e.jsxs(e.Fragment,{children:[e.jsx(Pe,{className:"spinner","aria-hidden":!0})," ",_e(A[g],w)]}):c[g]==="done"?e.jsx(Ee,{children:e.jsx(D,{})}):c[g]==="skipped"?e.jsx(P,{children:n("migrate.statusSkipped")}):c[g]==="failed"?e.jsx(P,{children:n("migrate.statusFailed")}):c[g]==="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?v?n(v.approvals>0?"migrate.hintCountApproval":"migrate.hintCount",{total:v.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;
+`,Ue=i($)`
+  margin-top: 10px;
+`,He=i.div`
+  max-width: 1003px;
+  margin: 0 auto;
+  padding-bottom: 120px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  font-family: ${Fe.sans};
+`,Je=i.header`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 10px 12px;
+`,Ve=i.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`,Xe=i.h2`
+  margin: 0;
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  color: ${d.text};
+`,Ye=i.p`
+  margin: 0;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 1.334;
+  color: ${d.muted1};
+`,Ge=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;
+`,U=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;
+`,H=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};
+`,jt=i.span`
+  flex: 1 1 auto;
+`,vt=i($)`
+  flex: none;
+  padding: 13px 24px;
+`,kt="https://docs.decentraland.org";function $t(a){try{return le(BigInt(a))}catch{return null}}function Qt(){const{session:a}=ne(),l=ae(),{items:h,isLoading:j}=xe(),[I,w]=x.useState({}),[A,S]=x.useState(new Set),[v,L]=x.useState(null);x.useEffect(()=>{h.length&&w(t=>{const s={...t};for(const o of h)s[o.oldTradeId]==null&&(s[o.oldTradeId]=o.suggestedCredits);return s})},[h]);const c=t=>!A.has(t),f=t=>I[t.oldTradeId]??t.suggestedCredits,m=h.filter(t=>c(t.oldTradeId)),T=m.reduce((t,s)=>t+f(s),0),k=h.length>0&&m.length===h.length,y=m.length>0&&!k;function z(t,s){const o=s.replace(/[^\d]/g,"");w(p=>({...p,[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(h.map(t=>t.oldTradeId)):new Set)}function r(t){return t.map(s=>({item:s,priceCredits:Math.max(1,f(s))}))}function g(){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!j&&h.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(Ue,{as:Z,to:"/my-items",variant:"purple",children:n("importListings.goToMyAssets")})]}):e.jsxs(He,{children:[e.jsxs(Je,{children:[e.jsxs(Ve,{children:[e.jsx(Xe,{children:n("importListings.title")}),e.jsxs("div",{children:[e.jsx(Ye,{children:n("importListings.lede",{currency:se(E.name)})}),e.jsxs(Ge,{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:h.length}),n("importListings.updatePricing")]}),e.jsxs(it,{children:[e.jsxs(nt,{children:[e.jsx(U,{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:j?Array.from({length:4}).map((t,s)=>e.jsx(ut,{},s)):h.map(t=>{const s=f(t),o=re({...t,wearableCategory:t.wearableCategory??void 0}),p=$t(t.manaWei);return e.jsxs(st,{"data-off":c(t.oldTradeId)?void 0:!0,children:[e.jsxs(rt,{children:[e.jsx(U,{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(H,{"data-variant":"rarity",style:{background:de(t.rarity),color:oe(t.rarity)},children:t.rarity}),o?e.jsx(H,{"data-variant":"icon",children:e.jsx(F,{name:o,"aria-hidden":!0})}):null]})]}),e.jsxs(pt,{children:[e.jsxs(ht,{children:[e.jsx(J,{}),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)]}),p?e.jsx(mt,{children:n("importListings.wasMana",{amount:p})}):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(jt,{}),e.jsx(vt,{variant:"purple",disabled:m.length===0,onClick:()=>L(r(m)),children:n("importListings.listAll",{count:m.length})})]})}),v&&a?e.jsx(Qe,{queue:v,session:a,onClose:()=>L(null),onDone:g}):null]})}export{Qt as ImportListings};

package/_assets/{index-EECYRahm.js → index--aSZnhIL.js}

@@ -1,4 +1,4 @@
-import{i as m,b as h}from"./lit-element-B3y9oplH.js";import{n as b,o as v,r as C}from"./class-map-CxwNmq0D.js";import{d as k,r as g}from"./index-BQimjtyT.js";import{c as y}from"./index-grgWjFlo.js";import{e as O,n as _}from"./ref-BsAZ42-h.js";import{e as L,i as R,p as j,O as l}from"./W3MFrameProviderSingleton-D-orryVV.js";const d=j({isLegalCheckboxChecked:!1}),f={state:d,subscribe(e){return R(d,()=>e(d))},subscribeKey(e,t){return L(d,e,t)},setIsLegalCheckboxChecked(e){d.isLegalCheckboxChecked=e}},z=k`
+import{i as m,b as h}from"./lit-element-B3y9oplH.js";import{n as b,o as v,r as C}from"./class-map-CxwNmq0D.js";import{d as k,r as g}from"./index-DS_giuMA.js";import{c as y}from"./index-BleeQ24S.js";import{e as O,n as _}from"./ref-BsAZ42-h.js";import{e as L,i as R,p as j,O as l}from"./W3MFrameProviderSingleton-CxAkiUyt.js";const d=j({isLegalCheckboxChecked:!1}),f={state:d,subscribe(e){return R(d,()=>e(d))},subscribeKey(e,t){return L(d,e,t)},setIsLegalCheckboxChecked(e){d.isLegalCheckboxChecked=e}},z=k`
   label {
     display: inline-flex;
     align-items: center;

package/_assets/{index-CFksIzM4.js → index-319zbhFH.js}

@@ -1,4 +1,4 @@
-import{a as m,i as c,b as d}from"./lit-element-B3y9oplH.js";import{n as u,o as f}from"./class-map-CxwNmq0D.js";import{c as b}from"./index-grgWjFlo.js";import{r as h}from"./index-BQimjtyT.js";import"./index-B59Gh8B7.js";const v=m`
+import{a as m,i as c,b as d}from"./lit-element-B3y9oplH.js";import{n as u,o as f}from"./class-map-CxwNmq0D.js";import{c as b}from"./index-BleeQ24S.js";import{r as h}from"./index-DS_giuMA.js";import"./index-BgyaqEVx.js";const v=m`
   :host {
     position: relative;
     display: inline-block;

package/_assets/{index-C45bHTUp.js → index-3RKOm9ky.js}

@@ -1,4 +1,4 @@
-import{i as h,b as v}from"./lit-element-B3y9oplH.js";import{n as d}from"./class-map-CxwNmq0D.js";import"./index-CtaCRDRI.js";import{d as m,r as f}from"./index-BQimjtyT.js";import{c as u,U as p}from"./index-grgWjFlo.js";const g=m`
+import{i as h,b as v}from"./lit-element-B3y9oplH.js";import{n as d}from"./class-map-CxwNmq0D.js";import"./index-DZDHiVJM.js";import{d as m,r as f}from"./index-DS_giuMA.js";import{c as u,U as p}from"./index-BleeQ24S.js";const g=m`
   :host {
     display: block;
     width: var(--local-width);