decentraland-ui2 0.26.1-17074319572.commit-54256a2 → 0.26.1-17079106219.commit-37645ec

package/dist/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.styled.d.ts

@@ -0,0 +1,85 @@
+import { Avatar } from "@dcl/schemas";
+interface AvatarPreviewProps {
+    avatar?: Avatar;
+}
+declare const UserMenuSignedInContainer: 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").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const ActivityIcon: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, "color" | "fontSize" | "shapeRendering" | "className" | "style" | "classes" | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const AvatarFaceContainer: 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").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const ActionsContainer: import("@emotion/styled").StyledComponent<import("@mui/material").PaperOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "elevation" | "className" | "style" | "classes" | "children" | "square" | "sx" | "variant"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const AvatarPreviewContainer: 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").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const AvatarPreview: 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").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+} & AvatarPreviewProps, {}, {}>;
+declare const MenuInformationActionContainer: 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").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const MenuContainer: import("@emotion/styled").StyledComponent<import("@mui/material").MenuProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const MenuInfoContainer: 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").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const MenuInfoTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const MenuInfoUnclaimedTypography: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+declare const ActionsWrapper: 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").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const ActionsMenuItem: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "disabled" | "selected" | "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "dense" | "divider"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const InviteFriendsTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const ReferralInviteFriendsIconContainer: 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").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const ActionsListItemIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const LogoutContainer: 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").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export { UserMenuSignedInContainer, ActivityIcon, AvatarFaceContainer, AvatarPreviewContainer, AvatarPreview, MenuInformationActionContainer, MenuContainer, ActionsContainer, MenuInfoContainer, MenuInfoTypography, MenuInfoUnclaimedTypography, ActionsWrapper, ActionsMenuItem, InviteFriendsTypography, ReferralInviteFriendsIconContainer, ActionsListItemIcon, LogoutContainer, };

package/dist/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.styled.js

@@ -0,0 +1,216 @@
+import HistoryRoundedIcon from "@mui/icons-material/HistoryRounded";
+import styled from "@emotion/styled";
+import { Box, ListItemIcon, Menu, MenuItem, Paper, Typography, } from "@mui/material";
+import ManDefault from "../../../Assets/man-default1.png";
+const UserMenuSignedInContainer = styled(Box)((props) => {
+    const { theme } = props;
+    return {
+        display: "flex",
+        position: "relative",
+        textAlign: "left",
+        outline: "none",
+        justifyContent: "flex-end",
+        alignItems: "center",
+        height: "66px",
+        [theme.breakpoints.up("sm")]: {
+            "& > *": {
+                marginLeft: "16px",
+            },
+        },
+    };
+});
+const ActivityIcon = styled(HistoryRoundedIcon)((props) => {
+    const { theme } = props;
+    return {
+        "& path": {
+            fill: theme.palette.icon,
+        },
+    };
+});
+const AvatarFaceContainer = styled(Box)((props) => {
+    const { theme } = props;
+    return {
+        cursor: "pointer",
+        marginLeft: "16px",
+        marginRight: "16px",
+        [theme.breakpoints.down("sm")]: {
+            marginRight: "0",
+        },
+    };
+});
+const ActionsContainer = styled(Paper)((props) => {
+    const { theme } = props;
+    return {
+        height: "607px",
+        width: "561px",
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: "flex-start",
+        overflow: "hidden",
+        [theme.breakpoints.down("sm")]: {
+            position: "fixed",
+            flexDirection: "column-reverse",
+            top: "66px",
+            left: 0,
+            paddingLeft: "25px",
+            paddingRight: "22px",
+            width: "100vw",
+            height: "calc(100vh - 66px)",
+        },
+    };
+});
+const AvatarPreviewContainer = styled(Box)((props) => {
+    const { theme } = props;
+    return {
+        height: "100%",
+        width: "330px",
+        [theme.breakpoints.down("sm")]: {
+            width: "100%",
+        },
+    };
+});
+const AvatarPreview = styled(Box)((props) => {
+    const { avatar } = props;
+    let styles = {
+        height: "100%",
+        width: "100%",
+        backgroundRepeat: "no-repeat",
+        backgroundSize: "80%",
+        backgroundImage: `url(${ManDefault})`,
+        backgroundPosition: "bottom center",
+    };
+    if (avatar?.avatar?.snapshots?.body) {
+        styles = {
+            ...styles,
+            backgroundSize: "contain",
+            backgroundImage: `url("${avatar.avatar.snapshots.body}")`,
+        };
+    }
+    return styles;
+});
+const MenuInformationActionContainer = styled(Box)((props) => {
+    const { theme } = props;
+    return {
+        height: "100%",
+        width: "331px",
+        display: "flex",
+        flexDirection: "column",
+        [theme.breakpoints.down("sm")]: {
+            width: "100%",
+        },
+    };
+});
+const MenuContainer = styled(Menu)((props) => {
+    const { theme } = props;
+    return {
+        height: "720px",
+        width: "561px",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "flex-start",
+        "& .MuiPaper-root .MuiList-root": {
+            paddingTop: 0,
+            paddingBottom: 0,
+        },
+        [theme.breakpoints.down("sm")]: {
+            marginLeft: "25px",
+            marginRight: "22px",
+            width: "calc(100% - 25px - 22px)",
+            height: "auto",
+        },
+    };
+});
+const MenuInfoContainer = styled(Box)({
+    display: "flex",
+    alignItems: "flex-start",
+    padding: "64px 0 47px",
+    flexDirection: "column",
+});
+const MenuInfoTypography = styled(Typography)((props) => {
+    const { theme } = props;
+    return {
+        color: theme.palette.text.primary,
+    };
+});
+const MenuInfoUnclaimedTypography = styled("span")((props) => {
+    const { theme } = props;
+    return {
+        color: theme.palette.text.secondary,
+        marginLeft: "12px",
+        fontSize: "20px",
+        fontStyle: "normal",
+        fontWeight: "400",
+        lineHeight: "18px",
+    };
+});
+const ActionsWrapper = styled(Box)((props) => {
+    const { theme } = props;
+    return {
+        height: "330px",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "flex-start",
+        margin: "0 55px 0 0",
+        [theme.breakpoints.down("sm")]: {
+            margin: "0",
+        },
+    };
+});
+const ActionsMenuItem = styled(MenuItem)((props) => {
+    const { theme } = props;
+    return {
+        borderBottomColor: theme.palette.text.primary,
+        borderBottomWidth: "1px",
+        borderBottomStyle: "solid",
+        color: theme.palette.text.primary,
+        paddingLeft: 0,
+        paddingRight: 0,
+        flex: 1,
+        width: "100%",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+    };
+});
+const InviteFriendsTypography = styled(Typography)({
+    display: "flex",
+    alignItems: "center",
+});
+const ReferralInviteFriendsIconContainer = styled(Box)({
+    marginLeft: "12px",
+    display: "flex",
+    alignItems: "center",
+});
+const ActionsListItemIcon = styled(ListItemIcon)((props) => {
+    const { theme } = props;
+    return {
+        color: theme.palette.text.primary,
+        "&.MuiListItemIcon-root": {
+            minWidth: 0,
+        },
+    };
+});
+const LogoutContainer = styled(Box)((props) => {
+    const { theme } = props;
+    return {
+        color: theme.palette.text.primary,
+        fontWeight: "600",
+        height: "24px",
+        lineHeight: "18px",
+        margin: "auto 55px 48px 0",
+        display: "flex",
+        justifyContent: "flex-end",
+        alignItems: "center",
+        cursor: "pointer",
+        "& svg": {
+            marginLeft: "16px",
+        },
+        [theme.breakpoints.down("sm")]: {
+            position: "absolute",
+            bottom: "0",
+            right: "0",
+        },
+    };
+});
+export { UserMenuSignedInContainer, ActivityIcon, AvatarFaceContainer, AvatarPreviewContainer, AvatarPreview, MenuInformationActionContainer, MenuContainer, ActionsContainer, MenuInfoContainer, MenuInfoTypography, MenuInfoUnclaimedTypography, ActionsWrapper, ActionsMenuItem, InviteFriendsTypography, ReferralInviteFriendsIconContainer, ActionsListItemIcon, LogoutContainer, };
+//# sourceMappingURL=UserMenuSignedIn.styled.js.map

package/dist/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.styled.js.map

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

package/dist/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.types.d.ts

@@ -0,0 +1,30 @@
+import { Avatar } from "@dcl/schemas";
+import { ManaBalancesProps } from "../../UserMenu/ManaBalances/ManaBalances.types";
+import { UserMenuI18N } from "../UserMenu.types";
+import type { NotificationsProps } from "../../Notifications/Notifications.types";
+type UserMenuSignedInProps = ManaBalancesProps & {
+    avatar?: Avatar;
+    address?: string;
+    isOpen?: boolean;
+    trackingId?: string;
+    hasActivity?: boolean;
+    creditsBalance?: ManaBalancesProps["creditsBalance"];
+    notifications?: NotificationsProps;
+    i18n: UserMenuI18N;
+    onClickMarketplaceAuthorization?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onClickActivity?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onClickClose?: () => void;
+    onClickMyAssets?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onClickProfile?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onClickSignOut?: (event: React.MouseEvent<HTMLElement, MouseEvent>, trackingId: string) => void;
+    onClickToggle?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onClickAccount?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onClickUserMenuItem?: (event: React.MouseEvent<HTMLElement, MouseEvent>, options: {
+        type: string;
+        url?: string;
+        track_uuid?: string;
+    }) => void;
+    balances?: React.ReactNode;
+};
+type UserMenuActionsProps = Pick<UserMenuSignedInProps, "avatar" | "address" | "i18n" | "trackingId" | "onClickUserMenuItem" | "onClickMarketplaceAuthorization" | "onClickMyAssets" | "onClickProfile" | "onClickSignOut" | "onClickAccount" | "balances">;
+export type { UserMenuSignedInProps, UserMenuActionsProps };

package/dist/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=UserMenuSignedIn.types.js.map

package/dist/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenuSignedIn.types.js","sourceRoot":"","sources":["../../../../src/components/UserMenu/UserMenuSignedIn/UserMenuSignedIn.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,6 @@
+export { UserMenu } from "./UserMenu";
+export { UserMenuSignedIn } from "./UserMenuSignedIn/UserMenuSignedIn";
+export { ManaBalances } from "./ManaBalances";
+export type { UserMenuProps } from "./UserMenu.types";
+export type { UserMenuSignedInProps } from "./UserMenuSignedIn/UserMenuSignedIn.types";
+export type { ManaBalancesProps } from "./ManaBalances";

package/dist/components/UserMenu/index.js

@@ -0,0 +1,4 @@
+export { UserMenu } from "./UserMenu";
+export { UserMenuSignedIn } from "./UserMenuSignedIn/UserMenuSignedIn";
+export { ManaBalances } from "./ManaBalances";
+//# sourceMappingURL=index.js.map

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

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

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

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

package/dist/components/WearablePreview/WearablePreview.controller.js

@@ -0,0 +1,124 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { PreviewMessageType, sendMessage, } from "@dcl/schemas/dist/dapps/preview";
+import { default as future } from "fp-future";
+import mitt from "mitt";
+const promises = new Map();
+const emoteEvents = new Map();
+window.onmessage = function handleMessage(event) {
+    if (event.data && event.data.type) {
+        switch (event.data.type) {
+            case PreviewMessageType.CONTROLLER_RESPONSE: {
+                const payload = event.data
+                    .payload;
+                const { id } = payload;
+                const promise = promises.get(id);
+                if (promise) {
+                    if (payload.ok) {
+                        promise.resolve(payload.result);
+                    }
+                    else if (payload.ok === false) {
+                        promise.reject(new Error(payload.error));
+                    }
+                }
+                break;
+            }
+            case PreviewMessageType.EMOTE_EVENT: {
+                const payload = event.data
+                    .payload;
+                const { type, payload: eventPayload } = payload;
+                const events = event.source ? emoteEvents.get(event.source) : null;
+                if (events && type) {
+                    events.emit(type, eventPayload);
+                }
+                break;
+            }
+            default:
+            // nothing to do, invalid message
+        }
+    }
+};
+let nonce = 0;
+function createSendRequest(id) {
+    return function sendRequest(namespace, method, params) {
+        const iframe = document.getElementById(id);
+        const messageId = id + "-" + nonce;
+        const promise = future();
+        promises.set(messageId, promise);
+        const type = PreviewMessageType.CONTROLLER_REQUEST;
+        const message = { id: messageId, namespace, method, params };
+        if (iframe.contentWindow) {
+            sendMessage(iframe.contentWindow, type, message);
+        }
+        nonce++;
+        return promise;
+    };
+}
+export function createController(id) {
+    const iframe = document.getElementById(id);
+    if (!iframe) {
+        throw new Error(`Could not find an iframe with id="${id}"`);
+    }
+    const events = iframe.contentWindow
+        ? emoteEvents.get(iframe.contentWindow) ?? mitt()
+        : mitt();
+    if (iframe.contentWindow) {
+        emoteEvents.set(iframe.contentWindow, events);
+    }
+    const sendRequest = createSendRequest(id);
+    return {
+        scene: {
+            getScreenshot(width, height) {
+                return sendRequest("scene", "getScreenshot", [width, height]);
+            },
+            getMetrics() {
+                return sendRequest("scene", "getMetrics", []);
+            },
+            changeZoom: function (zoom) {
+                return sendRequest("scene", "changeZoom", [zoom]);
+            },
+            panCamera: function (offset) {
+                return sendRequest("scene", "panCamera", [offset]);
+            },
+            changeCameraPosition: function (position) {
+                return sendRequest("scene", "changeCameraPosition", [position]);
+            },
+            cleanup() {
+                return sendRequest("scene", "cleanup", []);
+            },
+            setUsername: function (username) {
+                return sendRequest("scene", "setUsername", [username]);
+            },
+        },
+        emote: {
+            getLength() {
+                return sendRequest("emote", "getLength", []);
+            },
+            isPlaying() {
+                return sendRequest("emote", "isPlaying", []);
+            },
+            goTo(seconds) {
+                return sendRequest("emote", "goTo", [seconds]);
+            },
+            play() {
+                return sendRequest("emote", "play", []);
+            },
+            pause() {
+                return sendRequest("emote", "pause", []);
+            },
+            stop() {
+                return sendRequest("emote", "stop", []);
+            },
+            enableSound() {
+                return sendRequest("emote", "enableSound", []);
+            },
+            disableSound() {
+                return sendRequest("emote", "disableSound", []);
+            },
+            hasSound() {
+                return sendRequest("emote", "hasSound", []);
+            },
+            events,
+        },
+    };
+}
+//# sourceMappingURL=WearablePreview.controller.js.map

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

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

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

@@ -0,0 +1,7 @@
+import { createController } from "./WearablePreview.controller";
+import { WearablePreviewProps } from "./WearablePreview.types";
+declare const WearablePreview: {
+    (props: WearablePreviewProps): import("react/jsx-runtime").JSX.Element;
+    createController: typeof createController;
+};
+export { WearablePreview };