@dcl/shop 0.1.0-29495843989.commit-0baa544 → 0.1.0-29571500722.commit-8ea45d8

package/assets/index-B4tMFfvy.js

@@ -0,0 +1,74 @@
+import{g as ie,k as he,r as i,j as v,R as se}from"./react-C51i12iP.js";import{aL as Y,b6 as vt,b0 as be,b1 as ve,a1 as yt,b7 as xt,b8 as Et,b9 as Ct,ba as Rt,R as le,S as P,T as _,P as ye,Q as Se,aZ as Pt,X as Q,Z as we,O as Ke,aP as $e,aX as Mt,aR as pe,V as Ze,bb as Tt,aM as It,bc as St,bd as wt,U as A,a_ as kt,aO as fe}from"./index-C1u3RQ96.js";import{n as J}from"./emotion-styled.browser.esm-Col8rSBp.js";import{C as Nt}from"./CircularProgress-DF1tx4Pz.js";var te={},Oe;function zt(){if(Oe)return te;Oe=1,Object.defineProperty(te,"__esModule",{value:!0});function e(){let t,o;const n=new Promise((r,a)=>{t=s=>{r(s),n.isPending=!1},o=s=>{a(s),n.isPending=!1}}).catch(r=>Promise.reject(r));return n.resolve=t,n.reject=o,"finally"in n||(n.finally=r=>{n.then(r),n.catch(r)}),n.isPending=!0,n}return te.future=e,te.default=e,te}var Bt=zt();const _t=ie(Bt);function Le(e){return{all:e=e||new Map,on:function(t,o){var n=e.get(t);n?n.push(o):e.set(t,[o])},off:function(t,o){var n=e.get(t);n&&(o?n.splice(n.indexOf(o)>>>0,1):e.set(t,[]))},emit:function(t,o){var n=e.get(t);n&&n.slice().map(function(r){r(o)}),(n=e.get("*"))&&n.slice().map(function(r){r(t,o)})}}}const Z=new Map,Pe=new Map,ke=new Map,ge=new Map;function Ae(e){const t=document.getElementById(e);return!t||!t.contentWindow?!1:ke.get(t.contentWindow)??!1}function Me(e){if(e.data&&e.data.type)try{switch(e.data.type){case Y.PreviewMessageType.CONTROLLER_RESPONSE:{const t=e.data.payload,{id:o}=t,n=Z.get(o);n&&(Z.delete(o),t.ok?n.resolve(t.result):t.ok===!1&&n.reject(new Error(t.error)));break}case Y.PreviewMessageType.EMOTE_EVENT:{const t=e.data.payload,{type:o,payload:n}=t,r=e.source?Pe.get(e.source):null;r&&o&&r.emit(o,n);break}case Y.PreviewMessageType.LOAD:{e.source&&(ke.set(e.source,!0),(ge.get(e.source)||[]).filter(n=>{var r;return((r=n.data)==null?void 0:r.type)!==Y.PreviewMessageType.LOAD}).forEach(Me),ge.delete(e.source));break}default:}}catch(t){console.error("Error processing WearablePreview message:",t)}}const jt=e=>{var o;if(((o=e.data)==null?void 0:o.type)===Y.PreviewMessageType.LOAD){Me(e);return}if(!(e.source?ke.get(e.source):!1)&&e.source){const n=ge.get(e.source)||[];n.push(e),ge.set(e.source,n);return}Me(e)};typeof window<"u"&&window.addEventListener("message",jt,!1);let Ve=0;function $t(e){return function(o,n,r){const a=document.getElementById(e);if(!a||!a.contentWindow){const g=new Error("iframe not found or not accessible");return Promise.reject(g)}const s=e+"-"+Ve,l=_t();Z.set(s,l);const c=Y.PreviewMessageType.CONTROLLER_REQUEST,f={id:s,namespace:o,method:n,params:r},m=setTimeout(()=>{Z.delete(s),l.reject(new Error(`Request timeout for ${n}`))},1e4),u=l.resolve,y=l.reject;l.resolve=g=>{clearTimeout(m),u(g)},l.reject=g=>{clearTimeout(m),y(g)};try{Y.sendMessage(a.contentWindow,c,f)}catch(g){const b=g instanceof Error?g.message:String(g);l.reject(new Error(`Failed to send message: ${b}`)),Z.delete(s),clearTimeout(m)}return Ve++,l}}function Ot(e){const t=document.getElementById(e);if(!t)throw new Error(`Could not find an iframe with id="${e}"`);Z.clear();const o=t.contentWindow?Pe.get(t.contentWindow)??Le():Le();t.contentWindow&&Pe.set(t.contentWindow,o);const n=$t(e);return{scene:{getScreenshot(r,a){return n("scene","getScreenshot",[r,a])},getMetrics(){return n("scene","getMetrics",[])},changeZoom:function(r){return n("scene","changeZoom",[r])},panCamera:function(r){return n("scene","panCamera",[r])},changeCameraPosition:function(r){return n("scene","changeCameraPosition",[r])},cleanup(){return n("scene","cleanup",[])},setUsername:function(r){return n("scene","setUsername",[r])}},emote:{getLength(){return n("emote","getLength",[])},isPlaying(){return n("emote","isPlaying",[])},goTo(r){return n("emote","goTo",[r])},play(){return n("emote","play",[])},pause(){return n("emote","pause",[])},stop(){return n("emote","stop",[])},enableSound(){return n("emote","enableSound",[])},disableSound(){return n("emote","disableSound",[])},hasSound(){return n("emote","hasSound",[])},isSocialEmote(){return n("emote","isSocialEmote",[])},getSocialEmoteAnimations(){return n("emote","getSocialEmoteAnimations",[])},getPlayingSocialEmoteAnimation(){return n("emote","getPlayingSocialEmoteAnimation",[])},emote:null,events:o},physics:{setSpringBonesParams(r,a){return n("physics","setSpringBonesParams",[r,a])}}}}var W=vt(),ne={},De;function Lt(){if(De)return ne;De=1;var e=be();Object.defineProperty(ne,"__esModule",{value:!0}),ne.default=void 0;var t=e(ve()),o=he();return ne.default=(0,t.default)((0,o.jsx)("path",{d:"M6 19h4V5H6zm8-14v14h4V5z"}),"Pause"),ne}var At=Lt();const Vt=ie(At);var oe={},Fe;function Dt(){if(Fe)return oe;Fe=1;var e=be();Object.defineProperty(oe,"__esModule",{value:!0}),oe.default=void 0;var t=e(ve()),o=he();return oe.default=(0,t.default)((0,o.jsx)("path",{d:"M8 5v14l11-7z"}),"PlayArrow"),oe}var Ft=Dt();const Wt=ie(Ft);var re={},We;function Ut(){if(We)return re;We=1;var e=be();Object.defineProperty(re,"__esModule",{value:!0}),re.default=void 0;var t=e(ve()),o=he();return re.default=(0,t.default)((0,o.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"),re}var qt=Ut();const Ht=ie(qt);var ae={},Ue;function Yt(){if(Ue)return ae;Ue=1;var e=be();Object.defineProperty(ae,"__esModule",{value:!0}),ae.default=void 0;var t=e(ve()),o=he();return ae.default=(0,t.default)((0,o.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"),ae}var Gt=Yt();const Xt=ie(Gt),Kt=(e,t)=>{const o=i.useRef(null),[n,r]=i.useState(!1);return i.useEffect(()=>{const a=t??Ot(e);if(o.current=a,Ae(e)){r(!0);return}const s=document.getElementById(e);if(!s){console.error(`Could not find iframe with id="${e}"`);return}if(!s.contentWindow){console.error(`Iframe contentWindow is not accessible for id="${e}"`);return}const c=f=>{var m;((m=f.data)==null?void 0:m.type)===Y.PreviewMessageType.LOAD&&Ae(e)&&r(!0)};return window.addEventListener("message",c),()=>{window.removeEventListener("message",c),r(!1),o.current=null}},[e,t]),{controllerRef:o,isReady:n}};function Zt(e){return Object.keys(e).length===0}function Qt(e=null){const t=i.useContext(yt);return!t||Zt(t)?e:t}const Jt=xt();function en(e=Jt){return Qt(e)}function Qe(e){var t,o,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var r=e.length;for(t=0;t<r;t++)e[t]&&(o=Qe(e[t]))&&(n&&(n+=" "),n+=o)}else for(o in e)e[o]&&(n&&(n+=" "),n+=o);return n}function tn(){for(var e,t,o=0,n="",r=arguments.length;o<r;o++)(e=arguments[o])&&(t=Qe(e))&&(n&&(n+=" "),n+=t);return n}const nn=["className","component"];function on(e={}){const{themeId:t,defaultTheme:o,defaultClassName:n="MuiBox-root",generateClassName:r}=e,a=Et("div",{shouldForwardProp:l=>l!=="theme"&&l!=="sx"&&l!=="as"})(Ct);return i.forwardRef(function(c,f){const m=en(o),u=Rt(c),{className:y,component:g="div"}=u,b=le(u,nn);return v.jsx(a,P({as:g,ref:f,className:tn(y,r?r(n):n),theme:t&&m[t]||m},b))})}function Te(e,t){return Te=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o,n){return o.__proto__=n,o},Te(e,t)}function rn(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Te(e,t)}const qe=se.createContext(null);function an(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Ne(e,t){var o=function(a){return t&&i.isValidElement(a)?t(a):a},n=Object.create(null);return e&&i.Children.map(e,function(r){return r}).forEach(function(r){n[r.key]=o(r)}),n}function sn(e,t){e=e||{},t=t||{};function o(m){return m in t?t[m]:e[m]}var n=Object.create(null),r=[];for(var a in e)a in t?r.length&&(n[a]=r,r=[]):r.push(a);var s,l={};for(var c in t){if(n[c])for(s=0;s<n[c].length;s++){var f=n[c][s];l[n[c][s]]=o(f)}l[c]=o(c)}for(s=0;s<r.length;s++)l[r[s]]=o(r[s]);return l}function X(e,t,o){return o[t]!=null?o[t]:e.props[t]}function ln(e,t){return Ne(e.children,function(o){return i.cloneElement(o,{onExited:t.bind(null,o),in:!0,appear:X(o,"appear",e),enter:X(o,"enter",e),exit:X(o,"exit",e)})})}function cn(e,t,o){var n=Ne(e.children),r=sn(t,n);return Object.keys(r).forEach(function(a){var s=r[a];if(i.isValidElement(s)){var l=a in t,c=a in n,f=t[a],m=i.isValidElement(f)&&!f.props.in;c&&(!l||m)?r[a]=i.cloneElement(s,{onExited:o.bind(null,s),in:!0,exit:X(s,"exit",e),enter:X(s,"enter",e)}):!c&&l&&!m?r[a]=i.cloneElement(s,{in:!1}):c&&l&&i.isValidElement(f)&&(r[a]=i.cloneElement(s,{onExited:o.bind(null,s),in:f.props.in,exit:X(s,"exit",e),enter:X(s,"enter",e)}))}}),r}var un=Object.values||function(e){return Object.keys(e).map(function(t){return e[t]})},dn={component:"div",childFactory:function(t){return t}},ze=(function(e){rn(t,e);function t(n,r){var a;a=e.call(this,n,r)||this;var s=a.handleExited.bind(an(a));return a.state={contextValue:{isMounting:!0},handleExited:s,firstRender:!0},a}var o=t.prototype;return o.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},o.componentWillUnmount=function(){this.mounted=!1},t.getDerivedStateFromProps=function(r,a){var s=a.children,l=a.handleExited,c=a.firstRender;return{children:c?ln(r,l):cn(r,s,l),firstRender:!1}},o.handleExited=function(r,a){var s=Ne(this.props.children);r.key in s||(r.props.onExited&&r.props.onExited(a),this.mounted&&this.setState(function(l){var c=P({},l.children);return delete c[r.key],{children:c}}))},o.render=function(){var r=this.props,a=r.component,s=r.childFactory,l=le(r,["component","childFactory"]),c=this.state.contextValue,f=un(this.state.children).map(s);return delete l.appear,delete l.enter,delete l.exit,a===null?se.createElement(qe.Provider,{value:c},f):se.createElement(qe.Provider,{value:c},se.createElement(a,l,f))},t})(se.Component);ze.propTypes={};ze.defaultProps=dn;function pn(e){const{className:t,classes:o,pulsate:n=!1,rippleX:r,rippleY:a,rippleSize:s,in:l,onExited:c,timeout:f}=e,[m,u]=i.useState(!1),y=_(t,o.ripple,o.rippleVisible,n&&o.ripplePulsate),g={width:s,height:s,top:-(s/2)+a,left:-(s/2)+r},b=_(o.child,m&&o.childLeaving,n&&o.childPulsate);return!l&&!m&&u(!0),i.useEffect(()=>{if(!l&&c!=null){const x=setTimeout(c,f);return()=>{clearTimeout(x)}}},[c,l,f]),v.jsx("span",{className:y,style:g,children:v.jsx("span",{className:b})})}const j=ye("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),fn=["center","classes","className"];let xe=e=>e,He,Ye,Ge,Xe;const Ie=550,mn=80,gn=we(He||(He=xe`
+  0% {
+    transform: scale(0);
+    opacity: 0.1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.3;
+  }
+`)),hn=we(Ye||(Ye=xe`
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+`)),bn=we(Ge||(Ge=xe`
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+`)),vn=Q("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),yn=Q(pn,{name:"MuiTouchRipple",slot:"Ripple"})(Xe||(Xe=xe`
+  opacity: 0;
+  position: absolute;
+
+  &.${0} {
+    opacity: 0.3;
+    transform: scale(1);
+    animation-name: ${0};
+    animation-duration: ${0}ms;
+    animation-timing-function: ${0};
+  }
+
+  &.${0} {
+    animation-duration: ${0}ms;
+  }
+
+  & .${0} {
+    opacity: 1;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: currentColor;
+  }
+
+  & .${0} {
+    opacity: 0;
+    animation-name: ${0};
+    animation-duration: ${0}ms;
+    animation-timing-function: ${0};
+  }
+
+  & .${0} {
+    position: absolute;
+    /* @noflip */
+    left: 0px;
+    top: 0;
+    animation-name: ${0};
+    animation-duration: 2500ms;
+    animation-timing-function: ${0};
+    animation-iteration-count: infinite;
+    animation-delay: 200ms;
+  }
+`),j.rippleVisible,gn,Ie,({theme:e})=>e.transitions.easing.easeInOut,j.ripplePulsate,({theme:e})=>e.transitions.duration.shorter,j.child,j.childLeaving,hn,Ie,({theme:e})=>e.transitions.easing.easeInOut,j.childPulsate,bn,({theme:e})=>e.transitions.easing.easeInOut),xn=i.forwardRef(function(t,o){const n=Se({props:t,name:"MuiTouchRipple"}),{center:r=!1,classes:a={},className:s}=n,l=le(n,fn),[c,f]=i.useState([]),m=i.useRef(0),u=i.useRef(null);i.useEffect(()=>{u.current&&(u.current(),u.current=null)},[c]);const y=i.useRef(!1),g=Pt(),b=i.useRef(null),x=i.useRef(null),$=i.useCallback(h=>{const{pulsate:R,rippleX:C,rippleY:T,rippleSize:O,cb:D}=h;f(I=>[...I,v.jsx(yn,{classes:{ripple:_(a.ripple,j.ripple),rippleVisible:_(a.rippleVisible,j.rippleVisible),ripplePulsate:_(a.ripplePulsate,j.ripplePulsate),child:_(a.child,j.child),childLeaving:_(a.childLeaving,j.childLeaving),childPulsate:_(a.childPulsate,j.childPulsate)},timeout:Ie,pulsate:R,rippleX:C,rippleY:T,rippleSize:O},m.current)]),m.current+=1,u.current=D},[a]),E=i.useCallback((h={},R={},C=()=>{})=>{const{pulsate:T=!1,center:O=r||R.pulsate,fakeElement:D=!1}=R;if((h==null?void 0:h.type)==="mousedown"&&y.current){y.current=!1;return}(h==null?void 0:h.type)==="touchstart"&&(y.current=!0);const I=D?null:x.current,N=I?I.getBoundingClientRect():{width:0,height:0,left:0,top:0};let S,z,B;if(O||h===void 0||h.clientX===0&&h.clientY===0||!h.clientX&&!h.touches)S=Math.round(N.width/2),z=Math.round(N.height/2);else{const{clientX:L,clientY:w}=h.touches&&h.touches.length>0?h.touches[0]:h;S=Math.round(L-N.left),z=Math.round(w-N.top)}if(O)B=Math.sqrt((2*N.width**2+N.height**2)/3),B%2===0&&(B+=1);else{const L=Math.max(Math.abs((I?I.clientWidth:0)-S),S)*2+2,w=Math.max(Math.abs((I?I.clientHeight:0)-z),z)*2+2;B=Math.sqrt(L**2+w**2)}h!=null&&h.touches?b.current===null&&(b.current=()=>{$({pulsate:T,rippleX:S,rippleY:z,rippleSize:B,cb:C})},g.start(mn,()=>{b.current&&(b.current(),b.current=null)})):$({pulsate:T,rippleX:S,rippleY:z,rippleSize:B,cb:C})},[r,$,g]),V=i.useCallback(()=>{E({},{pulsate:!0})},[E]),M=i.useCallback((h,R)=>{if(g.clear(),(h==null?void 0:h.type)==="touchend"&&b.current){b.current(),b.current=null,g.start(0,()=>{M(h,R)});return}b.current=null,f(C=>C.length>0?C.slice(1):C),u.current=R},[g]);return i.useImperativeHandle(o,()=>({pulsate:V,start:E,stop:M}),[V,E,M]),v.jsx(vn,P({className:_(j.root,a.root,s),ref:x},l,{children:v.jsx(ze,{component:null,exit:!0,children:c})}))});function En(e){return Ke("MuiButtonBase",e)}const Cn=ye("MuiButtonBase",["root","disabled","focusVisible"]),Rn=["action","centerRipple","children","className","component","disabled","disableRipple","disableTouchRipple","focusRipple","focusVisibleClassName","LinkComponent","onBlur","onClick","onContextMenu","onDragLeave","onFocus","onFocusVisible","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchEnd","onTouchMove","onTouchStart","tabIndex","TouchRippleProps","touchRippleRef","type"],Pn=e=>{const{disabled:t,focusVisible:o,focusVisibleClassName:n,classes:r}=e,s=Ze({root:["root",t&&"disabled",o&&"focusVisible"]},En,r);return o&&n&&(s.root+=` ${n}`),s},Mn=Q("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(e,t)=>t.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},[`&.${Cn.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),Tn=i.forwardRef(function(t,o){const n=Se({props:t,name:"MuiButtonBase"}),{action:r,centerRipple:a=!1,children:s,className:l,component:c="button",disabled:f=!1,disableRipple:m=!1,disableTouchRipple:u=!1,focusRipple:y=!1,LinkComponent:g="a",onBlur:b,onClick:x,onContextMenu:$,onDragLeave:E,onFocus:V,onFocusVisible:M,onKeyDown:h,onKeyUp:R,onMouseDown:C,onMouseLeave:T,onMouseUp:O,onTouchEnd:D,onTouchMove:I,onTouchStart:N,tabIndex:S=0,TouchRippleProps:z,touchRippleRef:B,type:L}=n,w=le(n,Rn),U=i.useRef(null),k=i.useRef(null),ce=$e(k,B),{isFocusVisibleRef:G,onFocus:ue,onBlur:d,ref:q}=Mt(),[F,K]=i.useState(!1);f&&F&&K(!1),i.useImperativeHandle(r,()=>({focusVisible:()=>{K(!0),U.current.focus()}}),[]);const[Ee,tt]=i.useState(!1);i.useEffect(()=>{tt(!0)},[]);const nt=Ee&&!m&&!f;i.useEffect(()=>{F&&y&&!m&&Ee&&k.current.pulsate()},[m,y,F,Ee]);function H(p,_e,bt=u){return pe(je=>(_e&&_e(je),!bt&&k.current&&k.current[p](je),!0))}const ot=H("start",C),rt=H("stop",$),at=H("stop",E),st=H("stop",O),it=H("stop",p=>{F&&p.preventDefault(),T&&T(p)}),lt=H("start",N),ct=H("stop",D),ut=H("stop",I),dt=H("stop",p=>{d(p),G.current===!1&&K(!1),b&&b(p)},!1),pt=pe(p=>{U.current||(U.current=p.currentTarget),ue(p),G.current===!0&&(K(!0),M&&M(p)),V&&V(p)}),Ce=()=>{const p=U.current;return c&&c!=="button"&&!(p.tagName==="A"&&p.href)},Re=i.useRef(!1),ft=pe(p=>{y&&!Re.current&&F&&k.current&&p.key===" "&&(Re.current=!0,k.current.stop(p,()=>{k.current.start(p)})),p.target===p.currentTarget&&Ce()&&p.key===" "&&p.preventDefault(),h&&h(p),p.target===p.currentTarget&&Ce()&&p.key==="Enter"&&!f&&(p.preventDefault(),x&&x(p))}),mt=pe(p=>{y&&p.key===" "&&k.current&&F&&!p.defaultPrevented&&(Re.current=!1,k.current.stop(p,()=>{k.current.pulsate(p)})),R&&R(p),x&&p.target===p.currentTarget&&Ce()&&p.key===" "&&!p.defaultPrevented&&x(p)});let de=c;de==="button"&&(w.href||w.to)&&(de=g);const ee={};de==="button"?(ee.type=L===void 0?"button":L,ee.disabled=f):(!w.href&&!w.to&&(ee.role="button"),f&&(ee["aria-disabled"]=f));const gt=$e(o,q,U),Be=P({},n,{centerRipple:a,component:c,disabled:f,disableRipple:m,disableTouchRipple:u,focusRipple:y,tabIndex:S,focusVisible:F}),ht=Pn(Be);return v.jsxs(Mn,P({as:de,className:_(ht.root,l),ownerState:Be,onBlur:dt,onClick:x,onContextMenu:rt,onFocus:pt,onKeyDown:ft,onKeyUp:mt,onMouseDown:ot,onMouseLeave:it,onMouseUp:st,onDragLeave:at,onTouchEnd:ct,onTouchMove:ut,onTouchStart:lt,ref:gt,tabIndex:f?-1:S,type:L},ee,w,{children:[s,nt?v.jsx(xn,P({ref:ce,center:a},z)):null]}))}),In=ye("MuiBox",["root"]),Sn=St(),wn=on({themeId:It,defaultTheme:Sn,defaultClassName:In.root,generateClassName:Tt.generate});function kn(e){return Ke("MuiButton",e)}const me=ye("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"]),Nn=i.createContext({}),zn=i.createContext(void 0),Bn=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],_n=e=>{const{color:t,disableElevation:o,fullWidth:n,size:r,variant:a,classes:s}=e,l={root:["root",a,`${a}${A(t)}`,`size${A(r)}`,`${a}Size${A(r)}`,`color${A(t)}`,o&&"disableElevation",n&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${A(r)}`],endIcon:["icon","endIcon",`iconSize${A(r)}`]},c=Ze(l,kn,s);return P({},s,c)},Je=e=>P({},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}}),jn=Q(Tn,{shouldForwardProp:e=>kt(e)||e==="classes",name:"MuiButton",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,t[o.variant],t[`${o.variant}${A(o.color)}`],t[`size${A(o.size)}`],t[`${o.variant}Size${A(o.size)}`],o.color==="inherit"&&t.colorInherit,o.disableElevation&&t.disableElevation,o.fullWidth&&t.fullWidth]}})(({theme:e,ownerState:t})=>{var o,n;const r=e.palette.mode==="light"?e.palette.grey[300]:e.palette.grey[800],a=e.palette.mode==="light"?e.palette.grey.A100:e.palette.grey[700];return P({},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":P({textDecoration:"none",backgroundColor:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / ${e.vars.palette.action.hoverOpacity})`:fe.alpha(e.palette.text.primary,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},t.variant==="text"&&t.color!=="inherit"&&{backgroundColor:e.vars?`rgba(${e.vars.palette[t.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:fe.alpha(e.palette[t.color].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},t.variant==="outlined"&&t.color!=="inherit"&&{border:`1px solid ${(e.vars||e).palette[t.color].main}`,backgroundColor:e.vars?`rgba(${e.vars.palette[t.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:fe.alpha(e.palette[t.color].main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},t.variant==="contained"&&{backgroundColor:e.vars?e.vars.palette.Button.inheritContainedHoverBg:a,boxShadow:(e.vars||e).shadows[4],"@media (hover: none)":{boxShadow:(e.vars||e).shadows[2],backgroundColor:(e.vars||e).palette.grey[300]}},t.variant==="contained"&&t.color!=="inherit"&&{backgroundColor:(e.vars||e).palette[t.color].dark,"@media (hover: none)":{backgroundColor:(e.vars||e).palette[t.color].main}}),"&:active":P({},t.variant==="contained"&&{boxShadow:(e.vars||e).shadows[8]}),[`&.${me.focusVisible}`]:P({},t.variant==="contained"&&{boxShadow:(e.vars||e).shadows[6]}),[`&.${me.disabled}`]:P({color:(e.vars||e).palette.action.disabled},t.variant==="outlined"&&{border:`1px solid ${(e.vars||e).palette.action.disabledBackground}`},t.variant==="contained"&&{color:(e.vars||e).palette.action.disabled,boxShadow:(e.vars||e).shadows[0],backgroundColor:(e.vars||e).palette.action.disabledBackground})},t.variant==="text"&&{padding:"6px 8px"},t.variant==="text"&&t.color!=="inherit"&&{color:(e.vars||e).palette[t.color].main},t.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},t.variant==="outlined"&&t.color!=="inherit"&&{color:(e.vars||e).palette[t.color].main,border:e.vars?`1px solid rgba(${e.vars.palette[t.color].mainChannel} / 0.5)`:`1px solid ${fe.alpha(e.palette[t.color].main,.5)}`},t.variant==="contained"&&{color:e.vars?e.vars.palette.text.primary:(o=(n=e.palette).getContrastText)==null?void 0:o.call(n,e.palette.grey[300]),backgroundColor:e.vars?e.vars.palette.Button.inheritContainedBg:r,boxShadow:(e.vars||e).shadows[2]},t.variant==="contained"&&t.color!=="inherit"&&{color:(e.vars||e).palette[t.color].contrastText,backgroundColor:(e.vars||e).palette[t.color].main},t.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},t.size==="small"&&t.variant==="text"&&{padding:"4px 5px",fontSize:e.typography.pxToRem(13)},t.size==="large"&&t.variant==="text"&&{padding:"8px 11px",fontSize:e.typography.pxToRem(15)},t.size==="small"&&t.variant==="outlined"&&{padding:"3px 9px",fontSize:e.typography.pxToRem(13)},t.size==="large"&&t.variant==="outlined"&&{padding:"7px 21px",fontSize:e.typography.pxToRem(15)},t.size==="small"&&t.variant==="contained"&&{padding:"4px 10px",fontSize:e.typography.pxToRem(13)},t.size==="large"&&t.variant==="contained"&&{padding:"8px 22px",fontSize:e.typography.pxToRem(15)},t.fullWidth&&{width:"100%"})},({ownerState:e})=>e.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${me.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${me.disabled}`]:{boxShadow:"none"}}),$n=Q("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.startIcon,t[`iconSize${A(o.size)}`]]}})(({ownerState:e})=>P({display:"inherit",marginRight:8,marginLeft:-4},e.size==="small"&&{marginLeft:-2},Je(e))),On=Q("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.endIcon,t[`iconSize${A(o.size)}`]]}})(({ownerState:e})=>P({display:"inherit",marginRight:-4,marginLeft:8},e.size==="small"&&{marginRight:-2},Je(e))),Ln=i.forwardRef(function(t,o){const n=i.useContext(Nn),r=i.useContext(zn),a=wt(n,t),s=Se({props:a,name:"MuiButton"}),{children:l,color:c="primary",component:f="button",className:m,disabled:u=!1,disableElevation:y=!1,disableFocusRipple:g=!1,endIcon:b,focusVisibleClassName:x,fullWidth:$=!1,size:E="medium",startIcon:V,type:M,variant:h="text"}=s,R=le(s,Bn),C=P({},s,{color:c,component:f,disabled:u,disableElevation:y,disableFocusRipple:g,fullWidth:$,size:E,type:M,variant:h}),T=_n(C),O=V&&v.jsx($n,{className:T.startIcon,ownerState:C,children:V}),D=b&&v.jsx(On,{className:T.endIcon,ownerState:C,children:b}),I=r||"";return v.jsxs(jn,P({ownerState:C,className:_(n.className,T.root,m,I),component:f,disabled:u,focusRipple:!g,focusVisibleClassName:_(T.focusVisible,x),ref:o,type:M},R,{classes:T,children:[O,l,D]}))}),An={small:16,medium:20,large:24},et=({children:e,startIcon:t,endIcon:o,loading:n=!1,loadingIcon:r,loadingPosition:a="center",disabled:s=!1,size:l="medium",...c})=>{const f=v.jsx(Nt,{color:"inherit",size:An[l]}),m=r||f,u=n&&a==="center"?m:e;return v.jsx(Ln,{disabled:s||n,startIcon:n&&a==="start"?m:t,endIcon:n&&a==="end"?m:o,size:l,...c,children:u})},Vn=J(wn)(({theme:e})=>({display:"flex",position:"absolute",width:"100%",bottom:0,margin:`${e.spacing(2)} 0`,padding:`0 ${e.spacing(3)}`,gap:e.spacing(2)})),Dn=J(et)(({theme:e})=>({width:56,height:44,padding:0,minWidth:"unset",background:"rgba(0, 0, 0, 0.64) !important","& svg":{marginLeft:e.spacing(.5)}})),Fn=J(et)(({theme:e,muted:t})=>({marginLeft:e.spacing(2.5),minWidth:25,background:"none",padding:0,opacity:t?.5:1})),Wn=J("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)"}})),Un=J("div")({display:"flex",alignItems:"center"}),qn=J("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"}}),Hn=({wearablePreviewId:e,className:t,hideFrameInput:o,hideProgressInput:n,hidePlayButton:r,hideSoundButton:a,wearablePreviewController:s,renderPlayButton:l,renderSoundButton:c,renderProgressBar:f,renderFrameInput:m})=>{const{controllerRef:u,isReady:y}=Kt(e,s),[g,b]=i.useState(0),[x,$]=i.useState(!1),[E,V]=i.useState(void 0),[M,h]=i.useState(!0),[R,C]=i.useState(void 0),[T,O]=i.useState(!1),[D,I]=i.useState(!1),N=i.useCallback(()=>{b(0)},[]),S=i.useCallback(()=>{$(!1),b(d=>d>=Math.floor((E??0)*100)?0:d)},[E]),z=i.useCallback(()=>{$(!1)},[]),B=i.useCallback(async()=>{if(!D){let d=E;!E&&u.current&&(d=await u.current.emote.getLength()),$(!0),V(d)}},[E,D,u]),L=i.useCallback(({length:d})=>{b(Math.ceil((d??0)*100))},[]);i.useEffect(()=>{const d=u.current;if(d)return d.emote.events.on(W.PreviewEmoteEventType.ANIMATION_PLAY,B),d.emote.events.on(W.PreviewEmoteEventType.ANIMATION_PLAYING,L),d.emote.events.on(W.PreviewEmoteEventType.ANIMATION_END,S),d.emote.events.on(W.PreviewEmoteEventType.ANIMATION_PAUSE,z),d.emote.events.on(W.PreviewEmoteEventType.ANIMATION_LOOP,N),()=>{d.emote.events.off(W.PreviewEmoteEventType.ANIMATION_PLAY,B),d.emote.events.off(W.PreviewEmoteEventType.ANIMATION_PLAYING,L),d.emote.events.off(W.PreviewEmoteEventType.ANIMATION_END,S),d.emote.events.off(W.PreviewEmoteEventType.ANIMATION_PAUSE,z),d.emote.events.off(W.PreviewEmoteEventType.ANIMATION_LOOP,N)}},[u,B,L,S,z,N]),i.useEffect(()=>{R===void 0&&y&&u.current&&u.current.emote.hasSound().then(d=>C(d)).catch(d=>{console.error("Error checking sound:",d),C(!1)})},[R,y,u]);const w=i.useCallback(async()=>{if(u.current)try{await u.current.emote.play()}catch(d){console.error("Error playing emote:",d)}},[u]),U=i.useCallback(async()=>{if(u.current)try{await u.current.emote.pause()}catch(d){console.error("Error pausing emote:",d)}},[u]),k=i.useCallback(async()=>{x?await U():await w()},[x,w,U]),ce=i.useCallback(()=>{var d,q;M?(d=u.current)==null||d.emote.disableSound():(q=u.current)==null||q.emote.enableSound(),h(!M)},[M,u]),G=i.useCallback(async d=>{if(isNaN(d)||!u.current)return;let q=d;const F=E??0;F*100<d&&(q=F*100),b(q),I(!0);try{x&&(await u.current.emote.pause(),O(!0)),await u.current.emote.goTo(q/100)}catch(K){console.error("Error changing frame:",K)}},[E,x,u]),ue=i.useCallback(async()=>{if(I(!1),T&&u.current){try{await u.current.emote.play()}catch(d){console.error("Error resuming play:",d)}O(!1)}},[T,u]);return v.jsxs(Vn,{className:t,children:[r?null:l?l({isPlaying:x,onPlay:w,onPause:U,onToggle:k}):v.jsx(Dn,{onClick:k,children:x?v.jsx(Vt,{}):v.jsx(Wt,{})}),n?null:f?f({frame:g,length:E??0,onChange:G,onMouseUp:ue}):v.jsx(Wn,{type:"range",value:g,max:Math.ceil((E??0)*100),min:0,step:1,onChange:d=>G(Number(d.target.value)),onMouseUp:ue}),o?null:v.jsx(Un,{children:m?m({frame:Math.round(g/100),onChange:d=>G(d*100)}):v.jsx(qn,{type:"number",value:Math.round(g/100),onChange:d=>G(Number(d.target.value)*100)})}),a||!R?null:c?c({isSoundEnabled:M,hasSound:R,onToggle:ce}):v.jsx(Fn,{muted:!M,onClick:ce,children:M?v.jsx(Xt,{}):v.jsx(Ht,{})})]})},Qn=Object.freeze(Object.defineProperty({__proto__:null,EmoteControls:Hn},Symbol.toStringTag,{value:"Module"}));export{Nn as B,Hn as E,qe as T,rn as _,zn as a,Tn as b,Ot as c,Ln as d,Kt as e,wn as f,et as g,Qn as i,en as u};