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

package/_assets/index-C3zA3tgr.js

@@ -1,519 +0,0 @@
-import{j as e,b as se,r as g,L as ae}from"./react-BYHuwl8r.js";import{t as q,s as t,w as re,y as oe,b as i,C as Q,B as E,bV as Z,z as ee,$ as de,ba as N,F as D,R as le,o as ce,A as pe,b9 as he,I as W,ab as ge,am as xe,ae as me,af as ue,bW as fe,E as we}from"./index-BL2RPpVH.js";import{c as ye,i as be,R as ve,u as je}from"./useImportable-DdzyhNKj.js";import{S as ke,C as Ce,b as $e}from"./ManaPricingBanner.styles-Dj_122X4.js";import{F as O}from"./Faq--E1fBOzk.js";import{C as U}from"./field.styles-XpeJ0COA.js";import"./dcl-schemas-CmtP3U6y.js";import"./sentry-Dx-KuLV3.js";import"./ethers-BDpbhgX6.js";import"./intl-CBcMB1D2.js";import"./buy-CgUGATyG.js";import"./authorizations-2Xd-ft_C.js";import"./sendMetaTransaction-CYTRgQS4.js";function Se({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:Ie,z:Le}=q,Te=re`
-  0% {
-    transform: scale(0);
-    opacity: 0;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-`,K=t.div`
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.5);
-  display: flex;
-  overflow-y: auto;
-  padding: 20px;
-  // Above the global DCL navbar so the backdrop dims the full viewport (navbar included).
-  z-index: ${Le.overlay};
-`,te=t.div`
-  background: ${S.white};
-  border-radius: ${Ie.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%;
-  }
-`,G=t.h2`
-  font-size: 20px;
-`;t.img`
-  width: 140px;
-  height: 140px;
-  object-fit: contain;
-  align-self: center;
-  background: ${S.media};
-  border-radius: 10px;
-`;const ze=t.div`
-  position: sticky;
-  bottom: 0;
-  display: flex;
-  justify-content: flex-end;
-  gap: 10px;
-  margin-top: 6px;
-  padding-top: 8px;
-  background: ${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: ${Te} 0.32s cubic-bezier(0.2, 0.9, 0.3, 1.4);
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`;t.p`
-  font-weight: 700;
-  font-size: 16px;
-  margin: 2px 0 0;
-`;const{colors:f,gradients:Ae,radius:_e}=q,Me=t(te)`
-  width: min(460px, 94vw);
-  text-align: left;
-  align-items: stretch;
-`,Ee=t.div`
-  height: 6px;
-  border-radius: 999px;
-  background: ${f.line};
-  overflow: hidden;
-  margin: 6px 0 14px;
-`,Re=t.div`
-  height: 100%;
-  width: 0;
-  background: ${Ae.amethyst};
-  border-radius: 999px;
-  transition: width 0.45s ease;
-`,Fe=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;
-`,Pe=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;
-  }
-`,Be=t.span`
-  width: 34px;
-  height: 34px;
-  border-radius: ${_e.btn};
-  overflow: hidden;
-  background: ${f.media};
-  display: grid;
-  place-items: center;
-
-  & img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-`,Qe=t.span`
-  font-weight: 600;
-  font-size: 14px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,Ne=t.span`
-  font-weight: 700;
-  font-size: 13px;
-  color: ${f.text2};
-`,qe=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;
-`,De=t.span`
-  color: ${f.muted2};
-  font-weight: 600;
-`,B=t.span`
-  color: ${f.muted};
-  font-weight: 600;
-`,We=t.span`
-  width: 14px;
-  height: 14px;
-  margin: 0;
-  border-width: 2px;
-`,Oe=t.span`
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  background: ${f.ok};
-  color: ${f.white};
-  display: grid;
-  place-items: center;
-  font-size: 12px;
-`,Ue=t.p`
-  margin: 12px 0 0;
-`;function Ke(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 Ge({queue:a,session:l,onClose:p,onDone:k}){const R=se(),y=oe(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&&ye(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 be(a[r].item,a[r].priceCredits,l,{onPhase:h=>{s||L(m=>m.map((u,$)=>$===r?h:u))}}),de("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 ve)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((ie,ne)=>ne===r?u?"skipped":"failed":ie))}}}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(K,{role:"presentation",children:e.jsxs(te,{"data-success":!0,role:"dialog","aria-modal":"true","data-testid":"migrate-unlisted",children:[e.jsx(G,{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(ze,{"data-actions":!0,children:[e.jsx(E,{variant:"ghost",onClick:_,children:i("getCredits.done")}),e.jsx(E,{variant:"purple",onClick:()=>{k(),p(),R(Z)},children:i("migrate.goToMyAssets")})]})]})}):e.jsx(K,{role:"presentation",children:e.jsxs(Me,{"data-testid":"modal",role:"dialog","aria-modal":"true","aria-live":"polite",children:[e.jsx(G,{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(Ee,{children:e.jsx(Re,{style:{width:`${P}%`}})}),e.jsx(Fe,{children:a.map((s,d)=>e.jsxs(Pe,{"data-status":c[d],children:[e.jsx(Be,{children:s.item.thumbnail?e.jsx("img",{src:s.item.thumbnail,alt:""}):null}),e.jsx(Qe,{title:s.item.name,children:s.item.name||i("migrate.itemFallback")}),e.jsxs(Ne,{children:[e.jsx(ee,{className:"ccy-mark"})," ",s.priceCredits.toLocaleString()]}),e.jsx(qe,{"data-testid":c[d]==="active"?"migrate-active-status":void 0,children:c[d]==="active"?e.jsxs(e.Fragment,{children:[e.jsx(We,{className:"spinner","aria-hidden":!0})," ",Ke(F[d],y)]}):c[d]==="done"?e.jsx(Oe,{children:e.jsx(Se,{})}):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(De,{children:i("migrate.statusWaiting")})})]},s.item.oldTradeId))}),e.jsx(Ue,{className:"muted small",children:y?b?i(b.approvals>0?"migrate.hintCountApproval":"migrate.hintCount",{total:b.total}):i("migrate.hintConfirm"):i("migrate.hintManaged")})]})})}const He="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:Ve,media:Ye,radius:I}=q,Je=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 24px;
-  padding: 24px 20px 80px;
-`,Xe=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;
-`,Ze=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;
-  }
-`,et=t.div`
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 12px;
-  padding-bottom: 16px;
-  line-height: 1.6;
-  color: ${o.text};
-`,tt=t.h2`
-  margin: 0;
-  font-size: 20px;
-  font-weight: 700;
-`,it=t.p`
-  margin: 0;
-  font-size: 16px;
-  font-weight: 400;
-`,nt=t.div`
-  width: 310px;
-  max-width: 100%;
-  padding-bottom: 16px;
-`,st=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;
-`,H=t.div`
-  max-width: 1003px;
-  margin: 0 auto;
-  padding-bottom: 120px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  font-family: ${Ve.sans};
-`,at=t.header`
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  padding: 10px 12px;
-`,rt=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-`,ot=t.h2`
-  margin: 0;
-  font-weight: 600;
-  font-size: 20px;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  color: ${o.text};
-`,dt=t.p`
-  margin: 0;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 1.334;
-  color: ${o.muted1};
-`,lt=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;
-  }
-`,ct=t.hr`
-  width: 100%;
-  height: 0;
-  margin: 0;
-  border: 0;
-  border-top: 1px solid ${o.gray4};
-`,pt=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 8px 12px 0;
-`,ht=t(ke)`
-  font-size: 14px;
-  line-height: 1.334;
-  color: ${o.text2};
-`,gt=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};
-`,xt=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`,mt=t.label`
-  display: flex;
-  align-items: center;
-  align-self: flex-start;
-  font-size: 14px;
-  line-height: 1.2;
-  color: ${o.text};
-  cursor: pointer;
-`,V=t.span`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 40px;
-  height: 40px;
-`,ut=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,ft=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;
-  }
-`,wt=t.div`
-  flex: none;
-  display: flex;
-  align-items: center;
-`,yt=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));
-  }
-`,bt=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;
-`,vt=t.div`
-  font-weight: 600;
-  font-size: 16px;
-  line-height: 1.2;
-  color: ${o.text};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,jt=t.div`
-  display: flex;
-  align-items: flex-end;
-  gap: 4px;
-`,Y=t(le)`
-  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;
-  }
-`,kt=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;
-`,Ct=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};
-  }
-`,$t=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;
-`,St=t.div`
-  display: flex;
-  align-items: baseline;
-  gap: 4px;
-  font-weight: 500;
-  font-size: 12px;
-  color: ${o.gray0};
-`,It=t.span`
-  font-weight: 300;
-  font-size: 10px;
-  color: ${o.muted};
-`,Lt=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;
-`,Tt=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};
-`,zt=t.div`
-  max-width: 1003px;
-  margin: 0 auto;
-  padding: 15px 20px;
-  display: flex;
-  align-items: center;
-  gap: 16px;
-
-  ${Ye.maxWidth("mobile")} {
-    padding: 12px 16px;
-    gap: 12px;
-  }
-`,At=t.div`
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-weight: 600;
-  font-size: 16px;
-  color: ${o.text};
-`,_t=t.div`
-  font-size: 13px;
-  color: ${o.muted};
-`,Mt=t.span`
-  flex: 1 1 auto;
-`,Et=t(E)`
-  flex: none;
-  padding: 13px 24px;
-`,J=t.div`
-  padding: 16px 12px 0;
-`,X=[{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"}],Rt="https://docs.decentraland.org";function Ft(a){try{return fe(BigInt(a))}catch{return null}}function Yt(){const{session:a}=ce(),l=pe(),{items:p,isLoading:k}=je(),[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"]}),we.success(i("importListings.toastUpdated"))}return!k&&p.length===0?e.jsxs(H,{children:[e.jsx(Je,{"data-testid":"import-empty",children:e.jsxs(Xe,{children:[e.jsx(Ze,{"aria-hidden":!0,children:e.jsx("img",{src:He,alt:"",width:85,height:85})}),e.jsxs(et,{children:[e.jsx(tt,{children:i("importListings.emptyTitle")}),e.jsx(it,{children:i("importListings.emptyBody")})]}),e.jsx(nt,{children:e.jsx(st,{as:ae,to:Z,variant:"purple",children:i("importListings.goToMyAssets")})})]})}),e.jsx(J,{children:e.jsx(O,{title:"faq.title",entries:X})})]}):e.jsxs(H,{children:[e.jsxs(at,{children:[e.jsxs(rt,{children:[e.jsx(ot,{children:i("importListings.title")}),e.jsxs("div",{children:[e.jsx(dt,{children:i("importListings.lede",{currency:he(Q.name)})}),e.jsxs(lt,{href:Rt,target:"_blank",rel:"noopener noreferrer",children:[i("importListings.learnMore"),e.jsx(W,{name:"external-link",className:"ico","aria-hidden":!0})]})]})]}),e.jsx(Ce,{})]}),e.jsx(ct,{}),e.jsxs(pt,{children:[e.jsxs(ht,{"data-testid":"import-progress",children:[e.jsx(gt,{"data-testid":"import-count",children:p.length}),i("importListings.updatePricing")]}),e.jsxs(xt,{children:[e.jsxs(mt,{children:[e.jsx(V,{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(ut,{children:k?Array.from({length:4}).map((n,s)=>e.jsx(Lt,{},s)):p.map(n=>{const s=w(n),d=ge({...n,wearableCategory:n.wearableCategory??void 0}),r=Ft(n.manaWei);return e.jsxs(ft,{"data-off":c(n.oldTradeId)?void 0:!0,children:[e.jsxs(wt,{children:[e.jsx(V,{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(yt,{children:n.thumbnail?e.jsx("img",{src:n.thumbnail,alt:""}):null})]}),e.jsxs(bt,{children:[e.jsx(vt,{title:n.name,children:n.name||i("importListings.itemFallback")}),e.jsxs(jt,{children:[e.jsx(Y,{"data-variant":"rarity",style:{background:ue(n.rarity),color:me(n.rarity)},children:xe(n.rarity)}),d?e.jsx(Y,{"data-variant":"icon",children:e.jsx(W,{name:d,"aria-hidden":!0})}):null]})]}),e.jsxs(kt,{children:[e.jsxs(Ct,{children:[e.jsx(ee,{}),e.jsx($t,{"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(St,{children:[e.jsxs("span",{children:["$",N(s).toFixed(2)]}),r?e.jsx(It,{children:i("importListings.wasMana",{amount:r})}):null]})]})]},n.oldTradeId)})})]})]}),e.jsx(J,{children:e.jsx(O,{title:"faq.title",entries:X})}),e.jsx(Tt,{children:e.jsxs(zt,{children:[e.jsxs("div",{children:[e.jsxs(At,{children:[e.jsx($e,{})," ",z.toLocaleString()]}),e.jsx(_t,{children:i("importListings.selectedSummary",{count:x.length,usd:N(z).toFixed(2)})})]}),e.jsx(Mt,{}),e.jsx(Et,{variant:"purple",disabled:x.length===0,onClick:()=>T(M(x)),children:i("importListings.listAll",{count:x.length})})]})}),b&&a?e.jsx(Ge,{queue:b,session:a,onClose:()=>T(null),onDone:j}):null]})}export{Yt as ImportListings};

package/_assets/index-D-NhBWWr.css

@@ -1 +0,0 @@
-.ico{display:inline-block;width:20px;height:20px;flex:none;background-color:currentColor;-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.ccy-mark{width:1em;height:1em;vertical-align:-.125em}.ccy-mark,.ccy{color:var(--text)}:root{--bg: #ffffff;--text: #161518;--text-2: #242129;--muted: #716b7c;--muted-1: #5e5b67;--muted-2: #a09ba8;--line: #e6e4ea;--line-strong: #a09ba8;--media: #ecebed;--panel: #f5f5f5;--chip: #ecebed;--gray-0: #43404a;--accent: #691fa9;--brand-violet: #a524b3;--rarity: #a14bf3;--rarity-bg: rgba(161, 75, 243, .3);--black-btn: #242129;--soft-white: #fcfcfc;--dcl-red: #ff2d55;--ok: #1ea672;--err: #d33;--amethyst: linear-gradient(180deg, #c640cd 0%, #691fa9 100%);--cerise: linear-gradient(135deg, #ff2d55 0%, #c640cd 100%);--radius-card: 12px;--radius-chip: 4px;--radius-btn: 8px;--radius-pill: 50px;--radius-banner: 24px;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--z-overlay: 10000;--z-tooltip: 10010}*{box-sizing:border-box}html{overflow-x:clip}body{margin:0;padding-top:92px;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}@media(max-width:768px){body{padding-top:64px}}body.shop-cart-bg{background:var(--media)}#root{display:flex;flex-direction:column;min-height:calc(100vh - 92px)}@media(max-width:768px){#root{min-height:calc(100vh - 64px)}}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}h1,h2{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--err)}.error-notice{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border:1px solid rgba(221,51,51,.25);border-radius:var(--radius-btn);background:#dd333314;color:var(--err);font-size:14px;line-height:1.4;text-align:left}.error-notice__ico{flex:none;width:18px;height:18px}.error-notice__msg{color:var(--text-2)}.link{background:none;border:0;color:var(--accent);cursor:pointer;padding:0;font:inherit;font-weight:600}.page{padding:28px 54px 80px;max-width:1760px;margin:0 auto;width:100%;flex:1 0 auto;min-height:calc(100vh - 92px)}.page[data-route="/credits"]{min-height:0}.page[data-route="/overview"]{padding-top:0}.page[data-route="/cart"]{display:flex;flex-direction:column}@media(max-width:768px){.page{padding:16px 16px 56px;min-height:calc(100vh - 64px)}.page[data-route="/credits"]{min-height:0}}.placeholder{color:var(--muted);font-size:18px;padding:40px 0}.page-loading{display:grid;place-items:center;min-height:60vh}@keyframes shimmer{to{background-position:-200% 0}}.spinner{width:30px;height:30px;margin-top:14px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.skeleton{border-radius:6px;background:linear-gradient(100deg,#efeef2 30%,#e2e0e7,#efeef2 70%);background-size:200% 100%;animation:shimmer 1.4s infinite linear}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}@keyframes cart-pop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

package/_assets/index-sW8OdK66.js

@@ -1 +0,0 @@
-import{r as i,j as g,g as L,k as G}from"./react-BYHuwl8r.js";import{p as I,h}from"./dcl-schemas-CmtP3U6y.js";import{c1 as Pe,ai as Ie,aj as Re,ak as y,al as b,cA as U,cu as H}from"./index-BL2RPpVH.js";import{B as Me,r as Y,e as Se}from"./createSvgIcon-Dax4uwaL.js";import{n as k}from"./emotion-styled.browser.esm-s1GWUoDX.js";import{C as ze}from"./CircularProgress-DNShuaaC.js";import{g as we,a as ke,c as de,b as Te}from"./clsx-WwvpwSg0.js";import{s as ae,a as Ae}from"./styled-qF6AFIDl.js";function Ne(e){return we("MuiButton",e)}const F=ke("MuiButton",["root","text","textInherit","textPrimary","textSecondary","textSuccess","textError","textInfo","textWarning","outlined","outlinedInherit","outlinedPrimary","outlinedSecondary","outlinedSuccess","outlinedError","outlinedInfo","outlinedWarning","contained","containedInherit","containedPrimary","containedSecondary","containedSuccess","containedError","containedInfo","containedWarning","disableElevation","focusVisible","disabled","colorInherit","colorPrimary","colorSecondary","colorSuccess","colorError","colorInfo","colorWarning","textSizeSmall","textSizeMedium","textSizeLarge","outlinedSizeSmall","outlinedSizeMedium","outlinedSizeLarge","containedSizeSmall","containedSizeMedium","containedSizeLarge","sizeMedium","sizeSmall","sizeLarge","fullWidth","startIcon","endIcon","icon","iconSizeSmall","iconSizeMedium","iconSizeLarge"]),je=i.createContext({}),_e=i.createContext(void 0),Oe=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],Le=e=>{const{color:o,disableElevation:n,fullWidth:t,size:r,variant:l,classes:c}=e,u={root:["root",l,`${l}${b(o)}`,`size${b(r)}`,`${l}Size${b(r)}`,`color${b(o)}`,n&&"disableElevation",t&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${b(r)}`],endIcon:["icon","endIcon",`iconSize${b(r)}`]},f=Te(u,Ne,c);return y({},c,f)},xe=e=>y({},e.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},e.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},e.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),$e=ae(Me,{shouldForwardProp:e=>Ae(e)||e==="classes",name:"MuiButton",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:n}=e;return[o.root,o[n.variant],o[`${n.variant}${b(n.color)}`],o[`size${b(n.size)}`],o[`${n.variant}Size${b(n.size)}`],n.color==="inherit"&&o.colorInherit,n.disableElevation&&o.disableElevation,n.fullWidth&&o.fullWidth]}})(({theme:e,ownerState:o})=>{var n,t;const r=e.palette.mode==="light"?e.palette.grey[300]:e.palette.grey[800],l=e.palette.mode==="light"?e.palette.grey.A100:e.palette.grey[700];return y({},e.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(e.vars||e).shape.borderRadius,transition:e.transitions.create(["background-color","box-shadow","border-color","color"],{duration:e.transitions.duration.short}),"&:hover":y({textDecoration:"none",backgroundColor:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / ${e.vars.palette.action.hoverOpacity})`:U.alpha(e.palette.text.primary,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},o.variant==="text"&&o.color!=="inherit"&&{backgroundColor:e.vars?`rgba(${e.vars.palette[o.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:U.alpha(e.palette[o.color].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},o.variant==="outlined"&&o.color!=="inherit"&&{border:`1px solid ${(e.vars||e).palette[o.color].main}`,backgroundColor:e.vars?`rgba(${e.vars.palette[o.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:U.alpha(e.palette[o.color].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},o.variant==="contained"&&{backgroundColor:e.vars?e.vars.palette.Button.inheritContainedHoverBg:l,boxShadow:(e.vars||e).shadows[4],"@media (hover: none)":{boxShadow:(e.vars||e).shadows[2],backgroundColor:(e.vars||e).palette.grey[300]}},o.variant==="contained"&&o.color!=="inherit"&&{backgroundColor:(e.vars||e).palette[o.color].dark,"@media (hover: none)":{backgroundColor:(e.vars||e).palette[o.color].main}}),"&:active":y({},o.variant==="contained"&&{boxShadow:(e.vars||e).shadows[8]}),[`&.${F.focusVisible}`]:y({},o.variant==="contained"&&{boxShadow:(e.vars||e).shadows[6]}),[`&.${F.disabled}`]:y({color:(e.vars||e).palette.action.disabled},o.variant==="outlined"&&{border:`1px solid ${(e.vars||e).palette.action.disabledBackground}`},o.variant==="contained"&&{color:(e.vars||e).palette.action.disabled,boxShadow:(e.vars||e).shadows[0],backgroundColor:(e.vars||e).palette.action.disabledBackground})},o.variant==="text"&&{padding:"6px 8px"},o.variant==="text"&&o.color!=="inherit"&&{color:(e.vars||e).palette[o.color].main},o.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},o.variant==="outlined"&&o.color!=="inherit"&&{color:(e.vars||e).palette[o.color].main,border:e.vars?`1px solid rgba(${e.vars.palette[o.color].mainChannel} / 0.5)`:`1px solid ${U.alpha(e.palette[o.color].main,.5)}`},o.variant==="contained"&&{color:e.vars?e.vars.palette.text.primary:(n=(t=e.palette).getContrastText)==null?void 0:n.call(t,e.palette.grey[300]),backgroundColor:e.vars?e.vars.palette.Button.inheritContainedBg:r,boxShadow:(e.vars||e).shadows[2]},o.variant==="contained"&&o.color!=="inherit"&&{color:(e.vars||e).palette[o.color].contrastText,backgroundColor:(e.vars||e).palette[o.color].main},o.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},o.size==="small"&&o.variant==="text"&&{padding:"4px 5px",fontSize:e.typography.pxToRem(13)},o.size==="large"&&o.variant==="text"&&{padding:"8px 11px",fontSize:e.typography.pxToRem(15)},o.size==="small"&&o.variant==="outlined"&&{padding:"3px 9px",fontSize:e.typography.pxToRem(13)},o.size==="large"&&o.variant==="outlined"&&{padding:"7px 21px",fontSize:e.typography.pxToRem(15)},o.size==="small"&&o.variant==="contained"&&{padding:"4px 10px",fontSize:e.typography.pxToRem(13)},o.size==="large"&&o.variant==="contained"&&{padding:"8px 22px",fontSize:e.typography.pxToRem(15)},o.fullWidth&&{width:"100%"})},({ownerState:e})=>e.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${F.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${F.disabled}`]:{boxShadow:"none"}}),Be=ae("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(e,o)=>{const{ownerState:n}=e;return[o.startIcon,o[`iconSize${b(n.size)}`]]}})(({ownerState:e})=>y({display:"inherit",marginRight:8,marginLeft:-4},e.size==="small"&&{marginLeft:-2},xe(e))),We=ae("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(e,o)=>{const{ownerState:n}=e;return[o.endIcon,o[`iconSize${b(n.size)}`]]}})(({ownerState:e})=>y({display:"inherit",marginRight:-4,marginLeft:8},e.size==="small"&&{marginRight:-2},xe(e))),Ve=i.forwardRef(function(o,n){const t=i.useContext(je),r=i.useContext(_e),l=Pe(t,o),c=Ie({props:l,name:"MuiButton"}),{children:u,color:f="primary",component:m="button",className:p,disabled:s=!1,disableElevation:S=!1,disableFocusRipple:d=!1,endIcon:x,focusVisibleClassName:C,fullWidth:T=!1,size:v="medium",startIcon:$,type:E,variant:Z="text"}=c,z=Re(c,Oe),R=y({},c,{color:f,component:m,disabled:s,disableElevation:S,disableFocusRipple:d,fullWidth:T,size:v,type:E,variant:Z}),P=Le(R),B=$&&g.jsx(Be,{className:P.startIcon,ownerState:R,children:$}),W=x&&g.jsx(We,{className:P.endIcon,ownerState:R,children:x}),V=r||"";return g.jsxs($e,y({ownerState:R,className:de(t.className,P.root,p,V),component:m,disabled:s,focusRipple:!d,focusVisibleClassName:de(P.focusVisible,C),ref:n,type:E},z,{classes:P,children:[B,u,W]}))});var A={},pe;function qe(){if(pe)return A;pe=1,Object.defineProperty(A,"__esModule",{value:!0});function e(){let o,n;const t=new Promise((r,l)=>{o=c=>{r(c),t.isPending=!1},n=c=>{l(c),t.isPending=!1}}).catch(r=>Promise.reject(r));return t.resolve=o,t.reject=n,"finally"in t||(t.finally=r=>{t.then(r),t.catch(r)}),t.isPending=!0,t}return A.future=e,A.default=e,A}var Ue=qe();const Fe=L(Ue);function ge(e){return{all:e=e||new Map,on:function(o,n){var t=e.get(o);t?t.push(n):e.set(o,[n])},off:function(o,n){var t=e.get(o);t&&(n?t.splice(t.indexOf(n)>>>0,1):e.set(o,[]))},emit:function(o,n){var t=e.get(o);t&&t.slice().map(function(r){r(n)}),(t=e.get("*"))&&t.slice().map(function(r){r(o,n)})}}}const w=new Map,ne=new Map,se=new Map,D=new Map;function fe(e){const o=document.getElementById(e);return!o||!o.contentWindow?!1:se.get(o.contentWindow)??!1}function re(e){if(e.data&&e.data.type)try{switch(e.data.type){case I.PreviewMessageType.CONTROLLER_RESPONSE:{const o=e.data.payload,{id:n}=o,t=w.get(n);t&&(w.delete(n),o.ok?t.resolve(o.result):o.ok===!1&&t.reject(new Error(o.error)));break}case I.PreviewMessageType.EMOTE_EVENT:{const o=e.data.payload,{type:n,payload:t}=o,r=e.source?ne.get(e.source):null;r&&n&&r.emit(n,t);break}case I.PreviewMessageType.LOAD:{e.source&&(se.set(e.source,!0),(D.get(e.source)||[]).filter(t=>{var r;return((r=t.data)==null?void 0:r.type)!==I.PreviewMessageType.LOAD}).forEach(re),D.delete(e.source));break}default:}}catch(o){console.error("Error processing WearablePreview message:",o)}}const De=e=>{var n;if(((n=e.data)==null?void 0:n.type)===I.PreviewMessageType.LOAD){re(e);return}if(!(e.source?se.get(e.source):!1)&&e.source){const t=D.get(e.source)||[];t.push(e),D.set(e.source,t);return}re(e)};typeof window<"u"&&window.addEventListener("message",De,!1);let me=0;function Ge(e){return function(n,t,r){const l=document.getElementById(e);if(!l||!l.contentWindow){const d=new Error("iframe not found or not accessible");return Promise.reject(d)}const c=e+"-"+me,u=Fe();w.set(c,u);const f=I.PreviewMessageType.CONTROLLER_REQUEST,m={id:c,namespace:n,method:t,params:r},p=setTimeout(()=>{w.delete(c),u.reject(new Error(`Request timeout for ${t}`))},1e4),s=u.resolve,S=u.reject;u.resolve=d=>{clearTimeout(p),s(d)},u.reject=d=>{clearTimeout(p),S(d)};try{I.sendMessage(l.contentWindow,f,m)}catch(d){const x=d instanceof Error?d.message:String(d);u.reject(new Error(`Failed to send message: ${x}`)),w.delete(c),clearTimeout(p)}return me++,u}}function He(e){const o=document.getElementById(e);if(!o)throw new Error(`Could not find an iframe with id="${e}"`);w.clear();const n=o.contentWindow?ne.get(o.contentWindow)??ge():ge();o.contentWindow&&ne.set(o.contentWindow,n);const t=Ge(e);return{scene:{getScreenshot(r,l){return t("scene","getScreenshot",[r,l])},getMetrics(){return t("scene","getMetrics",[])},changeZoom:function(r){return t("scene","changeZoom",[r])},panCamera:function(r){return t("scene","panCamera",[r])},changeCameraPosition:function(r){return t("scene","changeCameraPosition",[r])},cleanup(){return t("scene","cleanup",[])},setUsername:function(r){return t("scene","setUsername",[r])}},emote:{getLength(){return t("emote","getLength",[])},isPlaying(){return t("emote","isPlaying",[])},goTo(r){return t("emote","goTo",[r])},play(){return t("emote","play",[])},pause(){return t("emote","pause",[])},stop(){return t("emote","stop",[])},enableSound(){return t("emote","enableSound",[])},disableSound(){return t("emote","disableSound",[])},hasSound(){return t("emote","hasSound",[])},isSocialEmote(){return t("emote","isSocialEmote",[])},getSocialEmoteAnimations(){return t("emote","getSocialEmoteAnimations",[])},getPlayingSocialEmoteAnimation(){return t("emote","getPlayingSocialEmoteAnimation",[])},emote:null,events:n},physics:{setSpringBonesParams(r,l){return t("physics","setSpringBonesParams",[r,l])}}}}var N={},ve;function Ye(){if(ve)return N;ve=1;var e=H();Object.defineProperty(N,"__esModule",{value:!0}),N.default=void 0;var o=e(Y()),n=G();return N.default=(0,o.default)((0,n.jsx)("path",{d:"M6 19h4V5H6zm8-14v14h4V5z"}),"Pause"),N}var Ze=Ye();const Je=L(Ze);var j={},be;function Qe(){if(be)return j;be=1;var e=H();Object.defineProperty(j,"__esModule",{value:!0}),j.default=void 0;var o=e(Y()),n=G();return j.default=(0,o.default)((0,n.jsx)("path",{d:"M8 5v14l11-7z"}),"PlayArrow"),j}var Ke=Qe();const Xe=L(Ke);var _={},ye;function eo(){if(ye)return _;ye=1;var e=H();Object.defineProperty(_,"__esModule",{value:!0}),_.default=void 0;var o=e(Y()),n=G();return _.default=(0,o.default)((0,n.jsx)("path",{d:"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63m2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71M4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9zM12 4 9.91 6.09 12 8.18z"}),"VolumeOff"),_}var oo=eo();const to=L(oo);var O={},he;function no(){if(he)return O;he=1;var e=H();Object.defineProperty(O,"__esModule",{value:!0}),O.default=void 0;var o=e(Y()),n=G();return O.default=(0,o.default)((0,n.jsx)("path",{d:"M3 9v6h4l5 5V4L7 9zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77"}),"VolumeUp"),O}var ro=no();const ao=L(ro),so=(e,o)=>{const n=i.useRef(null),[t,r]=i.useState(!1);return i.useEffect(()=>{const l=o??He(e);if(n.current=l,fe(e)){r(!0);return}const c=document.getElementById(e);if(!c){console.error(`Could not find iframe with id="${e}"`);return}if(!c.contentWindow){console.error(`Iframe contentWindow is not accessible for id="${e}"`);return}const f=m=>{var p;((p=m.data)==null?void 0:p.type)===I.PreviewMessageType.LOAD&&fe(e)&&r(!0)};return window.addEventListener("message",f),()=>{window.removeEventListener("message",f),r(!1),n.current=null}},[e,o]),{controllerRef:n,isReady:t}},io={small:16,medium:20,large:24},Ee=({children:e,startIcon:o,endIcon:n,loading:t=!1,loadingIcon:r,loadingPosition:l="center",disabled:c=!1,size:u="medium",...f})=>{const m=g.jsx(ze,{color:"inherit",size:io[u]}),p=r||m,s=t&&l==="center"?p:e;return g.jsx(Ve,{disabled:c||t,startIcon:t&&l==="start"?p:o,endIcon:t&&l==="end"?p:n,size:u,...f,children:s})},lo=k(Se)(({theme:e})=>({display:"flex",position:"absolute",width:"100%",bottom:0,margin:`${e.spacing(2)} 0`,padding:`0 ${e.spacing(3)}`,gap:e.spacing(2)})),co=k(Ee)(({theme:e})=>({width:56,height:44,padding:0,minWidth:"unset",background:"rgba(0, 0, 0, 0.64) !important","& svg":{marginLeft:e.spacing(.5)}})),uo=k(Ee)(({theme:e,muted:o})=>({marginLeft:e.spacing(2.5),minWidth:25,background:"none",padding:0,opacity:o?.5:1})),po=k("input")(({theme:e})=>({flex:1,width:"100%",background:"none",WebkitAppearance:"none","&:focus":{outline:"none"},"&::-webkit-slider-thumb":{WebkitAppearance:"none",width:24,height:24,borderRadius:10,backgroundColor:"#736e7d",overflow:"visible",cursor:"pointer",paddingBottom:e.spacing(.625),marginTop:e.spacing(-.5)},"&::-moz-range-thumb":{width:24,height:24,borderRadius:20,backgroundColor:"#736e7d",overflow:"visible",cursor:"pointer",border:"none"},"&::-ms-thumb":{width:24,height:24,borderRadius:20,backgroundColor:"#736e7d",overflow:"visible",cursor:"pointer"},"&::-webkit-slider-runnable-track":{width:300,height:15,background:"rgba(115, 110, 125, 0.32)",border:"none",borderRadius:10},"&::-moz-range-track":{width:"100%",height:15,borderRadius:10,cursor:"pointer",background:"rgba(115, 110, 125, 0.32)"}})),go=k("div")({display:"flex",alignItems:"center"}),fo=k("input")({width:56,height:44,borderRadius:5,background:"transparent",border:"1px solid rgba(115, 110, 125, 0.4)",color:"white",textAlign:"center","&:focus-visible":{outline:"1px solid"}}),mo=({wearablePreviewId:e,className:o,hideFrameInput:n,hideProgressInput:t,hidePlayButton:r,hideSoundButton:l,wearablePreviewController:c,renderPlayButton:u,renderSoundButton:f,renderProgressBar:m,renderFrameInput:p})=>{const{controllerRef:s,isReady:S}=so(e,c),[d,x]=i.useState(0),[C,T]=i.useState(!1),[v,$]=i.useState(void 0),[E,Z]=i.useState(!0),[z,R]=i.useState(void 0),[P,B]=i.useState(!1),[W,V]=i.useState(!1),J=i.useCallback(()=>{x(0)},[]),Q=i.useCallback(()=>{T(!1),x(a=>a>=Math.floor((v??0)*100)?0:a)},[v]),K=i.useCallback(()=>{T(!1)},[]),X=i.useCallback(async()=>{if(!W){let a=v;!v&&s.current&&(a=await s.current.emote.getLength()),T(!0),$(a)}},[v,W,s]),ee=i.useCallback(({length:a})=>{x(Math.ceil((a??0)*100))},[]);i.useEffect(()=>{const a=s.current;if(a)return a.emote.events.on(h.PreviewEmoteEventType.ANIMATION_PLAY,X),a.emote.events.on(h.PreviewEmoteEventType.ANIMATION_PLAYING,ee),a.emote.events.on(h.PreviewEmoteEventType.ANIMATION_END,Q),a.emote.events.on(h.PreviewEmoteEventType.ANIMATION_PAUSE,K),a.emote.events.on(h.PreviewEmoteEventType.ANIMATION_LOOP,J),()=>{a.emote.events.off(h.PreviewEmoteEventType.ANIMATION_PLAY,X),a.emote.events.off(h.PreviewEmoteEventType.ANIMATION_PLAYING,ee),a.emote.events.off(h.PreviewEmoteEventType.ANIMATION_END,Q),a.emote.events.off(h.PreviewEmoteEventType.ANIMATION_PAUSE,K),a.emote.events.off(h.PreviewEmoteEventType.ANIMATION_LOOP,J)}},[s,X,ee,Q,K,J]),i.useEffect(()=>{z===void 0&&S&&s.current&&s.current.emote.hasSound().then(a=>R(a)).catch(a=>{console.error("Error checking sound:",a),R(!1)})},[z,S,s]);const oe=i.useCallback(async()=>{if(s.current)try{await s.current.emote.play()}catch(a){console.error("Error playing emote:",a)}},[s]),te=i.useCallback(async()=>{if(s.current)try{await s.current.emote.pause()}catch(a){console.error("Error pausing emote:",a)}},[s]),ie=i.useCallback(async()=>{C?await te():await oe()},[C,oe,te]),le=i.useCallback(()=>{var a,M;E?(a=s.current)==null||a.emote.disableSound():(M=s.current)==null||M.emote.enableSound(),Z(!E)},[E,s]),q=i.useCallback(async a=>{if(isNaN(a)||!s.current)return;let M=a;const ue=v??0;ue*100<a&&(M=ue*100),x(M),V(!0);try{C&&(await s.current.emote.pause(),B(!0)),await s.current.emote.goTo(M/100)}catch(Ce){console.error("Error changing frame:",Ce)}},[v,C,s]),ce=i.useCallback(async()=>{if(V(!1),P&&s.current){try{await s.current.emote.play()}catch(a){console.error("Error resuming play:",a)}B(!1)}},[P,s]);return g.jsxs(lo,{className:o,children:[r?null:u?u({isPlaying:C,onPlay:oe,onPause:te,onToggle:ie}):g.jsx(co,{onClick:ie,children:C?g.jsx(Je,{}):g.jsx(Xe,{})}),t?null:m?m({frame:d,length:v??0,onChange:q,onMouseUp:ce}):g.jsx(po,{type:"range",value:d,max:Math.ceil((v??0)*100),min:0,step:1,onChange:a=>q(Number(a.target.value)),onMouseUp:ce}),n?null:g.jsx(go,{children:p?p({frame:Math.round(d/100),onChange:a=>q(a*100)}):g.jsx(fo,{type:"number",value:Math.round(d/100),onChange:a=>q(Number(a.target.value)*100)})}),l||!z?null:f?f({isSoundEnabled:E,hasSound:z,onToggle:le}):g.jsx(uo,{muted:!E,onClick:le,children:E?g.jsx(ao,{}):g.jsx(to,{})})]})},Io=Object.freeze(Object.defineProperty({__proto__:null,EmoteControls:mo},Symbol.toStringTag,{value:"Module"}));export{je as B,mo as E,_e as a,Ve as b,He as c,Ee as d,Io as i,so as u};