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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.i18n.js","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.i18n.ts"],"names":[],"mappings":"AAEA,MAAM,IAAI,GAAG;IACX,OAAO,EAAE,kBAAkB;IAC3B,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,yBAAyB,EAAE,4BAA4B;IACvD,QAAQ,EAAE,WAAW;IACrB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,cAAc;IAC3B,aAAa,EAAE,gBAAgB;IAC/B,UAAU,EAAE,cAAc;IAC1B,mBAAmB,EAAE,eAAe;IACpC,YAAY,EAAE,8BAA8B;IAC5C,iBAAiB,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,eAAe,KAAK,OAAO;CAClD,CAAA;AAEjB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/UserMenu/UserMenu.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useState } from "react";
+import { v4 as uuidv4 } from "uuid";
+import { CircularProgress } from "@mui/material";
+import { i18n as i18nUserMenu } from "./UserMenu.i18n";
+import { UserMenuSignedIn } from "./UserMenuSignedIn/UserMenuSignedIn";
+import { config } from "../../config";
+import { DownloadButton } from "../DownloadButton";
+import { UserMenuEventId } from "./UserMenu.types";
+import { SignInButton, UserMenuContainer, UserMenuLoaderContainer, } from "./UserMenu.styled";
+const UserMenu = React.memo((props) => {
+    const { isSignedIn, isSigningIn, isDisconnecting, manaBalances, i18n = i18nUserMenu, hideDownloadButton, cdnLinks, onClickSignIn, onClickBalance, onClickOpen, onClickUserMenuItem, loadingCdnLinks = false, ...signInProps } = props;
+    const [isOpen, setIsOpen] = useState(false);
+    const [trackingId, setTrackingId] = useState(undefined);
+    const handleToggle = useCallback((event) => {
+        const trackId = uuidv4();
+        setIsOpen((prev) => {
+            if (!prev) {
+                setTrackingId(trackId);
+            }
+            if (!prev && onClickOpen) {
+                onClickOpen(event, trackId);
+            }
+            return !prev;
+        });
+    }, [setIsOpen, onClickOpen]);
+    const handleClose = useCallback(() => {
+        setIsOpen(false);
+    }, [setIsOpen]);
+    const handleClickSignIn = useCallback((event) => {
+        event.preventDefault();
+        onClickUserMenuItem &&
+            onClickUserMenuItem(event, {
+                type: UserMenuEventId.SIGN_IN,
+                track_uuid: trackingId || undefined,
+                url: config.get("MARKETPLACE_URL"),
+            });
+        onClickSignIn && onClickSignIn(event);
+    }, [onClickSignIn, onClickUserMenuItem, trackingId]);
+    const handleClickBalance = useCallback((event, network) => {
+        event.preventDefault();
+        onClickUserMenuItem &&
+            onClickUserMenuItem(event, {
+                type: UserMenuEventId.BALANCE,
+            });
+        setTimeout(() => {
+            onClickBalance
+                ? onClickBalance(event, network)
+                : window.open(config.get("ACCOUNT_URL"), "_blank", "noopener");
+        }, onClickUserMenuItem ? 300 : 0);
+    }, [onClickBalance, onClickUserMenuItem, trackingId]);
+    return (_jsx(UserMenuContainer, { children: isDisconnecting ? (_jsx(UserMenuLoaderContainer, { children: _jsx(CircularProgress, { size: 20 }) })) : (_jsxs(_Fragment, { children: [isSignedIn && (_jsx(UserMenuSignedIn, { ...signInProps, manaBalances: manaBalances, trackingId: trackingId, isOpen: isOpen, i18n: i18n, onClickToggle: handleToggle, onClickClose: handleClose, onClickUserMenuItem: onClickUserMenuItem, onClickBalance: handleClickBalance })), !isSignedIn ? (_jsx(SignInButton, { variant: "outlined", color: "inherit", disabled: isSigningIn, onClick: handleClickSignIn, children: isSigningIn ? (_jsx(CircularProgress, { size: 20, color: "inherit" })) : (i18n.signIn) })) : null, !hideDownloadButton && (_jsx(DownloadButton, { label: i18n.download, onClick: onClickUserMenuItem, trackingId: trackingId, loadingCdnLinks: loadingCdnLinks, cdnLinks: cdnLinks }))] })) }));
+});
+export { UserMenu };
+//# sourceMappingURL=UserMenu.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { UserMenuProps } from "./UserMenu.types";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<UserMenuProps>;
+type Story = StoryObj<UserMenuProps>;
+declare const SignedOut: Story;
+declare const SignedIn: Story;
+declare const SigningIn: Story;
+declare const Disconnecting: Story;
+declare const Guest: Story;
+declare const Complete: Story;
+export default meta;
+export { SignedOut, SignedIn, SigningIn, Disconnecting, Guest, Complete };

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

@@ -0,0 +1,86 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Network } from "@dcl/schemas";
+import { Box } from "@mui/material";
+import { UserMenu } from "./UserMenu";
+import { i18n } from "./UserMenu.i18n";
+import { avatar } from "../../data/avatar";
+import { itemSoldNotificationPropsData } from "../../data/notifications";
+import { NotificationActiveTab } from "../Notifications";
+const meta = {
+    component: UserMenu,
+    title: "Decentraland UI/UserMenu",
+    argTypes: {},
+    args: {
+        i18n: i18n,
+    },
+    render: (args) => {
+        return _jsx(UserMenu, { ...args });
+    },
+};
+const SignedOut = {
+    name: "Signed Out",
+};
+const SignedIn = {
+    name: "Signed In",
+    args: {
+        avatar: avatar,
+        isSignedIn: true,
+    },
+};
+const SigningIn = {
+    name: "Signing In",
+    args: {
+        avatar: avatar,
+        isSigningIn: true,
+    },
+};
+const Disconnecting = {
+    name: "Disconnecting",
+    args: {
+        isDisconnecting: true,
+    },
+};
+const Guest = {
+    name: "Guest",
+    args: {
+        avatar: { ...avatar, hasClaimedName: false },
+        isSignedIn: true,
+    },
+};
+const Complete = {
+    name: "Complete",
+    args: {
+        avatar: avatar,
+        manaBalances: { [Network.ETHEREUM]: 1000, [Network.MATIC]: 2500 },
+        creditsBalance: {
+            balance: 100,
+            expiresAt: Date.now() + 1000 * 60 * 60 * 24 * 30,
+        },
+        hasActivity: true,
+        isSignedIn: true,
+    },
+    render: (args) => {
+        const [openNotification, setOpenNotification] = useState(false);
+        const [tab, setTab] = useState(NotificationActiveTab.NEWEST);
+        return (_jsx(Box, { sx: {
+                width: "500px",
+                height: "90vh",
+            }, children: _jsx(UserMenu, { ...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),
+                } }) }));
+    },
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { SignedOut, SignedIn, SigningIn, Disconnecting, Guest, Complete };
+//# sourceMappingURL=UserMenu.stories.js.map

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

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

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

@@ -0,0 +1,16 @@
+declare const UserMenuContainer: 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 UserMenuLoaderContainer: 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 SignInButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "disabled" | "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "size"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export { UserMenuContainer, UserMenuLoaderContainer, SignInButton };

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

@@ -0,0 +1,22 @@
+import zIndex from "@mui/material/styles/zIndex";
+import styled from "@emotion/styled";
+import { Box, Button } from "@mui/material";
+const UserMenuContainer = styled(Box)({
+    display: "flex",
+    position: "relative",
+    textAlign: "left",
+    outline: "none",
+    alignItems: "center",
+    zIndex: zIndex.appBar,
+});
+const UserMenuLoaderContainer = styled(Box)({
+    display: "flex",
+    alignItems: "center",
+    height: "100%",
+});
+const SignInButton = styled(Button)({
+    height: "46px",
+    minWidth: "90px",
+});
+export { UserMenuContainer, UserMenuLoaderContainer, SignInButton };
+//# sourceMappingURL=UserMenu.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.styled.js","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAChD,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,MAAM,CAAC,MAAM;CACtB,CAAC,CAAA;AAEF,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC1C,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,MAAM;CACf,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAClC,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,YAAY,EAAE,CAAA"}

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

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { ManaBalancesProps } from "./ManaBalances/ManaBalances.types";
+import { UserMenuSignedInProps } from "./UserMenuSignedIn/UserMenuSignedIn.types";
+type UserMenuI18N = Record<"myAssets" | "account" | "viewProfile" | "signIn" | "signOut" | "guest" | "marketplaceAuthorizations" | "download" | "inviteFriends", string> & ManaBalancesProps["i18n"];
+type UserMenuProps = Omit<UserMenuSignedInProps, "isOpen" | "isClickable" | "trackingId" | "onClickToggle"> & {
+    isSignedIn?: boolean;
+    isSigningIn?: boolean;
+    isDisconnecting?: boolean;
+    isActivity?: boolean;
+    i18n?: UserMenuI18N;
+    hideDownloadButton?: boolean;
+    loadingCdnLinks?: boolean;
+    cdnLinks?: Record<string, Record<string, string>>;
+    onClickSignIn?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onClickOpen?: (event: React.MouseEvent<HTMLElement, MouseEvent>, trackingId: string) => void;
+    onClickDownload?: (event: React.MouseEvent<HTMLElement, MouseEvent>, options: {
+        href: string;
+    }) => void;
+};
+declare enum UserMenuEventId {
+    ACTIVITY = "activity",
+    ACCOUNT = "account",
+    MY_ASSETS = "my_assets",
+    PROFILE = "profile",
+    SIGN_IN = "sign_in",
+    SIGN_OUT = "sign_out",
+    GUEST = "guest",
+    MARKETPLACE_AUTHORIZATIONS = "marketplace_authorizations",
+    DOWNLOAD = "download",
+    BALANCE = "balance",
+    INVITE_FRIENDS = "invite_friends"
+}
+type DownloadProps = {
+    icon: React.ReactNode;
+    link: string;
+    arch: string;
+};
+export type { UserMenuProps, UserMenuI18N, DownloadProps };
+export { UserMenuEventId };

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

@@ -0,0 +1,16 @@
+var UserMenuEventId;
+(function (UserMenuEventId) {
+    UserMenuEventId["ACTIVITY"] = "activity";
+    UserMenuEventId["ACCOUNT"] = "account";
+    UserMenuEventId["MY_ASSETS"] = "my_assets";
+    UserMenuEventId["PROFILE"] = "profile";
+    UserMenuEventId["SIGN_IN"] = "sign_in";
+    UserMenuEventId["SIGN_OUT"] = "sign_out";
+    UserMenuEventId["GUEST"] = "guest";
+    UserMenuEventId["MARKETPLACE_AUTHORIZATIONS"] = "marketplace_authorizations";
+    UserMenuEventId["DOWNLOAD"] = "download";
+    UserMenuEventId["BALANCE"] = "balance";
+    UserMenuEventId["INVITE_FRIENDS"] = "invite_friends";
+})(UserMenuEventId || (UserMenuEventId = {}));
+export { UserMenuEventId };
+//# sourceMappingURL=UserMenu.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.types.js","sourceRoot":"","sources":["../../../src/components/UserMenu/UserMenu.types.ts"],"names":[],"mappings":"AAyCA,IAAK,eAYJ;AAZD,WAAK,eAAe;IAClB,wCAAqB,CAAA;IACrB,sCAAmB,CAAA;IACnB,0CAAuB,CAAA;IACvB,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;IACnB,wCAAqB,CAAA;IACrB,kCAAe,CAAA;IACf,4EAAyD,CAAA;IACzD,wCAAqB,CAAA;IACrB,sCAAmB,CAAA;IACnB,oDAAiC,CAAA;AACnC,CAAC,EAZI,eAAe,KAAf,eAAe,QAYnB;AASD,OAAO,EAAE,eAAe,EAAE,CAAA"}

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

@@ -0,0 +1,9 @@
+import { UserMenuActionsProps } from "./UserMenuSignedIn.types";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<UserMenuActionsProps>;
+type Story = StoryObj<UserMenuActionsProps>;
+declare const Sample: Story;
+declare const Guest: Story;
+declare const WithoutProfile: Story;
+export default meta;
+export { Sample, Guest, WithoutProfile };

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

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { UserMenuActions } from "./UserMenuSignedIn";
+import { avatar } from "../../../data/avatar";
+import { i18n } from "../UserMenu.i18n";
+const meta = {
+    component: UserMenuActions,
+    title: "Decentraland UI/User Menu Actions",
+    tags: ["autodocs"],
+    argTypes: {},
+    args: {
+        onClickMarketplaceAuthorization: () => console.log,
+        onClickMyAssets: () => console.log,
+        onClickProfile: () => console.log,
+        onClickSignOut: () => console.log,
+        onClickAccount: () => console.log,
+        trackingId: "",
+        i18n: i18n,
+    },
+    render: (args) => _jsx(UserMenuActions, { ...args }),
+};
+const Sample = {
+    args: {
+        avatar: avatar,
+    },
+};
+const Guest = {
+    args: {
+        avatar: { ...avatar, hasClaimedName: false },
+    },
+};
+const WithoutProfile = {
+    args: {
+        address: avatar.ethAddress,
+    },
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { Sample, Guest, WithoutProfile };
+//# sourceMappingURL=UserMenuActions.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenuActions.stories.js","sourceRoot":"","sources":["../../../../src/components/UserMenu/UserMenuSignedIn/UserMenuActions.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAIvC,MAAM,IAAI,GAA+B;IACvC,SAAS,EAAE,eAAe;IAC1B,KAAK,EAAE,mCAAmC;IAC1C,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACJ,+BAA+B,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG;QAClD,eAAe,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG;QAClC,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG;QACjC,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG;QACjC,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG;QACjC,UAAU,EAAE,EAAE;QACd,IAAI,EAAE,IAAI;KACX;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,eAAe,OAAK,IAAI,GAAI;CAChD,CAAA;AAID,MAAM,MAAM,GAAU;IACpB,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;KACf;CACF,CAAA;AAED,MAAM,KAAK,GAAU;IACnB,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE,GAAG,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE;KAC7C;CACF,CAAA;AAED,MAAM,cAAc,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM,CAAC,UAAU;KAC3B;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,CAAA"}

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

@@ -0,0 +1,5 @@
+import React from "react";
+import { UserMenuActionsProps, UserMenuSignedInProps } from "./UserMenuSignedIn.types";
+declare const UserMenuActions: (props: UserMenuActionsProps) => import("react/jsx-runtime").JSX.Element;
+declare const UserMenuSignedIn: React.MemoExoticComponent<(props: UserMenuSignedInProps) => import("react/jsx-runtime").JSX.Element>;
+export { UserMenuSignedIn, UserMenuActions };

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

@@ -0,0 +1,132 @@
+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 { ReferralInviteFriendsIcon } from "../../Icon";
+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, InviteFriendsTypography, LogoutContainer, MenuContainer, MenuInfoContainer, MenuInfoTypography, MenuInfoUnclaimedTypography, MenuInformationActionContainer, ReferralInviteFriendsIconContainer, UserMenuSignedInContainer, } from "./UserMenuSignedIn.styled";
+const UserMenuActions = (props) => {
+    const { avatar, address, i18n, trackingId, onClickMarketplaceAuthorization, onClickMyAssets, onClickProfile, onClickSignOut, onClickAccount, onClickUserMenuItem, balances, } = props;
+    const isTabletAndBelow = useTabletAndBelowMediaQuery();
+    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 handleClickInviteFriends = useCallback((event) => {
+        onClickUserMenuItem &&
+            onClickUserMenuItem(event, {
+                type: UserMenuEventId.INVITE_FRIENDS,
+                track_uuid: trackingId,
+                url: `${config.get("PROFILE_URL")}/accounts/${userAddress}/referral`,
+            });
+        setTimeout(() => {
+            window.open(`${config.get("PROFILE_URL")}/accounts/${userAddress}/referral`, "_blank", "noopener");
+        }, onClickUserMenuItem ? 300 : 0);
+    }, [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: 0, children: [_jsx(AvatarPreviewContainer, { children: _jsx(AvatarPreview, { avatar: avatar }) }), _jsxs(MenuInformationActionContainer, { children: [_jsxs(MenuInfoContainer, { children: [_jsxs(MenuInfoTypography, { variant: "h4", children: [avatar?.name || i18n.guest, " ", !avatar?.hasClaimedName && userAddress && (_jsxs(MenuInfoUnclaimedTypography, { children: ["#", userAddress.substring(userAddress.length - 4)] }))] }), isTabletAndBelow && balances] }), _jsxs(ActionsWrapper, { children: [_jsxs(ActionsMenuItem, { onClick: handleClickInviteFriends, children: [_jsxs(InviteFriendsTypography, { variant: "h6", children: [i18n.inviteFriends, _jsx(ReferralInviteFriendsIconContainer, { children: _jsx(ReferralInviteFriendsIcon, {}) })] }), _jsx(ActionsListItemIcon, { children: _jsx(ArrowForwardIcon, {}) })] }), _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, creditsBalance, avatar, hasActivity, isOpen, trackingId, notifications, onClickActivity, onClickBalance, onClickClose, onClickUserMenuItem, onClickToggle, ...actionsProps } = props;
+    const [anchorEl, setAnchorEl] = useState(null);
+    const isTabletAndBelow = useTabletAndBelowMediaQuery();
+    const balances = useMemo(() => {
+        return (_jsx(ManaBalances, { manaBalances: manaBalances, creditsBalance: creditsBalance, onClickBalance: onClickBalance, i18n: {
+                getCredits: actionsProps.i18n?.getCredits,
+                creditsExpiringSoon: actionsProps.i18n?.creditsExpiringSoon,
+                creditsExpiringIn: actionsProps.i18n?.creditsExpiringIn,
+                creditsValue: actionsProps.i18n?.creditsValue,
+            } }));
+    }, [manaBalances, creditsBalance]);
+    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 }), !isTabletAndBelow && (_jsx(IconButton, { "aria-label": "activity", onClick: handleClickActivity, children: _jsx(Badge, { color: "secondary", variant: "dot", invisible: !hasActivity, children: _jsx(ActivityIcon, {}) }) })), !isTabletAndBelow && balances, _jsx(AvatarFaceContainer, { onClick: handleClickToggle, children: _jsx(AvatarFace, { size: "medium", avatar: avatar }) }), _jsxs(Box, { onMouseLeave: handleClickClose, onScroll: !isTabletAndBelow ? handleClickClose : undefined, children: [!isTabletAndBelow && (_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 }) })), isTabletAndBelow && isOpen && (_jsx(UserMenuActions, { balances: balances, 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,76 @@
+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/User Menu Signed In",
+    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(true);
+        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 },
+        creditsBalance: {
+            balance: 20,
+            expiresAt: Date.now() + 1000 * 60 * 60 * 24 * 30,
+        },
+    },
+};
+const CompleteWithActivity = {
+    name: "Complete with activity",
+    args: {
+        manaBalances: { [Network.ETHEREUM]: 1000, [Network.MATIC]: 2500 },
+        creditsBalance: {
+            balance: 100,
+            expiresAt: Date.now() + 1000 * 60 * 60 * 24 * 3,
+        },
+        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),
+                }, manaBalances: { [Network.ETHEREUM]: 1000, [Network.MATIC]: 2500 }, creditsBalance: {
+                    balance: 100,
+                    expiresAt: Date.now() + 1000 * 60 * 60 * 24 * 3,
+                }, 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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"}