@dcl/shop 1.1.0 → 1.1.1-31102625765.commit-10fdc9c

package/_assets/LazyEmoteControls-mFjjYqjp.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["_assets/index-B-Tuwg1A.js","_assets/react-BYHuwl8r.js","_assets/dcl-schemas-CmtP3U6y.js","_assets/index-CgKd8MIG.js","_assets/sentry-Dx-KuLV3.js","_assets/ethers-BDpbhgX6.js","_assets/intl-CBcMB1D2.js","_assets/index-DB6GvbxL.css","_assets/createSvgIcon-nZkOIL2l.js","_assets/clsx-WwvpwSg0.js","_assets/styled-C9y--t9u.js","_assets/emotion-styled.browser.esm-C1JGC3m9.js","_assets/CircularProgress-kQAHHpsk.js","_assets/index-Ci_lI5HK.js","_assets/useTheme-DxcP-VD3.js"])))=>i.map(i=>d[i]);
-import{_ as e}from"./index-CgKd8MIG.js";import{j as t,r as s}from"./react-BYHuwl8r.js";const n=s.lazy(async()=>{const[{EmoteControls:o},{Experimental_CssVarsProvider:i},{light:a}]=await Promise.all([e(()=>import("./index-B-Tuwg1A.js").then(r=>r.i),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12])),e(()=>import("./index-Ci_lI5HK.js"),__vite__mapDeps([13,3,1,2,4,5,6,7,14,10])),e(()=>import("./index-CgKd8MIG.js").then(r=>r.da),__vite__mapDeps([3,1,2,4,5,6,7]))]);return{default:r=>t.jsx(i,{theme:a,children:t.jsx(o,{...r})})}});function m(o){return t.jsx(s.Suspense,{fallback:null,children:t.jsx(n,{...o})})}export{m as E};

package/_assets/index-BovFMPz-.js

@@ -1,625 +0,0 @@
-import{j as e,b as le,r as g,L as ce}from"./react-BYHuwl8r.js";import{t as A,s as t,w as pe,y as he,b as n,C as N,B,bY as se,z as D,Z as ge,bk as O,F as U,Q as xe,o as me,A as ue,bj as fe,I as K,aa as we,ac as be,bZ as ye,b_ as ve,b$ as je,E as G}from"./index-CgKd8MIG.js";import{c as ke,i as $e,R as Ce,u as Se}from"./useImportable-Dd4LHEFZ.js";import{S as Le,C as Ie}from"./ManaPricingBanner.styles-CqFpaBa_.js";import{F as Y}from"./Faq-B-73-LFA.js";import{C as H}from"./field.styles-PwPucAqS.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./buy-BWhjAqGQ.js";import"./authorizations-DffPbrZU.js";import"./sendMetaTransaction-CQLcqeK_.js";function Te({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"})})}function ze({size:a=84.837,...l}){return e.jsxs("svg",{viewBox:"0 0 84.837 84.837",width:a,height:a,fill:"none","aria-hidden":!0,focusable:"false",...l,children:[e.jsxs("g",{stroke:A.colors.errStrong,strokeWidth:"6.08696",strokeLinecap:"round",children:[e.jsx("circle",{cx:"42.4185",cy:"42.4185",r:"39.375"}),e.jsx("path",{d:"M42.4185 22.5V47.5"})]}),e.jsx("circle",{cx:"42.4185",cy:"60.75",r:"3.8",fill:A.colors.errStrong})]})}const{colors:R,radius:Ae,z:Re}=A,Fe=pe`
-  0% {
-    transform: scale(0);
-    opacity: 0;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-`,V=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: ${Re.overlay};
-`,re=t.div`
-  background: ${R.white};
-  border-radius: ${Ae.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],
-  &[data-failure] {
-    text-align: center;
-    align-items: center;
-  }
-  &[data-success] [data-actions],
-  &[data-failure] [data-actions] {
-    justify-content: center;
-    width: 100%;
-  }
-`,Z=t.h2`
-  font-size: 20px;
-`;t.img`
-  width: 140px;
-  height: 140px;
-  object-fit: contain;
-  align-self: center;
-  background: ${R.media};
-  border-radius: 10px;
-`;const _e=t.div`
-  position: sticky;
-  bottom: 0;
-  display: flex;
-  justify-content: flex-end;
-  gap: 10px;
-  margin-top: 6px;
-  padding-top: 8px;
-  background: ${R.white};
-`;t.div`
-  width: 56px;
-  height: 56px;
-  border-radius: 50%;
-  background: ${R.okStrong};
-  color: ${R.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:Ee,radius:Me}=A,Pe=t(re)`
-  width: min(460px, 94vw);
-  text-align: left;
-  align-items: stretch;
-`,Be=t.div`
-  height: 6px;
-  border-radius: 999px;
-  background: ${w.line};
-  overflow: hidden;
-  margin: 6px 0 14px;
-`,Qe=t.div`
-  height: 100%;
-  width: 0;
-  background: ${Ee.amethyst};
-  border-radius: 999px;
-  transition: width 0.45s ease;
-`,We=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;
-`,qe=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;
-  }
-`,Ne=t.span`
-  width: 34px;
-  height: 34px;
-  border-radius: ${Me.btn};
-  overflow: hidden;
-  background: ${w.media};
-  display: grid;
-  place-items: center;
-
-  & img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-`,De=t.span`
-  font-weight: 600;
-  font-size: 14px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,Oe=t.span`
-  font-weight: 700;
-  font-size: 13px;
-  color: ${w.text2};
-`,Ue=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;
-`,Ke=t.span`
-  color: ${w.muted2};
-  font-weight: 600;
-`,Ge=t.span`
-  color: ${w.muted};
-  font-weight: 600;
-`,J=t.span`
-  color: ${w.errStrong};
-  font-weight: 600;
-`,Ye=t.span`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 4px;
-`,He=t.span`
-  width: 14px;
-  height: 14px;
-  margin: 0;
-  border-width: 2px;
-`,Ve=t.span`
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  background: ${w.ok};
-  color: ${w.white};
-  display: grid;
-  place-items: center;
-  font-size: 12px;
-`,Ze=t.p`
-  margin: 12px 0 0;
-`;function Je(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 Xe({queue:a,session:l,onClose:h,onDone:I}){const Q=le(),v=he(l.providerType),[W,_]=g.useState(()=>a.map(()=>null)),[k,E]=g.useState(null),[c,y]=g.useState(()=>a.map(()=>"pending")),[x,M]=g.useState("running"),$=g.useRef(!1),C=g.useRef(!1);g.useEffect(()=>(C.current=!1,$.current||($.current=!0,v&&ke(a.map(r=>r.item),l.address).then(r=>{r&&E({approvals:r.approvals,total:r.total})}).catch(()=>{}),(async()=>{for(let r=0;r<a.length;r++){if(C.current)return;y(m=>m.map((u,f)=>f===r?"active":u));try{await $e(a[r].item,a[r].priceCredits,l,{onPhase:m=>_(u=>u.map((f,z)=>z===r?m:f))}),ge("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:O(a[r].priceCredits)}),y(m=>m.map((u,f)=>f===r?"done":u))}catch(m){if(m instanceof Ce)U(m,{flow:"import_listing",step:"relist",itemId:a[r].item.itemId??a[r].item.oldTradeId}),y(u=>u.map((f,z)=>z===r?"unlisted":f));else{const u=m,f=u.code===4001||/reject|denied|cancel/i.test(u.message??"");f||U(m,{flow:"import_listing",itemId:a[r].item.itemId??a[r].item.oldTradeId}),y(z=>z.map((oe,de)=>de===r?f?"skipped":"failed":oe))}}}M("finished")})()),()=>{C.current=!0}),[]);const S=c.filter(d=>d==="done").length,P=c.findIndex(d=>d==="active"),q=Math.round(c.filter(d=>d!=="pending"&&d!=="active").length/a.length*100),L=c.filter(d=>d==="skipped").length,T=c.filter(d=>d==="failed").length,i=c.filter(d=>d==="unlisted").length,o=T+i;function p(){I({listed:S,failed:o,cancelled:L}),h()}const j=g.useRef(!1);return g.useEffect(()=>{x!=="finished"||j.current||(j.current=!0,!(o>0)&&p())},[x,o]),x==="finished"?o===0?null:e.jsx(V,{role:"presentation",children:e.jsxs(re,{"data-failure":!0,role:"dialog","aria-modal":"true","data-testid":i>0?"migrate-unlisted":"migrate-failed",children:[e.jsx(Ye,{"aria-hidden":!0,children:e.jsx(ze,{size:72})}),e.jsx(Z,{children:i>0?n("migrate.unlistedTitle"):n("migrate.failedTitle")}),e.jsxs("p",{className:"muted",style:{margin:0},children:[i>0?n("migrate.unlistedSummary",{count:i}):"",T>0?(i>0?" ":"")+n("migrate.failedSummary",{count:T}):"",S>0?" "+n("migrate.listedSummary",{count:S,currency:N.name}):"",L>0?" "+n("migrate.skippedSummary",{count:L}):""]}),e.jsxs(_e,{"data-actions":!0,children:[e.jsx(B,{variant:"ghost",onClick:p,children:n("getCredits.done")}),i>0?e.jsx(B,{variant:"purple",onClick:()=>{I({listed:S,failed:o,cancelled:L}),h(),Q(se)},children:n("migrate.goToMyAssets")}):null]})]})}):e.jsx(V,{role:"presentation",children:e.jsxs(Pe,{"data-testid":"modal",role:"dialog","aria-modal":"true","aria-live":"polite",children:[e.jsx(Z,{children:n("migrate.listingTitle")}),e.jsxs("p",{className:"muted small",style:{margin:"0 0 4px"},children:[v?n("migrate.subConfirm"):n("migrate.subManaged")," ",P>=0?n("migrate.progressCount",{current:P+1,total:a.length}):""]}),e.jsx(Be,{children:e.jsx(Qe,{style:{width:`${q}%`}})}),e.jsx(We,{children:a.map((d,r)=>e.jsxs(qe,{"data-status":c[r],children:[e.jsx(Ne,{children:d.item.thumbnail?e.jsx("img",{src:d.item.thumbnail,alt:""}):null}),e.jsx(De,{title:d.item.name,children:d.item.name||n("migrate.itemFallback")}),e.jsxs(Oe,{children:[e.jsx(D,{className:"ccy-mark"})," ",d.priceCredits.toLocaleString()]}),e.jsx(Ue,{"data-testid":c[r]==="active"?"migrate-active-status":void 0,children:c[r]==="active"?e.jsxs(e.Fragment,{children:[e.jsx(He,{className:"spinner","aria-hidden":!0})," ",Je(W[r],v)]}):c[r]==="done"?e.jsx(Ve,{children:e.jsx(Te,{})}):c[r]==="skipped"?e.jsx(Ge,{children:n("migrate.statusSkipped")}):c[r]==="failed"?e.jsx(J,{children:n("migrate.statusFailed")}):c[r]==="unlisted"?e.jsx(J,{title:n("migrate.unlistedTooltip"),children:n("migrate.statusUnlisted")}):e.jsx(Ke,{children:n("migrate.statusWaiting")})})]},d.item.oldTradeId))}),e.jsx(Ze,{className:"muted small",children:v?k?n(k.approvals>0?"migrate.hintCountApproval":"migrate.hintCount",{total:k.total}):n("migrate.hintConfirm"):n("migrate.hintManaged")})]})})}const et="data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='84.837'%20height='84.837'%20viewBox='0%200%2084.837%2084.837'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group'%3e%3cpath%20id='Vector'%20d='M29.2935%2033.6675L43.5472%2044.36C44.4303%2045.0223%2045.5311%2045.3263%2046.6288%2045.2111C47.7266%2045.0959%2048.7403%2044.5699%2049.4666%2043.7387L77.4185%2011.7925'%20stroke='url(%23paint0_linear_0_74)'%20stroke-width='6.08696'%20stroke-linecap='round'/%3e%3cpath%20id='Vector_2'%20d='M81.7935%2042.4178C81.7936%2050.6451%2079.2167%2058.6658%2074.4245%2065.3533C69.6323%2072.0409%2062.8657%2077.0594%2055.075%2079.7039C47.2843%2082.3485%2038.8609%2082.4862%2030.9879%2080.0978C23.1149%2077.7094%2016.1878%2072.9149%2011.1796%2066.3876C6.17126%2059.8603%203.33339%2051.9282%203.06452%2043.7053C2.79565%2035.4824%205.10927%2027.3818%209.68046%2020.5413C14.2516%2013.7008%2020.8507%208.46394%2028.5509%205.56634C36.251%202.66875%2044.6654%202.25594%2052.6122%204.38589'%20stroke='url(%23paint1_linear_0_74)'%20stroke-width='6.08696'%20stroke-linecap='round'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_0_74'%20x1='27.7771'%20y1='28.5159'%20x2='111.866'%20y2='17.1154'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF2D55'/%3e%3cstop%20offset='1'%20stop-color='%23FFBC5B'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_0_74'%20x1='0.562175'%20y1='42.4235'%20x2='139.458'%20y2='29.3377'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF2D55'/%3e%3cstop%20offset='1'%20stop-color='%23FFBC5B'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e",{colors:s,font:tt,media:b,radius:F}=A,it=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 24px;
-  padding: 24px 20px 80px;
-`,nt=t.div`
-  /* 615px in the design; capped rather than fixed so it still fits a phone. */
-  width: 100%;
-  max-width: 615px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 24px;
-  padding: 16px;
-  border-radius: ${F.modal};
-  background: ${s.white};
-  text-align: center;
-`,at=t.span`
-  flex-shrink: 0;
-  width: 105px;
-  height: 105px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-
-  img {
-    width: 84.837px;
-    height: 84.837px;
-  }
-`,st=t.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 12px;
-  padding-bottom: 16px;
-  line-height: 1.6;
-  color: ${s.text};
-`,rt=t.h2`
-  margin: 0;
-  font-size: 20px;
-  font-weight: 700;
-`,ot=t.p`
-  margin: 0;
-  font-size: 16px;
-  font-weight: 400;
-`,dt=t.div`
-  width: 310px;
-  max-width: 100%;
-  padding-bottom: 16px;
-`,lt=t(B)`
-  width: 100%;
-  height: 56px;
-  border-radius: 12px;
-  font-size: 15px;
-  /* The variant sets 0.046em, which at 15px is 0.69px; the design asks for 0.46px flat. */
-  letter-spacing: 0.46px;
-  /* Filled FLAT with the accent here, not with the purple variant's amethyst gradient. Doubled ampersand
-     because the variant's own fill is an attribute selector, which outranks a plain declaration — and the
-     variant's hover overlay is that same accent, so it steps up a shade to still read as a hover. */
-  &&[data-variant='purple'] {
-    background: ${s.accent};
-  }
-
-  &:hover:not(:disabled)::before,
-  &:active:not(:disabled)::before {
-    background: ${s.accentHover};
-  }
-`,X=t.div`
-  max-width: 1003px;
-  margin: 0 auto;
-  padding-bottom: 120px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  font-family: ${tt.sans};
-`,ct=t.header`
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  padding: 10px 12px;
-`,pt=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`,ht=t.h2`
-  margin: 0;
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  color: ${s.white};
-`,gt=t.p`
-  margin: 0;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 1.334;
-  color: ${s.gray4};
-`,xt=t.a`
-  display: inline-flex;
-  align-items: center;
-  gap: 2px;
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 30px;
-  text-decoration: underline;
-  color: ${s.white};
-
-  .ico {
-    width: 13px;
-    height: 13px;
-  }
-  &:focus-visible {
-    outline: 2px solid ${s.white};
-    outline-offset: 2px;
-  }
-`,ee=t.hr`
-  width: 100%;
-  height: 0;
-  margin: 0;
-  border: 0;
-  border-top: 1px solid rgba(255, 255, 255, 0.25);
-`,mt=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 12px;
-`,ut=t(Le)`
-  font-size: 14px;
-  line-height: 1.334;
-  color: ${s.text2};
-`,ft=t.span`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 20px;
-  height: 20px;
-  border-radius: ${F.pill};
-  background: ${s.dclRed};
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 1.6;
-  color: ${s.white};
-`,wt=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`,bt=t.label`
-  display: flex;
-  align-items: center;
-  align-self: flex-start;
-  font-size: 14px;
-  line-height: 1.2;
-  color: ${s.white};
-  cursor: pointer;
-`,te=t.span`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 40px;
-  height: 40px;
-
-  & input:checked,
-  & input[data-indeterminate='true'] {
-    background: ${s.dclRed};
-    border-color: ${s.dclRed};
-  }
-
-  &[data-tone='on-dark'] input {
-    background: transparent;
-    border-color: ${s.white};
-  }
-  &[data-tone='on-dark'] input:checked,
-  &[data-tone='on-dark'] input[data-indeterminate='true'] {
-    background: ${s.dclRed};
-    border-color: ${s.dclRed};
-  }
-  &[data-tone='on-dark'] input:focus-visible {
-    outline-color: ${s.white};
-  }
-`,yt=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,vt=t.article`
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 12px;
-  row-gap: 8px;
-  padding: 12px 24px 12px 0;
-  border: 1px solid ${s.gray4};
-  border-radius: ${F.card};
-  background: ${s.white};
-  overflow: hidden;
-  transition: opacity 0.25s ease;
-`,jt=t.div`
-  flex: none;
-  display: flex;
-  align-items: center;
-
-  /* On a phone the design tops the checkbox against the thumbnail instead of centring it — the card is
-     three lines tall there, and a centred tick drifts away from the item it belongs to. */
-  ${b.maxWidth("mobile")} {
-    align-items: flex-start;
-  }
-`,kt=t.div`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 74.289px;
-  height: 74px;
-  border-radius: 6.482px;
-  background: ${s.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));
-  }
-`,$t=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;
-
-  /* A smaller basis on a phone, where the name and chips have to STAY beside the thumbnail: at 150px the
-     pair no longer fits the line on the narrowest handsets and the block dropped below the artwork. */
-  ${b.maxWidth("mobile")} {
-    flex-basis: 100px;
-  }
-`,Ct=t.div`
-  font-weight: 600;
-  font-size: 16px;
-  line-height: 1.2;
-  color: ${s.text};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,St=t.div`
-  display: flex;
-  align-items: flex-end;
-  gap: 4px;
-`,ie=t(xe)`
-  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;
-  }
-`,Lt=t.div`
-  flex: none;
-  /* Right-aligns the block on the desktop row. */
-  margin-left: auto;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  justify-content: center;
-  gap: 4px;
-
-  /* The phone card gives the price a line of its own, running the full width of the row — but indented by
-     the checkbox slot, so it starts under the thumbnail rather than under the tick. */
-  ${b.maxWidth("mobile")} {
-    flex: 1 1 100%;
-    margin-left: 40px;
-    align-items: stretch;
-  }
-`,It=t.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  width: 144px;
-  height: 42px;
-  padding: 8px;
-  border: 0.5px solid ${s.muted2};
-  border-radius: ${F.btn};
-  background: ${s.panel};
-
-  /* The OUTLINED credit glyph, not the filled gradient mark: the filled one is right for a price you are
-     being shown, and this is a price you are typing. The design still draws it in the currency's own red
-     rather than in the input's ink, so the unit stays legible as a unit. 17px is the size it draws at. */
-  & .ico {
-    flex: 0 0 auto;
-    width: 17px;
-    height: 17px;
-    color: ${s.dclRed};
-  }
-  transition:
-    border-color 0.15s,
-    box-shadow 0.15s;
-
-  &:focus-within {
-    border-color: ${s.accent};
-    box-shadow: 0 0 0 3px ${s.rarityBg};
-  }
-
-  ${b.maxWidth("mobile")} {
-    width: 100%;
-  }
-`,Tt=t.input`
-  flex: 1 1 auto;
-  min-width: 0;
-  border: 0;
-  outline: 0;
-  background: transparent;
-  font: inherit;
-  font-weight: 600;
-  font-size: 16px;
-  color: ${s.text};
-  text-align: right;
-  font-variant-numeric: tabular-nums;
-`,zt=t.div`
-  display: flex;
-  align-items: baseline;
-  gap: 4px;
-  font-weight: 500;
-  font-size: 12px;
-  color: ${s.gray0};
-
-  /* Centred under the full-width field it converts, not parked at its right edge. */
-  ${b.maxWidth("mobile")} {
-    justify-content: center;
-  }
-`,At=t.span`
-  font-weight: 300;
-  font-size: 10px;
-  color: ${s.muted};
-`,Rt=t.div`
-  height: 101px;
-  border: 1px solid transparent;
-  border-radius: ${F.card};
-  background: linear-gradient(100deg, #ededed 30%, #f7f7f7 50%, #ededed 70%);
-  background-size: 200% 100%;
-  animation: shimmer 1.3s infinite linear;
-`,Ft=t.div`
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 30;
-  background: ${s.white};
-  backdrop-filter: blur(12px);
-  border-top: 1px solid ${s.line};
-`,_t=t.div`
-  max-width: 1003px;
-  margin: 0 auto;
-  padding: 15px 20px;
-  display: flex;
-  align-items: center;
-  gap: 16px;
-
-  /* On a phone the design stacks the bar: the summary line, then the cta across the full width. */
-  ${b.maxWidth("mobile")} {
-    flex-direction: column;
-    align-items: stretch;
-    padding: 12px 16px;
-    gap: 12px;
-  }
-`,Et=t.div`
-  ${b.maxWidth("mobile")} {
-    display: flex;
-    flex-direction: row-reverse;
-    align-items: center;
-    justify-content: space-between;
-    gap: 12px;
-  }
-`,Mt=t.div`
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-weight: 600;
-  font-size: 16px;
-  color: ${s.text};
-
-  & .ico {
-    width: 17px;
-    height: 17px;
-  }
-`,Pt=t.div`
-  font-size: 13px;
-  color: ${s.muted};
-`,Bt=t.span`
-  flex: 1 1 auto;
-
-  ${b.maxWidth("mobile")} {
-    display: none;
-  }
-`,Qt=t(B)`
-  flex: none;
-  min-width: 260px;
-  padding: 13px 24px;
-
-  ${b.maxWidth("mobile")} {
-    min-width: 0;
-  }
-`,ne=t.div`
-  padding: 16px 12px 0;
-
-  /* The outlined dark rows, but NOT the credits page's centred 32px heading that ships with them: here
-     the section is one more block in the tool's left-aligned column, so the heading keeps the light
-     skin's size and alignment. The doubled ampersand is what outranks Faq's own tone selectors, which
-     Emotion inserts after this block (the Faq renders inside it). */
-  && [data-tone='on-dark'] {
-    align-items: stretch;
-  }
-  && [data-testid='faq-title'] {
-    font-size: 20px;
-    text-align: left;
-
-    ${b.maxWidth("mobile")} {
-      font-size: 18px;
-    }
-  }
-`,ae=[{question:"faq.sellers.whatAreQ",answer:"faq.sellers.whatAreA"},{question:"faq.sellers.whyCreditsQ",answer:"faq.sellers.whyCreditsA"},{question:"faq.sellers.receiveCreditsQ",answer:"faq.sellers.receiveCreditsA"},{question:"faq.sellers.changePriceQ",answer:"faq.sellers.changePriceA"},{question:"faq.sellers.mustSwitchQ",answer:"faq.sellers.mustSwitchA"},{question:"faq.sellers.suggestedPriceQ",answer:"faq.sellers.suggestedPriceA"}],Wt="https://docs.decentraland.org";function qt(a){try{return je(BigInt(a))}catch{return null}}function ti(){const{session:a}=me(),l=ue(),{items:h,isLoading:I}=Se(),[Q,v]=g.useState({}),[W,_]=g.useState(new Set),[k,E]=g.useState(null);g.useEffect(()=>{h.length&&v(i=>{const o={...i};for(const p of h)o[p.oldTradeId]==null&&(o[p.oldTradeId]=p.suggestedCredits);return o})},[h]);const c=i=>!W.has(i),y=i=>Q[i.oldTradeId]??i.suggestedCredits,x=h.filter(i=>c(i.oldTradeId)),M=x.reduce((i,o)=>i+y(o),0),$=h.length>0&&x.length===h.length,C=x.length>0&&!$;function S(i,o){const p=o.replace(/[^\d]/g,"");v(j=>({...j,[i]:p===""?0:parseInt(p,10)}))}function P(i){_(o=>{const p=new Set(o);return p.has(i)?p.delete(i):p.add(i),p})}function q(){_($?new Set(h.map(i=>i.oldTradeId)):new Set)}function L(i){return i.map(o=>({item:o,priceCredits:Math.max(1,y(o))}))}function T(i){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"]}),i.failed>0?G.error(n(i.listed>0?"importListings.toastPartial":"importListings.toastFailed")):i.listed>0&&G.success(n("importListings.toastUpdated"))}return!I&&h.length===0?e.jsxs(X,{children:[e.jsx(it,{"data-testid":"import-empty",children:e.jsxs(nt,{children:[e.jsx(at,{"aria-hidden":!0,children:e.jsx("img",{src:et,alt:"",width:85,height:85})}),e.jsxs(st,{children:[e.jsx(rt,{children:n("importListings.emptyTitle")}),e.jsx(ot,{children:n("importListings.emptyBody")})]}),e.jsx(dt,{children:e.jsx(lt,{as:ce,to:se,variant:"purple",children:n("importListings.goToMyAssets")})})]})}),e.jsx(ne,{children:e.jsx(Y,{title:"faq.title",entries:ae,tone:"on-dark"})})]}):e.jsxs(X,{children:[e.jsxs(ct,{children:[e.jsxs(pt,{children:[e.jsx(ht,{children:n("importListings.title")}),e.jsxs("div",{children:[e.jsx(gt,{children:n("importListings.lede",{currency:fe(N.name)})}),e.jsxs(xt,{href:Wt,target:"_blank",rel:"noopener noreferrer",children:[n("importListings.learnMore"),e.jsx(K,{name:"external-link",className:"ico","aria-hidden":!0})]})]})]}),e.jsx(Ie,{tone:"on-dark"})]}),e.jsx(ee,{}),e.jsxs(mt,{children:[e.jsxs(ut,{"data-testid":"import-progress",children:[e.jsx(ft,{"data-testid":"import-count",children:h.length}),n("importListings.updatePricing")]}),e.jsxs(wt,{children:[e.jsxs(bt,{children:[e.jsx(te,{"data-tone":"on-dark",children:e.jsx(H,{type:"checkbox",checked:$,ref:i=>{i&&(i.indeterminate=C)},"data-indeterminate":C,onChange:q,"data-testid":"import-select-all","aria-label":n("importListings.selectAllAria")})}),n("importListings.selectAll")]}),e.jsx(yt,{children:I?Array.from({length:4}).map((i,o)=>e.jsx(Rt,{},o)):h.map(i=>{const o=y(i),p=we({...i,wearableCategory:i.wearableCategory??void 0}),j=qt(i.manaWei);return e.jsxs(vt,{"data-off":c(i.oldTradeId)?void 0:!0,children:[e.jsxs(jt,{children:[e.jsx(te,{children:e.jsx(H,{type:"checkbox",checked:c(i.oldTradeId),onChange:()=>P(i.oldTradeId),"data-testid":"import-row-check","aria-label":n("importListings.includeItem",{name:i.name})})}),e.jsx(kt,{children:i.thumbnail?e.jsx("img",{src:i.thumbnail,alt:""}):null})]}),e.jsxs($t,{children:[e.jsx(Ct,{title:i.name,children:i.name||n("importListings.itemFallback")}),e.jsxs(St,{children:[e.jsx(ie,{"data-variant":"rarity",style:{background:ve(i.rarity),color:ye(i.rarity)},children:be(i.rarity)}),p?e.jsx(ie,{"data-variant":"icon",children:e.jsx(K,{name:p,"aria-hidden":!0})}):null]})]}),e.jsxs(Lt,{children:[e.jsxs(It,{children:[e.jsx(D,{}),e.jsx(Tt,{"data-testid":"imp-price-input",inputMode:"numeric",value:o.toLocaleString(),onChange:d=>S(i.oldTradeId,d.target.value),"aria-label":n("importListings.priceAria",{currency:N.name,name:i.name})})]}),e.jsxs(zt,{children:[e.jsxs("span",{children:["$",O(o).toFixed(2)]}),j?e.jsx(At,{children:n("importListings.wasMana",{amount:j})}):null]})]})]},i.oldTradeId)})})]})]}),e.jsx(ee,{}),e.jsx(ne,{children:e.jsx(Y,{title:"faq.title",entries:ae,tone:"on-dark"})}),e.jsx(Ft,{children:e.jsxs(_t,{children:[e.jsxs(Et,{children:[e.jsxs(Mt,{children:[e.jsx(D,{})," ",M.toLocaleString()]}),e.jsx(Pt,{children:n("importListings.selectedSummary",{count:x.length,usd:O(M).toFixed(2)})})]}),e.jsx(Bt,{}),e.jsx(Qt,{variant:"red","data-testid":"import-list-all",disabled:x.length===0,onClick:()=>E(L(x)),children:n("importListings.listAll",{count:x.length})})]})}),k&&a?e.jsx(Xe,{queue:k,session:a,onClose:()=>E(null),onDone:T}):null]})}export{ti as ImportListings};