decentraland-ui2 0.39.2 → 0.39.3-19113995825.commit-44a6d25

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

@@ -0,0 +1,29 @@
+import styled from "@emotion/styled";
+import { Button } from "../../Button";
+import { Position } from "./ZoomControls.types";
+const StyledZoomControlsContainer = styled("div")(({ position }) => ({
+    display: "flex",
+    flexDirection: "column",
+    position: "absolute",
+    top: "12px",
+    ...(position === Position.LEFT ? { left: "12px" } : { right: "12px" }),
+}));
+const StyledZoomButton = styled(Button)({
+    width: "32px",
+    height: "32px",
+    minWidth: "unset",
+    padding: 0,
+    backgroundColor: "rgba(0, 0, 0, 0.64) !important",
+    borderRadius: 0,
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    "&:hover": {
+        transform: "none",
+    },
+    "& i.icon": {
+        margin: "0 !important",
+    },
+});
+export { StyledZoomControlsContainer, StyledZoomButton };
+//# sourceMappingURL=ZoomControls.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomControls.styled.js","sourceRoot":"","sources":["../../../../src/components/WearablePreview/ZoomControls/ZoomControls.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,MAAM,2BAA2B,GAAG,MAAM,CAAC,KAAK,CAAC,CAE9C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IACpB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,MAAM;IACX,GAAG,CAAC,QAAQ,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;CACvE,CAAC,CAAC,CAAA;AAEH,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE,CAAC;IACV,eAAe,EAAE,gCAAgC;IACjD,YAAY,EAAE,CAAC;IACf,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE;QACT,SAAS,EAAE,MAAM;KAClB;IACD,UAAU,EAAE;QACV,MAAM,EAAE,cAAc;KACvB;CACF,CAAC,CAAA;AAEF,OAAO,EAAE,2BAA2B,EAAE,gBAAgB,EAAE,CAAA"}

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

@@ -0,0 +1,12 @@
+import { IPreviewController } from "@dcl/schemas";
+export type ZoomControlsProps = {
+    wearablePreviewId: string;
+    className?: string;
+    position?: Position;
+    wearablePreviewController?: IPreviewController;
+    zoomDelta?: number;
+};
+export declare enum Position {
+    LEFT = "left",
+    RIGHT = "right"
+}

package/dist/components/WearablePreview/ZoomControls/ZoomControls.types.js

@@ -0,0 +1,6 @@
+export var Position;
+(function (Position) {
+    Position["LEFT"] = "left";
+    Position["RIGHT"] = "right";
+})(Position || (Position = {}));
+//# sourceMappingURL=ZoomControls.types.js.map

package/dist/components/WearablePreview/ZoomControls/ZoomControls.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomControls.types.js","sourceRoot":"","sources":["../../../../src/components/WearablePreview/ZoomControls/ZoomControls.types.ts"],"names":[],"mappings":"AAUA,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,yBAAa,CAAA;IACb,2BAAe,CAAA;AACjB,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB"}

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

@@ -0,0 +1,3 @@
+export { ZoomControls } from "./ZoomControls";
+export { Position } from "./ZoomControls.types";
+export type { ZoomControlsProps } from "./ZoomControls.types";

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

@@ -0,0 +1,3 @@
+export { ZoomControls } from "./ZoomControls";
+export { Position } from "./ZoomControls.types";
+//# sourceMappingURL=index.js.map

package/dist/components/WearablePreview/ZoomControls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/WearablePreview/ZoomControls/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA"}

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

@@ -1,3 +1,11 @@
 export { WearablePreview } from "./WearablePreview";
-export { PreviewUnityMode } from "./WearablePreview.types";
+export { EmoteControls } from "./EmoteControls";
+export { AnimationControls } from "./AnimationControls";
+export { TranslationControls } from "./TranslationControls";
+export { ZoomControls } from "./ZoomControls";
+export { useWearablePreviewController } from "./useWearablePreviewController";
+export type { EmoteControlsProps } from "./EmoteControls/EmoteControls.types";
+export type { TranslationControlsProps } from "./TranslationControls/TranslationControls.types";
 export type { WearablePreviewProps } from "./WearablePreview.types";
+export type { ZoomControlsProps } from "./ZoomControls/ZoomControls.types";
+export type { AnimationControlsProps } from "./AnimationControls/AnimationControls.types";

package/dist/components/WearablePreview/index.js

@@ -1,3 +1,7 @@
 export { WearablePreview } from "./WearablePreview";
-export { PreviewUnityMode } from "./WearablePreview.types";
+export { EmoteControls } from "./EmoteControls";
+export { AnimationControls } from "./AnimationControls";
+export { TranslationControls } from "./TranslationControls";
+export { ZoomControls } from "./ZoomControls";
+export { useWearablePreviewController } from "./useWearablePreviewController";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/WearablePreview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/WearablePreview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA"}

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

@@ -0,0 +1,5 @@
+import { IPreviewController } from "@dcl/schemas/dist/dapps/preview";
+export declare const useWearablePreviewController: (previewId: string, externalController?: IPreviewController) => {
+    controllerRef: React.RefObject<IPreviewController | null>;
+    isReady: boolean;
+};

package/dist/components/WearablePreview/useWearablePreviewController.js

@@ -0,0 +1,45 @@
+import { useEffect, useRef, useState } from "react";
+import { PreviewMessageType, } from "@dcl/schemas/dist/dapps/preview";
+import { createController, isControllerReady, } from "./WearablePreview.controller";
+export const useWearablePreviewController = (previewId, externalController) => {
+    const controllerRef = useRef(null);
+    const [isReady, setIsReady] = useState(false);
+    useEffect(() => {
+        // Use external controller if provided, otherwise create one
+        const previewController = externalController ?? createController(previewId);
+        controllerRef.current = previewController;
+        // Check if already ready
+        if (isControllerReady(previewId)) {
+            setIsReady(true);
+            return;
+        }
+        // Get the iframe to check readiness
+        const iframe = document.getElementById(previewId);
+        if (!iframe) {
+            console.error(`Could not find iframe with id="${previewId}"`);
+            return;
+        }
+        // Store contentWindow reference for stable comparison
+        const iframeWindow = iframe.contentWindow;
+        if (!iframeWindow) {
+            console.error(`Iframe contentWindow is not accessible for id="${previewId}"`);
+            return;
+        }
+        // Listen for the LOAD message to know when controller is ready
+        const handleMessage = (event) => {
+            // Verify message is from our iframe and controller is actually ready
+            if (event.data?.type === PreviewMessageType.LOAD &&
+                isControllerReady(previewId)) {
+                setIsReady(true);
+            }
+        };
+        window.addEventListener("message", handleMessage);
+        return () => {
+            window.removeEventListener("message", handleMessage);
+            setIsReady(false);
+            controllerRef.current = null;
+        };
+    }, [previewId, externalController]);
+    return { controllerRef, isReady };
+};
+//# sourceMappingURL=useWearablePreviewController.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWearablePreviewController.js","sourceRoot":"","sources":["../../../src/components/WearablePreview/useWearablePreviewController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAEL,kBAAkB,GACnB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EACL,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,8BAA8B,CAAA;AAErC,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAC1C,SAAiB,EACjB,kBAAuC,EAIvC,EAAE;IACF,MAAM,aAAa,GAAG,MAAM,CAA4B,IAAI,CAAC,CAAA;IAC7D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,4DAA4D;QAC5D,MAAM,iBAAiB,GAAG,kBAAkB,IAAI,gBAAgB,CAAC,SAAS,CAAC,CAAA;QAC3E,aAAa,CAAC,OAAO,GAAG,iBAAiB,CAAA;QAEzC,yBAAyB;QACzB,IAAI,iBAAiB,CAAC,SAAS,CAAC,EAAE,CAAC;YACjC,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,OAAM;QACR,CAAC;QAED,oCAAoC;QACpC,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAsB,CAAA;QACtE,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,kCAAkC,SAAS,GAAG,CAAC,CAAA;YAC7D,OAAM;QACR,CAAC;QAED,sDAAsD;QACtD,MAAM,YAAY,GAAG,MAAM,CAAC,aAAa,CAAA;QACzC,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CACX,kDAAkD,SAAS,GAAG,CAC/D,CAAA;YACD,OAAM;QACR,CAAC;QAED,+DAA+D;QAC/D,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,EAAE;YAC5C,qEAAqE;YACrE,IACE,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,kBAAkB,CAAC,IAAI;gBAC5C,iBAAiB,CAAC,SAAS,CAAC,EAC5B,CAAC;gBACD,UAAU,CAAC,IAAI,CAAC,CAAA;YAClB,CAAC;QACH,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;YACpD,UAAU,CAAC,KAAK,CAAC,CAAA;YACjB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAA;QAC9B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAEnC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,CAAA;AACnC,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "decentraland-ui2",
-  "version": "0.39.2",
+  "version": "0.39.3-19113995825.commit-44a6d25",
   "description": "Decentraland's UI components and styles",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -39,7 +39,7 @@
   "dependencies": {
     "@contentful/rich-text-react-renderer": "^16.0.1",
     "@dcl/hooks": "^0.0.4",
-    "@dcl/schemas": "^19.4.0",
+    "@dcl/schemas": "^19.7.0",
     "@dcl/ui-env": "^1.5.1",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
@@ -99,5 +99,5 @@
   "files": [
     "dist"
   ],
-  "commit": "015afcce10e17f4e8679ddb94fa26527a316c6d1"
+  "commit": "44a6d25a43c4b99c01cf7a20b24d4ef58dce5e9a"
 }