@dcl/shop 0.1.0 → 0.1.1-30909439604.commit-4721d83

package/_assets/ImportListings-BxeqcxAE.js

@@ -0,0 +1,461 @@
+import{j as e,b as se,r as w,L as ae}from"./react-IQWs2nb4.js";import{t as F,s as t,l as re,o as oe,e as n,f as _,B as S,p as de,aq as le,ah as Q,k as W,aS as ce,m as pe,n as xe,q as he,u as ge,H as me,I as D,aT as ue,aU as fe,aV as we,aW as ye,w as je}from"./index-BiIZh9R9.js";import{i as be,b as ve,S as ke,C as $e,c as K,f as Ie}from"./ManaPricingBanner.styles-DKUacHFQ.js";import{u as Ce}from"./useSecondarySales-3tEx5YvY.js";import{C as U}from"./field.styles-o0yoMx97.js";import"./sentry-DvOx8Rfb.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-rFeF6PNV.js";import"./intl-CBcMB1D2.js";import"./buy-DiLzTHFT.js";import"./authorizations-FkFZVBeE.js";import"./sendMetaTransaction-BA-2MGdZ.js";import"./trade-encoding-DgV-A2zO.js";import"./mana-rate-pg062I50.js";import"./mana-convert-8bdglmK2.js";function H({size:a=12,...v}){return e.jsx("svg",{viewBox:"0 0 20 20",width:a,height:a,fill:"none","aria-hidden":!0,focusable:"false",...v,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:Se,z:Le}=F,Te=re`
+  0% {
+    transform: scale(0);
+    opacity: 0;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+`,O=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: ${Le.overlay};
+`,ee=t.div`
+  background: ${L.white};
+  border-radius: ${Se.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%;
+  }
+`,V=t.h2`
+  font-size: 20px;
+`;t.img`
+  width: 140px;
+  height: 140px;
+  object-fit: contain;
+  align-self: center;
+  background: ${L.media};
+  border-radius: 10px;
+`;const ze=t.div`
+  position: sticky;
+  bottom: 0;
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  margin-top: 6px;
+  padding-top: 8px;
+  background: ${L.white};
+`,Me=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: ${Te} 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:y,gradients:Ee,radius:Ne}=F,Ae=t(ee)`
+  width: min(460px, 94vw);
+  text-align: left;
+  align-items: stretch;
+`,Re=t.div`
+  height: 6px;
+  border-radius: 999px;
+  background: ${y.line};
+  overflow: hidden;
+  margin: 6px 0 14px;
+`,Be=t.div`
+  height: 100%;
+  width: 0;
+  background: ${Ee.amethyst};
+  border-radius: 999px;
+  transition: width 0.45s ease;
+`,Pe=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;
+`,_e=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: ${y.rarityBg};
+  }
+  &[data-status='done'] {
+    opacity: 0.75;
+  }
+  &[data-status='skipped'],
+  &[data-status='failed'] {
+    opacity: 0.6;
+  }
+`,Qe=t.span`
+  width: 34px;
+  height: 34px;
+  border-radius: ${Ne.btn};
+  overflow: hidden;
+  background: ${y.media};
+  display: grid;
+  place-items: center;
+
+  & img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+`,Fe=t.span`
+  font-weight: 600;
+  font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,We=t.span`
+  font-weight: 700;
+  font-size: 13px;
+  color: ${y.text2};
+`,De=t.span`
+  font-size: 12px;
+  font-weight: 700;
+  color: ${y.accent};
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  justify-content: flex-end;
+  min-width: 74px;
+`,Ke=t.span`
+  color: ${y.muted2};
+  font-weight: 600;
+`,P=t.span`
+  color: ${y.muted};
+  font-weight: 600;
+`,Ue=t.span`
+  width: 14px;
+  height: 14px;
+  margin: 0;
+  border-width: 2px;
+`,He=t.span`
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: ${y.ok};
+  color: ${y.white};
+  display: grid;
+  place-items: center;
+  font-size: 12px;
+`,Oe=t.p`
+  margin: 12px 0 0;
+`;function Ve({queue:a,session:v,onClose:k,onDone:g}){const $=se(),m=oe(v.providerType),[c,j]=w.useState(()=>a.map(()=>"pending")),[A,T]=w.useState("running"),z=w.useRef(!1);w.useEffect(()=>{if(z.current)return;z.current=!0;let r=!1;return(async()=>{for(let s=0;s<a.length;s++){if(r)return;j(u=>u.map((h,f)=>f===s?"active":h));try{await be(a[s].item,a[s].priceCredits,v),le("Shop Migrated Listing",{item_id:a[s].item.itemId??a[s].item.oldTradeId??null,contract_address:a[s].item.contractAddress,new_price_credits:a[s].priceCredits,new_price_usd:Q(a[s].priceCredits)}),r||j(u=>u.map((h,f)=>f===s?"done":h))}catch(u){if(u instanceof ve)W(u,{flow:"import_listing",step:"relist",itemId:a[s].item.itemId??a[s].item.oldTradeId}),r||j(h=>h.map((f,C)=>C===s?"unlisted":f));else{const h=u,f=h.code===4001||/reject|denied|cancel/i.test(h.message??"");f||W(u,{flow:"import_listing",itemId:a[s].item.itemId??a[s].item.oldTradeId}),r||j(C=>C.map((R,B)=>B===s?f?"skipped":"failed":R))}}}r||T("finished")})(),()=>{r=!0}},[]);const b=c.filter(r=>r==="done").length,I=c.findIndex(r=>r==="active"),M=Math.round(c.filter(r=>r!=="pending"&&r!=="active").length/a.length*100);function x(){g(),k()}if(A==="finished"){const r=c.filter(s=>s==="skipped"||s==="failed").length,l=c.filter(s=>s==="unlisted").length;return e.jsx(O,{role:"presentation",children:e.jsxs(ee,{"data-success":!0,role:"dialog","aria-modal":"true",children:[e.jsx(Me,{"aria-hidden":!0,children:e.jsx(H,{size:30})}),e.jsx(V,{children:b>0?n("migrate.successTitle"):n("migrate.nothingTitle")}),e.jsxs("p",{className:"muted",style:{margin:0},children:[b>0?n("migrate.listedSummary",{count:b,currency:_.name}):n("migrate.noneListed"),r>0?" "+n("migrate.skippedSummary",{count:r}):"",l>0?" "+n("migrate.unlistedSummary",{count:l}):""]}),e.jsxs(ze,{"data-actions":!0,children:[e.jsx(S,{variant:"ghost",onClick:x,children:n("getCredits.done")}),l>0?e.jsx(S,{variant:"purple",onClick:()=>{g(),k(),$("/my-assets")},children:n("migrate.goToMyAssets")}):b>0?e.jsx(S,{variant:"purple",onClick:()=>{g(),k(),$("/assets")},children:n("migrate.viewInShop")}):null]})]})})}return e.jsx(O,{role:"presentation",children:e.jsxs(Ae,{"data-testid":"modal",role:"dialog","aria-modal":"true","aria-live":"polite",children:[e.jsx(V,{children:n("migrate.listingTitle")}),e.jsxs("p",{className:"muted small",style:{margin:"0 0 4px"},children:[m?n("migrate.subConfirm"):n("migrate.subManaged")," ",I>=0?n("migrate.progressCount",{current:I+1,total:a.length}):""]}),e.jsx(Re,{children:e.jsx(Be,{style:{width:`${M}%`}})}),e.jsx(Pe,{children:a.map((r,l)=>e.jsxs(_e,{"data-status":c[l],children:[e.jsx(Qe,{children:r.item.thumbnail?e.jsx("img",{src:r.item.thumbnail,alt:""}):null}),e.jsx(Fe,{title:r.item.name,children:r.item.name||n("migrate.itemFallback")}),e.jsxs(We,{children:[e.jsx(de,{className:"ccy-mark"})," ",r.priceCredits.toLocaleString()]}),e.jsx(De,{children:c[l]==="active"?e.jsxs(e.Fragment,{children:[e.jsx(Ue,{className:"spinner","aria-hidden":!0})," ",m?n("migrate.statusConfirm"):n("migrate.statusAdding")]}):c[l]==="done"?e.jsx(He,{children:e.jsx(H,{})}):c[l]==="skipped"?e.jsx(P,{children:n("migrate.statusSkipped")}):c[l]==="failed"?e.jsx(P,{children:n("migrate.statusFailed")}):c[l]==="unlisted"?e.jsx(P,{title:n("migrate.unlistedTooltip"),children:n("migrate.statusUnlisted")}):e.jsx(Ke,{children:n("migrate.statusWaiting")})})]},r.item.oldTradeId))}),e.jsx(Oe,{className:"muted small",children:m?n("migrate.hintConfirm"):n("migrate.hintManaged")})]})})}const{colors:o,font:Ye,media:Ge,radius:N}=F,Y=t.div`
+  max-width: 520px;
+  margin: 0 auto;
+  text-align: center;
+  padding: 80px 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+`,G=t.span`
+  font-size: 44px;
+`,J=t.h1`
+  font-size: 26px;
+  font-weight: 800;
+  margin: 4px 0 0;
+`,X=t(S)`
+  margin-top: 10px;
+`,Je=t.div`
+  max-width: 1003px;
+  margin: 0 auto;
+  padding-bottom: 120px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  font-family: ${Ye.sans};
+`,Xe=t.header`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 10px 12px;
+`,Ze=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`,qe=t.h1`
+  margin: 0;
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  color: ${o.text};
+`,et=t.p`
+  margin: 0;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 1.334;
+  color: ${o.muted1};
+`,tt=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;
+  }
+`,it=t.hr`
+  width: 100%;
+  height: 0;
+  margin: 0;
+  border: 0;
+  border-top: 1px solid ${o.line};
+`,nt=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 8px 12px 0;
+`,st=t(ke)`
+  font-size: 14px;
+  line-height: 1.334;
+  color: ${o.text2};
+`,at=t.span`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 20px;
+  height: 20px;
+  border-radius: ${N.pill};
+  background: ${o.brandViolet};
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 1.6;
+  color: ${o.white};
+`,rt=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`,ot=t.label`
+  display: flex;
+  align-items: center;
+  align-self: flex-start;
+  font-size: 14px;
+  line-height: 1.2;
+  color: ${o.text};
+  cursor: pointer;
+`,Z=t.span`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 40px;
+  height: 40px;
+`,dt=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,lt=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: ${N.card};
+  background: ${o.white};
+  overflow: hidden;
+  transition: opacity 0.25s ease;
+
+  &[data-off] {
+    opacity: 0.5;
+  }
+`,ct=t.div`
+  flex: none;
+  display: flex;
+  align-items: center;
+`,pt=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));
+  }
+`,xt=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;
+`,ht=t.div`
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 1.2;
+  color: ${o.text};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,gt=t.div`
+  display: flex;
+  align-items: flex-end;
+  gap: 4px;
+`,q=t(ce)`
+  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;
+  }
+`,mt=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;
+`,ut=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: ${N.btn};
+  background: ${o.panel};
+  transition:
+    border-color 0.15s,
+    box-shadow 0.15s;
+
+  &:focus-within {
+    border-color: ${o.accent};
+    box-shadow: 0 0 0 3px ${o.rarityBg};
+  }
+`,ft=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;
+`,wt=t.div`
+  display: flex;
+  align-items: baseline;
+  gap: 4px;
+  font-weight: 500;
+  font-size: 12px;
+  color: ${o.gray0};
+`,yt=t.span`
+  font-weight: 300;
+  font-size: 10px;
+  color: ${o.muted};
+`,jt=t.div`
+  height: 101px;
+  border: 1px solid transparent;
+  border-radius: ${N.card};
+  background: linear-gradient(100deg, #ededed 30%, #f7f7f7 50%, #ededed 70%);
+  background-size: 200% 100%;
+  animation: shimmer 1.3s infinite linear;
+`,bt=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};
+`,vt=t.div`
+  max-width: 1003px;
+  margin: 0 auto;
+  padding: 15px 20px;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+
+  ${Ge.maxWidth("mobile")} {
+    padding: 12px 16px;
+    gap: 12px;
+  }
+`,kt=t.div`
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-weight: 600;
+  font-size: 16px;
+  color: ${o.text};
+`,$t=t.div`
+  font-size: 13px;
+  color: ${o.muted};
+`,It=t.span`
+  flex: 1 1 auto;
+`,Ct=t(S)`
+  flex: none;
+  padding: 13px 24px;
+`,St="https://docs.decentraland.org";function Lt(a){try{return ye(BigInt(a))}catch{return null}}function Ut(){pe({title:n("seo.import.title"),noindex:!0});const{session:a,signIn:v,restore:k}=xe(),g=he(),$=a==null?void 0:a.address;w.useEffect(()=>{k()},[k]);const{data:m,isLoading:c}=ge({queryKey:["importable",$],queryFn:()=>Ie($),enabled:!!$}),j=Ce(),[A,T]=w.useState({}),[z,b]=w.useState(new Set),[I,M]=w.useState(null),x=w.useMemo(()=>[...(m==null?void 0:m.creations)??[],...j?(m==null?void 0:m.owned)??[]:[]],[m,j]);w.useEffect(()=>{x.length&&T(i=>{const d={...i};for(const p of x)d[p.oldTradeId]==null&&(d[p.oldTradeId]=p.suggestedCredits);return d})},[x]);const r=i=>!z.has(i),l=i=>A[i.oldTradeId]??i.suggestedCredits,s=x.filter(i=>r(i.oldTradeId)),u=s.reduce((i,d)=>i+l(d),0),h=x.length>0&&s.length===x.length,f=s.length>0&&!h;function C(i,d){const p=d.replace(/[^\d]/g,"");T(E=>({...E,[i]:p===""?0:parseInt(p,10)}))}function R(i){b(d=>{const p=new Set(d);return p.has(i)?p.delete(i):p.add(i),p})}function B(){b(h?new Set(x.map(i=>i.oldTradeId)):new Set)}function te(i){return i.map(d=>({item:d,priceCredits:Math.max(1,l(d))}))}function ie(){g.invalidateQueries({queryKey:["importable"]}),g.invalidateQueries({queryKey:["shop-items"]}),g.invalidateQueries({queryKey:["catalog-items"]}),g.invalidateQueries({queryKey:["overview-listings"]}),g.invalidateQueries({queryKey:["upsell-listings"]}),g.invalidateQueries({queryKey:["my-assets"]}),g.invalidateQueries({queryKey:["collection-sale-state"]}),je.success(n("importListings.toastUpdated"))}return a?!c&&x.length===0?e.jsxs(Y,{children:[e.jsx(G,{"aria-hidden":!0,children:"✨"}),e.jsx(J,{children:n("importListings.emptyTitle")}),e.jsx("p",{className:"muted",children:n("importListings.emptyBody")}),e.jsx(X,{as:ae,to:"/my-assets",variant:"purple",children:n("importListings.goToMyAssets")})]}):e.jsxs(Je,{children:[e.jsxs(Xe,{children:[e.jsxs(Ze,{children:[e.jsx(qe,{children:n("importListings.title")}),e.jsxs("div",{children:[e.jsx(et,{children:n("importListings.lede",{currency:me(_.name)})}),e.jsxs(tt,{href:St,target:"_blank",rel:"noopener noreferrer",children:[n("importListings.learnMore"),e.jsx(D,{name:"external-link",className:"ico","aria-hidden":!0})]})]})]}),e.jsx($e,{})]}),e.jsx(it,{}),e.jsxs(nt,{children:[e.jsxs(st,{"data-testid":"import-progress",children:[e.jsx(at,{"data-testid":"import-count",children:x.length}),n("importListings.updatePricing")]}),e.jsxs(rt,{children:[e.jsxs(ot,{children:[e.jsx(Z,{children:e.jsx(U,{type:"checkbox",checked:h,ref:i=>{i&&(i.indeterminate=f)},"data-indeterminate":f,onChange:B,"data-testid":"import-select-all"})}),n("importListings.selectAll")]}),e.jsx(dt,{children:c?Array.from({length:4}).map((i,d)=>e.jsx(jt,{},d)):x.map(i=>{const d=l(i),p=ue({...i,wearableCategory:i.wearableCategory??void 0}),E=Lt(i.manaWei);return e.jsxs(lt,{"data-off":r(i.oldTradeId)?void 0:!0,children:[e.jsxs(ct,{children:[e.jsx(Z,{children:e.jsx(U,{type:"checkbox",checked:r(i.oldTradeId),onChange:()=>R(i.oldTradeId),"aria-label":n("importListings.includeItem",{name:i.name})})}),e.jsx(pt,{children:i.thumbnail?e.jsx("img",{src:i.thumbnail,alt:""}):null})]}),e.jsxs(xt,{children:[e.jsx(ht,{title:i.name,children:i.name||n("importListings.itemFallback")}),e.jsxs(gt,{children:[e.jsx(q,{"data-variant":"rarity",style:{background:we(i.rarity),color:fe(i.rarity)},children:i.rarity}),p?e.jsx(q,{"data-variant":"icon",children:e.jsx(D,{name:p,"aria-hidden":!0})}):null]})]}),e.jsxs(mt,{children:[e.jsxs(ut,{children:[e.jsx(K,{}),e.jsx(ft,{"data-testid":"imp-price-input",inputMode:"numeric",value:d.toLocaleString(),onChange:ne=>C(i.oldTradeId,ne.target.value),"aria-label":n("importListings.priceAria",{currency:_.name,name:i.name})})]}),e.jsxs(wt,{children:[e.jsxs("span",{children:["$",Q(d).toFixed(2)]}),E?e.jsx(yt,{children:n("importListings.wasMana",{amount:E})}):null]})]})]},i.oldTradeId)})})]})]}),e.jsx(bt,{children:e.jsxs(vt,{children:[e.jsxs("div",{children:[e.jsxs(kt,{children:[e.jsx(K,{})," ",u.toLocaleString()]}),e.jsx($t,{children:n("importListings.selectedSummary",{count:s.length,usd:Q(u).toFixed(2)})})]}),e.jsx(It,{}),e.jsx(Ct,{variant:"purple",disabled:s.length===0,onClick:()=>M(te(s)),children:n("importListings.listAll",{count:s.length})})]})}),I&&a?e.jsx(Ve,{queue:I,session:a,onClose:()=>M(null),onDone:ie}):null]}):e.jsxs(Y,{children:[e.jsx(G,{"aria-hidden":!0,children:"📦"}),e.jsx(J,{children:n("importListings.signInTitle")}),e.jsx("p",{className:"muted",children:n("importListings.signInBody")}),e.jsx(X,{variant:"purple",onClick:()=>v(),children:n("storeSettings.signIn")})]})}export{Ut as ImportListings};