decentraland-ui2 0.0.2 → 0.0.3-9876817458.commit-16eac00

package/dist/components/Notifications/utils.js

@@ -0,0 +1,51 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { NotificationType, Rarity } from "@dcl/schemas";
+import { BidAcceptedNotification, BidReceivedNotification, EventsStartedNotification, EventsStartsSoonNotification, GovernanceAnnouncementNotification, GovernanceAuthoredProposalFinishedNotification, GovernanceCoauthorRequestedNotification, GovernanceNewCommentOnProjectUpdateNotification, GovernanceNewCommentOnProposalNotification, GovernancePitchPassedNotification, GovernanceProposalEnactedNotification, GovernanceTenderPassedNotification, GovernanceVotingEndedVoterNotification, ItemSoldNotification, LandRentalEndedNotification, LandRentedNotification, RewardAssignedNotification, RoyaltiesEarnedNotification, WorldsAccessRestoredNotification, WorldsAccessRestrictedNotification, WorldsMissingResourcesNotification, WorldsPermissionGrantedNotification, WorldsPermissionRevokedNotification, } from "./NotificationTypes";
+const MAXIMUM_FRACTION_DIGITS = 2;
+function formatMana(mana, maximumFractionDigits = MAXIMUM_FRACTION_DIGITS) {
+    return (Number(mana) / 1e18).toFixed(maximumFractionDigits).toLocaleString();
+}
+function getBGColorByRarity(rarity) {
+    return Rarity.getGradient(rarity).join();
+}
+const NotificationComponentByType = {
+    [NotificationType.ROYALTIES_EARNED]: RoyaltiesEarnedNotification,
+    [NotificationType.ITEM_SOLD]: ItemSoldNotification,
+    [NotificationType.BID_ACCEPTED]: BidAcceptedNotification,
+    [NotificationType.BID_RECEIVED]: BidReceivedNotification,
+    [NotificationType.GOVERNANCE_ANNOUNCEMENT]: GovernanceAnnouncementNotification,
+    [NotificationType.GOVERNANCE_COAUTHOR_REQUESTED]: GovernanceCoauthorRequestedNotification,
+    [NotificationType.GOVERNANCE_AUTHORED_PROPOSAL_FINISHED]: GovernanceAuthoredProposalFinishedNotification,
+    [NotificationType.GOVERNANCE_NEW_COMMENT_ON_PROPOSAL]: GovernanceNewCommentOnProposalNotification,
+    [NotificationType.GOVERNANCE_NEW_COMMENT_ON_PROJECT_UPDATE]: GovernanceNewCommentOnProjectUpdateNotification,
+    [NotificationType.GOVERNANCE_PROPOSAL_ENACTED]: GovernanceProposalEnactedNotification,
+    [NotificationType.GOVERNANCE_VOTING_ENDED_VOTER]: GovernanceVotingEndedVoterNotification,
+    [NotificationType.GOVERNANCE_PITCH_PASSED]: GovernancePitchPassedNotification,
+    [NotificationType.GOVERNANCE_TENDER_PASSED]: GovernanceTenderPassedNotification,
+    [NotificationType.WORLDS_MISSING_RESOURCES]: WorldsMissingResourcesNotification,
+    [NotificationType.WORLDS_ACCESS_RESTORED]: WorldsAccessRestoredNotification,
+    [NotificationType.WORLDS_ACCESS_RESTRICTED]: WorldsAccessRestrictedNotification,
+    [NotificationType.LAND_RENTED]: LandRentedNotification,
+    [NotificationType.LAND_RENTAL_ENDED]: LandRentalEndedNotification,
+    [NotificationType.REWARD_ASSIGNED]: RewardAssignedNotification,
+    [NotificationType.EVENTS_STARTS_SOON]: EventsStartsSoonNotification,
+    [NotificationType.EVENTS_STARTED]: EventsStartedNotification,
+    [NotificationType.WORLDS_PERMISSION_GRANTED]: WorldsPermissionGrantedNotification,
+    [NotificationType.WORLDS_PERMISSION_REVOKED]: WorldsPermissionRevokedNotification,
+};
+const CURRENT_AVAILABLE_NOTIFICATIONS = Object.values(NotificationType);
+const replaceWithValues = (str, values) => {
+    const parts = str.split(/{|}/);
+    const jsxElements = parts.map((part, index) => {
+        if (index % 2 === 0) {
+            return part;
+        }
+        else {
+            const value = values[part.trim()];
+            return value !== undefined ? value : `{${part}}`;
+        }
+    });
+    return _jsx(_Fragment, { children: jsxElements });
+};
+export { MAXIMUM_FRACTION_DIGITS, formatMana, getBGColorByRarity, NotificationComponentByType, CURRENT_AVAILABLE_NOTIFICATIONS, replaceWithValues, };
+//# sourceMappingURL=utils.js.map

package/dist/components/Notifications/utils.js.map

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

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

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

package/dist/components/UserMenu/ManaBalances/ManaBalances.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { Network } from "@dcl/schemas";
+import { Typography } from "@mui/material";
+import { config } from "../../../config";
+import { Mana } from "../../Mana";
+import { ManaBalancesWrapper } from "./ManaBalances.styled";
+const ManaBalances = React.memo((props) => {
+    const { manaBalances, onClickBalance } = props;
+    return (_jsx(ManaBalancesWrapper, { children: manaBalances &&
+            Object.keys(manaBalances).map((network) => (_jsx(Mana, { network: network, href: config.get("ACCOUNT_URL"), onClick: onClickBalance, primary: network === Network.ETHEREUM, children: _jsx(Typography, { variant: "subtitle2", children: Number(manaBalances[network].toFixed(2)).toLocaleString() }) }, network))) }));
+});
+export { ManaBalances };
+//# sourceMappingURL=ManaBalances.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ManaBalances.js","sourceRoot":"","sources":["../../../../src/components/UserMenu/ManaBalances/ManaBalances.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAwB,EAAE,EAAE;IAC3D,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IAE9C,OAAO,CACL,KAAC,mBAAmB,cACjB,YAAY;YACX,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzC,KAAC,IAAI,IAEH,OAAO,EAAE,OAAkB,EAC3B,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,aAAa,CAAC,EAC/B,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,QAAQ,YAErC,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,YAC5B,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,GAC/C,IARR,OAAO,CASP,CACR,CAAC,GACgB,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,YAAY,EAAE,CAAA"}

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

@@ -0,0 +1,6 @@
+import { ManaBalancesProps } from "./ManaBalances.types";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<ManaBalancesProps>;
+type Story = StoryObj<ManaBalancesProps>;
+export default meta;
+export declare const Simple: Story;

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

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Network } from "@dcl/schemas";
+import { ManaBalances } from "./ManaBalances";
+const balance = {
+    [Network.ETHEREUM]: 8888.88,
+    [Network.MATIC]: 8888.88,
+};
+const meta = {
+    component: ManaBalances,
+    title: "Decentraland UI/ManaBalances",
+    tags: ["autodocs"],
+    argTypes: {
+        manaBalances: {
+            description: "Balance of MANA in different networks",
+            control: {
+                type: "object",
+            },
+            options: [balance],
+        },
+    },
+    render: (args) => _jsx(ManaBalances, { manaBalances: balance, ...args }),
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export const Simple = {
+    args: {},
+};
+//# sourceMappingURL=ManaBalances.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ManaBalances.stories.js","sourceRoot":"","sources":["../../../../src/components/UserMenu/ManaBalances/ManaBalances.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAI7C,MAAM,OAAO,GAAG;IACd,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO;IAC3B,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,OAAO;CACzB,CAAA;AAED,MAAM,IAAI,GAA4B;IACpC,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,8BAA8B;IACrC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,WAAW,EAAE,uCAAuC;YACpD,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;YACD,OAAO,EAAE,CAAC,OAAO,CAAC;SACnB;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,YAAY,IAAC,YAAY,EAAE,OAAO,KAAM,IAAI,GAAI;CACpE,CAAA;AAID,oDAAoD;AACpD,eAAe,IAAI,CAAA;AAEnB,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE,EAAE;CACT,CAAA"}

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

@@ -0,0 +1,5 @@
+declare const ManaBalancesWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export { ManaBalancesWrapper };

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

@@ -0,0 +1,13 @@
+import styled from "@emotion/styled";
+import { useTheme } from "@mui/material";
+const ManaBalancesWrapper = styled("div")(() => {
+    const theme = useTheme();
+    return {
+        display: "flex",
+        "& svg": {
+            fontSize: theme.typography.subtitle2.fontSize,
+        },
+    };
+});
+export { ManaBalancesWrapper };
+//# sourceMappingURL=ManaBalances.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ManaBalances.styled.js","sourceRoot":"","sources":["../../../../src/components/UserMenu/ManaBalances/ManaBalances.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE;IAC7C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO;QACL,OAAO,EAAE,MAAM;QACf,OAAO,EAAE;YACP,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ;SAC9C;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { Network } from "@dcl/schemas/dist/dapps/network";
+type ManaBalancesProps = {
+    manaBalances?: Partial<Record<Network, number>>;
+    onClickBalance?: React.MouseEventHandler<HTMLButtonElement> & ((event: React.MouseEvent<HTMLAnchorElement, MouseEvent>, network: Network) => void);
+};
+export { ManaBalancesProps };

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { ManaBalances } from "./ManaBalances";
+export { ManaBalancesProps } from "./ManaBalances.types";

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { UserMenuI18N } from "./UserMenu.types";
+declare const i18n: UserMenuI18N;
+export { i18n };

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

@@ -0,0 +1,15 @@
+const i18n = {
+    account: "Account Settings",
+    activity: "Activity",
+    guest: "Guest",
+    jumpIn: "Jump In",
+    marketplaceAuthorizations: "Marketplace Authorizations",
+    myAssets: "My Assets",
+    myLists: "My Lists",
+    profile: "Profile",
+    signIn: "Sign In",
+    signOut: "Log Out",
+    viewProfile: "View Profile",
+};
+export { i18n };
+//# sourceMappingURL=UserMenu.i18n.js.map

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,MAAM,EAAE,SAAS;IACjB,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;CACZ,CAAA;AAEjB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/UserMenu/UserMenu.js

@@ -0,0 +1,82 @@
+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 { useTabletAndBelowMediaQuery } from "../Media";
+import { UserMenuEventId } from "./UserMenu.types";
+import { JumpInLink, SignInButton, UserMenuContainer, UserMenuLoaderContainer, } from "./UserMenu.styled";
+const UserMenu = React.memo((props) => {
+    const { isSignedIn, isSigningIn, isDisconnecting, manaBalances, i18n = i18nUserMenu, onClickSignIn, onClickBalance, onClickOpen, onClickJumpIn, onClickUserMenuItem, ...signInProps } = props;
+    const isTabletAndBelow = useTabletAndBelowMediaQuery();
+    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);
+            }
+            if (isTabletAndBelow && !prev) {
+                window.addEventListener("scroll", noScroll);
+            }
+            if (isTabletAndBelow && prev) {
+                window.removeEventListener("scroll", noScroll);
+            }
+            return !prev;
+        });
+    }, [setIsOpen, onClickOpen]);
+    const handleClose = useCallback(() => {
+        setIsOpen(false);
+        if (isTabletAndBelow) {
+            window.removeEventListener("scroll", noScroll);
+        }
+    }, [setIsOpen]);
+    const handleClickJumpIn = useCallback((event) => {
+        event.preventDefault();
+        onClickUserMenuItem &&
+            onClickUserMenuItem(event, {
+                type: UserMenuEventId.JUMP_IN,
+                track_uuid: trackingId || undefined,
+                url: config.get("EXPLORER_URL"),
+            });
+        setTimeout(() => {
+            onClickJumpIn
+                ? onClickJumpIn(event)
+                : window.open(config.get("EXPLORER_URL"), "_blank", "noopener");
+        }, onClickUserMenuItem ? 300 : 0);
+    }, [onClickJumpIn, onClickUserMenuItem, trackingId]);
+    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", disabled: isSigningIn, onClick: handleClickSignIn, children: isSigningIn ? (_jsx(CircularProgress, { size: 20, color: "inherit" })) : (i18n.signIn) })) : null, isSignedIn && (_jsx(JumpInLink, { variant: "contained", onClick: handleClickJumpIn, href: config.get("EXPLORER_URL"), children: i18n.jumpIn }))] })) }));
+});
+function noScroll() {
+    window.scrollTo(0, 0);
+}
+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,82 @@
+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 },
+        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,21 @@
+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;
+}, "className" | "size" | "children" | "color" | "style" | "tabIndex" | "classes" | "sx" | "variant" | "href" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "fullWidth" | "startIcon"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const JumpInLink: 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;
+}, "className" | "size" | "children" | "color" | "style" | "tabIndex" | "classes" | "sx" | "variant" | "href" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "fullWidth" | "startIcon"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export { UserMenuContainer, UserMenuLoaderContainer, SignInButton, JumpInLink };

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

@@ -0,0 +1,27 @@
+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",
+});
+const UserMenuLoaderContainer = styled(Box)({
+    display: "flex",
+    alignItems: "center",
+    height: "100%",
+});
+const SignInButton = styled(Button)({
+    height: "46px",
+    minWidth: "90px",
+});
+const JumpInLink = styled(Button)({
+    height: "46px",
+    marginLeft: "24px",
+    "@media (max-width: 991px)": {
+        display: "none",
+    },
+});
+export { UserMenuContainer, UserMenuLoaderContainer, SignInButton, JumpInLink };
+//# 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,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;CACrB,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,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,2BAA2B,EAAE;QAC3B,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,YAAY,EAAE,UAAU,EAAE,CAAA"}

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

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { UserMenuSignedInProps } from "./UserMenuSignedIn/UserMenuSignedIn.types";
+type UserMenuProps = Omit<UserMenuSignedInProps, "isOpen" | "isClickable" | "trackingId" | "onClickToggle"> & {
+    isSignedIn?: boolean;
+    isSigningIn?: boolean;
+    isDisconnecting?: boolean;
+    isActivity?: boolean;
+    i18n?: UserMenuI18N;
+    onClickSignIn?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onClickOpen?: (event: React.MouseEvent<HTMLElement, MouseEvent>, trackingId: string) => void;
+    onClickJumpIn?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+};
+type UserMenuI18N = Record<"myAssets" | "account" | "viewProfile" | "signIn" | "signOut" | "guest" | "marketplaceAuthorizations" | "jumpIn", string>;
+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",
+    JUMP_IN = "jump_in",
+    BALANCE = "balance"
+}
+export { UserMenuProps, UserMenuI18N, UserMenuEventId };

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

@@ -0,0 +1,15 @@
+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["JUMP_IN"] = "jump_in";
+    UserMenuEventId["BALANCE"] = "balance";
+})(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":"AAgCA,IAAK,eAWJ;AAXD,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,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;AACrB,CAAC,EAXI,eAAe,KAAf,eAAe,QAWnB;AAED,OAAO,EAA+B,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 };