decentraland-ui2 0.0.2-9020206964.commit-054087b → 0.0.3-9857431499.commit-4197294

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

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useMemo, useState } from "react";
+import ArrowForwardIcon from "@mui/icons-material/ArrowForward";
+import LogoutIcon from "@mui/icons-material/Logout";
+import { Badge, Box, IconButton, Typography } from "@mui/material";
+import { config } from "../../../config";
+import { AvatarFace } from "../../AvatarFace";
+import { useTabletAndBelowMediaQuery } from "../../Media";
+import { Notifications } from "../../Notifications";
+import { ManaBalances } from "../ManaBalances";
+import { UserMenuEventId } from "../UserMenu.types";
+import { ActionsContainer, ActionsListItemIcon, ActionsMenuItem, ActionsWrapper, ActivityIcon, AvatarFaceContainer, AvatarPreview, AvatarPreviewContainer, LogoutContainer, MenuContainer, MenuInfoContainer, MenuInfoTypography, MenuInfoUnclaimedTypography, MenuInformationActionContainer, UserMenuSignedInContainer, } from "./UserMenuSignedIn.styled";
+const UserMenuActions = (props) => {
+    const { avatar, address, i18n, trackingId, onClickMarketplaceAuthorization, onClickMyAssets, onClickProfile, onClickSignOut, onClickAccount, onClickUserMenuItem, } = props;
+    const handleClickMyAssets = useCallback((event) => {
+        onClickUserMenuItem &&
+            onClickUserMenuItem(event, {
+                type: UserMenuEventId.MY_ASSETS,
+                track_uuid: trackingId,
+                url: config.get("MARKETPLACE_MY_ASSETS_URL"),
+            });
+        setTimeout(() => {
+            onClickMyAssets
+                ? onClickMyAssets(event)
+                : window.open(`${config.get("MARKETPLACE_MY_ASSETS_URL")}`, "_blank", "noopener");
+        }, onClickUserMenuItem ? 300 : 0);
+    }, [onClickMyAssets, onClickUserMenuItem, trackingId]);
+    const handleClickMarketplaceAuthorization = useCallback((event) => {
+        onClickUserMenuItem &&
+            onClickUserMenuItem(event, {
+                type: UserMenuEventId.MARKETPLACE_AUTHORIZATIONS,
+                track_uuid: trackingId,
+                url: config.get("MARKETPLACE_SETTINGS_URL"),
+            });
+        setTimeout(() => {
+            onClickMarketplaceAuthorization
+                ? onClickMarketplaceAuthorization(event)
+                : window.open(`${config.get("MARKETPLACE_SETTINGS_URL")}`, "_blank", "noopener");
+        }, onClickUserMenuItem ? 300 : 0);
+    }, [onClickMarketplaceAuthorization, onClickUserMenuItem, trackingId]);
+    const handleClickProfile = useCallback((event) => {
+        onClickUserMenuItem &&
+            onClickUserMenuItem(event, {
+                type: UserMenuEventId.PROFILE,
+                track_uuid: trackingId,
+                url: config.get("PROFILE_URL"),
+            });
+        setTimeout(() => {
+            onClickProfile
+                ? onClickProfile(event)
+                : window.open(config.get("PROFILE_URL"), "_blank", "noopener");
+        }, onClickUserMenuItem ? 300 : 0);
+    }, [onClickProfile, onClickUserMenuItem, trackingId]);
+    const handleClickAccount = useCallback((event) => {
+        onClickUserMenuItem &&
+            onClickUserMenuItem(event, {
+                type: UserMenuEventId.ACCOUNT,
+                track_uuid: trackingId,
+                url: config.get("ACCOUNT_URL"),
+            });
+        setTimeout(() => {
+            onClickAccount
+                ? onClickAccount(event)
+                : window.open(config.get("ACCOUNT_URL"), "_blank", "noopener");
+        }, onClickUserMenuItem ? 300 : 0);
+    }, [onClickAccount, onClickUserMenuItem, trackingId]);
+    const handleClickSignOut = useCallback((event) => {
+        onClickUserMenuItem &&
+            onClickUserMenuItem(event, {
+                type: UserMenuEventId.SIGN_OUT,
+                track_uuid: trackingId,
+            });
+        onClickSignOut && onClickSignOut(event, trackingId || "");
+    }, [onClickSignOut, onClickUserMenuItem, trackingId]);
+    const userAddress = useMemo(() => avatar?.ethAddress || address, [avatar, address]);
+    return (_jsxs(ActionsContainer, { elevation: 24, children: [_jsx(AvatarPreviewContainer, { children: _jsx(AvatarPreview, { avatar: avatar }) }), _jsxs(MenuInformationActionContainer, { children: [_jsx(MenuInfoContainer, { children: _jsxs(MenuInfoTypography, { variant: "h4", children: [avatar?.name || i18n.guest, " ", !avatar?.hasClaimedName && userAddress && (_jsxs(MenuInfoUnclaimedTypography, { children: ["#", userAddress.substring(userAddress.length - 4)] }))] }) }), _jsxs(ActionsWrapper, { children: [_jsxs(ActionsMenuItem, { onClick: handleClickProfile, children: [_jsx(Typography, { variant: "h6", children: i18n.viewProfile }), _jsx(ActionsListItemIcon, { children: _jsx(ArrowForwardIcon, {}) })] }), _jsxs(ActionsMenuItem, { onClick: handleClickMyAssets, children: [_jsx(Typography, { variant: "h6", children: i18n.myAssets }), _jsx(ActionsListItemIcon, { children: _jsx(ArrowForwardIcon, {}) })] }), _jsxs(ActionsMenuItem, { onClick: handleClickAccount, children: [_jsx(Typography, { variant: "h6", children: i18n.account }), _jsx(ActionsListItemIcon, { children: _jsx(ArrowForwardIcon, {}) })] }), _jsxs(ActionsMenuItem, { onClick: handleClickMarketplaceAuthorization, children: [_jsx(Typography, { variant: "h6", children: i18n.marketplaceAuthorizations }), _jsx(ActionsListItemIcon, { children: _jsx(ArrowForwardIcon, {}) })] })] }), _jsxs(LogoutContainer, { onClick: handleClickSignOut, children: [_jsx(Typography, { variant: "h6", children: i18n.signOut }), _jsx(LogoutIcon, {})] })] })] }));
+};
+const UserMenuSignedIn = React.memo((props) => {
+    const { manaBalances, avatar, hasActivity, isOpen, trackingId, notifications, onClickActivity, onClickBalance, onClickClose, onClickUserMenuItem, onClickToggle, ...actionsProps } = props;
+    const [anchorEl, setAnchorEl] = useState(null);
+    const isTabletAndBelow = useTabletAndBelowMediaQuery();
+    const handleClickActivity = useCallback((event) => {
+        onClickUserMenuItem &&
+            onClickUserMenuItem(event, {
+                type: UserMenuEventId.ACTIVITY,
+                track_uuid: trackingId,
+                url: `${config.get("MARKETPLACE_URL")}/activity`,
+            });
+        setTimeout(() => {
+            onClickActivity
+                ? onClickActivity(event)
+                : window.open(`${config.get("MARKETPLACE_URL")}/activity`, "_blank", "noopener");
+        }, onClickActivity ? 300 : 0);
+    }, [onClickActivity, onClickUserMenuItem, trackingId]);
+    const handleClickToggle = useCallback((event) => {
+        onClickToggle && onClickToggle(event);
+        setAnchorEl(event.currentTarget);
+    }, [onClickToggle]);
+    const handleClickClose = useCallback(() => {
+        onClickClose && onClickClose();
+    }, [onClickClose]);
+    return (_jsxs(UserMenuSignedInContainer, { children: [notifications && _jsx(Notifications, { ...notifications }), _jsx(IconButton, { "aria-label": "activity", onClick: handleClickActivity, children: _jsx(Badge, { color: "secondary", variant: "dot", invisible: !hasActivity, children: _jsx(ActivityIcon, {}) }) }), _jsx(ManaBalances, { manaBalances: manaBalances, onClickBalance: onClickBalance }), _jsx(AvatarFaceContainer, { onClick: handleClickToggle, children: _jsx(AvatarFace, { size: "medium", avatar: avatar }) }), _jsx(Box, { onMouseLeave: handleClickClose, onScroll: !isTabletAndBelow ? handleClickClose : undefined, children: _jsx(MenuContainer, { anchorEl: anchorEl, open: !!isOpen, onClose: handleClickClose, anchorOrigin: {
+                        vertical: "bottom",
+                        horizontal: "right",
+                    }, transformOrigin: {
+                        vertical: "top",
+                        horizontal: "right",
+                    }, children: _jsx(UserMenuActions, { onClickUserMenuItem: onClickUserMenuItem, avatar: avatar, trackingId: trackingId, ...actionsProps }) }) })] }));
+});
+export { UserMenuSignedIn, UserMenuActions };
+//# sourceMappingURL=UserMenuSignedIn.js.map

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

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

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

@@ -0,0 +1,8 @@
+import { UserMenuSignedInProps } from "./UserMenuSignedIn.types";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<UserMenuSignedInProps>;
+type Story = StoryObj<UserMenuSignedInProps>;
+declare const SignedIn: Story;
+declare const CompleteWithActivity: Story;
+export default meta;
+export { SignedIn, CompleteWithActivity };

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

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Network } from "@dcl/schemas/dist/dapps/network";
+import { Box } from "@mui/material";
+import { UserMenuSignedIn } from "./UserMenuSignedIn";
+import { avatar } from "../../../data/avatar";
+import { itemSoldNotificationPropsData } from "../../../data/notifications";
+import { NotificationActiveTab } from "../../Notifications/types";
+import { i18n } from "../UserMenu.i18n";
+const meta = {
+    component: UserMenuSignedIn,
+    title: "Decentraland UI/UserMenuSignedIn",
+    argTypes: {},
+    args: {
+        onClickMarketplaceAuthorization: () => console.log,
+        onClickMyAssets: () => console.log,
+        onClickProfile: () => console.log,
+        onClickSignOut: () => console.log,
+        onClickAccount: () => console.log,
+        avatar: avatar,
+        i18n: i18n,
+        trackingId: "",
+    },
+    render: (args) => {
+        const [open, setOpen] = useState(false);
+        return (_jsx(Box, { sx: { width: "500px", height: "90vh", backgroundColor: "lightgray" }, children: _jsx(UserMenuSignedIn, { ...args, isOpen: open, onClickToggle: () => setOpen(true), onClickClose: () => setOpen(false) }) }));
+    },
+};
+const SignedIn = {
+    name: "Signed in",
+    args: {
+        manaBalances: { [Network.ETHEREUM]: 1000, [Network.MATIC]: 2500 },
+    },
+};
+const CompleteWithActivity = {
+    name: "Complete with activity",
+    args: {
+        manaBalances: { [Network.ETHEREUM]: 1000, [Network.MATIC]: 2500 },
+        hasActivity: true,
+    },
+    render: (args) => {
+        const [open, setOpen] = useState(false);
+        const [openNotification, setOpenNotification] = useState(false);
+        const [tab, setTab] = useState(NotificationActiveTab.NEWEST);
+        return (_jsx(Box, { sx: {
+                width: "500px",
+                height: "90vh",
+            }, children: _jsx(UserMenuSignedIn, { ...args, notifications: {
+                    isOnboarding: false,
+                    isOpen: openNotification,
+                    isLoading: false,
+                    items: [itemSoldNotificationPropsData],
+                    locale: "en",
+                    activeTab: tab,
+                    onBegin: console.log,
+                    onChangeTab: (_e, tab) => setTab(tab),
+                    onClick: () => setOpenNotification(true),
+                    onClose: () => setOpenNotification(false),
+                }, isOpen: open, onClickToggle: () => setOpen(true), onClickClose: () => setOpen(false) }) }));
+    },
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { SignedIn, CompleteWithActivity };
+//# sourceMappingURL=UserMenuSignedIn.stories.js.map

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

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

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

@@ -0,0 +1,75 @@
+/// <reference types="react" />
+import { Avatar } from "@dcl/schemas";
+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 | undefined;
+}, {}, {}>;
+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;
+}, "className" | "children" | "color" | "style" | "fontSize" | "shapeRendering" | "classes" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+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 | undefined;
+}, {}, {}>;
+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;
+}, "className" | "children" | "style" | "square" | "classes" | "sx" | "variant" | "elevation"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+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 | undefined;
+}, {}, {}>;
+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 | undefined;
+} & {
+    avatar?: Avatar | undefined;
+}, {}, {}>;
+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 | undefined;
+}, {}, {}>;
+declare const MenuContainer: import("@emotion/styled").StyledComponent<import("@mui/material").MenuProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+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 | undefined;
+}, {}, {}>;
+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;
+}, "className" | "width" | "height" | "padding" | "top" | "left" | "children" | "color" | "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "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" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "classes" | "sx" | "variant" | "align" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare const MenuInfoUnclaimedTypography: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, 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 | undefined;
+}, {}, {}>;
+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;
+}, "className" | "children" | "style" | "autoFocus" | "tabIndex" | "classes" | "sx" | "disabled" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "dense" | "disableGutters" | "divider"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+declare const ActionsListItemIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+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 | undefined;
+}, {}, {}>;
+export { UserMenuSignedInContainer, ActivityIcon, AvatarFaceContainer, AvatarPreviewContainer, AvatarPreview, MenuInformationActionContainer, MenuContainer, ActionsContainer, MenuInfoContainer, MenuInfoTypography, MenuInfoUnclaimedTypography, ActionsWrapper, ActionsMenuItem, ActionsListItemIcon, LogoutContainer, };

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

@@ -0,0 +1,167 @@
+import HistoryRoundedIcon from "@mui/icons-material/HistoryRounded";
+import styled from "@emotion/styled";
+import { Box, ListItemIcon, Menu, MenuItem, Paper, Typography, useTheme, } from "@mui/material";
+import ManDefault from "../../../Assets/man-default.png";
+const UserMenuSignedInContainer = styled(Box)({
+    display: "flex",
+    position: "relative",
+    textAlign: "left",
+    outline: "none",
+    justifyContent: "flex-end",
+    alignItems: "center",
+    height: "66px",
+    "& > *": {
+        marginLeft: "16px",
+    },
+});
+const ActivityIcon = styled(HistoryRoundedIcon)(() => {
+    const theme = useTheme();
+    return {
+        "& path": {
+            fill: theme.palette.icon,
+        },
+    };
+});
+const AvatarFaceContainer = styled(Box)({
+    cursor: "pointer",
+    marginLeft: "16px",
+    marginRight: "16px",
+});
+const ActionsContainer = styled(Paper)({
+    height: "607px",
+    width: "561px",
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "flex-start",
+    overflow: "hidden",
+    "@media (max-width: 991px)": {
+        marginLeft: "25px",
+        marginRight: "22px",
+        width: "calc(100% - 25px - 22px)",
+        height: "auto",
+    },
+});
+const AvatarPreviewContainer = styled(Box)({
+    height: "110%",
+    marginLeft: "-100px",
+    marginBottom: "-100px",
+    width: "330px",
+});
+const AvatarPreview = styled(Box)((props) => {
+    let styles = {
+        height: "100%",
+        width: "100%",
+        backgroundRepeat: "no-repeat",
+        backgroundSize: "55%",
+        backgroundImage: `url(${ManDefault})`,
+        backgroundPosition: "center",
+        backgroundPositionX: "50px",
+        backgroundPositionY: "70px",
+    };
+    if (props.avatar?.avatar?.snapshots?.body) {
+        styles = {
+            ...styles,
+            backgroundSize: "contain",
+            backgroundImage: `url("${props.avatar.avatar.snapshots.body}")`,
+            backgroundPositionX: "0px",
+            backgroundPositionY: "0px",
+        };
+    }
+    return styles;
+});
+const MenuInformationActionContainer = styled(Box)({
+    height: "100%",
+    width: "331px",
+    display: "flex",
+    flexDirection: "column",
+});
+const MenuContainer = styled(Menu)({
+    height: "720px",
+    width: "561px",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "flex-start",
+    "& .MuiPaper-root .MuiList-root": {
+        paddingTop: 0,
+        paddingBottom: 0,
+    },
+    "@media (max-width: 991px)": {
+        marginLeft: "25px",
+        marginRight: "22px",
+        width: "calc(100% - 25px - 22px)",
+        height: "auto",
+    },
+});
+const MenuInfoContainer = styled(Box)({
+    display: "flex",
+    alignItems: "center",
+    padding: "64px 0 47px",
+});
+const MenuInfoTypography = styled(Typography)(() => {
+    const theme = useTheme();
+    return {
+        color: theme.palette.text.primary,
+    };
+});
+const MenuInfoUnclaimedTypography = styled("span")(() => {
+    const theme = useTheme();
+    return {
+        color: theme.palette.text.secondary,
+        marginLeft: "12px",
+        fontSize: "20px",
+        fontStyle: "normal",
+        fontWeight: "400",
+        lineHeight: "18px",
+    };
+});
+const ActionsWrapper = styled(Box)({
+    height: "330px",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "flex-start",
+    margin: "0 55px 0 0",
+});
+const ActionsMenuItem = styled(MenuItem)(() => {
+    const theme = useTheme();
+    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 ActionsListItemIcon = styled(ListItemIcon)(() => {
+    const theme = useTheme();
+    return {
+        color: theme.palette.text.primary,
+        "&.MuiListItemIcon-root": {
+            minWidth: 0,
+        },
+    };
+});
+const LogoutContainer = styled(Box)(() => {
+    const theme = useTheme();
+    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",
+        },
+    };
+});
+export { UserMenuSignedInContainer, ActivityIcon, AvatarFaceContainer, AvatarPreviewContainer, AvatarPreview, MenuInformationActionContainer, MenuContainer, ActionsContainer, MenuInfoContainer, MenuInfoTypography, MenuInfoUnclaimedTypography, ActionsWrapper, ActionsMenuItem, 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,29 @@
+/// <reference types="react" />
+import { Avatar } from "@dcl/schemas";
+import { NotificationsProps } from "../../Notifications/Notifications.types";
+import { ManaBalancesProps } from "../../UserMenu/ManaBalances/ManaBalances.types";
+import { UserMenuI18N } from "../UserMenu.types";
+type UserMenuSignedInProps = ManaBalancesProps & {
+    avatar?: Avatar;
+    address?: string;
+    isOpen?: boolean;
+    trackingId?: string;
+    hasActivity?: boolean;
+    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;
+};
+type UserMenuActionsProps = Pick<UserMenuSignedInProps, "avatar" | "address" | "i18n" | "trackingId" | "onClickUserMenuItem" | "onClickMarketplaceAuthorization" | "onClickMyAssets" | "onClickProfile" | "onClickSignOut" | "onClickAccount">;
+export { 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,4 @@
+export { UserMenu } from "./UserMenu";
+export { UserMenuSignedIn } from "./UserMenuSignedIn/UserMenuSignedIn";
+export { UserMenuProps } from "./UserMenu.types";
+export { UserMenuSignedInProps } from "./UserMenuSignedIn/UserMenuSignedIn.types";

package/dist/components/UserMenu/index.js

@@ -0,0 +1,3 @@
+export { UserMenu } from "./UserMenu";
+export { UserMenuSignedIn } from "./UserMenuSignedIn/UserMenuSignedIn";
+//# 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"}

package/dist/config/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAE/C,OAAO,GAAG,MAAM,gBAAgB,CAAA;AAChC,OAAO,IAAI,MAAM,iBAAiB,CAAA;AAClC,OAAO,GAAG,MAAM,gBAAgB,CAAA;AAEhC,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC;IACjC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,GAAG;IACtB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,GAAG;IAClB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,IAAI;CACvB,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,GAAG,MAAM,gBAAgB,CAAA;AAChC,OAAO,IAAI,MAAM,iBAAiB,CAAA;AAClC,OAAO,GAAG,MAAM,gBAAgB,CAAA;AAEhC,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC;IACjC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,GAAG;IACtB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,GAAG;IAClB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,IAAI;CACvB,CAAC,CAAA"}

package/dist/data/avatar.d.ts

@@ -0,0 +1,3 @@
+import { Avatar } from "@dcl/schemas/dist/platform/profile/avatar";
+declare const avatar: Avatar;
+export { avatar };

package/dist/data/avatar.js

@@ -0,0 +1,98 @@
+const avatar = {
+    hasClaimedName: true,
+    description: "My description",
+    tutorialStep: 4095,
+    name: "MotherHacker",
+    userId: "0xd9b96b5dc720fc52bede1ec3b40a930e15f70ddd",
+    email: "",
+    ethAddress: "0xd9b96b5dc720fc52bede1ec3b40a930e15f70ddd",
+    version: 64,
+    avatar: {
+        bodyShape: "urn:decentraland:off-chain:base-avatars:BaseMale",
+        wearables: [
+            "urn:decentraland:off-chain:base-avatars:eyebrows_17",
+            "urn:decentraland:off-chain:base-avatars:eyes_07",
+            "urn:decentraland:off-chain:base-avatars:beard",
+            "urn:decentraland:off-chain:base-avatars:mouth_03",
+            "urn:decentraland:off-chain:base-avatars:hair_coolshortstyle",
+            "urn:decentraland:matic:collections-v2:0xc43914be599f3f8fe4956aa3ec9d6a6aead1edfa:0:84",
+            "urn:decentraland:matic:collections-v2:0xd50191baed16bc532feb9d499fdaa805fe01d3ff:6:631873750011343120187508166102022593913370572403294667525865865224",
+            "urn:decentraland:matic:collections-v2:0xc43914be599f3f8fe4956aa3ec9d6a6aead1edfa:2:210624583337114373395836055367340864637790190801098222508621955166",
+            "urn:decentraland:off-chain:base-avatars:punk_piercing",
+            "urn:decentraland:matic:collections-v2:0x6b9ad15f1b82eb1d8b0f13d847f348b56589f83c:0:78",
+        ],
+        forceRender: [],
+        emotes: [
+            {
+                urn: "urn:decentraland:matic:collections-v2:0xea954afa4d2a8d0624adfafeb0e5a725ef777774:1:105312291668557186697918027683670432318895095400549111254310977736",
+                slot: 0,
+            },
+            {
+                urn: "urn:decentraland:matic:collections-v2:0xd50191baed16bc532feb9d499fdaa805fe01d3ff:3:315936875005671560093754083051011296956685286201647333762932932714",
+                slot: 1,
+            },
+            {
+                urn: "urn:decentraland:matic:collections-v2:0xea954afa4d2a8d0624adfafeb0e5a725ef777774:0:219",
+                slot: 2,
+            },
+            {
+                urn: "urn:decentraland:matic:collections-v2:0xef832a5183bf2e4099efed4c6ec981b7b41aa545:0:124",
+                slot: 3,
+            },
+            {
+                slot: 4,
+                urn: "hammer",
+            },
+            {
+                urn: "urn:decentraland:matic:collections-v2:0x768c1027b1f1a452ecb8dab017a1e630a75f0d30:1:105312291668557186697918027683670432318895095400549111254310977547",
+                slot: 5,
+            },
+            {
+                urn: "urn:decentraland:matic:collections-v2:0x83134b69f9af4cb3239e0645281902a0a02adb37:0:100",
+                slot: 6,
+            },
+            {
+                slot: 7,
+                urn: "kiss",
+            },
+            {
+                urn: "urn:decentraland:matic:collections-v2:0xc43914be599f3f8fe4956aa3ec9d6a6aead1edfa:4:421249166674228746791672110734681729275580381602196445017243910359",
+                slot: 8,
+            },
+            {
+                urn: "urn:decentraland:matic:collections-v2:0x0b472c2c04325a545a43370b54e93c87f3d5badf:3:315936875005671560093754083051011296956685286201647333762932932643",
+                slot: 9,
+            },
+        ],
+        snapshots: {
+            body: "https://peer-ec2.decentraland.org/content/contents/bafkreierlxqaqy2wqjmdf5y46p7xdzg5skpfbeyaixyrzim2hdmimazbce",
+            face256: "https://peer-ec2.decentraland.org/content/contents/bafkreicow7jrxxezwqdkv63lvgahf42khbnuvnm5auam4sp2ph7ghbhyhi",
+        },
+        eyes: {
+            color: {
+                r: 0.37109375,
+                g: 0.22265625,
+                b: 0.1953125,
+            },
+        },
+        hair: {
+            color: {
+                r: 0.234375,
+                g: 0.12890625,
+                b: 0.04296875,
+            },
+        },
+        skin: {
+            color: {
+                r: 0.60546875,
+                g: 0.4609375,
+                b: 0.35546875,
+            },
+        },
+    },
+    interests: [],
+    hasConnectedWeb3: true,
+    muted: [],
+};
+export { avatar };
+//# sourceMappingURL=avatar.js.map