@dcl/shop 0.8.1-31008797734.commit-eb2f6cb → 0.8.1-31010487922.commit-7e8c168

package/_assets/{index-oi06tQTW.js → index-6S3FMUEk.js}

@@ -1 +1 @@
-import{r as i,j as g,g as L,k as G}from"./react-DehiWSvs.js";import{p as I,h}from"./dcl-schemas-CmtP3U6y.js";import{bX as Pe,aa as Ie,ab as Re,ac as y,ad as b,cu as U,co as H}from"./index-BX2ff1lz.js";import{B as Me,r as Y,e as Se}from"./createSvgIcon-DF7XmQgC.js";import{n as T}from"./emotion-styled.browser.esm-BvuB9FLv.js";import{C as ze}from"./CircularProgress-oGVz5EPN.js";import{g as we,a as Te,c as de,b as ke}from"./clsx-WwvpwSg0.js";import{s as ae,a as Ae}from"./styled-B_wXmJ0m.js";function Ne(e){return we("MuiButton",e)}const F=Te("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"]),_e=i.createContext({}),je=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=ke(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(_e),r=i.useContext(je),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:k=!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:k,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 _={},be;function Qe(){if(be)return _;be=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:"M8 5v14l11-7z"}),"PlayArrow"),_}var Xe=Qe();const Ke=L(Xe);var j={},ye;function eo(){if(ye)return j;ye=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:"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"),j}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=T(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=T(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=T(Ee)(({theme:e,muted:o})=>({marginLeft:e.spacing(2.5),minWidth:25,background:"none",padding:0,opacity:o?.5:1})),po=T("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=T("div")({display:"flex",alignItems:"center"}),fo=T("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,k]=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(()=>{k(!1),x(a=>a>=Math.floor((v??0)*100)?0:a)},[v]),X=i.useCallback(()=>{k(!1)},[]),K=i.useCallback(async()=>{if(!W){let a=v;!v&&s.current&&(a=await s.current.emote.getLength()),k(!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,K),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,X),a.emote.events.on(h.PreviewEmoteEventType.ANIMATION_LOOP,J),()=>{a.emote.events.off(h.PreviewEmoteEventType.ANIMATION_PLAY,K),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,X),a.emote.events.off(h.PreviewEmoteEventType.ANIMATION_LOOP,J)}},[s,K,ee,Q,X,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(Ke,{})}),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{_e as B,mo as E,je as a,Ve as b,He as c,Ee as d,Io as i,so as u};
+import{r as i,j as g,g as $,k as G}from"./react-OEOSdkUk.js";import{p as I,h}from"./dcl-schemas-CmtP3U6y.js";import{b$ as Pe,ad as Ie,ae as Re,af as y,ag as b,cy as U,cs as H}from"./index-0kdmGL8P.js";import{B as Me,r as Y,e as Se}from"./createSvgIcon-DsB10OiJ.js";import{n as T}from"./emotion-styled.browser.esm-CVKaLYZX.js";import{C as ze}from"./CircularProgress-DqnGiMZe.js";import{g as we,a as Te,c as de,b as ke}from"./clsx-WwvpwSg0.js";import{s as ae,a as Ae}from"./styled-Dlzz4gCY.js";function Ne(e){return we("MuiButton",e)}const F=Te("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"]),_e=i.createContext({}),je=i.createContext(void 0),Oe=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],$e=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=ke(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}}),Le=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(_e),r=i.useContext(je),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:k=!1,size:v="medium",startIcon:L,type:E,variant:Z="text"}=c,z=Re(c,Oe),R=y({},c,{color:f,component:m,disabled:s,disableElevation:S,disableFocusRipple:d,fullWidth:k,size:v,type:E,variant:Z}),P=$e(R),B=L&&g.jsx(Be,{className:P.startIcon,ownerState:R,children:L}),W=x&&g.jsx(We,{className:P.endIcon,ownerState:R,children:x}),V=r||"";return g.jsxs(Le,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=$(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=$(Ze);var _={},be;function Qe(){if(be)return _;be=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:"M8 5v14l11-7z"}),"PlayArrow"),_}var Ke=Qe();const Xe=$(Ke);var j={},ye;function eo(){if(ye)return j;ye=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:"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"),j}var oo=eo();const to=$(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=$(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=T(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=T(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=T(Ee)(({theme:e,muted:o})=>({marginLeft:e.spacing(2.5),minWidth:25,background:"none",padding:0,opacity:o?.5:1})),po=T("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=T("div")({display:"flex",alignItems:"center"}),fo=T("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,k]=i.useState(!1),[v,L]=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(()=>{k(!1),x(a=>a>=Math.floor((v??0)*100)?0:a)},[v]),K=i.useCallback(()=>{k(!1)},[]),X=i.useCallback(async()=>{if(!W){let a=v;!v&&s.current&&(a=await s.current.emote.getLength()),k(!0),L(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{_e as B,mo as E,je as a,Ve as b,He as c,Ee as d,Io as i,so as u};