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

package/_assets/{index-DI6mFHN_.js → index-oBbODxgD.js}

@@ -1,4 +1,4 @@
-import{i as b,b as c}from"./lit-element-B3y9oplH.js";import{n}from"./class-map-CxwNmq0D.js";import{c as p}from"./index-TXpJyzEO.js";import"./index-BlqD0sjz.js";import{d as g,r as m,e as h}from"./index-qOIpyDqw.js";const v=g`
+import{i as b,b as c}from"./lit-element-B3y9oplH.js";import{n}from"./class-map-CxwNmq0D.js";import{c as p}from"./index-BPaO_ntB.js";import"./index-DkuxSwEU.js";import{d as g,r as m,e as h}from"./index-CI0UD5dV.js";const v=g`
   :host {
     width: var(--local-width);
   }

package/_assets/index-vsp2ePXO.js

@@ -0,0 +1,472 @@
+import{j as e,d as X,r as b,L as Y}from"./react-DehiWSvs.js";import{t as P,s as t,o as G,v as Z,b as n,C as N,B as I,w as H,R as q,aX as B,j as _,J as ee,n as te,x as ie,ad as ne,I as Q,a1 as se,a4 as ae,a5 as re,bu as oe,z as de}from"./index-D-7WCtxn.js";import{i as le,R as ce,u as pe}from"./useImportable-Ce98Ar0U.js";import{S as xe,C as he,b as ge}from"./ManaPricingBanner.styles-DTnTTvyO.js";import{C as F}from"./field.styles-CFlKswg7.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./buy-hkJbpiOY.js";import"./mana-convert-dJqmfJfM.js";import"./authorizations-zc6Rq7Wn.js";import"./sendMetaTransaction-BAlAehuy.js";import"./trade-encoding-BDt5HS0k.js";function D({size:a=12,...h}){return e.jsx("svg",{viewBox:"0 0 20 20",width:a,height:a,fill:"none","aria-hidden":!0,focusable:"false",...h,children:e.jsx("path",{d:"M5 10.5l3 3 7-7.5",stroke:"#fff",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})}const{colors:L,radius:me,z:ue}=P,fe=G`
+  0% {
+    transform: scale(0);
+    opacity: 0;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+`,W=t.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: ${ue.overlay};
+`,J=t.div`
+  background: ${L.white};
+  border-radius: ${me.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%;
+  }
+`,K=t.h2`
+  font-size: 20px;
+`;t.img`
+  width: 140px;
+  height: 140px;
+  object-fit: contain;
+  align-self: center;
+  background: ${L.media};
+  border-radius: 10px;
+`;const we=t.div`
+  position: sticky;
+  bottom: 0;
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  margin-top: 6px;
+  padding-top: 8px;
+  background: ${L.white};
+`,ye=t.div`
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+  background: ${L.okStrong};
+  color: ${L.white};
+  font-size: 30px;
+  font-weight: 800;
+  display: grid;
+  place-items: center;
+  margin: 4px auto 2px;
+  animation: ${fe} 0.32s cubic-bezier(0.2, 0.9, 0.3, 1.4);
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`;t.p`
+  font-weight: 700;
+  font-size: 16px;
+  margin: 2px 0 0;
+`;const{colors:w,gradients:be,radius:je}=P,ve=t(J)`
+  width: min(460px, 94vw);
+  text-align: left;
+  align-items: stretch;
+`,ke=t.div`
+  height: 6px;
+  border-radius: 999px;
+  background: ${w.line};
+  overflow: hidden;
+  margin: 6px 0 14px;
+`,$e=t.div`
+  height: 100%;
+  width: 0;
+  background: ${be.amethyst};
+  border-radius: 999px;
+  transition: width 0.45s ease;
+`,Ce=t.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;
+`,Ie=t.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: ${w.rarityBg};
+  }
+  &[data-status='done'] {
+    opacity: 0.75;
+  }
+  &[data-status='skipped'],
+  &[data-status='failed'] {
+    opacity: 0.6;
+  }
+`,Le=t.span`
+  width: 34px;
+  height: 34px;
+  border-radius: ${je.btn};
+  overflow: hidden;
+  background: ${w.media};
+  display: grid;
+  place-items: center;
+
+  & img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+`,Se=t.span`
+  font-weight: 600;
+  font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Te=t.span`
+  font-weight: 700;
+  font-size: 13px;
+  color: ${w.text2};
+`,ze=t.span`
+  font-size: 12px;
+  font-weight: 700;
+  color: ${w.accent};
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  justify-content: flex-end;
+  min-width: 74px;
+`,Me=t.span`
+  color: ${w.muted2};
+  font-weight: 600;
+`,E=t.span`
+  color: ${w.muted};
+  font-weight: 600;
+`,Re=t.span`
+  width: 14px;
+  height: 14px;
+  margin: 0;
+  border-width: 2px;
+`,Ae=t.span`
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: ${w.ok};
+  color: ${w.white};
+  display: grid;
+  place-items: center;
+  font-size: 12px;
+`,Ee=t.p`
+  margin: 12px 0 0;
+`;function Ne({queue:a,session:h,onClose:c,onDone:v}){const S=X(),k=Z(h.providerType),[p,j]=b.useState(()=>a.map(()=>"pending")),[T,z]=b.useState("running"),$=b.useRef(!1);b.useEffect(()=>{if($.current)return;$.current=!0;let s=!1;return(async()=>{for(let r=0;r<a.length;r++){if(s)return;j(m=>m.map((u,f)=>f===r?"active":u));try{await le(a[r].item,a[r].priceCredits,h),q("Shop Migrated Listing",{item_id:a[r].item.itemId??a[r].item.oldTradeId??null,contract_address:a[r].item.contractAddress,new_price_credits:a[r].priceCredits,new_price_usd:B(a[r].priceCredits)}),s||j(m=>m.map((u,f)=>f===r?"done":u))}catch(m){if(m instanceof ce)_(m,{flow:"import_listing",step:"relist",itemId:a[r].item.itemId??a[r].item.oldTradeId}),s||j(u=>u.map((f,i)=>i===r?"unlisted":f));else{const u=m,f=u.code===4001||/reject|denied|cancel/i.test(u.message??"");f||_(m,{flow:"import_listing",itemId:a[r].item.itemId??a[r].item.oldTradeId}),s||j(i=>i.map((d,l)=>l===r?f?"skipped":"failed":d))}}}s||z("finished")})(),()=>{s=!0}},[]);const y=p.filter(s=>s==="done").length,g=p.findIndex(s=>s==="active"),M=Math.round(p.filter(s=>s!=="pending"&&s!=="active").length/a.length*100);function C(){v(),c()}if(T==="finished"){const s=p.filter(r=>r==="skipped"||r==="failed").length,x=p.filter(r=>r==="unlisted").length;return e.jsx(W,{role:"presentation",children:e.jsxs(J,{"data-success":!0,role:"dialog","aria-modal":"true",children:[e.jsx(ye,{"aria-hidden":!0,children:e.jsx(D,{size:30})}),e.jsx(K,{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:N.name}):n("migrate.noneListed"),s>0?" "+n("migrate.skippedSummary",{count:s}):"",x>0?" "+n("migrate.unlistedSummary",{count:x}):""]}),e.jsxs(we,{"data-actions":!0,children:[e.jsx(I,{variant:"ghost",onClick:C,children:n("getCredits.done")}),x>0?e.jsx(I,{variant:"purple",onClick:()=>{v(),c(),S("/my-items")},children:n("migrate.goToMyAssets")}):y>0?e.jsx(I,{variant:"purple",onClick:()=>{v(),c(),S("/items")},children:n("migrate.viewInShop")}):null]})]})})}return e.jsx(W,{role:"presentation",children:e.jsxs(ve,{"data-testid":"modal",role:"dialog","aria-modal":"true","aria-live":"polite",children:[e.jsx(K,{children:n("migrate.listingTitle")}),e.jsxs("p",{className:"muted small",style:{margin:"0 0 4px"},children:[k?n("migrate.subConfirm"):n("migrate.subManaged")," ",g>=0?n("migrate.progressCount",{current:g+1,total:a.length}):""]}),e.jsx(ke,{children:e.jsx($e,{style:{width:`${M}%`}})}),e.jsx(Ce,{children:a.map((s,x)=>e.jsxs(Ie,{"data-status":p[x],children:[e.jsx(Le,{children:s.item.thumbnail?e.jsx("img",{src:s.item.thumbnail,alt:""}):null}),e.jsx(Se,{title:s.item.name,children:s.item.name||n("migrate.itemFallback")}),e.jsxs(Te,{children:[e.jsx(H,{className:"ccy-mark"})," ",s.priceCredits.toLocaleString()]}),e.jsx(ze,{children:p[x]==="active"?e.jsxs(e.Fragment,{children:[e.jsx(Re,{className:"spinner","aria-hidden":!0})," ",k?n("migrate.statusConfirm"):n("migrate.statusAdding")]}):p[x]==="done"?e.jsx(Ae,{children:e.jsx(D,{})}):p[x]==="skipped"?e.jsx(E,{children:n("migrate.statusSkipped")}):p[x]==="failed"?e.jsx(E,{children:n("migrate.statusFailed")}):p[x]==="unlisted"?e.jsx(E,{title:n("migrate.unlistedTooltip"),children:n("migrate.statusUnlisted")}):e.jsx(Me,{children:n("migrate.statusWaiting")})})]},s.item.oldTradeId))}),e.jsx(Ee,{className:"muted small",children:k?n("migrate.hintConfirm"):n("migrate.hintManaged")})]})})}const{colors:o,font:Be,media:Pe,radius:A}=P,_e=t.div`
+  max-width: 520px;
+  margin: 0 auto;
+  text-align: center;
+  padding: 80px 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+`,Qe=t.span`
+  font-size: 44px;
+`,Fe=t.h2`
+  font-size: 26px;
+  font-weight: 800;
+  margin: 4px 0 0;
+`,De=t(I)`
+  margin-top: 10px;
+`,We=t.div`
+  max-width: 1003px;
+  margin: 0 auto;
+  padding-bottom: 120px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  font-family: ${Be.sans};
+`,Ke=t.header`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 10px 12px;
+`,Oe=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`,Ue=t.h2`
+  margin: 0;
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  color: ${o.text};
+`,He=t.p`
+  margin: 0;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 1.334;
+  color: ${o.muted1};
+`,Je=t.a`
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 30px;
+  text-decoration: underline;
+  color: ${o.accent};
+
+  .ico {
+    width: 13px;
+    height: 13px;
+  }
+  &:focus-visible {
+    outline: 2px solid ${o.accent};
+    outline-offset: 2px;
+  }
+`,Ve=t.hr`
+  width: 100%;
+  height: 0;
+  margin: 0;
+  border: 0;
+  border-top: 1px solid ${o.line};
+`,Xe=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 8px 12px 0;
+`,Ye=t(xe)`
+  font-size: 14px;
+  line-height: 1.334;
+  color: ${o.text2};
+`,Ge=t.span`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 20px;
+  height: 20px;
+  border-radius: ${A.pill};
+  background: ${o.brandViolet};
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 1.6;
+  color: ${o.white};
+`,Ze=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`,qe=t.label`
+  display: flex;
+  align-items: center;
+  align-self: flex-start;
+  font-size: 14px;
+  line-height: 1.2;
+  color: ${o.text};
+  cursor: pointer;
+`,O=t.span`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 40px;
+  height: 40px;
+`,et=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,tt=t.article`
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 12px;
+  row-gap: 8px;
+  padding: 12px 24px 12px 0;
+  border: 1px solid ${o.gray4};
+  border-radius: ${A.card};
+  background: ${o.white};
+  overflow: hidden;
+  transition: opacity 0.25s ease;
+
+  &[data-off] {
+    opacity: 0.5;
+  }
+`,it=t.div`
+  flex: none;
+  display: flex;
+  align-items: center;
+`,nt=t.div`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 74.289px;
+  height: 74px;
+  border-radius: 6.482px;
+  background: ${o.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));
+  }
+`,st=t.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;
+`,at=t.div`
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 1.2;
+  color: ${o.text};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,rt=t.div`
+  display: flex;
+  align-items: flex-end;
+  gap: 4px;
+`,U=t(ee)`
+  padding: 1.623px 6.491px;
+  font-weight: 600;
+  font-size: 8.56px;
+  line-height: 11.851px;
+
+  &[data-variant='icon'] {
+    padding: 1.623px 3.246px;
+  }
+  &[data-variant='icon'] .ico {
+    width: 14.605px;
+    height: 14.605px;
+  }
+`,ot=t.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;
+`,dt=t.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  width: 144px;
+  height: 42px;
+  padding: 8px;
+  border: 0.5px solid ${o.muted2};
+  border-radius: ${A.btn};
+  background: ${o.panel};
+
+  /* The MONOCHROME credit glyph, in the text colour and matched to the amount beside it — this field used
+     the filled gradient mark, which at 17px next to a 16px figure read as a small warm smudge rather than a
+     unit. The mark is right for a price you are being shown; this is a price you are typing, so it belongs
+     to the input's own type. */
+  & .ico {
+    flex: 0 0 auto;
+    width: 22px;
+    height: 22px;
+    color: ${o.text};
+  }
+  transition:
+    border-color 0.15s,
+    box-shadow 0.15s;
+
+  &:focus-within {
+    border-color: ${o.accent};
+    box-shadow: 0 0 0 3px ${o.rarityBg};
+  }
+`,lt=t.input`
+  flex: 1 1 auto;
+  min-width: 0;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  font: inherit;
+  font-weight: 600;
+  font-size: 16px;
+  color: ${o.text};
+  text-align: right;
+  font-variant-numeric: tabular-nums;
+`,ct=t.div`
+  display: flex;
+  align-items: baseline;
+  gap: 4px;
+  font-weight: 500;
+  font-size: 12px;
+  color: ${o.gray0};
+`,pt=t.span`
+  font-weight: 300;
+  font-size: 10px;
+  color: ${o.muted};
+`,xt=t.div`
+  height: 101px;
+  border: 1px solid transparent;
+  border-radius: ${A.card};
+  background: linear-gradient(100deg, #ededed 30%, #f7f7f7 50%, #ededed 70%);
+  background-size: 200% 100%;
+  animation: shimmer 1.3s infinite linear;
+`,ht=t.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 ${o.line};
+`,gt=t.div`
+  max-width: 1003px;
+  margin: 0 auto;
+  padding: 15px 20px;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+
+  ${Pe.maxWidth("mobile")} {
+    padding: 12px 16px;
+    gap: 12px;
+  }
+`,mt=t.div`
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-weight: 600;
+  font-size: 16px;
+  color: ${o.text};
+`,ut=t.div`
+  font-size: 13px;
+  color: ${o.muted};
+`,ft=t.span`
+  flex: 1 1 auto;
+`,wt=t(I)`
+  flex: none;
+  padding: 13px 24px;
+`,yt="https://docs.decentraland.org";function bt(a){try{return oe(BigInt(a))}catch{return null}}function Nt(){const{session:a}=te(),h=ie(),{items:c,isLoading:v}=pe(),[S,k]=b.useState({}),[p,j]=b.useState(new Set),[T,z]=b.useState(null);b.useEffect(()=>{c.length&&k(i=>{const d={...i};for(const l of c)d[l.oldTradeId]==null&&(d[l.oldTradeId]=l.suggestedCredits);return d})},[c]);const $=i=>!p.has(i),y=i=>S[i.oldTradeId]??i.suggestedCredits,g=c.filter(i=>$(i.oldTradeId)),M=g.reduce((i,d)=>i+y(d),0),C=c.length>0&&g.length===c.length,s=g.length>0&&!C;function x(i,d){const l=d.replace(/[^\d]/g,"");k(R=>({...R,[i]:l===""?0:parseInt(l,10)}))}function r(i){j(d=>{const l=new Set(d);return l.has(i)?l.delete(i):l.add(i),l})}function m(){j(C?new Set(c.map(i=>i.oldTradeId)):new Set)}function u(i){return i.map(d=>({item:d,priceCredits:Math.max(1,y(d))}))}function f(){h.invalidateQueries({queryKey:["importable"]}),h.invalidateQueries({queryKey:["shop-items"]}),h.invalidateQueries({queryKey:["catalog-items"]}),h.invalidateQueries({queryKey:["overview-listings"]}),h.invalidateQueries({queryKey:["upsell-listings"]}),h.invalidateQueries({queryKey:["my-assets"]}),h.invalidateQueries({queryKey:["collection-sale-state"]}),de.success(n("importListings.toastUpdated"))}return!v&&c.length===0?e.jsxs(_e,{children:[e.jsx(Qe,{"aria-hidden":!0,children:"✨"}),e.jsx(Fe,{children:n("importListings.emptyTitle")}),e.jsx("p",{className:"muted",children:n("importListings.emptyBody")}),e.jsx(De,{as:Y,to:"/my-items",variant:"purple",children:n("importListings.goToMyAssets")})]}):e.jsxs(We,{children:[e.jsxs(Ke,{children:[e.jsxs(Oe,{children:[e.jsx(Ue,{children:n("importListings.title")}),e.jsxs("div",{children:[e.jsx(He,{children:n("importListings.lede",{currency:ne(N.name)})}),e.jsxs(Je,{href:yt,target:"_blank",rel:"noopener noreferrer",children:[n("importListings.learnMore"),e.jsx(Q,{name:"external-link",className:"ico","aria-hidden":!0})]})]})]}),e.jsx(he,{})]}),e.jsx(Ve,{}),e.jsxs(Xe,{children:[e.jsxs(Ye,{"data-testid":"import-progress",children:[e.jsx(Ge,{"data-testid":"import-count",children:c.length}),n("importListings.updatePricing")]}),e.jsxs(Ze,{children:[e.jsxs(qe,{children:[e.jsx(O,{children:e.jsx(F,{type:"checkbox",checked:C,ref:i=>{i&&(i.indeterminate=s)},"data-indeterminate":s,onChange:m,"data-testid":"import-select-all","aria-label":n("importListings.selectAllAria")})}),n("importListings.selectAll")]}),e.jsx(et,{children:v?Array.from({length:4}).map((i,d)=>e.jsx(xt,{},d)):c.map(i=>{const d=y(i),l=se({...i,wearableCategory:i.wearableCategory??void 0}),R=bt(i.manaWei);return e.jsxs(tt,{"data-off":$(i.oldTradeId)?void 0:!0,children:[e.jsxs(it,{children:[e.jsx(O,{children:e.jsx(F,{type:"checkbox",checked:$(i.oldTradeId),onChange:()=>r(i.oldTradeId),"data-testid":"import-row-check","aria-label":n("importListings.includeItem",{name:i.name})})}),e.jsx(nt,{children:i.thumbnail?e.jsx("img",{src:i.thumbnail,alt:""}):null})]}),e.jsxs(st,{children:[e.jsx(at,{title:i.name,children:i.name||n("importListings.itemFallback")}),e.jsxs(rt,{children:[e.jsx(U,{"data-variant":"rarity",style:{background:re(i.rarity),color:ae(i.rarity)},children:i.rarity}),l?e.jsx(U,{"data-variant":"icon",children:e.jsx(Q,{name:l,"aria-hidden":!0})}):null]})]}),e.jsxs(ot,{children:[e.jsxs(dt,{children:[e.jsx(H,{}),e.jsx(lt,{"data-testid":"imp-price-input",inputMode:"numeric",value:d.toLocaleString(),onChange:V=>x(i.oldTradeId,V.target.value),"aria-label":n("importListings.priceAria",{currency:N.name,name:i.name})})]}),e.jsxs(ct,{children:[e.jsxs("span",{children:["$",B(d).toFixed(2)]}),R?e.jsx(pt,{children:n("importListings.wasMana",{amount:R})}):null]})]})]},i.oldTradeId)})})]})]}),e.jsx(ht,{children:e.jsxs(gt,{children:[e.jsxs("div",{children:[e.jsxs(mt,{children:[e.jsx(ge,{})," ",M.toLocaleString()]}),e.jsx(ut,{children:n("importListings.selectedSummary",{count:g.length,usd:B(M).toFixed(2)})})]}),e.jsx(ft,{}),e.jsx(wt,{variant:"purple",disabled:g.length===0,onClick:()=>z(u(g)),children:n("importListings.listAll",{count:g.length})})]})}),T&&a?e.jsx(Ne,{queue:T,session:a,onClose:()=>z(null),onDone:f}):null]})}export{Nt as ImportListings};