@dcl/shop 0.10.1-31042990976.commit-7edc9b6 → 1.0.0

package/_assets/index-DsH_mBtT.js

@@ -0,0 +1,622 @@
+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,$ as ge,bb as O,F as U,R as xe,o as me,A as ue,ba as fe,I as K,ab as we,an as be,ae as ye,af as ve,bZ as je,E as G}from"./index-C616xNgB.js";import{c as ke,i as $e,R as Ce,u as Se}from"./useImportable-Bh7jH6e9.js";import{S as Le,C as Ie}from"./ManaPricingBanner.styles-Bb7BS6EM.js";import{F as Y}from"./Faq-D03YByjo.js";import{C as H}from"./field.styles-ciG_OcBi.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./buy-CuFubBZY.js";import"./authorizations-HgwrWkaa.js";import"./sendMetaTransaction-Ba_-1nOk.js";function Te({size:a=12,...d}){return e.jsx("svg",{viewBox:"0 0 20 20",width:a,height:a,fill:"none","aria-hidden":!0,focusable:"false",...d,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,...d}){return e.jsxs("svg",{viewBox:"0 0 84.837 84.837",width:a,height:a,fill:"none","aria-hidden":!0,focusable:"false",...d,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:b,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: ${b.line};
+  overflow: hidden;
+  margin: 6px 0 14px;
+`,We=t.div`
+  height: 100%;
+  width: 0;
+  background: ${Ee.amethyst};
+  border-radius: 999px;
+  transition: width 0.45s ease;
+`,qe=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: ${b.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: ${b.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: ${b.text2};
+`,Ue=t.span`
+  font-size: 12px;
+  font-weight: 700;
+  color: ${b.accent};
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  justify-content: flex-end;
+  min-width: 74px;
+`,Ke=t.span`
+  color: ${b.muted2};
+  font-weight: 600;
+`,Ge=t.span`
+  color: ${b.muted};
+  font-weight: 600;
+`,J=t.span`
+  color: ${b.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: ${b.ok};
+  color: ${b.white};
+  display: grid;
+  place-items: center;
+  font-size: 12px;
+`,Ze=t.p`
+  margin: 12px 0 0;
+`;function Je(a,d){switch(a==null?void 0:a.step){case"cancelling":return d?n("migrate.phaseCancelConfirm"):n("migrate.phaseCancel");case"confirming-cancel":return d?n("migrate.phaseConfirmingCancel"):n("migrate.phaseConfirmingCancelManaged");case"authorising":return d?n("migrate.phaseAuthoriseConfirm"):n("migrate.phaseAuthorise");case"signing":return d?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 d?n("migrate.statusConfirm"):n("migrate.statusAdding")}}function Xe({queue:a,session:d,onClose:h,onDone:I}){const W=le(),k=he(d.providerType),[q,_]=g.useState(()=>a.map(()=>null)),[C,E]=g.useState(null),[c,j]=g.useState(()=>a.map(()=>"pending")),[x,M]=g.useState("running"),S=g.useRef(!1);g.useEffect(()=>{if(S.current)return;S.current=!0;let r=!1;return k&&ke(a.map(o=>o.item),d.address).then(o=>{!r&&o&&E({approvals:o.approvals,total:o.total})}).catch(()=>{}),(async()=>{for(let o=0;o<a.length;o++){if(r)return;j(u=>u.map((f,w)=>w===o?"active":f));try{await $e(a[o].item,a[o].priceCredits,d,{onPhase:u=>{r||_(f=>f.map((w,z)=>z===o?u:w))}}),ge("Shop Migrated Listing",{item_id:a[o].item.itemId??a[o].item.oldTradeId??null,contract_address:a[o].item.contractAddress,new_price_credits:a[o].priceCredits,new_price_usd:O(a[o].priceCredits)}),r||j(u=>u.map((f,w)=>w===o?"done":f))}catch(u){if(u instanceof Ce)U(u,{flow:"import_listing",step:"relist",itemId:a[o].item.itemId??a[o].item.oldTradeId}),r||j(f=>f.map((w,z)=>z===o?"unlisted":w));else{const f=u,w=f.code===4001||/reject|denied|cancel/i.test(f.message??"");w||U(u,{flow:"import_listing",itemId:a[o].item.itemId??a[o].item.oldTradeId}),r||j(z=>z.map((oe,de)=>de===o?w?"skipped":"failed":oe))}}}r||M("finished")})(),()=>{r=!0}},[]);const $=c.filter(r=>r==="done").length,P=c.findIndex(r=>r==="active"),Q=Math.round(c.filter(r=>r!=="pending"&&r!=="active").length/a.length*100),L=c.filter(r=>r==="skipped").length,T=c.filter(r=>r==="failed").length,v=c.filter(r=>r==="unlisted").length,i=T+v;function l(){I({listed:$,failed:i,cancelled:L}),h()}const p=g.useRef(!1);return g.useEffect(()=>{x!=="finished"||i>0||p.current||(p.current=!0,l())},[x,i]),x==="finished"?i===0?null:e.jsx(V,{role:"presentation",children:e.jsxs(re,{"data-failure":!0,role:"dialog","aria-modal":"true","data-testid":v>0?"migrate-unlisted":"migrate-failed",children:[e.jsx(Ye,{"aria-hidden":!0,children:e.jsx(ze,{size:72})}),e.jsx(Z,{children:v>0?n("migrate.unlistedTitle"):n("migrate.failedTitle")}),e.jsxs("p",{className:"muted",style:{margin:0},children:[v>0?n("migrate.unlistedSummary",{count:v}):"",T>0?(v>0?" ":"")+n("migrate.failedSummary",{count:T}):"",$>0?" "+n("migrate.listedSummary",{count:$,currency:N.name}):"",L>0?" "+n("migrate.skippedSummary",{count:L}):""]}),e.jsxs(_e,{"data-actions":!0,children:[e.jsx(B,{variant:"ghost",onClick:l,children:n("getCredits.done")}),v>0?e.jsx(B,{variant:"purple",onClick:()=>{I({listed:$,failed:i,cancelled:L}),h(),W(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:[k?n("migrate.subConfirm"):n("migrate.subManaged")," ",P>=0?n("migrate.progressCount",{current:P+1,total:a.length}):""]}),e.jsx(Be,{children:e.jsx(We,{style:{width:`${Q}%`}})}),e.jsx(qe,{children:a.map((r,m)=>e.jsxs(Qe,{"data-status":c[m],children:[e.jsx(Ne,{children:r.item.thumbnail?e.jsx("img",{src:r.item.thumbnail,alt:""}):null}),e.jsx(De,{title:r.item.name,children:r.item.name||n("migrate.itemFallback")}),e.jsxs(Oe,{children:[e.jsx(D,{className:"ccy-mark"})," ",r.priceCredits.toLocaleString()]}),e.jsx(Ue,{"data-testid":c[m]==="active"?"migrate-active-status":void 0,children:c[m]==="active"?e.jsxs(e.Fragment,{children:[e.jsx(He,{className:"spinner","aria-hidden":!0})," ",Je(q[m],k)]}):c[m]==="done"?e.jsx(Ve,{children:e.jsx(Te,{})}):c[m]==="skipped"?e.jsx(Ge,{children:n("migrate.statusSkipped")}):c[m]==="failed"?e.jsx(J,{children:n("migrate.statusFailed")}):c[m]==="unlisted"?e.jsx(J,{title:n("migrate.unlistedTooltip"),children:n("migrate.statusUnlisted")}):e.jsx(Ke,{children:n("migrate.statusWaiting")})})]},r.item.oldTradeId))}),e.jsx(Ze,{className:"muted small",children:k?C?n(C.approvals>0?"migrate.hintCountApproval":"migrate.hintCount",{total:C.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:y,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 — so the variant's
+     own hover overlay (that same accent) has to step up a shade to still read as a hover. */
+  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. */
+  ${y.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. */
+  ${y.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. */
+  ${y.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};
+  }
+
+  ${y.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. */
+  ${y.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. */
+  ${y.maxWidth("mobile")} {
+    flex-direction: column;
+    align-items: stretch;
+    padding: 12px 16px;
+    gap: 12px;
+  }
+`,Et=t.div`
+  ${y.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;
+
+  ${y.maxWidth("mobile")} {
+    display: none;
+  }
+`,Wt=t(B)`
+  flex: none;
+  min-width: 260px;
+  padding: 13px 24px;
+
+  ${y.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;
+
+    ${y.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"}],qt="https://docs.decentraland.org";function Qt(a){try{return je(BigInt(a))}catch{return null}}function ti(){const{session:a}=me(),d=ue(),{items:h,isLoading:I}=Se(),[W,k]=g.useState({}),[q,_]=g.useState(new Set),[C,E]=g.useState(null);g.useEffect(()=>{h.length&&k(i=>{const l={...i};for(const p of h)l[p.oldTradeId]==null&&(l[p.oldTradeId]=p.suggestedCredits);return l})},[h]);const c=i=>!q.has(i),j=i=>W[i.oldTradeId]??i.suggestedCredits,x=h.filter(i=>c(i.oldTradeId)),M=x.reduce((i,l)=>i+j(l),0),S=h.length>0&&x.length===h.length,$=x.length>0&&!S;function P(i,l){const p=l.replace(/[^\d]/g,"");k(r=>({...r,[i]:p===""?0:parseInt(p,10)}))}function Q(i){_(l=>{const p=new Set(l);return p.has(i)?p.delete(i):p.add(i),p})}function L(){_(S?new Set(h.map(i=>i.oldTradeId)):new Set)}function T(i){return i.map(l=>({item:l,priceCredits:Math.max(1,j(l))}))}function v(i){d.invalidateQueries({queryKey:["importable"]}),d.invalidateQueries({queryKey:["shop-items"]}),d.invalidateQueries({queryKey:["catalog-items"]}),d.invalidateQueries({queryKey:["overview-listings"]}),d.invalidateQueries({queryKey:["upsell-listings"]}),d.invalidateQueries({queryKey:["my-assets"]}),d.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})})]}):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:qt,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:S,ref:i=>{i&&(i.indeterminate=$)},"data-indeterminate":$,onChange:L,"data-testid":"import-select-all","aria-label":n("importListings.selectAllAria")})}),n("importListings.selectAll")]}),e.jsx(yt,{children:I?Array.from({length:4}).map((i,l)=>e.jsx(Rt,{},l)):h.map(i=>{const l=j(i),p=we({...i,wearableCategory:i.wearableCategory??void 0}),r=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:()=>Q(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:l.toLocaleString(),onChange:m=>P(i.oldTradeId,m.target.value),"aria-label":n("importListings.priceAria",{currency:N.name,name:i.name})})]}),e.jsxs(zt,{children:[e.jsxs("span",{children:["$",O(l).toFixed(2)]}),r?e.jsx(At,{children:n("importListings.wasMana",{amount:r})}):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(Wt,{variant:"red","data-testid":"import-list-all",disabled:x.length===0,onClick:()=>E(T(x)),children:n("importListings.listAll",{count:x.length})})]})}),C&&a?e.jsx(Xe,{queue:C,session:a,onClose:()=>E(null),onDone:v}):null]})}export{ti as ImportListings};

package/_assets/{index-BntzHAg5.js → index-DvjyzmjB.js}

@@ -1,4 +1,4 @@
-import{i as b,b as l,a as O}from"./lit-element-B3y9oplH.js";import{n as h,r as d}from"./class-map-CxwNmq0D.js";import{d as C,r as E,e as P}from"./index-CaRe7gid.js";import{c as v,U as x}from"./index-B0jVlmk0.js";import"./index-DI0-gUeO.js";import"./index-FaWeourd.js";import{u as g,R as S,o as $,b as R,S as T}from"./W3MFrameProviderSingleton-DKeivVWe.js";const L=C`
+import{i as b,b as l,a as O}from"./lit-element-B3y9oplH.js";import{n as h,r as d}from"./class-map-CxwNmq0D.js";import{d as C,r as E,e as P}from"./index-DNvcQt0s.js";import{c as v,U as x}from"./index-tCYP1O3W.js";import"./index-CAl290ro.js";import"./index-p4Ph7ugv.js";import{u as g,R as S,o as $,b as R,S as T}from"./W3MFrameProviderSingleton-CPDmjNiA.js";const L=C`
   :host {
     position: relative;
     display: inline-block;

package/_assets/{index-T6PQTPj1.js → index-DxB85HDB.js}

@@ -1,2 +1,2 @@
-import{c1 as j,u as k,c2 as g,c3 as _,aj as M,ak as h,c4 as F,c5 as I,c6 as R,c7 as V,j as z,T as O,c8 as L}from"./index-BL2RPpVH.js";import{c9 as Me,ca as Oe,cb as we,K as $e,cc as Ee,cd as Pe,ce as Te,cf as je,cg as ke,w as _e,ch as Fe,ci as Ie,cj as Re,ck as Ve,cl as ze}from"./index-BL2RPpVH.js";import{u as Ae}from"./useTheme-nSt_zjh9.js";import{s as He,s as Be}from"./styled-qF6AFIDl.js";import{j as A}from"./react-BYHuwl8r.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";function C(e){const{theme:t,name:n,props:s}=e;return!t||!t.components||!t.components[n]||!t.components[n].defaultProps?s:j(t.components[n].defaultProps,s)}function H({props:e,name:t,defaultTheme:n,themeId:s}){let r=k(n);return r=r[s]||r,C({theme:r,name:t,props:e})}function $(e,t=0,n=1){return _(e,t,n)}function B(e){e=e.slice(1);const t=new RegExp(`.{1,${e.length>=6?2:1}}`,"g");let n=e.match(t);return n&&n[0].length===1&&(n=n.map(s=>s+s)),n?`rgb${n.length===4?"a":""}(${n.map((s,r)=>r<3?parseInt(s,16):Math.round(parseInt(s,16)/255*1e3)/1e3).join(", ")})`:""}function U(e){const t=e.toString(16);return t.length===1?`0${t}`:t}function f(e){if(e.type)return e;if(e.charAt(0)==="#")return f(B(e));const t=e.indexOf("("),n=e.substring(0,t);if(["rgb","rgba","hsl","hsla","color"].indexOf(n)===-1)throw new Error(g(9,e));let s=e.substring(t+1,e.length-1),r;if(n==="color"){if(s=s.split(" "),r=s.shift(),s.length===4&&s[3].charAt(0)==="/"&&(s[3]=s[3].slice(1)),["srgb","display-p3","a98-rgb","prophoto-rgb","rec-2020"].indexOf(r)===-1)throw new Error(g(10,r))}else s=s.split(",");return s=s.map(o=>parseFloat(o)),{type:n,values:s,colorSpace:r}}function S(e){const{type:t,colorSpace:n}=e;let{values:s}=e;return t.indexOf("rgb")!==-1?s=s.map((r,o)=>o<3?parseInt(r,10):r):t.indexOf("hsl")!==-1&&(s[1]=`${s[1]}%`,s[2]=`${s[2]}%`),t.indexOf("color")!==-1?s=`${n} ${s.join(" ")}`:s=`${s.join(", ")}`,`${t}(${s})`}function ie(e){if(e.indexOf("#")===0)return e;const{values:t}=f(e);return`#${t.map((n,s)=>U(s===3?Math.round(255*n):n)).join("")}`}function G(e){e=f(e);const{values:t}=e,n=t[0],s=t[1]/100,r=t[2]/100,o=s*Math.min(r,1-r),p=(c,m=(c+n/30)%12)=>r-o*Math.max(Math.min(m-3,9-m,1),-1);let l="rgb";const i=[Math.round(p(0)*255),Math.round(p(8)*255),Math.round(p(4)*255)];return e.type==="hsla"&&(l+="a",i.push(t[3])),S({type:l,values:i})}function w(e){e=f(e);let t=e.type==="hsl"||e.type==="hsla"?f(G(e)).values:e.values;return t=t.map(n=>(e.type!=="color"&&(n/=255),n<=.03928?n/12.92:((n+.055)/1.055)**2.4)),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function oe(e,t){const n=w(e),s=w(t);return(Math.max(n,s)+.05)/(Math.min(n,s)+.05)}function pe(e,t){return e=f(e),t=$(t),(e.type==="rgb"||e.type==="hsl")&&(e.type+="a"),e.type==="color"?e.values[3]=`/${t}`:e.values[3]=t,S(e)}function W(e,t){if(e=f(e),t=$(t),e.type.indexOf("hsl")!==-1)e.values[2]*=1-t;else if(e.type.indexOf("rgb")!==-1||e.type.indexOf("color")!==-1)for(let n=0;n<3;n+=1)e.values[n]*=1-t;return S(e)}function D(e,t){if(e=f(e),t=$(t),e.type.indexOf("hsl")!==-1)e.values[2]+=(100-e.values[2])*t;else if(e.type.indexOf("rgb")!==-1)for(let n=0;n<3;n+=1)e.values[n]+=(255-e.values[n])*t;else if(e.type.indexOf("color")!==-1)for(let n=0;n<3;n+=1)e.values[n]+=(1-e.values[n])*t;return S(e)}function ue(e,t=.15){return w(e)>.5?W(e,t):D(e,t)}const K=["defaultProps","mixins","overrides","palette","props","styleOverrides"],N=["type","mode"];function me(e){const{defaultProps:t={},mixins:n={},overrides:s={},palette:r={},props:o={},styleOverrides:p={}}=e,l=M(e,K),i=h({},l,{components:{}});Object.keys(t).forEach(a=>{const u=i.components[a]||{};u.defaultProps=t[a],i.components[a]=u}),Object.keys(o).forEach(a=>{const u=i.components[a]||{};u.defaultProps=o[a],i.components[a]=u}),Object.keys(p).forEach(a=>{const u=i.components[a]||{};u.styleOverrides=p[a],i.components[a]=u}),Object.keys(s).forEach(a=>{const u=i.components[a]||{};u.styleOverrides=s[a],i.components[a]=u}),i.spacing=F(e.spacing);const c=I(e.breakpoints||{}),m=i.spacing;i.mixins=h({gutters:(a={})=>h({paddingLeft:m(2),paddingRight:m(2)},a,{[c.up("sm")]:h({paddingLeft:m(3),paddingRight:m(3)},a[c.up("sm")])})},n);const{type:y,mode:x}=r,v=M(r,N),b=x||y||"light";return i.palette=h({text:{hint:b==="dark"?"rgba(255, 255, 255, 0.5)":"rgba(0, 0, 0, 0.38)"},mode:b,type:b},v),i}function le(e,...t){return R(V({unstable_strictMode:!0},e),...t)}let E=!1;function ce(e){return E||(console.warn(["MUI: createStyles from @mui/material/styles is deprecated.","Please use @mui/styles/createStyles"].join(`
+import{c1 as j,u as k,c2 as g,c3 as _,ak as M,al as h,c4 as F,c5 as I,c6 as R,c7 as V,j as z,T as O,c8 as L}from"./index-C616xNgB.js";import{c9 as Me,ca as Oe,cb as we,K as $e,cc as Ee,cd as Pe,ce as Te,cf as je,cg as ke,w as _e,ch as Fe,ci as Ie,cj as Re,ck as Ve,cl as ze}from"./index-C616xNgB.js";import{u as Ae}from"./useTheme-Czw2-J4G.js";import{s as He,s as Be}from"./styled-CljNQW-J.js";import{j as A}from"./react-BYHuwl8r.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";function C(e){const{theme:t,name:n,props:s}=e;return!t||!t.components||!t.components[n]||!t.components[n].defaultProps?s:j(t.components[n].defaultProps,s)}function H({props:e,name:t,defaultTheme:n,themeId:s}){let r=k(n);return r=r[s]||r,C({theme:r,name:t,props:e})}function $(e,t=0,n=1){return _(e,t,n)}function B(e){e=e.slice(1);const t=new RegExp(`.{1,${e.length>=6?2:1}}`,"g");let n=e.match(t);return n&&n[0].length===1&&(n=n.map(s=>s+s)),n?`rgb${n.length===4?"a":""}(${n.map((s,r)=>r<3?parseInt(s,16):Math.round(parseInt(s,16)/255*1e3)/1e3).join(", ")})`:""}function U(e){const t=e.toString(16);return t.length===1?`0${t}`:t}function f(e){if(e.type)return e;if(e.charAt(0)==="#")return f(B(e));const t=e.indexOf("("),n=e.substring(0,t);if(["rgb","rgba","hsl","hsla","color"].indexOf(n)===-1)throw new Error(g(9,e));let s=e.substring(t+1,e.length-1),r;if(n==="color"){if(s=s.split(" "),r=s.shift(),s.length===4&&s[3].charAt(0)==="/"&&(s[3]=s[3].slice(1)),["srgb","display-p3","a98-rgb","prophoto-rgb","rec-2020"].indexOf(r)===-1)throw new Error(g(10,r))}else s=s.split(",");return s=s.map(o=>parseFloat(o)),{type:n,values:s,colorSpace:r}}function S(e){const{type:t,colorSpace:n}=e;let{values:s}=e;return t.indexOf("rgb")!==-1?s=s.map((r,o)=>o<3?parseInt(r,10):r):t.indexOf("hsl")!==-1&&(s[1]=`${s[1]}%`,s[2]=`${s[2]}%`),t.indexOf("color")!==-1?s=`${n} ${s.join(" ")}`:s=`${s.join(", ")}`,`${t}(${s})`}function ie(e){if(e.indexOf("#")===0)return e;const{values:t}=f(e);return`#${t.map((n,s)=>U(s===3?Math.round(255*n):n)).join("")}`}function G(e){e=f(e);const{values:t}=e,n=t[0],s=t[1]/100,r=t[2]/100,o=s*Math.min(r,1-r),p=(c,m=(c+n/30)%12)=>r-o*Math.max(Math.min(m-3,9-m,1),-1);let l="rgb";const i=[Math.round(p(0)*255),Math.round(p(8)*255),Math.round(p(4)*255)];return e.type==="hsla"&&(l+="a",i.push(t[3])),S({type:l,values:i})}function w(e){e=f(e);let t=e.type==="hsl"||e.type==="hsla"?f(G(e)).values:e.values;return t=t.map(n=>(e.type!=="color"&&(n/=255),n<=.03928?n/12.92:((n+.055)/1.055)**2.4)),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function oe(e,t){const n=w(e),s=w(t);return(Math.max(n,s)+.05)/(Math.min(n,s)+.05)}function pe(e,t){return e=f(e),t=$(t),(e.type==="rgb"||e.type==="hsl")&&(e.type+="a"),e.type==="color"?e.values[3]=`/${t}`:e.values[3]=t,S(e)}function W(e,t){if(e=f(e),t=$(t),e.type.indexOf("hsl")!==-1)e.values[2]*=1-t;else if(e.type.indexOf("rgb")!==-1||e.type.indexOf("color")!==-1)for(let n=0;n<3;n+=1)e.values[n]*=1-t;return S(e)}function D(e,t){if(e=f(e),t=$(t),e.type.indexOf("hsl")!==-1)e.values[2]+=(100-e.values[2])*t;else if(e.type.indexOf("rgb")!==-1)for(let n=0;n<3;n+=1)e.values[n]+=(255-e.values[n])*t;else if(e.type.indexOf("color")!==-1)for(let n=0;n<3;n+=1)e.values[n]+=(1-e.values[n])*t;return S(e)}function ue(e,t=.15){return w(e)>.5?W(e,t):D(e,t)}const K=["defaultProps","mixins","overrides","palette","props","styleOverrides"],N=["type","mode"];function me(e){const{defaultProps:t={},mixins:n={},overrides:s={},palette:r={},props:o={},styleOverrides:p={}}=e,l=M(e,K),i=h({},l,{components:{}});Object.keys(t).forEach(a=>{const u=i.components[a]||{};u.defaultProps=t[a],i.components[a]=u}),Object.keys(o).forEach(a=>{const u=i.components[a]||{};u.defaultProps=o[a],i.components[a]=u}),Object.keys(p).forEach(a=>{const u=i.components[a]||{};u.styleOverrides=p[a],i.components[a]=u}),Object.keys(s).forEach(a=>{const u=i.components[a]||{};u.styleOverrides=s[a],i.components[a]=u}),i.spacing=F(e.spacing);const c=I(e.breakpoints||{}),m=i.spacing;i.mixins=h({gutters:(a={})=>h({paddingLeft:m(2),paddingRight:m(2)},a,{[c.up("sm")]:h({paddingLeft:m(3),paddingRight:m(3)},a[c.up("sm")])})},n);const{type:y,mode:x}=r,v=M(r,N),b=x||y||"light";return i.palette=h({text:{hint:b==="dark"?"rgba(255, 255, 255, 0.5)":"rgba(0, 0, 0, 0.38)"},mode:b,type:b},v),i}function le(e,...t){return R(V({unstable_strictMode:!0},e),...t)}let E=!1;function ce(e){return E||(console.warn(["MUI: createStyles from @mui/material/styles is deprecated.","Please use @mui/styles/createStyles"].join(`
 `)),E=!0),e}function P(e){return String(parseFloat(e)).length===String(e).length}function q(e){return String(e).match(/[\d.\-+]*\s*(.*)/)[1]||""}function d(e){return parseFloat(e)}function J(e){return(t,n)=>{const s=q(t);if(s===n)return t;let r=d(t);s!=="px"&&(s==="em"||s==="rem")&&(r=d(t)*d(e));let o=r;if(n!=="px")if(n==="em")o=r/d(e);else if(n==="rem")o=r/d(e);else return t;return parseFloat(o.toFixed(5))+n}}function Q({size:e,grid:t}){const n=e-e%t,s=n+t;return e-n<s-e?n:s}function X({lineHeight:e,pixels:t,htmlFontSize:n}){return t/(e*n)}function Y({cssProperty:e,min:t,max:n,unit:s="rem",breakpoints:r=[600,900,1200],transform:o=null}){const p={[e]:`${t}${s}`},l=(n-t)/r[r.length-1];return r.forEach(i=>{let c=t+l*i;o!==null&&(c=o(c)),p[`@media (min-width:${i}px)`]={[e]:`${Math.round(c*1e4)/1e4}${s}`}}),p}function he(e,t={}){const{breakpoints:n=["sm","md","lg"],disableAlign:s=!1,factor:r=2,variants:o=["h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","caption","button","overline"]}=t,p=h({},e);p.typography=h({},p.typography);const l=p.typography,i=J(l.htmlFontSize),c=n.map(m=>p.breakpoints.values[m]);return o.forEach(m=>{const y=l[m];if(!y)return;const x=parseFloat(i(y.fontSize,"rem"));if(x<=1)return;const v=x,b=1+(v-1)/r;let{lineHeight:a}=y;if(!P(a)&&!s)throw new Error(g(6));P(a)||(a=parseFloat(i(a,"rem"))/parseFloat(x));let u=null;s||(u=T=>Q({size:T,grid:X({pixels:4,lineHeight:a,htmlFontSize:l.htmlFontSize})})),l[m]=h({},y,Y({cssProperty:"fontSize",min:b,max:v,unit:"rem",breakpoints:c,transform:u}))}),p}function fe({props:e,name:t}){return H({props:e,name:t,defaultTheme:z,themeId:O})}const Z=["theme"];function de(e){let{theme:t}=e,n=M(e,Z);const s=t[O];return A.jsx(L,h({},n,{themeId:s?O:void 0,theme:s||t}))}function ge(){throw new Error(g(14))}function ye(){throw new Error(g(15))}function xe(){throw new Error(g(16))}function be(){throw new Error(g(20))}export{Me as Experimental_CssVarsProvider,Oe as StyledEngineProvider,O as THEME_ID,de as ThemeProvider,me as adaptV4Theme,pe as alpha,we as createMuiTheme,ce as createStyles,R as createTheme,$e as css,W as darken,f as decomposeColor,Ee as duration,Pe as easing,ue as emphasize,He as experimentalStyled,Te as experimental_extendTheme,be as experimental_sx,oe as getContrastRatio,je as getInitColorSchemeScript,w as getLuminance,ke as getOverlayAlpha,B as hexToRgb,G as hslToRgb,_e as keyframes,D as lighten,ge as makeStyles,Fe as private_createMixins,Ie as private_createTypography,Re as private_excludeVariablesFromRoot,S as recomposeColor,he as responsiveFontSizes,ie as rgbToHex,Ve as shouldSkipGeneratingVar,Be as styled,le as unstable_createMuiStrictModeTheme,q as unstable_getUnit,d as unstable_toUnitless,ze as useColorScheme,Ae as useTheme,fe as useThemeProps,ye as withStyles,xe as withTheme};

package/_assets/{index-ChhX0J8g.js → index-Eip3e8N8.js}

@@ -1,4 +1,4 @@
-import{w as k,i as W,b as v}from"./lit-element-B3y9oplH.js";import{n as y}from"./class-map-CxwNmq0D.js";import{c as I}from"./index-B0jVlmk0.js";import"./index-C8Cm7Ukd.js";import{Q as M}from"./browser-DxF-qILS.js";import{d as O,r as N}from"./index-CaRe7gid.js";const Q=.1,_=2.5,$=7;function x(t,a,d){return t===a?!1:(t-a<0?a-t:t-a)<=d+Q}function A(t,a){const d=Array.prototype.slice.call(M.create(t,{errorCorrectionLevel:a}).modules.data,0),l=Math.sqrt(d.length);return d.reduce((h,f,p)=>(p%l===0?h.push([f]):h[h.length-1].push(f))&&h,[])}const q={generate({uri:t,size:a,logoSize:d,padding:l=8,dotColor:h="var(--apkt-colors-black)"}){const p=[],u=A(t,"Q"),n=(a-2*l)/u.length,E=[{x:0,y:0},{x:1,y:0},{x:0,y:1}];E.forEach(({x:i,y:e})=>{const s=(u.length-$)*n*i+l,r=(u.length-$)*n*e+l,c=.45;for(let o=0;o<E.length;o+=1){const m=n*($-o*2);p.push(k`
+import{w as k,i as W,b as v}from"./lit-element-B3y9oplH.js";import{n as y}from"./class-map-CxwNmq0D.js";import{c as I}from"./index-tCYP1O3W.js";import"./index-CEnhHz30.js";import{Q as M}from"./browser-DxF-qILS.js";import{d as O,r as N}from"./index-DNvcQt0s.js";const Q=.1,_=2.5,$=7;function x(t,a,d){return t===a?!1:(t-a<0?a-t:t-a)<=d+Q}function A(t,a){const d=Array.prototype.slice.call(M.create(t,{errorCorrectionLevel:a}).modules.data,0),l=Math.sqrt(d.length);return d.reduce((h,f,p)=>(p%l===0?h.push([f]):h[h.length-1].push(f))&&h,[])}const q={generate({uri:t,size:a,logoSize:d,padding:l=8,dotColor:h="var(--apkt-colors-black)"}){const p=[],u=A(t,"Q"),n=(a-2*l)/u.length,E=[{x:0,y:0},{x:1,y:0},{x:0,y:1}];E.forEach(({x:i,y:e})=>{const s=(u.length-$)*n*i+l,r=(u.length-$)*n*e+l,c=.45;for(let o=0;o<E.length;o+=1){const m=n*($-o*2);p.push(k`
             <rect
               fill=${o===2?"var(--apkt-colors-black)":"var(--apkt-colors-white)"}
               width=${o===0?m-10:m}