@dcl/shop 0.7.2 → 0.7.3-31000563578.commit-5745007

package/_assets/index-BbC_AcLk.js

@@ -0,0 +1,519 @@
+import{j as e,d as ee,r as g,L as te}from"./react-DehiWSvs.js";import{t as q,s as t,o as ie,v as ne,d as i,e as Q,B as E,bO as V,w as Y,S as se,b4 as N,A as D,K as ae,k as re,x as oe,ag as de,I as O,a4 as le,a7 as ce,a8 as pe,bP as he,z as ge}from"./index-DyLYzoRb.js";import{c as xe,i as me,R as ue,u as fe}from"./useImportable-DJqmpxB-.js";import{S as we,C as ye,b as be}from"./ManaPricingBanner.styles-CbLNPpYs.js";import{F as ve}from"./Faq-CLALDt_B.js";import{C as U}from"./field.styles-uVKqEgCR.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./buy-ot6NCqZj.js";import"./authorizations-ByBKRXko.js";import"./sendMetaTransaction-BkvxVm7u.js";import"./trade-encoding-DHpwKa1D.js";function je({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:S,radius:ke,z:Ce}=q,$e=ie`
+  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: ${Ce.overlay};
+`,J=t.div`
+  background: ${S.white};
+  border-radius: ${ke.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: ${S.media};
+  border-radius: 10px;
+`;const Se=t.div`
+  position: sticky;
+  bottom: 0;
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  margin-top: 6px;
+  padding-top: 8px;
+  background: ${S.white};
+`;t.div`
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+  background: ${S.okStrong};
+  color: ${S.white};
+  font-size: 30px;
+  font-weight: 800;
+  display: grid;
+  place-items: center;
+  margin: 4px auto 2px;
+  animation: ${$e} 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:f,gradients:Ie,radius:Le}=q,Te=t(J)`
+  width: min(460px, 94vw);
+  text-align: left;
+  align-items: stretch;
+`,ze=t.div`
+  height: 6px;
+  border-radius: 999px;
+  background: ${f.line};
+  overflow: hidden;
+  margin: 6px 0 14px;
+`,Ae=t.div`
+  height: 100%;
+  width: 0;
+  background: ${Ie.amethyst};
+  border-radius: 999px;
+  transition: width 0.45s ease;
+`,_e=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;
+`,Me=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: ${f.rarityBg};
+  }
+  &[data-status='done'] {
+    opacity: 0.75;
+  }
+  &[data-status='skipped'],
+  &[data-status='failed'] {
+    opacity: 0.6;
+  }
+`,Ee=t.span`
+  width: 34px;
+  height: 34px;
+  border-radius: ${Le.btn};
+  overflow: hidden;
+  background: ${f.media};
+  display: grid;
+  place-items: center;
+
+  & img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+`,Re=t.span`
+  font-weight: 600;
+  font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Fe=t.span`
+  font-weight: 700;
+  font-size: 13px;
+  color: ${f.text2};
+`,Pe=t.span`
+  font-size: 12px;
+  font-weight: 700;
+  color: ${f.accent};
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  justify-content: flex-end;
+  min-width: 74px;
+`,Be=t.span`
+  color: ${f.muted2};
+  font-weight: 600;
+`,B=t.span`
+  color: ${f.muted};
+  font-weight: 600;
+`,Qe=t.span`
+  width: 14px;
+  height: 14px;
+  margin: 0;
+  border-width: 2px;
+`,Ne=t.span`
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: ${f.ok};
+  color: ${f.white};
+  display: grid;
+  place-items: center;
+  font-size: 12px;
+`,qe=t.p`
+  margin: 12px 0 0;
+`;function De(a,l){switch(a==null?void 0:a.step){case"cancelling":return l?i("migrate.phaseCancelConfirm"):i("migrate.phaseCancel");case"confirming-cancel":return l?i("migrate.phaseConfirmingCancel"):i("migrate.phaseConfirmingCancelManaged");case"authorising":return l?i("migrate.phaseAuthoriseConfirm"):i("migrate.phaseAuthorise");case"signing":return l?i("migrate.phaseSignConfirm"):i("migrate.phaseSign");case"publishing":return i("migrate.phasePublishing");case"indexing":return i("migrate.phaseIndexing",{attempt:a.attempt,of:a.of});default:return l?i("migrate.statusConfirm"):i("migrate.statusAdding")}}function Oe({queue:a,session:l,onClose:p,onDone:k}){const R=ee(),y=ne(l.providerType),[F,L]=g.useState(()=>a.map(()=>null)),[b,T]=g.useState(null),[c,w]=g.useState(()=>a.map(()=>"pending")),[x,z]=g.useState("running"),v=g.useRef(!1);g.useEffect(()=>{if(v.current)return;v.current=!0;let s=!1;return y&&xe(a.map(r=>r.item),l.address).then(r=>{!s&&r&&T({approvals:r.approvals,total:r.total})}).catch(()=>{}),(async()=>{for(let r=0;r<a.length;r++){if(s)return;w(h=>h.map((m,u)=>u===r?"active":m));try{await me(a[r].item,a[r].priceCredits,l,{onPhase:h=>{s||L(m=>m.map((u,$)=>$===r?h:u))}}),se("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:N(a[r].priceCredits)}),s||w(h=>h.map((m,u)=>u===r?"done":m))}catch(h){if(h instanceof ue)D(h,{flow:"import_listing",step:"relist",itemId:a[r].item.itemId??a[r].item.oldTradeId}),s||w(m=>m.map((u,$)=>$===r?"unlisted":u));else{const m=h,u=m.code===4001||/reject|denied|cancel/i.test(m.message??"");u||D(h,{flow:"import_listing",itemId:a[r].item.itemId??a[r].item.oldTradeId}),s||w($=>$.map((X,Z)=>Z===r?u?"skipped":"failed":X))}}}s||z("finished")})(),()=>{s=!0}},[]);const C=c.filter(s=>s==="done").length,A=c.findIndex(s=>s==="active"),P=Math.round(c.filter(s=>s!=="pending"&&s!=="active").length/a.length*100);function _(){k(),p()}const M=c.filter(s=>s==="skipped"||s==="failed").length,j=c.filter(s=>s==="unlisted").length,n=g.useRef(!1);return g.useEffect(()=>{x!=="finished"||j>0||n.current||(n.current=!0,_())},[x,j]),x==="finished"?j===0?null:e.jsx(W,{role:"presentation",children:e.jsxs(J,{"data-success":!0,role:"dialog","aria-modal":"true","data-testid":"migrate-unlisted",children:[e.jsx(K,{children:i("migrate.unlistedTitle")}),e.jsxs("p",{className:"muted",style:{margin:0},children:[i("migrate.unlistedSummary",{count:j}),C>0?" "+i("migrate.listedSummary",{count:C,currency:Q.name}):"",M>0?" "+i("migrate.skippedSummary",{count:M}):""]}),e.jsxs(Se,{"data-actions":!0,children:[e.jsx(E,{variant:"ghost",onClick:_,children:i("getCredits.done")}),e.jsx(E,{variant:"purple",onClick:()=>{k(),p(),R(V)},children:i("migrate.goToMyAssets")})]})]})}):e.jsx(W,{role:"presentation",children:e.jsxs(Te,{"data-testid":"modal",role:"dialog","aria-modal":"true","aria-live":"polite",children:[e.jsx(K,{children:i("migrate.listingTitle")}),e.jsxs("p",{className:"muted small",style:{margin:"0 0 4px"},children:[y?i("migrate.subConfirm"):i("migrate.subManaged")," ",A>=0?i("migrate.progressCount",{current:A+1,total:a.length}):""]}),e.jsx(ze,{children:e.jsx(Ae,{style:{width:`${P}%`}})}),e.jsx(_e,{children:a.map((s,d)=>e.jsxs(Me,{"data-status":c[d],children:[e.jsx(Ee,{children:s.item.thumbnail?e.jsx("img",{src:s.item.thumbnail,alt:""}):null}),e.jsx(Re,{title:s.item.name,children:s.item.name||i("migrate.itemFallback")}),e.jsxs(Fe,{children:[e.jsx(Y,{className:"ccy-mark"})," ",s.priceCredits.toLocaleString()]}),e.jsx(Pe,{"data-testid":c[d]==="active"?"migrate-active-status":void 0,children:c[d]==="active"?e.jsxs(e.Fragment,{children:[e.jsx(Qe,{className:"spinner","aria-hidden":!0})," ",De(F[d],y)]}):c[d]==="done"?e.jsx(Ne,{children:e.jsx(je,{})}):c[d]==="skipped"?e.jsx(B,{children:i("migrate.statusSkipped")}):c[d]==="failed"?e.jsx(B,{children:i("migrate.statusFailed")}):c[d]==="unlisted"?e.jsx(B,{title:i("migrate.unlistedTooltip"),children:i("migrate.statusUnlisted")}):e.jsx(Be,{children:i("migrate.statusWaiting")})})]},s.item.oldTradeId))}),e.jsx(qe,{className:"muted small",children:y?b?i(b.approvals>0?"migrate.hintCountApproval":"migrate.hintCount",{total:b.total}):i("migrate.hintConfirm"):i("migrate.hintManaged")})]})})}const Ue="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:o,font:We,media:Ke,radius:I}=q,Ge=t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 24px;
+  padding: 24px 20px 80px;
+`,He=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: ${I.modal};
+  background: ${o.white};
+  text-align: center;
+`,Ve=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;
+  }
+`,Ye=t.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+  padding-bottom: 16px;
+  line-height: 1.6;
+  color: ${o.text};
+`,Je=t.h2`
+  margin: 0;
+  font-size: 20px;
+  font-weight: 700;
+`,Xe=t.p`
+  margin: 0;
+  font-size: 16px;
+  font-weight: 400;
+`,Ze=t.div`
+  width: 310px;
+  max-width: 100%;
+  padding-bottom: 16px;
+`,et=t(E)`
+  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;
+`,tt=t.div`
+  max-width: 1003px;
+  margin: 0 auto;
+  padding-bottom: 120px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  font-family: ${We.sans};
+`,it=t.header`
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 10px 12px;
+`,nt=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+`,st=t.h2`
+  margin: 0;
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  color: ${o.text};
+`,at=t.p`
+  margin: 0;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 1.334;
+  color: ${o.muted1};
+`,rt=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;
+  }
+`,ot=t.hr`
+  width: 100%;
+  height: 0;
+  margin: 0;
+  border: 0;
+  border-top: 1px solid ${o.gray4};
+`,dt=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 8px 12px 0;
+`,lt=t(we)`
+  font-size: 14px;
+  line-height: 1.334;
+  color: ${o.text2};
+`,ct=t.span`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 20px;
+  height: 20px;
+  border-radius: ${I.pill};
+  background: ${o.brandViolet};
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 1.6;
+  color: ${o.white};
+`,pt=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`,ht=t.label`
+  display: flex;
+  align-items: center;
+  align-self: flex-start;
+  font-size: 14px;
+  line-height: 1.2;
+  color: ${o.text};
+  cursor: pointer;
+`,G=t.span`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 40px;
+  height: 40px;
+`,gt=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`,xt=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: ${I.card};
+  background: ${o.white};
+  overflow: hidden;
+  transition: opacity 0.25s ease;
+
+  &[data-off] {
+    opacity: 0.5;
+  }
+`,mt=t.div`
+  flex: none;
+  display: flex;
+  align-items: center;
+`,ut=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));
+  }
+`,ft=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;
+`,wt=t.div`
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 1.2;
+  color: ${o.text};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,yt=t.div`
+  display: flex;
+  align-items: flex-end;
+  gap: 4px;
+`,H=t(ae)`
+  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;
+  }
+`,bt=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;
+`,vt=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: ${I.btn};
+  background: ${o.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: ${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};
+  }
+`,jt=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;
+`,kt=t.div`
+  display: flex;
+  align-items: baseline;
+  gap: 4px;
+  font-weight: 500;
+  font-size: 12px;
+  color: ${o.gray0};
+`,Ct=t.span`
+  font-weight: 300;
+  font-size: 10px;
+  color: ${o.muted};
+`,$t=t.div`
+  height: 101px;
+  border: 1px solid transparent;
+  border-radius: ${I.card};
+  background: linear-gradient(100deg, #ededed 30%, #f7f7f7 50%, #ededed 70%);
+  background-size: 200% 100%;
+  animation: shimmer 1.3s infinite linear;
+`,St=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};
+`,It=t.div`
+  max-width: 1003px;
+  margin: 0 auto;
+  padding: 15px 20px;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+
+  ${Ke.maxWidth("mobile")} {
+    padding: 12px 16px;
+    gap: 12px;
+  }
+`,Lt=t.div`
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-weight: 600;
+  font-size: 16px;
+  color: ${o.text};
+`,Tt=t.div`
+  font-size: 13px;
+  color: ${o.muted};
+`,zt=t.span`
+  flex: 1 1 auto;
+`,At=t(E)`
+  flex: none;
+  padding: 13px 24px;
+`,_t=t.div`
+  padding: 16px 12px 0;
+`,Mt=[{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"}],Et="https://docs.decentraland.org";function Rt(a){try{return he(BigInt(a))}catch{return null}}function Yt(){const{session:a}=re(),l=oe(),{items:p,isLoading:k}=fe(),[R,y]=g.useState({}),[F,L]=g.useState(new Set),[b,T]=g.useState(null);g.useEffect(()=>{p.length&&y(n=>{const s={...n};for(const d of p)s[d.oldTradeId]==null&&(s[d.oldTradeId]=d.suggestedCredits);return s})},[p]);const c=n=>!F.has(n),w=n=>R[n.oldTradeId]??n.suggestedCredits,x=p.filter(n=>c(n.oldTradeId)),z=x.reduce((n,s)=>n+w(s),0),v=p.length>0&&x.length===p.length,C=x.length>0&&!v;function A(n,s){const d=s.replace(/[^\d]/g,"");y(r=>({...r,[n]:d===""?0:parseInt(d,10)}))}function P(n){L(s=>{const d=new Set(s);return d.has(n)?d.delete(n):d.add(n),d})}function _(){L(v?new Set(p.map(n=>n.oldTradeId)):new Set)}function M(n){return n.map(s=>({item:s,priceCredits:Math.max(1,w(s))}))}function j(){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"]}),ge.success(i("importListings.toastUpdated"))}return!k&&p.length===0?e.jsx(Ge,{"data-testid":"import-empty",children:e.jsxs(He,{children:[e.jsx(Ve,{"aria-hidden":!0,children:e.jsx("img",{src:Ue,alt:"",width:85,height:85})}),e.jsxs(Ye,{children:[e.jsx(Je,{children:i("importListings.emptyTitle")}),e.jsx(Xe,{children:i("importListings.emptyBody")})]}),e.jsx(Ze,{children:e.jsx(et,{as:te,to:V,variant:"purple",children:i("importListings.goToMyAssets")})})]})}):e.jsxs(tt,{children:[e.jsxs(it,{children:[e.jsxs(nt,{children:[e.jsx(st,{children:i("importListings.title")}),e.jsxs("div",{children:[e.jsx(at,{children:i("importListings.lede",{currency:de(Q.name)})}),e.jsxs(rt,{href:Et,target:"_blank",rel:"noopener noreferrer",children:[i("importListings.learnMore"),e.jsx(O,{name:"external-link",className:"ico","aria-hidden":!0})]})]})]}),e.jsx(ye,{})]}),e.jsx(ot,{}),e.jsxs(dt,{children:[e.jsxs(lt,{"data-testid":"import-progress",children:[e.jsx(ct,{"data-testid":"import-count",children:p.length}),i("importListings.updatePricing")]}),e.jsxs(pt,{children:[e.jsxs(ht,{children:[e.jsx(G,{children:e.jsx(U,{type:"checkbox",checked:v,ref:n=>{n&&(n.indeterminate=C)},"data-indeterminate":C,onChange:_,"data-testid":"import-select-all","aria-label":i("importListings.selectAllAria")})}),i("importListings.selectAll")]}),e.jsx(gt,{children:k?Array.from({length:4}).map((n,s)=>e.jsx($t,{},s)):p.map(n=>{const s=w(n),d=le({...n,wearableCategory:n.wearableCategory??void 0}),r=Rt(n.manaWei);return e.jsxs(xt,{"data-off":c(n.oldTradeId)?void 0:!0,children:[e.jsxs(mt,{children:[e.jsx(G,{children:e.jsx(U,{type:"checkbox",checked:c(n.oldTradeId),onChange:()=>P(n.oldTradeId),"data-testid":"import-row-check","aria-label":i("importListings.includeItem",{name:n.name})})}),e.jsx(ut,{children:n.thumbnail?e.jsx("img",{src:n.thumbnail,alt:""}):null})]}),e.jsxs(ft,{children:[e.jsx(wt,{title:n.name,children:n.name||i("importListings.itemFallback")}),e.jsxs(yt,{children:[e.jsx(H,{"data-variant":"rarity",style:{background:pe(n.rarity),color:ce(n.rarity)},children:n.rarity}),d?e.jsx(H,{"data-variant":"icon",children:e.jsx(O,{name:d,"aria-hidden":!0})}):null]})]}),e.jsxs(bt,{children:[e.jsxs(vt,{children:[e.jsx(Y,{}),e.jsx(jt,{"data-testid":"imp-price-input",inputMode:"numeric",value:s.toLocaleString(),onChange:h=>A(n.oldTradeId,h.target.value),"aria-label":i("importListings.priceAria",{currency:Q.name,name:n.name})})]}),e.jsxs(kt,{children:[e.jsxs("span",{children:["$",N(s).toFixed(2)]}),r?e.jsx(Ct,{children:i("importListings.wasMana",{amount:r})}):null]})]})]},n.oldTradeId)})})]})]}),e.jsx(_t,{children:e.jsx(ve,{title:"faq.title",entries:Mt})}),e.jsx(St,{children:e.jsxs(It,{children:[e.jsxs("div",{children:[e.jsxs(Lt,{children:[e.jsx(be,{})," ",z.toLocaleString()]}),e.jsx(Tt,{children:i("importListings.selectedSummary",{count:x.length,usd:N(z).toFixed(2)})})]}),e.jsx(zt,{}),e.jsx(At,{variant:"purple",disabled:x.length===0,onClick:()=>T(M(x)),children:i("importListings.listAll",{count:x.length})})]})}),b&&a?e.jsx(Oe,{queue:b,session:a,onClose:()=>T(null),onDone:j}):null]})}export{Yt as ImportListings};

package/_assets/{index-DjPyQFXF.js → index-BcQW8Gj2.js}

@@ -1,4 +1,4 @@
-import{i as f,b as l,a as ee}from"./lit-element-B3y9oplH.js";import{n as c,o as w,r as u,a as Ii}from"./class-map-CxwNmq0D.js";import{d as v,r as _,e as W}from"./index-DDiCv4U4.js";import{c as p,U as F}from"./index-Cxw303yv.js";import"./index-CvxViQFA.js";import"./index-Dl0ZUNWk.js";import"./index-BUvdjpLN.js";import{O as m,C as d,L as Ee,q as E,b as y,M as P,E as C,t as me,o as b,R as h,d as D,S as A,k as x,l as ze,W as Fe,ak as Xt,aj as he,a3 as J,a1 as qi,z as I,am as tt,A as _i,F as Ki,D as Gi,y as Xi,T as ft,V as Yt,X as Qt,a9 as Yi,ao as Qi,Z as Bt,ap as Ji}from"./W3MFrameProviderSingleton-hR4mAmko.js";import"./index-CqVxBPGc.js";import{W as zs,a as Fs}from"./index-xPEXNMYS.js";import"./index-DyxpPyVg.js";import"./index-DLzdQycs.js";import"./index-B0ryoW8w.js";import{au as S}from"./NetworkUtil-EoWQDMpU.js";import{H as Jt}from"./HelpersUtil-Bvk_vk1Y.js";import{n as Zi}from"./index-DvkSTulM.js";import{E as Q}from"./ExchangeController-CxfrLhaH.js";import"./index-B4bQ_g5A.js";import"./index-CIyes5rm.js";import"./index-zQ8cxU2G.js";import{M as mt}from"./MathUtil-BGCe3rZ3.js";import"./index-C786VheW.js";import{e as Zt,n as ei}from"./ref-BsAZ42-h.js";import"./index-B4M8sJUj.js";import"./index-Dyh7pyxx.js";import"./index-C4Ua5jGw.js";import"./index-CKac0RNB.js";import{O as bt}from"./index-Bm7j_2aS.js";import{e as en}from"./index-CQdN8SI1.js";import"./index-CzYiATyr.js";import"./index-CMeSxiXG.js";import{N as tn}from"./NavigationUtil-DmfK5sOV.js";import"./index-O0VpavwW.js";import"./index-B1DCMe50.js";import"./react-DehiWSvs.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./index-CVQ8oHkh.js";import"./events-DQ172AOg.js";import"./index-I2lMQseb.js";import"./index-DI-3MKLG.js";import"./index-nibyPLVP.js";import"./index-DInQ5jG-.js";import"./index.es-EFLDV9YI.js";import"./browser-ponyfill-I5CKtKME.js";import"./ConstantsUtil-Di3dRDAF.js";import"./async-directive-BRxn_Py3.js";import"./browser-CqsLPmeb.js";const nn=v`
+import{i as f,b as l,a as ee}from"./lit-element-B3y9oplH.js";import{n as c,o as w,r as u,a as Ii}from"./class-map-CxwNmq0D.js";import{d as v,r as _,e as W}from"./index-ICnT6kXr.js";import{c as p,U as F}from"./index-9k1dQZMh.js";import"./index-Dj9eZjMG.js";import"./index-Pa51CfZf.js";import"./index-DI-LAVz5.js";import{O as m,C as d,L as Ee,q as E,b as y,M as P,E as C,t as me,o as b,R as h,d as D,S as A,k as x,l as ze,W as Fe,ak as Xt,aj as he,a3 as J,a1 as qi,z as I,am as tt,A as _i,F as Ki,D as Gi,y as Xi,T as ft,V as Yt,X as Qt,a9 as Yi,ao as Qi,Z as Bt,ap as Ji}from"./W3MFrameProviderSingleton-BzvCvXax.js";import"./index-DkFeq1NQ.js";import{W as zs,a as Fs}from"./index-Byc0pXfs.js";import"./index-B_Lx9HeJ.js";import"./index-DeWbFeXm.js";import"./index-BtR-ASCb.js";import{au as S}from"./NetworkUtil-EoWQDMpU.js";import{H as Jt}from"./HelpersUtil-7Aopq74x.js";import{n as Zi}from"./index-BEtNsXEG.js";import{E as Q}from"./ExchangeController-Dv_sOoYV.js";import"./index-CCVqnHck.js";import"./index-CrnyOt4u.js";import"./index-DY_p3BO1.js";import{M as mt}from"./MathUtil-BGCe3rZ3.js";import"./index-DcFYf1M_.js";import{e as Zt,n as ei}from"./ref-BsAZ42-h.js";import"./index-CHwaoGWX.js";import"./index-Dz98iCbS.js";import"./index-c1Smsb2X.js";import"./index-CYmJEkim.js";import{O as bt}from"./index-Cyw6hStH.js";import{e as en}from"./index-CuQBnNj3.js";import"./index-Bymdy1ge.js";import"./index-BSv-QHZ0.js";import{N as tn}from"./NavigationUtil-DmfK5sOV.js";import"./index-D_VYAhm8.js";import"./index-DyLYzoRb.js";import"./react-DehiWSvs.js";import"./sentry-973sfbO9.js";import"./dcl-schemas-Dr9BTjb7.js";import"./ethers-CtNGBird.js";import"./intl-CBcMB1D2.js";import"./index-DMGubkbp.js";import"./events-DQ172AOg.js";import"./index-jFSqsnQs.js";import"./index-DI-3MKLG.js";import"./index-nibyPLVP.js";import"./index-CU7zlhMP.js";import"./index.es-D9hMCl3e.js";import"./browser-ponyfill-I5CKtKME.js";import"./ConstantsUtil-Di3dRDAF.js";import"./async-directive-BRxn_Py3.js";import"./browser-CqsLPmeb.js";const nn=v`
   :host {
     display: block;
   }