decentraland-ui2 1.2.2-21406822587.commit-e8f7371 → 1.3.0

package/dist/components/WearablePreview/EmoteControls/EmoteControls.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from "react";
-import { PreviewEmoteEventType } from "@dcl/schemas/dist/dapps/preview/preview-emote-event-type";
-import PauseIcon from "@mui/icons-material/Pause";
-import PlayArrowIcon from "@mui/icons-material/PlayArrow";
-import VolumeOffIcon from "@mui/icons-material/VolumeOff";
-import VolumeUpIcon from "@mui/icons-material/VolumeUp";
-import { useWearablePreviewController } from "../useWearablePreviewController";
-import { StyledEmoteControlsContainer, StyledFrameControl, StyledFrameInput, StyledPlayButton, StyledRangeInput, StyledSoundButton, } from "./EmoteControls.styled";
-export const EmoteControls = ({ wearablePreviewId, className, hideFrameInput, hideProgressInput, hidePlayButton, hideSoundButton, wearablePreviewController, renderPlayButton, renderSoundButton, renderProgressBar, renderFrameInput, }) => {
+import { useCallback, useEffect, useState } from 'react';
+import { PreviewEmoteEventType } from '@dcl/schemas/dist/dapps/preview/preview-emote-event-type';
+import PauseIcon from '@mui/icons-material/Pause';
+import PlayArrowIcon from '@mui/icons-material/PlayArrow';
+import VolumeOffIcon from '@mui/icons-material/VolumeOff';
+import VolumeUpIcon from '@mui/icons-material/VolumeUp';
+import { useWearablePreviewController } from '../useWearablePreviewController';
+import { StyledEmoteControlsContainer, StyledFrameControl, StyledFrameInput, StyledPlayButton, StyledRangeInput, StyledSoundButton } from './EmoteControls.styled';
+export const EmoteControls = ({ wearablePreviewId, className, hideFrameInput, hideProgressInput, hidePlayButton, hideSoundButton, wearablePreviewController, renderPlayButton, renderSoundButton, renderProgressBar, renderFrameInput }) => {
     const { controllerRef, isReady } = useWearablePreviewController(wearablePreviewId, wearablePreviewController);
     const [frame, setFrame] = useState(0);
     const [isPlaying, setIsPlaying] = useState(false);
@@ -21,7 +21,7 @@ export const EmoteControls = ({ wearablePreviewId, className, hideFrameInput, hi
     }, []);
     const handleAnimationEnd = useCallback(() => {
         setIsPlaying(false);
-        setFrame((currentFrame) => {
+        setFrame(currentFrame => {
             const currentLength = length ?? 0;
             return currentFrame >= Math.floor(currentLength * 100) ? 0 : currentFrame;
         });
@@ -59,21 +59,14 @@ export const EmoteControls = ({ wearablePreviewId, className, hideFrameInput, hi
             controller.emote.events.off(PreviewEmoteEventType.ANIMATION_PAUSE, handleAnimationPause);
             controller.emote.events.off(PreviewEmoteEventType.ANIMATION_LOOP, handleAnimationLoop);
         };
-    }, [
-        controllerRef,
-        handleAnimationPlay,
-        handleAnimationPlaying,
-        handleAnimationEnd,
-        handleAnimationPause,
-        handleAnimationLoop,
-    ]);
+    }, [controllerRef, handleAnimationPlay, handleAnimationPlaying, handleAnimationEnd, handleAnimationPause, handleAnimationLoop]);
     useEffect(() => {
         if (hasSound === undefined && isReady && controllerRef.current) {
             controllerRef.current.emote
                 .hasSound()
-                .then((soundExists) => setHasSound(soundExists))
-                .catch((error) => {
-                console.error("Error checking sound:", error);
+                .then(soundExists => setHasSound(soundExists))
+                .catch(error => {
+                console.error('Error checking sound:', error);
                 setHasSound(false);
             });
         }
@@ -86,7 +79,7 @@ export const EmoteControls = ({ wearablePreviewId, className, hideFrameInput, hi
             await controllerRef.current.emote.play();
         }
         catch (error) {
-            console.error("Error playing emote:", error);
+            console.error('Error playing emote:', error);
         }
     }, [controllerRef]);
     const handlePause = useCallback(async () => {
@@ -97,7 +90,7 @@ export const EmoteControls = ({ wearablePreviewId, className, hideFrameInput, hi
             await controllerRef.current.emote.pause();
         }
         catch (error) {
-            console.error("Error pausing emote:", error);
+            console.error('Error pausing emote:', error);
         }
     }, [controllerRef]);
     const handlePlayPause = useCallback(async () => {
@@ -136,7 +129,7 @@ export const EmoteControls = ({ wearablePreviewId, className, hideFrameInput, hi
             await controllerRef.current.emote.goTo(targetValue / 100);
         }
         catch (error) {
-            console.error("Error changing frame:", error);
+            console.error('Error changing frame:', error);
         }
     }, [length, isPlaying, controllerRef]);
     const handleMouseUp = useCallback(async () => {
@@ -146,7 +139,7 @@ export const EmoteControls = ({ wearablePreviewId, className, hideFrameInput, hi
                 await controllerRef.current.emote.play();
             }
             catch (error) {
-                console.error("Error resuming play:", error);
+                console.error('Error resuming play:', error);
             }
             setShouldResumePlaying(false);
         }
@@ -155,19 +148,19 @@ export const EmoteControls = ({ wearablePreviewId, className, hideFrameInput, hi
                 isPlaying,
                 onPlay: handlePlay,
                 onPause: handlePause,
-                onToggle: handlePlayPause,
+                onToggle: handlePlayPause
             })) : (_jsx(StyledPlayButton, { onClick: handlePlayPause, children: isPlaying ? _jsx(PauseIcon, {}) : _jsx(PlayArrowIcon, {}) })), !hideProgressInput ? (renderProgressBar ? (renderProgressBar({
                 frame,
                 length: length ?? 0,
                 onChange: handleFrameChange,
-                onMouseUp: handleMouseUp,
-            })) : (_jsx(StyledRangeInput, { type: "range", value: frame, max: Math.ceil((length ?? 0) * 100), min: 0, step: 1, onChange: (e) => handleFrameChange(Number(e.target.value)), onMouseUp: handleMouseUp }))) : null, hideFrameInput ? null : (_jsx(StyledFrameControl, { children: renderFrameInput ? (renderFrameInput({
+                onMouseUp: handleMouseUp
+            })) : (_jsx(StyledRangeInput, { type: "range", value: frame, max: Math.ceil((length ?? 0) * 100), min: 0, step: 1, onChange: e => handleFrameChange(Number(e.target.value)), onMouseUp: handleMouseUp }))) : null, hideFrameInput ? null : (_jsx(StyledFrameControl, { children: renderFrameInput ? (renderFrameInput({
                     frame: Math.round(frame / 100),
-                    onChange: (value) => handleFrameChange(value * 100),
-                })) : (_jsx(StyledFrameInput, { type: "number", value: Math.round(frame / 100), onChange: (e) => handleFrameChange(Number(e.target.value) * 100) })) })), hideSoundButton || !hasSound ? null : renderSoundButton ? (renderSoundButton({
+                    onChange: value => handleFrameChange(value * 100)
+                })) : (_jsx(StyledFrameInput, { type: "number", value: Math.round(frame / 100), onChange: e => handleFrameChange(Number(e.target.value) * 100) })) })), hideSoundButton || !hasSound ? null : renderSoundButton ? (renderSoundButton({
                 isSoundEnabled,
                 hasSound,
-                onToggle: handleSoundToggle,
+                onToggle: handleSoundToggle
             })) : (_jsx(StyledSoundButton, { muted: !isSoundEnabled, onClick: handleSoundToggle, children: isSoundEnabled ? _jsx(VolumeUpIcon, {}) : _jsx(VolumeOffIcon, {}) }))] }));
 };
 //# sourceMappingURL=EmoteControls.js.map

package/dist/components/WearablePreview/EmoteControls/EmoteControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmoteControls.js","sourceRoot":"","sources":["../../../../src/components/WearablePreview/EmoteControls/EmoteControls.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EmoteControls.js","sourceRoot":"","sources":["../../../../src/components/WearablePreview/EmoteControls/EmoteControls.tsx"],"names":[],"mappings":"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"}

package/dist/components/WearablePreview/EmoteControls/EmoteControls.styled.d.ts

@@ -23,4 +23,4 @@ declare const StyledFrameInput: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export { StyledEmoteControlsContainer, StyledPlayButton, StyledSoundButton, StyledRangeInput, StyledFrameControl, StyledFrameInput, };
+export { StyledEmoteControlsContainer, StyledPlayButton, StyledSoundButton, StyledRangeInput, StyledFrameControl, StyledFrameInput };

package/dist/components/WearablePreview/EmoteControls/EmoteControls.styled.js

@@ -1,98 +1,98 @@
-import styled from "@emotion/styled";
-import { Box } from "@mui/material";
-import { Button } from "../../Button";
+import styled from '@emotion/styled';
+import { Box } from '@mui/material';
+import { Button } from '../../Button';
 const StyledEmoteControlsContainer = styled(Box)(({ theme }) => ({
-    display: "flex",
-    position: "absolute",
-    width: "100%",
+    display: 'flex',
+    position: 'absolute',
+    width: '100%',
     bottom: 0,
     margin: `${theme.spacing(2)} 0`,
     padding: `0 ${theme.spacing(3)}`,
-    gap: theme.spacing(2),
+    gap: theme.spacing(2)
 }));
 const StyledPlayButton = styled(Button)(({ theme }) => ({
     width: 56,
     height: 44,
     padding: 0,
-    minWidth: "unset",
-    background: "rgba(0, 0, 0, 0.64) !important",
-    "& svg": {
-        marginLeft: theme.spacing(0.5),
-    },
+    minWidth: 'unset',
+    background: 'rgba(0, 0, 0, 0.64) !important',
+    '& svg': {
+        marginLeft: theme.spacing(0.5)
+    }
 }));
 const StyledSoundButton = styled(Button)(({ theme, muted }) => ({
     marginLeft: theme.spacing(2.5),
     minWidth: 25,
-    background: "none",
+    background: 'none',
     padding: 0,
-    opacity: muted ? 0.5 : 1,
+    opacity: muted ? 0.5 : 1
 }));
-const StyledRangeInput = styled("input")(({ theme }) => ({
+const StyledRangeInput = styled('input')(({ theme }) => ({
     flex: 1,
-    width: "100%",
-    background: "none",
-    WebkitAppearance: "none",
-    "&:focus": {
-        outline: "none",
+    width: '100%',
+    background: 'none',
+    WebkitAppearance: 'none',
+    '&:focus': {
+        outline: 'none'
     },
-    "&::-webkit-slider-thumb": {
-        WebkitAppearance: "none",
+    '&::-webkit-slider-thumb': {
+        WebkitAppearance: 'none',
         width: 24,
         height: 24,
         borderRadius: 10,
-        backgroundColor: "#736e7d",
-        overflow: "visible",
-        cursor: "pointer",
+        backgroundColor: '#736e7d',
+        overflow: 'visible',
+        cursor: 'pointer',
         paddingBottom: theme.spacing(0.625),
-        marginTop: theme.spacing(-0.5),
+        marginTop: theme.spacing(-0.5)
     },
-    "&::-moz-range-thumb": {
+    '&::-moz-range-thumb': {
         width: 24,
         height: 24,
         borderRadius: 20,
-        backgroundColor: "#736e7d",
-        overflow: "visible",
-        cursor: "pointer",
-        border: "none",
+        backgroundColor: '#736e7d',
+        overflow: 'visible',
+        cursor: 'pointer',
+        border: 'none'
     },
-    "&::-ms-thumb": {
+    '&::-ms-thumb': {
         width: 24,
         height: 24,
         borderRadius: 20,
-        backgroundColor: "#736e7d",
-        overflow: "visible",
-        cursor: "pointer",
+        backgroundColor: '#736e7d',
+        overflow: 'visible',
+        cursor: 'pointer'
     },
-    "&::-webkit-slider-runnable-track": {
+    '&::-webkit-slider-runnable-track': {
         width: 300,
         height: 15,
-        background: "rgba(115, 110, 125, 0.32)",
-        border: "none",
-        borderRadius: 10,
+        background: 'rgba(115, 110, 125, 0.32)',
+        border: 'none',
+        borderRadius: 10
     },
-    "&::-moz-range-track": {
-        width: "100%",
+    '&::-moz-range-track': {
+        width: '100%',
         height: 15,
         borderRadius: 10,
-        cursor: "pointer",
-        background: "rgba(115, 110, 125, 0.32)",
-    },
+        cursor: 'pointer',
+        background: 'rgba(115, 110, 125, 0.32)'
+    }
 }));
-const StyledFrameControl = styled("div")({
-    display: "flex",
-    alignItems: "center",
+const StyledFrameControl = styled('div')({
+    display: 'flex',
+    alignItems: 'center'
 });
-const StyledFrameInput = styled("input")({
+const StyledFrameInput = styled('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",
-    },
+    background: 'transparent',
+    border: '1px solid rgba(115, 110, 125, 0.4)',
+    color: 'white',
+    textAlign: 'center',
+    '&:focus-visible': {
+        outline: '1px solid'
+    }
 });
-export { StyledEmoteControlsContainer, StyledPlayButton, StyledSoundButton, StyledRangeInput, StyledFrameControl, StyledFrameInput, };
+export { StyledEmoteControlsContainer, StyledPlayButton, StyledSoundButton, StyledRangeInput, StyledFrameControl, StyledFrameInput };
 //# sourceMappingURL=EmoteControls.styled.js.map

package/dist/components/WearablePreview/EmoteControls/EmoteControls.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmoteControls.styled.js","sourceRoot":"","sources":["../../../../src/components/WearablePreview/EmoteControls/EmoteControls.styled.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"EmoteControls.styled.js","sourceRoot":"","sources":["../../../../src/components/WearablePreview/EmoteControls/EmoteControls.styled.ts"],"names":[],"mappings":"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"}

package/dist/components/WearablePreview/EmoteControls/EmoteControls.types.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { IPreviewController } from "@dcl/schemas";
+import React from 'react';
+import { IPreviewController } from '@dcl/schemas';
 export type EmoteControlsProps = {
     wearablePreviewId: string;
     className?: string;

package/dist/components/WearablePreview/EmoteControls/index.d.ts

@@ -1,2 +1,2 @@
-export { EmoteControls } from "./EmoteControls";
-export type { EmoteControlsProps } from "./EmoteControls.types";
+export { EmoteControls } from './EmoteControls';
+export type { EmoteControlsProps } from './EmoteControls.types';

package/dist/components/WearablePreview/EmoteControls/index.js

@@ -1,2 +1,2 @@
-export { EmoteControls } from "./EmoteControls";
+export { EmoteControls } from './EmoteControls';
 //# sourceMappingURL=index.js.map

package/dist/components/WearablePreview/TranslationControls/TranslationControls.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { TranslationControlsProps } from "./TranslationControls.types";
+import React from 'react';
+import { TranslationControlsProps } from './TranslationControls.types';
 export declare const TranslationControls: React.FC<TranslationControlsProps>;

package/dist/components/WearablePreview/TranslationControls/TranslationControls.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import SwapVertIcon from "@mui/icons-material/SwapVert";
-import { useWearablePreviewController } from "../useWearablePreviewController";
-import { VerticalPosition, } from "./TranslationControls.types";
-import { StyledIconWrapper, StyledSlider, StyledTranslationControlsContainer, StyledVerticalSliderContainer, } from "./TranslationControls.styled";
-export const TranslationControls = ({ wearablePreviewId, vertical, className, verticalPosition = VerticalPosition.RIGHT, wearablePreviewController, }) => {
+import { useCallback } from 'react';
+import SwapVertIcon from '@mui/icons-material/SwapVert';
+import { useWearablePreviewController } from '../useWearablePreviewController';
+import { VerticalPosition } from './TranslationControls.types';
+import { StyledIconWrapper, StyledSlider, StyledTranslationControlsContainer, StyledVerticalSliderContainer } from './TranslationControls.styled';
+export const TranslationControls = ({ wearablePreviewId, vertical, className, verticalPosition = VerticalPosition.RIGHT, wearablePreviewController }) => {
     const { controllerRef } = useWearablePreviewController(wearablePreviewId, wearablePreviewController);
     const handleControlTranslation = useCallback((_event, value) => {
         const _value = Array.isArray(value) ? value[0] : value;

package/dist/components/WearablePreview/TranslationControls/TranslationControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"TranslationControls.js","sourceRoot":"","sources":["../../../../src/components/WearablePreview/TranslationControls/TranslationControls.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAA;AAC9E,OAAO,EAEL,gBAAgB,GACjB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,kCAAkC,EAClC,6BAA6B,GAC9B,MAAM,8BAA8B,CAAA;AAErC,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,EACzC,yBAAyB,GAC1B,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,4BAA4B,CACpD,iBAAiB,EACjB,yBAAyB,CAC1B,CAAA;IACD,MAAM,wBAAwB,GAAG,WAAW,CAC1C,CAAC,MAAa,EAAE,KAAwB,EAAE,EAAE;QAC1C,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;QACtD,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAA;IAC5D,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,OAAO,CACL,KAAC,kCAAkC,IACjC,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,YAEjC,QAAQ,CAAC,CAAC,CAAC,CACV,MAAC,6BAA6B,eAC5B,KAAC,iBAAiB,cAChB,KAAC,YAAY,KAAG,GACE,EACpB,KAAC,YAAY,IACX,WAAW,EAAC,UAAU,EACtB,YAAY,EAAE,CAAC,EACf,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,CAAC,CAAC,EACP,GAAG,EAAE,CAAC,EACN,QAAQ,EAAE,wBAAwB,GAClC,IAC4B,CACjC,CAAC,CAAC,CAAC,IAAI,GAC2B,CACtC,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TranslationControls.js","sourceRoot":"","sources":["../../../../src/components/WearablePreview/TranslationControls/TranslationControls.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAA;AAC9E,OAAO,EAA4B,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AACxF,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,kCAAkC,EAClC,6BAA6B,EAC9B,MAAM,8BAA8B,CAAA;AAErC,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,EACzC,yBAAyB,EAC1B,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,4BAA4B,CAAC,iBAAiB,EAAE,yBAAyB,CAAC,CAAA;IACpG,MAAM,wBAAwB,GAAG,WAAW,CAC1C,CAAC,MAAa,EAAE,KAAwB,EAAE,EAAE;QAC1C,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;QACtD,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAA;IAC5D,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,OAAO,CACL,KAAC,kCAAkC,IAAC,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,YACzF,QAAQ,CAAC,CAAC,CAAC,CACV,MAAC,6BAA6B,eAC5B,KAAC,iBAAiB,cAChB,KAAC,YAAY,KAAG,GACE,EACpB,KAAC,YAAY,IAAC,WAAW,EAAC,UAAU,EAAC,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,wBAAwB,GAAI,IAC1F,CACjC,CAAC,CAAC,CAAC,IAAI,GAC2B,CACtC,CAAA;AACH,CAAC,CAAA"}

package/dist/components/WearablePreview/TranslationControls/TranslationControls.styled.d.ts

@@ -1,4 +1,4 @@
-import { HorizontalPosition, VerticalPosition } from "./TranslationControls.types";
+import { HorizontalPosition, VerticalPosition } from './TranslationControls.types';
 declare const StyledTranslationControlsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
@@ -22,4 +22,4 @@ declare const StyledSlider: import("@emotion/styled").StyledComponent<import("@m
 }, "disabled" | "components" | "color" | "scale" | "className" | "style" | "classes" | "sx" | "track" | "defaultValue" | "tabIndex" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "size" | "name" | "value" | "slots" | "slotProps" | "orientation" | "componentsProps" | "max" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "min" | "onChangeCommitted" | "shiftStep" | "step" | "valueLabelDisplay" | "valueLabelFormat"> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
-export { StyledIconWrapper, StyledSlider, StyledTranslationControlsContainer, StyledVerticalSliderContainer, };
+export { StyledIconWrapper, StyledSlider, StyledTranslationControlsContainer, StyledVerticalSliderContainer };

package/dist/components/WearablePreview/TranslationControls/TranslationControls.styled.js

@@ -1,65 +1,63 @@
-import styled from "@emotion/styled";
-import { Box, Slider } from "@mui/material";
-import { HorizontalPosition, VerticalPosition, } from "./TranslationControls.types";
-const StyledTranslationControlsContainer = styled(Box)(({ horizontalPosition = HorizontalPosition.CENTER, verticalPosition = VerticalPosition.RIGHT, }) => ({
-    position: "absolute",
+import styled from '@emotion/styled';
+import { Box, Slider } from '@mui/material';
+import { HorizontalPosition, VerticalPosition } from './TranslationControls.types';
+const StyledTranslationControlsContainer = styled(Box)(({ horizontalPosition = HorizontalPosition.CENTER, verticalPosition = VerticalPosition.RIGHT }) => ({
+    position: 'absolute',
     top: 0,
     left: 0,
     right: 0,
     bottom: 0,
-    display: "flex",
-    alignItems: "center",
+    display: 'flex',
+    alignItems: 'center',
     ...(horizontalPosition === HorizontalPosition.TOP
-        ? { justifyContent: "flex-start" }
+        ? { justifyContent: 'flex-start' }
         : horizontalPosition === HorizontalPosition.BOTTOM
-            ? { justifyContent: "flex-end" }
-            : { justifyContent: "center" }),
-    ...(verticalPosition === VerticalPosition.RIGHT
-        ? { justifyContent: "flex-end" }
-        : { justifyContent: "flex-start" }),
-    pointerEvents: "none",
-    "& > *": {
-        pointerEvents: "auto",
-    },
+            ? { justifyContent: 'flex-end' }
+            : { justifyContent: 'center' }),
+    ...(verticalPosition === VerticalPosition.RIGHT ? { justifyContent: 'flex-end' } : { justifyContent: 'flex-start' }),
+    pointerEvents: 'none',
+    '& > *': {
+        pointerEvents: 'auto'
+    }
 }));
 const StyledVerticalSliderContainer = styled(Box)({
-    display: "flex",
-    alignItems: "center",
-    flexDirection: "column",
+    display: 'flex',
+    alignItems: 'center',
+    flexDirection: 'column'
 });
 const StyledIconWrapper = styled(Box)({
-    display: "flex",
-    alignItems: "center",
-    color: "#736e7d",
+    display: 'flex',
+    alignItems: 'center',
+    color: '#736e7d'
 });
 const StyledSlider = styled(Slider)(({ theme }) => ({
     height: 256,
-    color: "#736e7d",
-    "& .MuiSlider-rail": {
+    color: '#736e7d',
+    '& .MuiSlider-rail': {
         width: 2,
         opacity: 1,
-        backgroundColor: "#000000",
-        paddingBottom: theme.spacing(4),
+        backgroundColor: '#000000',
+        paddingBottom: theme.spacing(4)
     },
-    "& .MuiSlider-track": {
+    '& .MuiSlider-track': {
         width: 2,
-        border: "none",
-        backgroundColor: "#000000",
+        border: 'none',
+        backgroundColor: '#000000'
     },
-    "& .MuiSlider-thumb": {
+    '& .MuiSlider-thumb': {
         height: 32,
         width: 8,
         borderRadius: 4,
-        backgroundColor: "#736e7d",
-        translate: "0px 16px",
-        boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.16), inset 0px 1px 0px rgba(255, 255, 255, 0.16)",
-        "&:focus, &:hover, &.Mui-active, &.Mui-focusVisible": {
-            boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.16), inset 0px 1px 0px rgba(255, 255, 255, 0.16)",
-        },
-        "&::before": {
-            display: "none",
+        backgroundColor: '#736e7d',
+        translate: '0px 16px',
+        boxShadow: '0px 2px 4px rgba(0, 0, 0, 0.16), inset 0px 1px 0px rgba(255, 255, 255, 0.16)',
+        '&:focus, &:hover, &.Mui-active, &.Mui-focusVisible': {
+            boxShadow: '0px 2px 4px rgba(0, 0, 0, 0.16), inset 0px 1px 0px rgba(255, 255, 255, 0.16)'
         },
-    },
+        '&::before': {
+            display: 'none'
+        }
+    }
 }));
-export { StyledIconWrapper, StyledSlider, StyledTranslationControlsContainer, StyledVerticalSliderContainer, };
+export { StyledIconWrapper, StyledSlider, StyledTranslationControlsContainer, StyledVerticalSliderContainer };
 //# sourceMappingURL=TranslationControls.styled.js.map

package/dist/components/WearablePreview/TranslationControls/TranslationControls.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"TranslationControls.styled.js","sourceRoot":"","sources":["../../../../src/components/WearablePreview/TranslationControls/TranslationControls.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EACL,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,6BAA6B,CAAA;AAEpC,MAAM,kCAAkC,GAAG,MAAM,CAAC,GAAG,CAAC,CAIpD,CAAC,EACC,kBAAkB,GAAG,kBAAkB,CAAC,MAAM,EAC9C,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,GAC1C,EAAE,EAAE,CAAC,CAAC;IACL,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,CAAC,kBAAkB,KAAK,kBAAkB,CAAC,GAAG;QAC/C,CAAC,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE;QAClC,CAAC,CAAC,kBAAkB,KAAK,kBAAkB,CAAC,MAAM;YAChD,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE;YAChC,CAAC,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC;IACnC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,CAAC,KAAK;QAC7C,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE;QAChC,CAAC,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC;IACrC,aAAa,EAAE,MAAM;IACrB,OAAO,EAAE;QACP,aAAa,EAAE,MAAM;KACtB;CACF,CAAC,CACH,CAAA;AAED,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAChD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,SAAS;CACjB,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,SAAS;IAChB,mBAAmB,EAAE;QACnB,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,eAAe,EAAE,SAAS;QAC1B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAChC;IACD,oBAAoB,EAAE;QACpB,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,SAAS;KAC3B;IACD,oBAAoB,EAAE;QACpB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,CAAC;QACR,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,SAAS;QAC1B,SAAS,EAAE,UAAU;QACrB,SAAS,EACP,8EAA8E;QAChF,oDAAoD,EAAE;YACpD,SAAS,EACP,8EAA8E;SACjF;QACD,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,kCAAkC,EAClC,6BAA6B,GAC9B,CAAA"}
+{"version":3,"file":"TranslationControls.styled.js","sourceRoot":"","sources":["../../../../src/components/WearablePreview/TranslationControls/TranslationControls.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAElF,MAAM,kCAAkC,GAAG,MAAM,CAAC,GAAG,CAAC,CAGnD,CAAC,EAAE,kBAAkB,GAAG,kBAAkB,CAAC,MAAM,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrG,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,CAAC,kBAAkB,KAAK,kBAAkB,CAAC,GAAG;QAC/C,CAAC,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE;QAClC,CAAC,CAAC,kBAAkB,KAAK,kBAAkB,CAAC,MAAM;YAChD,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE;YAChC,CAAC,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC;IACnC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC;IACpH,aAAa,EAAE,MAAM;IACrB,OAAO,EAAE;QACP,aAAa,EAAE,MAAM;KACtB;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAChD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,SAAS;CACjB,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,SAAS;IAChB,mBAAmB,EAAE;QACnB,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,eAAe,EAAE,SAAS;QAC1B,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAChC;IACD,oBAAoB,EAAE;QACpB,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,SAAS;KAC3B;IACD,oBAAoB,EAAE;QACpB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,CAAC;QACR,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,SAAS;QAC1B,SAAS,EAAE,UAAU;QACrB,SAAS,EAAE,8EAA8E;QACzF,oDAAoD,EAAE;YACpD,SAAS,EAAE,8EAA8E;SAC1F;QACD,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,kCAAkC,EAAE,6BAA6B,EAAE,CAAA"}

package/dist/components/WearablePreview/TranslationControls/TranslationControls.types.d.ts

@@ -1,4 +1,4 @@
-import { IPreviewController } from "@dcl/schemas";
+import { IPreviewController } from '@dcl/schemas';
 declare enum HorizontalPosition {
     TOP = "top",
     BOTTOM = "bottom",

package/dist/components/WearablePreview/TranslationControls/index.d.ts

@@ -1,3 +1,3 @@
-export { TranslationControls } from "./TranslationControls";
-export { VerticalPosition } from "./TranslationControls.types";
-export type { TranslationControlsProps } from "./TranslationControls.types";
+export { TranslationControls } from './TranslationControls';
+export { VerticalPosition } from './TranslationControls.types';
+export type { TranslationControlsProps } from './TranslationControls.types';

package/dist/components/WearablePreview/TranslationControls/index.js

@@ -1,3 +1,3 @@
-export { TranslationControls } from "./TranslationControls";
-export { VerticalPosition } from "./TranslationControls.types";
+export { TranslationControls } from './TranslationControls';
+export { VerticalPosition } from './TranslationControls.types';
 //# sourceMappingURL=index.js.map

package/dist/components/WearablePreview/WearablePreview.controller.d.ts

@@ -1,4 +1,4 @@
-import { IPreviewController } from "@dcl/schemas/dist/dapps/preview";
+import { IPreviewController } from '@dcl/schemas/dist/dapps/preview';
 declare function isControllerReady(id: string): boolean;
 declare function createController(id: string): IPreviewController;
 export { isControllerReady, createController };