@dcl/shop 0.5.1-30942936446.commit-2065145 → 0.5.1-30944558724.commit-19fdddf

package/_assets/{index-Dvh_4N8m.js → index-sofR0AzT.js}

@@ -1 +1 @@
-import{g as x,k as N,r as i,j as f}from"./react-DehiWSvs.js";import{p as v,g}from"./dcl-schemas-Dr9BTjb7.js";import{c9 as L}from"./index-BmdBaCyf.js";import{r as q,g as he,h as ye}from"./createSvgIcon-B4LAM6aP.js";import{n as M}from"./emotion-styled.browser.esm-SPt1g8r5.js";import{C as ve}from"./CircularProgress-QCFQ5Q0T.js";var A={},oe;function Ee(){if(oe)return A;oe=1,Object.defineProperty(A,"__esModule",{value:!0});function e(){let r,n;const t=new Promise((s,u)=>{r=c=>{s(c),t.isPending=!1},n=c=>{u(c),t.isPending=!1}}).catch(s=>Promise.reject(s));return t.resolve=r,t.reject=n,"finally"in t||(t.finally=s=>{t.then(s),t.catch(s)}),t.isPending=!0,t}return A.future=e,A.default=e,A}var we=Ee();const be=x(we);function se(e){return{all:e=e||new Map,on:function(r,n){var t=e.get(r);t?t.push(n):e.set(r,[n])},off:function(r,n){var t=e.get(r);t&&(n?t.splice(t.indexOf(n)>>>0,1):e.set(r,[]))},emit:function(r,n){var t=e.get(r);t&&t.slice().map(function(s){s(n)}),(t=e.get("*"))&&t.slice().map(function(s){s(r,n)})}}}const S=new Map,Y=new Map,Z=new Map,k=new Map;function ae(e){const r=document.getElementById(e);return!r||!r.contentWindow?!1:Z.get(r.contentWindow)??!1}function H(e){if(e.data&&e.data.type)try{switch(e.data.type){case v.PreviewMessageType.CONTROLLER_RESPONSE:{const r=e.data.payload,{id:n}=r,t=S.get(n);t&&(S.delete(n),r.ok?t.resolve(r.result):r.ok===!1&&t.reject(new Error(r.error)));break}case v.PreviewMessageType.EMOTE_EVENT:{const r=e.data.payload,{type:n,payload:t}=r,s=e.source?Y.get(e.source):null;s&&n&&s.emit(n,t);break}case v.PreviewMessageType.LOAD:{e.source&&(Z.set(e.source,!0),(k.get(e.source)||[]).filter(t=>{var s;return((s=t.data)==null?void 0:s.type)!==v.PreviewMessageType.LOAD}).forEach(H),k.delete(e.source));break}default:}}catch(r){console.error("Error processing WearablePreview message:",r)}}const Pe=e=>{var n;if(((n=e.data)==null?void 0:n.type)===v.PreviewMessageType.LOAD){H(e);return}if(!(e.source?Z.get(e.source):!1)&&e.source){const t=k.get(e.source)||[];t.push(e),k.set(e.source,t);return}H(e)};typeof window<"u"&&window.addEventListener("message",Pe,!1);let ie=0;function Se(e){return function(n,t,s){const u=document.getElementById(e);if(!u||!u.contentWindow){const d=new Error("iframe not found or not accessible");return Promise.reject(d)}const c=e+"-"+ie,l=be();S.set(c,l);const p=v.PreviewMessageType.CONTROLLER_REQUEST,y={id:c,namespace:n,method:t,params:s},m=setTimeout(()=>{S.delete(c),l.reject(new Error(`Request timeout for ${t}`))},1e4),a=l.resolve,j=l.reject;l.resolve=d=>{clearTimeout(m),a(d)},l.reject=d=>{clearTimeout(m),j(d)};try{v.sendMessage(u.contentWindow,p,y)}catch(d){const w=d instanceof Error?d.message:String(d);l.reject(new Error(`Failed to send message: ${w}`)),S.delete(c),clearTimeout(m)}return ie++,l}}function Me(e){const r=document.getElementById(e);if(!r)throw new Error(`Could not find an iframe with id="${e}"`);S.clear();const n=r.contentWindow?Y.get(r.contentWindow)??se():se();r.contentWindow&&Y.set(r.contentWindow,n);const t=Se(e);return{scene:{getScreenshot(s,u){return t("scene","getScreenshot",[s,u])},getMetrics(){return t("scene","getMetrics",[])},changeZoom:function(s){return t("scene","changeZoom",[s])},panCamera:function(s){return t("scene","panCamera",[s])},changeCameraPosition:function(s){return t("scene","changeCameraPosition",[s])},cleanup(){return t("scene","cleanup",[])},setUsername:function(s){return t("scene","setUsername",[s])}},emote:{getLength(){return t("emote","getLength",[])},isPlaying(){return t("emote","isPlaying",[])},goTo(s){return t("emote","goTo",[s])},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(s,u){return t("physics","setSpringBonesParams",[s,u])}}}}var R={},ue;function Ae(){if(ue)return R;ue=1;var e=L();Object.defineProperty(R,"__esModule",{value:!0}),R.default=void 0;var r=e(q()),n=N();return R.default=(0,r.default)((0,n.jsx)("path",{d:"M6 19h4V5H6zm8-14v14h4V5z"}),"Pause"),R}var Re=Ae();const Te=x(Re);var T={},ce;function Ce(){if(ce)return T;ce=1;var e=L();Object.defineProperty(T,"__esModule",{value:!0}),T.default=void 0;var r=e(q()),n=N();return T.default=(0,r.default)((0,n.jsx)("path",{d:"M8 5v14l11-7z"}),"PlayArrow"),T}var Ie=Ce();const xe=x(Ie);var C={},le;function je(){if(le)return C;le=1;var e=L();Object.defineProperty(C,"__esModule",{value:!0}),C.default=void 0;var r=e(q()),n=N();return C.default=(0,r.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"),C}var _e=je();const Oe=x(_e);var I={},de;function ke(){if(de)return I;de=1;var e=L();Object.defineProperty(I,"__esModule",{value:!0}),I.default=void 0;var r=e(q()),n=N();return I.default=(0,r.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"),I}var Ne=ke();const Le=x(Ne),qe=(e,r)=>{const n=i.useRef(null),[t,s]=i.useState(!1);return i.useEffect(()=>{const u=r??Me(e);if(n.current=u,ae(e)){s(!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 p=y=>{var m;((m=y.data)==null?void 0:m.type)===v.PreviewMessageType.LOAD&&ae(e)&&s(!0)};return window.addEventListener("message",p),()=>{window.removeEventListener("message",p),s(!1),n.current=null}},[e,r]),{controllerRef:n,isReady:t}},We={small:16,medium:20,large:24},me=({children:e,startIcon:r,endIcon:n,loading:t=!1,loadingIcon:s,loadingPosition:u="center",disabled:c=!1,size:l="medium",...p})=>{const y=f.jsx(ve,{color:"inherit",size:We[l]}),m=s||y,a=t&&u==="center"?m:e;return f.jsx(he,{disabled:c||t,startIcon:t&&u==="start"?m:r,endIcon:t&&u==="end"?m:n,size:l,...p,children:a})},Ve=M(ye)(({theme:e})=>({display:"flex",position:"absolute",width:"100%",bottom:0,margin:`${e.spacing(2)} 0`,padding:`0 ${e.spacing(3)}`,gap:e.spacing(2)})),Ue=M(me)(({theme:e})=>({width:56,height:44,padding:0,minWidth:"unset",background:"rgba(0, 0, 0, 0.64) !important","& svg":{marginLeft:e.spacing(.5)}})),De=M(me)(({theme:e,muted:r})=>({marginLeft:e.spacing(2.5),minWidth:25,background:"none",padding:0,opacity:r?.5:1})),Fe=M("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)"}})),Be=M("div")({display:"flex",alignItems:"center"}),ze=M("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"}}),$e=({wearablePreviewId:e,className:r,hideFrameInput:n,hideProgressInput:t,hidePlayButton:s,hideSoundButton:u,wearablePreviewController:c,renderPlayButton:l,renderSoundButton:p,renderProgressBar:y,renderFrameInput:m})=>{const{controllerRef:a,isReady:j}=qe(e,c),[d,w]=i.useState(0),[b,W]=i.useState(!1),[h,fe]=i.useState(void 0),[P,ge]=i.useState(!0),[_,G]=i.useState(void 0),[J,Q]=i.useState(!1),[K,X]=i.useState(!1),V=i.useCallback(()=>{w(0)},[]),U=i.useCallback(()=>{W(!1),w(o=>o>=Math.floor((h??0)*100)?0:o)},[h]),D=i.useCallback(()=>{W(!1)},[]),F=i.useCallback(async()=>{if(!K){let o=h;!h&&a.current&&(o=await a.current.emote.getLength()),W(!0),fe(o)}},[h,K,a]),B=i.useCallback(({length:o})=>{w(Math.ceil((o??0)*100))},[]);i.useEffect(()=>{const o=a.current;if(o)return o.emote.events.on(g.PreviewEmoteEventType.ANIMATION_PLAY,F),o.emote.events.on(g.PreviewEmoteEventType.ANIMATION_PLAYING,B),o.emote.events.on(g.PreviewEmoteEventType.ANIMATION_END,U),o.emote.events.on(g.PreviewEmoteEventType.ANIMATION_PAUSE,D),o.emote.events.on(g.PreviewEmoteEventType.ANIMATION_LOOP,V),()=>{o.emote.events.off(g.PreviewEmoteEventType.ANIMATION_PLAY,F),o.emote.events.off(g.PreviewEmoteEventType.ANIMATION_PLAYING,B),o.emote.events.off(g.PreviewEmoteEventType.ANIMATION_END,U),o.emote.events.off(g.PreviewEmoteEventType.ANIMATION_PAUSE,D),o.emote.events.off(g.PreviewEmoteEventType.ANIMATION_LOOP,V)}},[a,F,B,U,D,V]),i.useEffect(()=>{_===void 0&&j&&a.current&&a.current.emote.hasSound().then(o=>G(o)).catch(o=>{console.error("Error checking sound:",o),G(!1)})},[_,j,a]);const z=i.useCallback(async()=>{if(a.current)try{await a.current.emote.play()}catch(o){console.error("Error playing emote:",o)}},[a]),$=i.useCallback(async()=>{if(a.current)try{await a.current.emote.pause()}catch(o){console.error("Error pausing emote:",o)}},[a]),ee=i.useCallback(async()=>{b?await $():await z()},[b,z,$]),te=i.useCallback(()=>{var o,E;P?(o=a.current)==null||o.emote.disableSound():(E=a.current)==null||E.emote.enableSound(),ge(!P)},[P,a]),O=i.useCallback(async o=>{if(isNaN(o)||!a.current)return;let E=o;const ne=h??0;ne*100<o&&(E=ne*100),w(E),X(!0);try{b&&(await a.current.emote.pause(),Q(!0)),await a.current.emote.goTo(E/100)}catch(pe){console.error("Error changing frame:",pe)}},[h,b,a]),re=i.useCallback(async()=>{if(X(!1),J&&a.current){try{await a.current.emote.play()}catch(o){console.error("Error resuming play:",o)}Q(!1)}},[J,a]);return f.jsxs(Ve,{className:r,children:[s?null:l?l({isPlaying:b,onPlay:z,onPause:$,onToggle:ee}):f.jsx(Ue,{onClick:ee,children:b?f.jsx(Te,{}):f.jsx(xe,{})}),t?null:y?y({frame:d,length:h??0,onChange:O,onMouseUp:re}):f.jsx(Fe,{type:"range",value:d,max:Math.ceil((h??0)*100),min:0,step:1,onChange:o=>O(Number(o.target.value)),onMouseUp:re}),n?null:f.jsx(Be,{children:m?m({frame:Math.round(d/100),onChange:o=>O(o*100)}):f.jsx(ze,{type:"number",value:Math.round(d/100),onChange:o=>O(Number(o.target.value)*100)})}),u||!_?null:p?p({isSoundEnabled:P,hasSound:_,onToggle:te}):f.jsx(De,{muted:!P,onClick:te,children:P?f.jsx(Le,{}):f.jsx(Oe,{})})]})},Ke=Object.freeze(Object.defineProperty({__proto__:null,EmoteControls:$e},Symbol.toStringTag,{value:"Module"}));export{me as B,$e as E,Me as c,Ke as i,qe as u};
+import{g as x,k as N,r as i,j as f}from"./react-DehiWSvs.js";import{p as v,g}from"./dcl-schemas-Dr9BTjb7.js";import{ce as L}from"./index-DaQaTpvn.js";import{r as q,g as he,h as ye}from"./createSvgIcon-bfaHZSjd.js";import{n as M}from"./emotion-styled.browser.esm-D23S089l.js";import{C as ve}from"./CircularProgress-iDUU-7Dd.js";var A={},oe;function Ee(){if(oe)return A;oe=1,Object.defineProperty(A,"__esModule",{value:!0});function e(){let r,n;const t=new Promise((s,u)=>{r=c=>{s(c),t.isPending=!1},n=c=>{u(c),t.isPending=!1}}).catch(s=>Promise.reject(s));return t.resolve=r,t.reject=n,"finally"in t||(t.finally=s=>{t.then(s),t.catch(s)}),t.isPending=!0,t}return A.future=e,A.default=e,A}var we=Ee();const be=x(we);function se(e){return{all:e=e||new Map,on:function(r,n){var t=e.get(r);t?t.push(n):e.set(r,[n])},off:function(r,n){var t=e.get(r);t&&(n?t.splice(t.indexOf(n)>>>0,1):e.set(r,[]))},emit:function(r,n){var t=e.get(r);t&&t.slice().map(function(s){s(n)}),(t=e.get("*"))&&t.slice().map(function(s){s(r,n)})}}}const S=new Map,Y=new Map,Z=new Map,k=new Map;function ae(e){const r=document.getElementById(e);return!r||!r.contentWindow?!1:Z.get(r.contentWindow)??!1}function H(e){if(e.data&&e.data.type)try{switch(e.data.type){case v.PreviewMessageType.CONTROLLER_RESPONSE:{const r=e.data.payload,{id:n}=r,t=S.get(n);t&&(S.delete(n),r.ok?t.resolve(r.result):r.ok===!1&&t.reject(new Error(r.error)));break}case v.PreviewMessageType.EMOTE_EVENT:{const r=e.data.payload,{type:n,payload:t}=r,s=e.source?Y.get(e.source):null;s&&n&&s.emit(n,t);break}case v.PreviewMessageType.LOAD:{e.source&&(Z.set(e.source,!0),(k.get(e.source)||[]).filter(t=>{var s;return((s=t.data)==null?void 0:s.type)!==v.PreviewMessageType.LOAD}).forEach(H),k.delete(e.source));break}default:}}catch(r){console.error("Error processing WearablePreview message:",r)}}const Pe=e=>{var n;if(((n=e.data)==null?void 0:n.type)===v.PreviewMessageType.LOAD){H(e);return}if(!(e.source?Z.get(e.source):!1)&&e.source){const t=k.get(e.source)||[];t.push(e),k.set(e.source,t);return}H(e)};typeof window<"u"&&window.addEventListener("message",Pe,!1);let ie=0;function Se(e){return function(n,t,s){const u=document.getElementById(e);if(!u||!u.contentWindow){const d=new Error("iframe not found or not accessible");return Promise.reject(d)}const c=e+"-"+ie,l=be();S.set(c,l);const p=v.PreviewMessageType.CONTROLLER_REQUEST,y={id:c,namespace:n,method:t,params:s},m=setTimeout(()=>{S.delete(c),l.reject(new Error(`Request timeout for ${t}`))},1e4),a=l.resolve,j=l.reject;l.resolve=d=>{clearTimeout(m),a(d)},l.reject=d=>{clearTimeout(m),j(d)};try{v.sendMessage(u.contentWindow,p,y)}catch(d){const w=d instanceof Error?d.message:String(d);l.reject(new Error(`Failed to send message: ${w}`)),S.delete(c),clearTimeout(m)}return ie++,l}}function Me(e){const r=document.getElementById(e);if(!r)throw new Error(`Could not find an iframe with id="${e}"`);S.clear();const n=r.contentWindow?Y.get(r.contentWindow)??se():se();r.contentWindow&&Y.set(r.contentWindow,n);const t=Se(e);return{scene:{getScreenshot(s,u){return t("scene","getScreenshot",[s,u])},getMetrics(){return t("scene","getMetrics",[])},changeZoom:function(s){return t("scene","changeZoom",[s])},panCamera:function(s){return t("scene","panCamera",[s])},changeCameraPosition:function(s){return t("scene","changeCameraPosition",[s])},cleanup(){return t("scene","cleanup",[])},setUsername:function(s){return t("scene","setUsername",[s])}},emote:{getLength(){return t("emote","getLength",[])},isPlaying(){return t("emote","isPlaying",[])},goTo(s){return t("emote","goTo",[s])},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(s,u){return t("physics","setSpringBonesParams",[s,u])}}}}var R={},ue;function Ae(){if(ue)return R;ue=1;var e=L();Object.defineProperty(R,"__esModule",{value:!0}),R.default=void 0;var r=e(q()),n=N();return R.default=(0,r.default)((0,n.jsx)("path",{d:"M6 19h4V5H6zm8-14v14h4V5z"}),"Pause"),R}var Re=Ae();const Te=x(Re);var T={},ce;function Ce(){if(ce)return T;ce=1;var e=L();Object.defineProperty(T,"__esModule",{value:!0}),T.default=void 0;var r=e(q()),n=N();return T.default=(0,r.default)((0,n.jsx)("path",{d:"M8 5v14l11-7z"}),"PlayArrow"),T}var Ie=Ce();const xe=x(Ie);var C={},le;function je(){if(le)return C;le=1;var e=L();Object.defineProperty(C,"__esModule",{value:!0}),C.default=void 0;var r=e(q()),n=N();return C.default=(0,r.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"),C}var _e=je();const Oe=x(_e);var I={},de;function ke(){if(de)return I;de=1;var e=L();Object.defineProperty(I,"__esModule",{value:!0}),I.default=void 0;var r=e(q()),n=N();return I.default=(0,r.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"),I}var Ne=ke();const Le=x(Ne),qe=(e,r)=>{const n=i.useRef(null),[t,s]=i.useState(!1);return i.useEffect(()=>{const u=r??Me(e);if(n.current=u,ae(e)){s(!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 p=y=>{var m;((m=y.data)==null?void 0:m.type)===v.PreviewMessageType.LOAD&&ae(e)&&s(!0)};return window.addEventListener("message",p),()=>{window.removeEventListener("message",p),s(!1),n.current=null}},[e,r]),{controllerRef:n,isReady:t}},We={small:16,medium:20,large:24},me=({children:e,startIcon:r,endIcon:n,loading:t=!1,loadingIcon:s,loadingPosition:u="center",disabled:c=!1,size:l="medium",...p})=>{const y=f.jsx(ve,{color:"inherit",size:We[l]}),m=s||y,a=t&&u==="center"?m:e;return f.jsx(he,{disabled:c||t,startIcon:t&&u==="start"?m:r,endIcon:t&&u==="end"?m:n,size:l,...p,children:a})},Ve=M(ye)(({theme:e})=>({display:"flex",position:"absolute",width:"100%",bottom:0,margin:`${e.spacing(2)} 0`,padding:`0 ${e.spacing(3)}`,gap:e.spacing(2)})),Ue=M(me)(({theme:e})=>({width:56,height:44,padding:0,minWidth:"unset",background:"rgba(0, 0, 0, 0.64) !important","& svg":{marginLeft:e.spacing(.5)}})),De=M(me)(({theme:e,muted:r})=>({marginLeft:e.spacing(2.5),minWidth:25,background:"none",padding:0,opacity:r?.5:1})),Fe=M("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)"}})),Be=M("div")({display:"flex",alignItems:"center"}),ze=M("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"}}),$e=({wearablePreviewId:e,className:r,hideFrameInput:n,hideProgressInput:t,hidePlayButton:s,hideSoundButton:u,wearablePreviewController:c,renderPlayButton:l,renderSoundButton:p,renderProgressBar:y,renderFrameInput:m})=>{const{controllerRef:a,isReady:j}=qe(e,c),[d,w]=i.useState(0),[b,W]=i.useState(!1),[h,fe]=i.useState(void 0),[P,ge]=i.useState(!0),[_,G]=i.useState(void 0),[J,Q]=i.useState(!1),[K,X]=i.useState(!1),V=i.useCallback(()=>{w(0)},[]),U=i.useCallback(()=>{W(!1),w(o=>o>=Math.floor((h??0)*100)?0:o)},[h]),D=i.useCallback(()=>{W(!1)},[]),F=i.useCallback(async()=>{if(!K){let o=h;!h&&a.current&&(o=await a.current.emote.getLength()),W(!0),fe(o)}},[h,K,a]),B=i.useCallback(({length:o})=>{w(Math.ceil((o??0)*100))},[]);i.useEffect(()=>{const o=a.current;if(o)return o.emote.events.on(g.PreviewEmoteEventType.ANIMATION_PLAY,F),o.emote.events.on(g.PreviewEmoteEventType.ANIMATION_PLAYING,B),o.emote.events.on(g.PreviewEmoteEventType.ANIMATION_END,U),o.emote.events.on(g.PreviewEmoteEventType.ANIMATION_PAUSE,D),o.emote.events.on(g.PreviewEmoteEventType.ANIMATION_LOOP,V),()=>{o.emote.events.off(g.PreviewEmoteEventType.ANIMATION_PLAY,F),o.emote.events.off(g.PreviewEmoteEventType.ANIMATION_PLAYING,B),o.emote.events.off(g.PreviewEmoteEventType.ANIMATION_END,U),o.emote.events.off(g.PreviewEmoteEventType.ANIMATION_PAUSE,D),o.emote.events.off(g.PreviewEmoteEventType.ANIMATION_LOOP,V)}},[a,F,B,U,D,V]),i.useEffect(()=>{_===void 0&&j&&a.current&&a.current.emote.hasSound().then(o=>G(o)).catch(o=>{console.error("Error checking sound:",o),G(!1)})},[_,j,a]);const z=i.useCallback(async()=>{if(a.current)try{await a.current.emote.play()}catch(o){console.error("Error playing emote:",o)}},[a]),$=i.useCallback(async()=>{if(a.current)try{await a.current.emote.pause()}catch(o){console.error("Error pausing emote:",o)}},[a]),ee=i.useCallback(async()=>{b?await $():await z()},[b,z,$]),te=i.useCallback(()=>{var o,E;P?(o=a.current)==null||o.emote.disableSound():(E=a.current)==null||E.emote.enableSound(),ge(!P)},[P,a]),O=i.useCallback(async o=>{if(isNaN(o)||!a.current)return;let E=o;const ne=h??0;ne*100<o&&(E=ne*100),w(E),X(!0);try{b&&(await a.current.emote.pause(),Q(!0)),await a.current.emote.goTo(E/100)}catch(pe){console.error("Error changing frame:",pe)}},[h,b,a]),re=i.useCallback(async()=>{if(X(!1),J&&a.current){try{await a.current.emote.play()}catch(o){console.error("Error resuming play:",o)}Q(!1)}},[J,a]);return f.jsxs(Ve,{className:r,children:[s?null:l?l({isPlaying:b,onPlay:z,onPause:$,onToggle:ee}):f.jsx(Ue,{onClick:ee,children:b?f.jsx(Te,{}):f.jsx(xe,{})}),t?null:y?y({frame:d,length:h??0,onChange:O,onMouseUp:re}):f.jsx(Fe,{type:"range",value:d,max:Math.ceil((h??0)*100),min:0,step:1,onChange:o=>O(Number(o.target.value)),onMouseUp:re}),n?null:f.jsx(Be,{children:m?m({frame:Math.round(d/100),onChange:o=>O(o*100)}):f.jsx(ze,{type:"number",value:Math.round(d/100),onChange:o=>O(Number(o.target.value)*100)})}),u||!_?null:p?p({isSoundEnabled:P,hasSound:_,onToggle:te}):f.jsx(De,{muted:!P,onClick:te,children:P?f.jsx(Le,{}):f.jsx(Oe,{})})]})},Ke=Object.freeze(Object.defineProperty({__proto__:null,EmoteControls:$e},Symbol.toStringTag,{value:"Module"}));export{me as B,$e as E,Me as c,Ke as i,qe as u};