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

package/_assets/ImportListings-DrIx4tN-.js

@@ -1,472 +0,0 @@
-import{j as e,d as se,r as w,L as ae}from"./react-DehiWSvs.js";import{t as Q,s as t,k as re,o as oe,b as n,d as _,B as S,p as q,O as de,aY as F,j as D,F as le,m as ce,n as pe,q as xe,u as he,aa as ge,I as K,Z as me,a1 as ue,a2 as fe,bt as we,w as ye}from"./index-CEec1iYe.js";import{i as be,b as je,S as ve,C as ke,c as $e,f as Ie}from"./ManaPricingBanner.styles-4CDYw79q.js";import{u as Ce}from"./buy-Bs_G6nfA.js";import{C as W}from"./field.styles-CeFk4Y5o.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./mana-rate-DFh9C_O1.js";import"./mana-convert-gdOzEDdP.js";import"./trade-encoding-B7y8VfDo.js";import"./authorizations-3-Mq1Ehl.js";import"./sendMetaTransaction-CrIt0KCG.js";function O({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}=Q,Te=re`
-  0% {
-    transform: scale(0);
-    opacity: 0;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-`,U=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%;
-  }
-`,H=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}=Q,Re=t(ee)`
-  width: min(460px, 94vw);
-  text-align: left;
-  align-items: stretch;
-`,Ae=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;
-  }
-`,Fe=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;
-  }
-`,Qe=t.span`
-  font-weight: 600;
-  font-size: 14px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,De=t.span`
-  font-weight: 700;
-  font-size: 13px;
-  color: ${y.text2};
-`,Ke=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;
-`,We=t.span`
-  color: ${y.muted2};
-  font-weight: 600;
-`,P=t.span`
-  color: ${y.muted};
-  font-weight: 600;
-`,Oe=t.span`
-  width: 14px;
-  height: 14px;
-  margin: 0;
-  border-width: 2px;
-`,Ue=t.span`
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  background: ${y.ok};
-  color: ${y.white};
-  display: grid;
-  place-items: center;
-  font-size: 12px;
-`,He=t.p`
-  margin: 12px 0 0;
-`;function Ye({queue:a,session:v,onClose:k,onDone:g}){const $=se(),m=oe(v.providerType),[c,b]=w.useState(()=>a.map(()=>"pending")),[R,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;b(u=>u.map((h,f)=>f===s?"active":h));try{await be(a[s].item,a[s].priceCredits,v),de("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:F(a[s].priceCredits)}),r||b(u=>u.map((h,f)=>f===s?"done":h))}catch(u){if(u instanceof je)D(u,{flow:"import_listing",step:"relist",itemId:a[s].item.itemId??a[s].item.oldTradeId}),r||b(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||D(u,{flow:"import_listing",itemId:a[s].item.itemId??a[s].item.oldTradeId}),r||b(C=>C.map((A,B)=>B===s?f?"skipped":"failed":A))}}}r||T("finished")})(),()=>{r=!0}},[]);const j=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(R==="finished"){const r=c.filter(s=>s==="skipped"||s==="failed").length,l=c.filter(s=>s==="unlisted").length;return e.jsx(U,{role:"presentation",children:e.jsxs(ee,{"data-success":!0,role:"dialog","aria-modal":"true",children:[e.jsx(Me,{"aria-hidden":!0,children:e.jsx(O,{size:30})}),e.jsx(H,{children:j>0?n("migrate.successTitle"):n("migrate.nothingTitle")}),e.jsxs("p",{className:"muted",style:{margin:0},children:[j>0?n("migrate.listedSummary",{count:j,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-items")},children:n("migrate.goToMyAssets")}):j>0?e.jsx(S,{variant:"purple",onClick:()=>{g(),k(),$("/items")},children:n("migrate.viewInShop")}):null]})]})})}return e.jsx(U,{role:"presentation",children:e.jsxs(Re,{"data-testid":"modal",role:"dialog","aria-modal":"true","aria-live":"polite",children:[e.jsx(H,{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(Ae,{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(Fe,{children:r.item.thumbnail?e.jsx("img",{src:r.item.thumbnail,alt:""}):null}),e.jsx(Qe,{title:r.item.name,children:r.item.name||n("migrate.itemFallback")}),e.jsxs(De,{children:[e.jsx(q,{className:"ccy-mark"})," ",r.priceCredits.toLocaleString()]}),e.jsx(Ke,{children:c[l]==="active"?e.jsxs(e.Fragment,{children:[e.jsx(Oe,{className:"spinner","aria-hidden":!0})," ",m?n("migrate.statusConfirm"):n("migrate.statusAdding")]}):c[l]==="done"?e.jsx(Ue,{children:e.jsx(O,{})}):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(We,{children:n("migrate.statusWaiting")})})]},r.item.oldTradeId))}),e.jsx(He,{className:"muted small",children:m?n("migrate.hintConfirm"):n("migrate.hintManaged")})]})})}const{colors:o,font:Ve,media:Ze,radius:N}=Q,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;
-`,V=t.span`
-  font-size: 44px;
-`,Z=t.h1`
-  font-size: 26px;
-  font-weight: 800;
-  margin: 4px 0 0;
-`,G=t(S)`
-  margin-top: 10px;
-`,Ge=t.div`
-  max-width: 1003px;
-  margin: 0 auto;
-  padding-bottom: 120px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  font-family: ${Ve.sans};
-`,Je=t.header`
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  padding: 10px 12px;
-`,Xe=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(ve)`
-  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;
-`,J=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;
-`,X=t(le)`
-  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};
-
-  /* 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};
-  }
-`,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};
-`,bt=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;
-`,jt=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;
-
-  ${Ze.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 we(BigInt(a))}catch{return null}}function Wt(){ce({title:n("seo.import.title"),noindex:!0});const{session:a,signIn:v,restore:k}=pe(),g=xe(),$=a==null?void 0:a.address;w.useEffect(()=>{k()},[k]);const{data:m,isLoading:c}=he({queryKey:["importable",$],queryFn:()=>Ie($),enabled:!!$}),b=Ce(),[R,T]=w.useState({}),[z,j]=w.useState(new Set),[I,M]=w.useState(null),x=w.useMemo(()=>[...(m==null?void 0:m.creations)??[],...b?(m==null?void 0:m.owned)??[]:[]],[m,b]);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=>R[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 A(i){j(d=>{const p=new Set(d);return p.has(i)?p.delete(i):p.add(i),p})}function B(){j(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"]}),ye.success(n("importListings.toastUpdated"))}return a?!c&&x.length===0?e.jsxs(Y,{children:[e.jsx(V,{"aria-hidden":!0,children:"✨"}),e.jsx(Z,{children:n("importListings.emptyTitle")}),e.jsx("p",{className:"muted",children:n("importListings.emptyBody")}),e.jsx(G,{as:ae,to:"/my-items",variant:"purple",children:n("importListings.goToMyAssets")})]}):e.jsxs(Ge,{children:[e.jsxs(Je,{children:[e.jsxs(Xe,{children:[e.jsx(qe,{children:n("importListings.title")}),e.jsxs("div",{children:[e.jsx(et,{children:n("importListings.lede",{currency:ge(_.name)})}),e.jsxs(tt,{href:St,target:"_blank",rel:"noopener noreferrer",children:[n("importListings.learnMore"),e.jsx(K,{name:"external-link",className:"ico","aria-hidden":!0})]})]})]}),e.jsx(ke,{})]}),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(J,{children:e.jsx(W,{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(bt,{},d)):x.map(i=>{const d=l(i),p=me({...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(J,{children:e.jsx(W,{type:"checkbox",checked:r(i.oldTradeId),onChange:()=>A(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(X,{"data-variant":"rarity",style:{background:fe(i.rarity),color:ue(i.rarity)},children:i.rarity}),p?e.jsx(X,{"data-variant":"icon",children:e.jsx(K,{name:p,"aria-hidden":!0})}):null]})]}),e.jsxs(mt,{children:[e.jsxs(ut,{children:[e.jsx(q,{}),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:["$",F(d).toFixed(2)]}),E?e.jsx(yt,{children:n("importListings.wasMana",{amount:E})}):null]})]})]},i.oldTradeId)})})]})]}),e.jsx(jt,{children:e.jsxs(vt,{children:[e.jsxs("div",{children:[e.jsxs(kt,{children:[e.jsx($e,{})," ",u.toLocaleString()]}),e.jsx($t,{children:n("importListings.selectedSummary",{count:s.length,usd:F(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(Ye,{queue:I,session:a,onClose:()=>M(null),onDone:ie}):null]}):e.jsxs(Y,{children:[e.jsx(V,{"aria-hidden":!0,children:"📦"}),e.jsx(Z,{children:n("importListings.signInTitle")}),e.jsx("p",{className:"muted",children:n("importListings.signInBody")}),e.jsx(G,{variant:"purple",onClick:()=>v(),children:n("storeSettings.signIn")})]})}export{Wt as ImportListings};

package/_assets/ItemPreview.styles--MP-O7tE.js

@@ -1,166 +0,0 @@
-import{s as o,t as r,I as i,k as n}from"./index-CEec1iYe.js";const{colors:t,media:e}=r,a=n`
-  to {
-    transform: rotate(360deg);
-  }
-`,s=o.div``,p=o.span`
-  width: 34px;
-  height: 34px;
-  border-radius: 50%;
-  border: 3px solid ${t.line};
-  border-top-color: ${t.accent};
-  animation: ${a} 0.8s linear infinite;
-
-  @media (prefers-reduced-motion: reduce) {
-    animation-duration: 2.4s;
-  }
-`,u=o.p``,c=o.div``,g=o.button`
-  border: 0;
-  background: none;
-  cursor: pointer;
-  padding: 6px 16px;
-  border-radius: 999px;
-  font-weight: 600;
-  font-size: 12px;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  color: ${t.muted};
-  transition:
-    background 0.12s ease,
-    color 0.12s ease;
-
-  &[data-active] {
-    background: ${t.text};
-    color: ${t.white};
-  }
-  &:not([data-active]):hover {
-    color: ${t.text};
-  }
-
-  ${e.maxWidth("lg")} {
-    padding: 9px 13px;
-    border-radius: 0;
-    background: ${t.white};
-    color: ${t.text2};
-
-    &[data-active] {
-      background: ${t.text};
-      color: ${t.white};
-    }
-    &:first-of-type {
-      border-top-left-radius: 999px;
-      border-bottom-left-radius: 999px;
-    }
-    &:last-of-type {
-      border-top-right-radius: 999px;
-      border-bottom-right-radius: 999px;
-    }
-  }
-`,x=o.span`
-  ${e.maxWidth("lg")} {
-    display: none;
-  }
-`,l=o(i)`
-  display: none;
-
-  ${e.maxWidth("lg")} {
-    display: block;
-  }
-`,b=o.div`
-  & .MuiBox-root {
-    position: static;
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    display: flex;
-    align-items: center;
-    gap: 10px;
-  }
-  & .MuiButtonBase-root {
-    min-width: 0;
-    padding: 0;
-    margin: 0;
-    border-radius: 50%;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    background: none !important;
-    box-shadow: none !important;
-    color: ${t.muted};
-    flex: 0 0 auto;
-    transition:
-      background 0.12s ease,
-      color 0.12s ease;
-  }
-  & .MuiButtonBase-root .MuiSvgIcon-root {
-    font-size: 20px;
-    margin: 0;
-  }
-  & .MuiBox-root > .MuiButtonBase-root:first-child {
-    width: 34px;
-    height: 34px;
-    background: ${t.accent} !important;
-    color: ${t.white};
-  }
-  & .MuiBox-root > .MuiButtonBase-root:first-child:hover {
-    background: ${t.text} !important;
-  }
-  & .MuiBox-root > input + .MuiButtonBase-root {
-    width: 30px;
-    height: 30px;
-    color: ${t.muted};
-  }
-  & .MuiBox-root > input + .MuiButtonBase-root:hover {
-    background: ${t.media} !important;
-    color: ${t.text};
-  }
-  & input[type='range'] {
-    flex: 1 1 auto;
-    width: auto;
-    min-width: 0;
-    height: 4px;
-    margin: 0;
-    padding: 0;
-    -webkit-appearance: none;
-    appearance: none;
-    background: transparent;
-    cursor: pointer;
-  }
-  & input[type='range']::-webkit-slider-runnable-track {
-    height: 4px;
-    border-radius: 999px;
-    background: ${t.lineStrong};
-  }
-  & input[type='range']::-moz-range-track {
-    height: 4px;
-    border-radius: 999px;
-    background: ${t.lineStrong};
-  }
-  & input[type='range']::-webkit-slider-thumb {
-    -webkit-appearance: none;
-    appearance: none;
-    width: 13px;
-    height: 13px;
-    margin-top: -4.5px;
-    border-radius: 50%;
-    background: ${t.accent};
-    border: 2px solid ${t.white};
-    box-shadow: 0 1px 3px rgba(22, 21, 24, 0.3);
-    cursor: pointer;
-  }
-  & input[type='range']::-moz-range-thumb {
-    width: 13px;
-    height: 13px;
-    border-radius: 50%;
-    background: ${t.accent};
-    border: 2px solid ${t.white};
-    box-shadow: 0 1px 3px rgba(22, 21, 24, 0.3);
-    cursor: pointer;
-  }
-  & input[type='range']:focus-visible {
-    outline: none;
-  }
-  & input[type='range']:focus-visible::-webkit-slider-thumb {
-    outline: 2px solid ${t.accent};
-    outline-offset: 2px;
-  }
-`;export{b as E,s as L,u as N,p as S,c as T,g as a,l as b,x as c};