@dcl/shop 1.6.2-31375397616.commit-5c6323a → 1.6.2

package/_assets/{index-CtsW7sYw.js → index-Dh9BVxww.js}

@@ -1,2 +1,2 @@
-import{r as t,j as i,k as W,g as q}from"./react-DfWw00n2.js";import{h as g}from"./dcl-schemas-Di56bVOC.js";import{bY as vo,ai as go,aj as fo,ak as p,al as u,cz as w,ct as U,cC as bo}from"./index-B2NLYAKP.js";import{B as mo,r as D,e as xo}from"./createSvgIcon-BXeueRmY.js";import{n as R}from"./emotion-styled.browser.esm-ijDWtqkc.js";import{C as ho}from"./CircularProgress-BhbqJDu-.js";import{g as yo,a as Co,c as ro,b as Io}from"./clsx-BEtG4eYu.js";import{s as X,a as Eo}from"./styled-DGFiY_vh.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},e=new o.Error().stack;e&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[e]="0c16c0b4-d796-42d5-9eda-20c138f0fcf3",o._sentryDebugIdIdentifier="sentry-dbid-0c16c0b4-d796-42d5-9eda-20c138f0fcf3")}catch{}})();function zo(o){return yo("MuiButton",o)}const V=Co("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"]),Po=t.createContext({}),ko=t.createContext(void 0),Ro=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],So=o=>{const{color:e,disableElevation:n,fullWidth:s,size:c,variant:l,classes:v}=o,f={root:["root",l,`${l}${u(e)}`,`size${u(c)}`,`${l}Size${u(c)}`,`color${u(e)}`,n&&"disableElevation",s&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${u(c)}`],endIcon:["icon","endIcon",`iconSize${u(c)}`]},m=Io(f,zo,v);return p({},v,m)},co=o=>p({},o.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},o.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},o.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),_o=X(mo,{shouldForwardProp:o=>Eo(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:n}=o;return[e.root,e[n.variant],e[`${n.variant}${u(n.color)}`],e[`size${u(n.size)}`],e[`${n.variant}Size${u(n.size)}`],n.color==="inherit"&&e.colorInherit,n.disableElevation&&e.disableElevation,n.fullWidth&&e.fullWidth]}})(({theme:o,ownerState:e})=>{var n,s;const c=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],l=o.palette.mode==="light"?o.palette.grey.A100:o.palette.grey[700];return p({},o.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":p({textDecoration:"none",backgroundColor:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:w.alpha(o.palette.text.primary,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},e.variant==="text"&&e.color!=="inherit"&&{backgroundColor:o.vars?`rgba(${o.vars.palette[e.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:w.alpha(o.palette[e.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},e.variant==="outlined"&&e.color!=="inherit"&&{border:`1px solid ${(o.vars||o).palette[e.color].main}`,backgroundColor:o.vars?`rgba(${o.vars.palette[e.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:w.alpha(o.palette[e.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},e.variant==="contained"&&{backgroundColor:o.vars?o.vars.palette.Button.inheritContainedHoverBg:l,boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2],backgroundColor:(o.vars||o).palette.grey[300]}},e.variant==="contained"&&e.color!=="inherit"&&{backgroundColor:(o.vars||o).palette[e.color].dark,"@media (hover: none)":{backgroundColor:(o.vars||o).palette[e.color].main}}),"&:active":p({},e.variant==="contained"&&{boxShadow:(o.vars||o).shadows[8]}),[`&.${V.focusVisible}`]:p({},e.variant==="contained"&&{boxShadow:(o.vars||o).shadows[6]}),[`&.${V.disabled}`]:p({color:(o.vars||o).palette.action.disabled},e.variant==="outlined"&&{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`},e.variant==="contained"&&{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground})},e.variant==="text"&&{padding:"6px 8px"},e.variant==="text"&&e.color!=="inherit"&&{color:(o.vars||o).palette[e.color].main},e.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},e.variant==="outlined"&&e.color!=="inherit"&&{color:(o.vars||o).palette[e.color].main,border:o.vars?`1px solid rgba(${o.vars.palette[e.color].mainChannel} / 0.5)`:`1px solid ${w.alpha(o.palette[e.color].main,.5)}`},e.variant==="contained"&&{color:o.vars?o.vars.palette.text.primary:(n=(s=o.palette).getContrastText)==null?void 0:n.call(s,o.palette.grey[300]),backgroundColor:o.vars?o.vars.palette.Button.inheritContainedBg:c,boxShadow:(o.vars||o).shadows[2]},e.variant==="contained"&&e.color!=="inherit"&&{color:(o.vars||o).palette[e.color].contrastText,backgroundColor:(o.vars||o).palette[e.color].main},e.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},e.size==="small"&&e.variant==="text"&&{padding:"4px 5px",fontSize:o.typography.pxToRem(13)},e.size==="large"&&e.variant==="text"&&{padding:"8px 11px",fontSize:o.typography.pxToRem(15)},e.size==="small"&&e.variant==="outlined"&&{padding:"3px 9px",fontSize:o.typography.pxToRem(13)},e.size==="large"&&e.variant==="outlined"&&{padding:"7px 21px",fontSize:o.typography.pxToRem(15)},e.size==="small"&&e.variant==="contained"&&{padding:"4px 10px",fontSize:o.typography.pxToRem(13)},e.size==="large"&&e.variant==="contained"&&{padding:"8px 22px",fontSize:o.typography.pxToRem(15)},e.fullWidth&&{width:"100%"})},({ownerState:o})=>o.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${V.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${V.disabled}`]:{boxShadow:"none"}}),Mo=X("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,e)=>{const{ownerState:n}=o;return[e.startIcon,e[`iconSize${u(n.size)}`]]}})(({ownerState:o})=>p({display:"inherit",marginRight:8,marginLeft:-4},o.size==="small"&&{marginLeft:-2},co(o))),No=X("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,e)=>{const{ownerState:n}=o;return[e.endIcon,e[`iconSize${u(n.size)}`]]}})(({ownerState:o})=>p({display:"inherit",marginRight:-4,marginLeft:8},o.size==="small"&&{marginRight:-2},co(o))),Ao=t.forwardRef(function(e,n){const s=t.useContext(Po),c=t.useContext(ko),l=vo(s,e),v=go({props:l,name:"MuiButton"}),{children:f,color:m="primary",component:C="button",className:x,disabled:r=!1,disableElevation:T=!1,disableFocusRipple:I=!1,endIcon:E,focusVisibleClassName:h,fullWidth:S=!1,size:d="medium",startIcon:$,type:b,variant:F="text"}=v,k=fo(v,Ro),z=p({},v,{color:m,component:C,disabled:r,disableElevation:T,disableFocusRipple:I,fullWidth:S,size:d,type:b,variant:F}),y=So(z),j=$&&i.jsx(Mo,{className:y.startIcon,ownerState:z,children:$}),O=E&&i.jsx(No,{className:y.endIcon,ownerState:z,children:E}),B=c||"";return i.jsxs(_o,p({ownerState:z,className:ro(s.className,y.root,x,B),component:C,disabled:r,focusRipple:!I,focusVisibleClassName:ro(y.focusVisible,h),ref:n,type:b},k,{classes:y,children:[j,f,O]}))});var _={},to;function To(){if(to)return _;to=1;var o=U();Object.defineProperty(_,"__esModule",{value:!0}),_.default=void 0;var e=o(D()),n=W();return _.default=(0,e.default)((0,n.jsx)("path",{d:"M6 19h4V5H6zm8-14v14h4V5z"}),"Pause"),_}var $o=To();const jo=q($o);var M={},io;function Oo(){if(io)return M;io=1;var o=U();Object.defineProperty(M,"__esModule",{value:!0}),M.default=void 0;var e=o(D()),n=W();return M.default=(0,e.default)((0,n.jsx)("path",{d:"M8 5v14l11-7z"}),"PlayArrow"),M}var Bo=Oo();const Lo=q(Bo);var N={},so;function wo(){if(so)return N;so=1;var o=U();Object.defineProperty(N,"__esModule",{value:!0}),N.default=void 0;var e=o(D()),n=W();return N.default=(0,e.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"),N}var Vo=wo();const Wo=q(Vo);var A={},lo;function qo(){if(lo)return A;lo=1;var o=U();Object.defineProperty(A,"__esModule",{value:!0}),A.default=void 0;var e=o(D()),n=W();return A.default=(0,e.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"),A}var Uo=qo();const Do=q(Uo),Fo={small:16,medium:20,large:24},uo=({children:o,startIcon:e,endIcon:n,loading:s=!1,loadingIcon:c,loadingPosition:l="center",disabled:v=!1,size:f="medium",...m})=>{const C=i.jsx(ho,{color:"inherit",size:Fo[f]}),x=c||C,r=s&&l==="center"?x:o;return i.jsx(Ao,{disabled:v||s,startIcon:s&&l==="start"?x:e,endIcon:s&&l==="end"?x:n,size:f,...m,children:r})},Go=R(xo)(({theme:o})=>({display:"flex",position:"absolute",width:"100%",bottom:0,margin:`${o.spacing(2)} 0`,padding:`0 ${o.spacing(3)}`,gap:o.spacing(2)})),Ho=R(uo)(({theme:o})=>({width:56,height:44,padding:0,minWidth:"unset",background:"rgba(0, 0, 0, 0.64) !important","& svg":{marginLeft:o.spacing(.5)}})),Yo=R(uo)(({theme:o,muted:e})=>({marginLeft:o.spacing(2.5),minWidth:25,background:"none",padding:0,opacity:e?.5:1})),Jo=R("input")(({theme:o})=>({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:o.spacing(.625),marginTop:o.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)"}})),Zo=R("div")({display:"flex",alignItems:"center"}),Ko=R("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"}}),Qo=({wearablePreviewId:o,className:e,hideFrameInput:n,hideProgressInput:s,hidePlayButton:c,hideSoundButton:l,wearablePreviewController:v,renderPlayButton:f,renderSoundButton:m,renderProgressBar:C,renderFrameInput:x})=>{const{controllerRef:r,isReady:T}=bo(o,v),[I,E]=t.useState(0),[h,S]=t.useState(!1),[d,$]=t.useState(void 0),[b,F]=t.useState(!0),[k,z]=t.useState(void 0),[y,j]=t.useState(!1),[O,B]=t.useState(!1),G=t.useCallback(()=>{E(0)},[]),H=t.useCallback(()=>{S(!1),E(a=>a>=Math.floor((d??0)*100)?0:a)},[d]),Y=t.useCallback(()=>{S(!1)},[]),J=t.useCallback(async()=>{if(!O){let a=d;!d&&r.current&&(a=await r.current.emote.getLength()),S(!0),$(a)}},[d,O,r]),Z=t.useCallback(({length:a})=>{E(Math.ceil((a??0)*100))},[]);t.useEffect(()=>{const a=r.current;if(a)return a.emote.events.on(g.PreviewEmoteEventType.ANIMATION_PLAY,J),a.emote.events.on(g.PreviewEmoteEventType.ANIMATION_PLAYING,Z),a.emote.events.on(g.PreviewEmoteEventType.ANIMATION_END,H),a.emote.events.on(g.PreviewEmoteEventType.ANIMATION_PAUSE,Y),a.emote.events.on(g.PreviewEmoteEventType.ANIMATION_LOOP,G),()=>{a.emote.events.off(g.PreviewEmoteEventType.ANIMATION_PLAY,J),a.emote.events.off(g.PreviewEmoteEventType.ANIMATION_PLAYING,Z),a.emote.events.off(g.PreviewEmoteEventType.ANIMATION_END,H),a.emote.events.off(g.PreviewEmoteEventType.ANIMATION_PAUSE,Y),a.emote.events.off(g.PreviewEmoteEventType.ANIMATION_LOOP,G)}},[r,J,Z,H,Y,G]),t.useEffect(()=>{k===void 0&&T&&r.current&&r.current.emote.hasSound().then(a=>z(a)).catch(a=>{console.error("Error checking sound:",a),z(!1)})},[k,T,r]);const K=t.useCallback(async()=>{if(r.current)try{await r.current.emote.play()}catch(a){console.error("Error playing emote:",a)}},[r]),Q=t.useCallback(async()=>{if(r.current)try{await r.current.emote.pause()}catch(a){console.error("Error pausing emote:",a)}},[r]),oo=t.useCallback(async()=>{h?await Q():await K()},[h,K,Q]),eo=t.useCallback(()=>{var a,P;b?(a=r.current)==null||a.emote.disableSound():(P=r.current)==null||P.emote.enableSound(),F(!b)},[b,r]),L=t.useCallback(async a=>{if(isNaN(a)||!r.current)return;let P=a;const no=d??0;no*100<a&&(P=no*100),E(P),B(!0);try{h&&(await r.current.emote.pause(),j(!0)),await r.current.emote.goTo(P/100)}catch(po){console.error("Error changing frame:",po)}},[d,h,r]),ao=t.useCallback(async()=>{if(B(!1),y&&r.current){try{await r.current.emote.play()}catch(a){console.error("Error resuming play:",a)}j(!1)}},[y,r]);return i.jsxs(Go,{className:e,children:[c?null:f?f({isPlaying:h,onPlay:K,onPause:Q,onToggle:oo}):i.jsx(Ho,{onClick:oo,children:h?i.jsx(jo,{}):i.jsx(Lo,{})}),s?null:C?C({frame:I,length:d??0,onChange:L,onMouseUp:ao}):i.jsx(Jo,{type:"range",value:I,max:Math.ceil((d??0)*100),min:0,step:1,onChange:a=>L(Number(a.target.value)),onMouseUp:ao}),n?null:i.jsx(Zo,{children:x?x({frame:Math.round(I/100),onChange:a=>L(a*100)}):i.jsx(Ko,{type:"number",value:Math.round(I/100),onChange:a=>L(Number(a.target.value)*100)})}),l||!k?null:m?m({isSoundEnabled:b,hasSound:k,onToggle:eo}):i.jsx(Yo,{muted:!b,onClick:eo,children:b?i.jsx(Do,{}):i.jsx(Wo,{})})]})},se=Object.freeze(Object.defineProperty({__proto__:null,EmoteControls:Qo},Symbol.toStringTag,{value:"Module"}));export{Po as B,Qo as E,ko as a,Ao as b,uo as c,se as i};
-//# sourceMappingURL=index-CtsW7sYw.js.map
+import{r as t,j as i,k as W,g as q}from"./react-DEDBuQyX.js";import{h as g}from"./dcl-schemas-rRgEodwV.js";import{bY as vo,ai as go,aj as fo,ak as p,al as u,cz as w,ct as U,cC as bo}from"./index-C95by_nd.js";import{B as mo,r as D,e as xo}from"./createSvgIcon-D-vzSvs5.js";import{n as R}from"./emotion-styled.browser.esm-DDVjFQef.js";import{C as ho}from"./CircularProgress-D-1CdAFC.js";import{g as yo,a as Co,c as ro,b as Io}from"./clsx-BEtG4eYu.js";import{s as X,a as Eo}from"./styled-D2HPRVxs.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},e=new o.Error().stack;e&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[e]="0c16c0b4-d796-42d5-9eda-20c138f0fcf3",o._sentryDebugIdIdentifier="sentry-dbid-0c16c0b4-d796-42d5-9eda-20c138f0fcf3")}catch{}})();function zo(o){return yo("MuiButton",o)}const V=Co("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"]),Po=t.createContext({}),ko=t.createContext(void 0),Ro=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],So=o=>{const{color:e,disableElevation:n,fullWidth:s,size:c,variant:l,classes:v}=o,f={root:["root",l,`${l}${u(e)}`,`size${u(c)}`,`${l}Size${u(c)}`,`color${u(e)}`,n&&"disableElevation",s&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${u(c)}`],endIcon:["icon","endIcon",`iconSize${u(c)}`]},m=Io(f,zo,v);return p({},v,m)},co=o=>p({},o.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},o.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},o.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),_o=X(mo,{shouldForwardProp:o=>Eo(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:n}=o;return[e.root,e[n.variant],e[`${n.variant}${u(n.color)}`],e[`size${u(n.size)}`],e[`${n.variant}Size${u(n.size)}`],n.color==="inherit"&&e.colorInherit,n.disableElevation&&e.disableElevation,n.fullWidth&&e.fullWidth]}})(({theme:o,ownerState:e})=>{var n,s;const c=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],l=o.palette.mode==="light"?o.palette.grey.A100:o.palette.grey[700];return p({},o.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":p({textDecoration:"none",backgroundColor:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:w.alpha(o.palette.text.primary,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},e.variant==="text"&&e.color!=="inherit"&&{backgroundColor:o.vars?`rgba(${o.vars.palette[e.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:w.alpha(o.palette[e.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},e.variant==="outlined"&&e.color!=="inherit"&&{border:`1px solid ${(o.vars||o).palette[e.color].main}`,backgroundColor:o.vars?`rgba(${o.vars.palette[e.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:w.alpha(o.palette[e.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},e.variant==="contained"&&{backgroundColor:o.vars?o.vars.palette.Button.inheritContainedHoverBg:l,boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2],backgroundColor:(o.vars||o).palette.grey[300]}},e.variant==="contained"&&e.color!=="inherit"&&{backgroundColor:(o.vars||o).palette[e.color].dark,"@media (hover: none)":{backgroundColor:(o.vars||o).palette[e.color].main}}),"&:active":p({},e.variant==="contained"&&{boxShadow:(o.vars||o).shadows[8]}),[`&.${V.focusVisible}`]:p({},e.variant==="contained"&&{boxShadow:(o.vars||o).shadows[6]}),[`&.${V.disabled}`]:p({color:(o.vars||o).palette.action.disabled},e.variant==="outlined"&&{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`},e.variant==="contained"&&{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground})},e.variant==="text"&&{padding:"6px 8px"},e.variant==="text"&&e.color!=="inherit"&&{color:(o.vars||o).palette[e.color].main},e.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},e.variant==="outlined"&&e.color!=="inherit"&&{color:(o.vars||o).palette[e.color].main,border:o.vars?`1px solid rgba(${o.vars.palette[e.color].mainChannel} / 0.5)`:`1px solid ${w.alpha(o.palette[e.color].main,.5)}`},e.variant==="contained"&&{color:o.vars?o.vars.palette.text.primary:(n=(s=o.palette).getContrastText)==null?void 0:n.call(s,o.palette.grey[300]),backgroundColor:o.vars?o.vars.palette.Button.inheritContainedBg:c,boxShadow:(o.vars||o).shadows[2]},e.variant==="contained"&&e.color!=="inherit"&&{color:(o.vars||o).palette[e.color].contrastText,backgroundColor:(o.vars||o).palette[e.color].main},e.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},e.size==="small"&&e.variant==="text"&&{padding:"4px 5px",fontSize:o.typography.pxToRem(13)},e.size==="large"&&e.variant==="text"&&{padding:"8px 11px",fontSize:o.typography.pxToRem(15)},e.size==="small"&&e.variant==="outlined"&&{padding:"3px 9px",fontSize:o.typography.pxToRem(13)},e.size==="large"&&e.variant==="outlined"&&{padding:"7px 21px",fontSize:o.typography.pxToRem(15)},e.size==="small"&&e.variant==="contained"&&{padding:"4px 10px",fontSize:o.typography.pxToRem(13)},e.size==="large"&&e.variant==="contained"&&{padding:"8px 22px",fontSize:o.typography.pxToRem(15)},e.fullWidth&&{width:"100%"})},({ownerState:o})=>o.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${V.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${V.disabled}`]:{boxShadow:"none"}}),Mo=X("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,e)=>{const{ownerState:n}=o;return[e.startIcon,e[`iconSize${u(n.size)}`]]}})(({ownerState:o})=>p({display:"inherit",marginRight:8,marginLeft:-4},o.size==="small"&&{marginLeft:-2},co(o))),No=X("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,e)=>{const{ownerState:n}=o;return[e.endIcon,e[`iconSize${u(n.size)}`]]}})(({ownerState:o})=>p({display:"inherit",marginRight:-4,marginLeft:8},o.size==="small"&&{marginRight:-2},co(o))),Ao=t.forwardRef(function(e,n){const s=t.useContext(Po),c=t.useContext(ko),l=vo(s,e),v=go({props:l,name:"MuiButton"}),{children:f,color:m="primary",component:C="button",className:x,disabled:r=!1,disableElevation:T=!1,disableFocusRipple:I=!1,endIcon:E,focusVisibleClassName:h,fullWidth:S=!1,size:d="medium",startIcon:$,type:b,variant:F="text"}=v,k=fo(v,Ro),z=p({},v,{color:m,component:C,disabled:r,disableElevation:T,disableFocusRipple:I,fullWidth:S,size:d,type:b,variant:F}),y=So(z),j=$&&i.jsx(Mo,{className:y.startIcon,ownerState:z,children:$}),O=E&&i.jsx(No,{className:y.endIcon,ownerState:z,children:E}),B=c||"";return i.jsxs(_o,p({ownerState:z,className:ro(s.className,y.root,x,B),component:C,disabled:r,focusRipple:!I,focusVisibleClassName:ro(y.focusVisible,h),ref:n,type:b},k,{classes:y,children:[j,f,O]}))});var _={},to;function To(){if(to)return _;to=1;var o=U();Object.defineProperty(_,"__esModule",{value:!0}),_.default=void 0;var e=o(D()),n=W();return _.default=(0,e.default)((0,n.jsx)("path",{d:"M6 19h4V5H6zm8-14v14h4V5z"}),"Pause"),_}var $o=To();const jo=q($o);var M={},io;function Oo(){if(io)return M;io=1;var o=U();Object.defineProperty(M,"__esModule",{value:!0}),M.default=void 0;var e=o(D()),n=W();return M.default=(0,e.default)((0,n.jsx)("path",{d:"M8 5v14l11-7z"}),"PlayArrow"),M}var Bo=Oo();const Lo=q(Bo);var N={},so;function wo(){if(so)return N;so=1;var o=U();Object.defineProperty(N,"__esModule",{value:!0}),N.default=void 0;var e=o(D()),n=W();return N.default=(0,e.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"),N}var Vo=wo();const Wo=q(Vo);var A={},lo;function qo(){if(lo)return A;lo=1;var o=U();Object.defineProperty(A,"__esModule",{value:!0}),A.default=void 0;var e=o(D()),n=W();return A.default=(0,e.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"),A}var Uo=qo();const Do=q(Uo),Fo={small:16,medium:20,large:24},uo=({children:o,startIcon:e,endIcon:n,loading:s=!1,loadingIcon:c,loadingPosition:l="center",disabled:v=!1,size:f="medium",...m})=>{const C=i.jsx(ho,{color:"inherit",size:Fo[f]}),x=c||C,r=s&&l==="center"?x:o;return i.jsx(Ao,{disabled:v||s,startIcon:s&&l==="start"?x:e,endIcon:s&&l==="end"?x:n,size:f,...m,children:r})},Go=R(xo)(({theme:o})=>({display:"flex",position:"absolute",width:"100%",bottom:0,margin:`${o.spacing(2)} 0`,padding:`0 ${o.spacing(3)}`,gap:o.spacing(2)})),Ho=R(uo)(({theme:o})=>({width:56,height:44,padding:0,minWidth:"unset",background:"rgba(0, 0, 0, 0.64) !important","& svg":{marginLeft:o.spacing(.5)}})),Yo=R(uo)(({theme:o,muted:e})=>({marginLeft:o.spacing(2.5),minWidth:25,background:"none",padding:0,opacity:e?.5:1})),Jo=R("input")(({theme:o})=>({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:o.spacing(.625),marginTop:o.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)"}})),Zo=R("div")({display:"flex",alignItems:"center"}),Ko=R("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"}}),Qo=({wearablePreviewId:o,className:e,hideFrameInput:n,hideProgressInput:s,hidePlayButton:c,hideSoundButton:l,wearablePreviewController:v,renderPlayButton:f,renderSoundButton:m,renderProgressBar:C,renderFrameInput:x})=>{const{controllerRef:r,isReady:T}=bo(o,v),[I,E]=t.useState(0),[h,S]=t.useState(!1),[d,$]=t.useState(void 0),[b,F]=t.useState(!0),[k,z]=t.useState(void 0),[y,j]=t.useState(!1),[O,B]=t.useState(!1),G=t.useCallback(()=>{E(0)},[]),H=t.useCallback(()=>{S(!1),E(a=>a>=Math.floor((d??0)*100)?0:a)},[d]),Y=t.useCallback(()=>{S(!1)},[]),J=t.useCallback(async()=>{if(!O){let a=d;!d&&r.current&&(a=await r.current.emote.getLength()),S(!0),$(a)}},[d,O,r]),Z=t.useCallback(({length:a})=>{E(Math.ceil((a??0)*100))},[]);t.useEffect(()=>{const a=r.current;if(a)return a.emote.events.on(g.PreviewEmoteEventType.ANIMATION_PLAY,J),a.emote.events.on(g.PreviewEmoteEventType.ANIMATION_PLAYING,Z),a.emote.events.on(g.PreviewEmoteEventType.ANIMATION_END,H),a.emote.events.on(g.PreviewEmoteEventType.ANIMATION_PAUSE,Y),a.emote.events.on(g.PreviewEmoteEventType.ANIMATION_LOOP,G),()=>{a.emote.events.off(g.PreviewEmoteEventType.ANIMATION_PLAY,J),a.emote.events.off(g.PreviewEmoteEventType.ANIMATION_PLAYING,Z),a.emote.events.off(g.PreviewEmoteEventType.ANIMATION_END,H),a.emote.events.off(g.PreviewEmoteEventType.ANIMATION_PAUSE,Y),a.emote.events.off(g.PreviewEmoteEventType.ANIMATION_LOOP,G)}},[r,J,Z,H,Y,G]),t.useEffect(()=>{k===void 0&&T&&r.current&&r.current.emote.hasSound().then(a=>z(a)).catch(a=>{console.error("Error checking sound:",a),z(!1)})},[k,T,r]);const K=t.useCallback(async()=>{if(r.current)try{await r.current.emote.play()}catch(a){console.error("Error playing emote:",a)}},[r]),Q=t.useCallback(async()=>{if(r.current)try{await r.current.emote.pause()}catch(a){console.error("Error pausing emote:",a)}},[r]),oo=t.useCallback(async()=>{h?await Q():await K()},[h,K,Q]),eo=t.useCallback(()=>{var a,P;b?(a=r.current)==null||a.emote.disableSound():(P=r.current)==null||P.emote.enableSound(),F(!b)},[b,r]),L=t.useCallback(async a=>{if(isNaN(a)||!r.current)return;let P=a;const no=d??0;no*100<a&&(P=no*100),E(P),B(!0);try{h&&(await r.current.emote.pause(),j(!0)),await r.current.emote.goTo(P/100)}catch(po){console.error("Error changing frame:",po)}},[d,h,r]),ao=t.useCallback(async()=>{if(B(!1),y&&r.current){try{await r.current.emote.play()}catch(a){console.error("Error resuming play:",a)}j(!1)}},[y,r]);return i.jsxs(Go,{className:e,children:[c?null:f?f({isPlaying:h,onPlay:K,onPause:Q,onToggle:oo}):i.jsx(Ho,{onClick:oo,children:h?i.jsx(jo,{}):i.jsx(Lo,{})}),s?null:C?C({frame:I,length:d??0,onChange:L,onMouseUp:ao}):i.jsx(Jo,{type:"range",value:I,max:Math.ceil((d??0)*100),min:0,step:1,onChange:a=>L(Number(a.target.value)),onMouseUp:ao}),n?null:i.jsx(Zo,{children:x?x({frame:Math.round(I/100),onChange:a=>L(a*100)}):i.jsx(Ko,{type:"number",value:Math.round(I/100),onChange:a=>L(Number(a.target.value)*100)})}),l||!k?null:m?m({isSoundEnabled:b,hasSound:k,onToggle:eo}):i.jsx(Yo,{muted:!b,onClick:eo,children:b?i.jsx(Do,{}):i.jsx(Wo,{})})]})},se=Object.freeze(Object.defineProperty({__proto__:null,EmoteControls:Qo},Symbol.toStringTag,{value:"Module"}));export{Po as B,Qo as E,ko as a,Ao as b,uo as c,se as i};
+//# sourceMappingURL=index-Dh9BVxww.js.map