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

package/dist/components/Navbar/SubMenu/SubMenu.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ArrowBackIosNewRoundedIcon from "@mui/icons-material/ArrowBackIosNewRounded";
+import { SubMenuColumn } from "../SubMenuColumn/SubMenuColumn";
+import { SubMenuItem } from "../SubMenuItem/SubMenuItem";
+import { BackButton, MenuItemContainer, SubMenuContainer, SubMenuWrapper, } from "./SubMenu.styled";
+export const SubMenu = (props) => {
+    const { selectedMenu, onToggleShowSubMenu, onClickMenuOption, isMobile, submenus, } = props;
+    return (_jsx(SubMenuContainer, { children: Object.keys(submenus).map((key) => {
+            const section = key;
+            const submenu = submenus[section];
+            return (_jsx(MenuItemContainer, { onMouseEnter: (e) => !isMobile && onToggleShowSubMenu(e, true, section), onMouseLeave: (e) => !isMobile && onToggleShowSubMenu(e, false, section), active: selectedMenu === section, section: section, isMobile: isMobile, "aria-label": `${section.toLowerCase()} submenu section`, children: _jsxs(SubMenuWrapper, { children: [isMobile && (_jsx(BackButton, { variant: "text", color: "inherit", onClick: (e) => onToggleShowSubMenu(e, false, section), startIcon: _jsx(ArrowBackIosNewRoundedIcon, {}), "aria-label": "back to main menu", children: "Back" })), _jsx(SubMenuColumn, { title: submenu.column1Title, children: submenu.column1.map((item, index) => (_jsx(SubMenuItem, { isExternal: item.isExternal, title: item.title, description: item.description, href: item.url, eventTrackingName: item.eventTrackingName, onClickMenuOption: onClickMenuOption }, index))) }), _jsx(SubMenuColumn, { title: submenu.column2Title, children: submenu.column2.map((item, index) => (_jsx(SubMenuItem, { isExternal: item.isExternal, title: item.title, description: item.description, href: item.url, eventTrackingName: item.eventTrackingName, onClickMenuOption: onClickMenuOption }, index))) }), !!submenu.column3 && (_jsx(SubMenuColumn, { title: submenu.column3Title, children: submenu.column3.map((item, index) => (_jsx(SubMenuItem, { isExternal: item.isExternal, title: item.title, description: item.description, href: item.url, eventTrackingName: item.eventTrackingName, onClickMenuOption: onClickMenuOption }, index))) }))] }) }, key));
+        }) }));
+};
+//# sourceMappingURL=SubMenu.js.map

package/dist/components/Navbar/SubMenu/SubMenu.js.map

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

package/dist/components/Navbar/SubMenu/SubMenu.styled.d.ts

@@ -0,0 +1,27 @@
+import { NavbarPages } from "../Navbar.types";
+interface MenuItemContainerProps {
+    active: boolean;
+    section: NavbarPages;
+    isMobile?: boolean;
+}
+declare const SubMenuContainer: 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 MenuItemContainer: 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;
+} & MenuItemContainerProps, {}, {}>;
+declare const SubMenuWrapper: 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 BackButton: 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 { SubMenuContainer, MenuItemContainer, SubMenuWrapper, BackButton };

package/dist/components/Navbar/SubMenu/SubMenu.styled.js

@@ -0,0 +1,165 @@
+import zIndex from "@mui/material/styles/zIndex";
+import styled from "@emotion/styled";
+import { Box, Button } from "@mui/material";
+import CreateImage from "../../../Assets/Navbar/create-submenu.png";
+import ExploreImage from "../../../Assets/Navbar/explore-submenu.png";
+import GovernanceImage from "../../../Assets/Navbar/governance-submenu.png";
+import LearnImage from "../../../Assets/Navbar/learn-submenu.png";
+import MarketplaceImage from "../../../Assets/Navbar/marketplace-submenu.png";
+import { NavbarPages } from "../Navbar.types";
+const SubMenuContainer = styled(Box)((props) => {
+    const { theme } = props;
+    return {
+        [theme.breakpoints.down("sm")]: {
+            position: "absolute",
+            zIndex: zIndex.modal,
+        },
+    };
+});
+const MenuItemContainer = styled(Box, {
+    shouldForwardProp: (prop) => !["active", "section", "isMobile"].includes(prop),
+})((props) => {
+    const { active, section, theme } = props;
+    let modifiedStyles;
+    let mobileModifiedStyles;
+    let leftImageStyles;
+    const defaultStyles = {
+        opacity: 1,
+        top: "-200%",
+        width: "100%",
+        backgroundSize: "100% 100%",
+        backgroundPosition: "0px 0px, 0px 0px",
+        position: "fixed",
+        zIndex: 1099,
+        left: 0,
+        paddingLeft: "370px",
+        paddingRight: "48px",
+        height: "328px",
+        minHeight: "calc(390px + 64px)",
+        boxShadow: "none",
+        backgroundRepeat: "no-repeat",
+        display: "flex",
+        alignItems: "center",
+        paddingTop: "64px",
+        backgroundColor: theme.palette.background.default,
+        transition: `${theme.transitions.create(["box-shadow", "height"], {
+            duration: theme.transitions.duration.shorter,
+            easing: theme.transitions.easing.easeInOut,
+        })}, ${theme.transitions.create(["top", "left"], {
+            duration: theme.transitions.duration.complex,
+            easing: "cubic-bezier(1, 0, 0.15, 1)",
+        })}`,
+    };
+    if (active) {
+        modifiedStyles = {
+            opacity: 1,
+            top: 0,
+            zIndex: 1099,
+            boxShadow: theme.shadows[20],
+        };
+        mobileModifiedStyles = {
+            left: 0,
+        };
+    }
+    switch (section) {
+        case NavbarPages.MARKETPLACE:
+            modifiedStyles = {
+                ...modifiedStyles,
+                backgroundImage: "radial-gradient(350px 200px at 400px 120%,#691fa933 0%,transparent 150%),radial-gradient(350px 200px at 1280px 120%, #691fa933 0%, #073aff00 100%)",
+            };
+            leftImageStyles = {
+                backgroundImage: `url(${MarketplaceImage})`,
+            };
+            break;
+        case NavbarPages.CREATE:
+            modifiedStyles = {
+                ...modifiedStyles,
+                backgroundImage: "radial-gradient(350px 200px at 400px 120%,#ff743933 0%,transparent 150%),radial-gradient(350px 200px at 1280px 120%, #ff743933 0%, #073aff00 100%)",
+            };
+            leftImageStyles = {
+                backgroundImage: `url(${CreateImage})`,
+            };
+            break;
+        case NavbarPages.EXPLORE:
+            modifiedStyles = {
+                ...modifiedStyles,
+                backgroundImage: "radial-gradient(350px 200px at 400px 120%,#3dd0ff33 0%,transparent 150%),radial-gradient(350px 200px at 1280px 120%, #3dd0ff33 0%, #073aff00 100%)",
+            };
+            leftImageStyles = {
+                backgroundImage: `url(${ExploreImage})`,
+            };
+            break;
+        case NavbarPages.LEARN:
+            modifiedStyles = {
+                ...modifiedStyles,
+                backgroundImage: "radial-gradient(350px 200px at 400px 120%,#a6746433 0%,transparent 150%),radial-gradient(350px 200px at 1280px 120%, #a6746433 0%, #073aff00 100%)",
+            };
+            leftImageStyles = {
+                backgroundImage: `url(${LearnImage})`,
+            };
+            break;
+        case NavbarPages.GOVERNANCE:
+            modifiedStyles = {
+                ...modifiedStyles,
+                backgroundImage: "radial-gradient(350px 200px at 400px 120%,#ff3dec33 0%,transparent 150%),radial-gradient(350px 200px at 1280px 120%, #ff3dec33 0%, #073aff00 100%)",
+            };
+            leftImageStyles = {
+                backgroundImage: `url(${GovernanceImage})`,
+            };
+            break;
+    }
+    return {
+        ...defaultStyles,
+        ...modifiedStyles,
+        "&::after": {
+            content: '""',
+            position: "absolute",
+            width: "370px",
+            height: "calc(100% - 64px)",
+            top: "64px",
+            backgroundRepeat: "no-repeat",
+            backgroundPosition: "bottom center",
+            left: 0,
+            backgroundSize: "auto 90%",
+            ...leftImageStyles,
+            [theme.breakpoints.between("sm", "lg")]: {
+                backgroundImage: "none",
+            },
+        },
+        [theme.breakpoints.down("lg")]: {
+            paddingLeft: "48px",
+            "&::after": {
+                content: "none",
+            },
+        },
+        [theme.breakpoints.down("sm")]: {
+            top: "64px",
+            left: "150%",
+            height: "100vh",
+            padding: "0 25px",
+            margin: 0,
+            alignItems: "flex-start",
+            boxShadow: "none",
+            backgroundColor: theme.palette.background.default,
+            ...mobileModifiedStyles,
+            "&::after": {
+                content: "none",
+            },
+        },
+    };
+});
+const SubMenuWrapper = styled(Box)((props) => {
+    const { theme } = props;
+    return {
+        width: "100%",
+        display: "flex",
+        alignItems: "flex-start",
+        height: "fit-content",
+        [theme.breakpoints.down("sm")]: {
+            flexDirection: "column",
+        },
+    };
+});
+const BackButton = styled(Button)({ padding: "0" });
+export { SubMenuContainer, MenuItemContainer, SubMenuWrapper, BackButton };
+//# sourceMappingURL=SubMenu.styled.js.map

package/dist/components/Navbar/SubMenu/SubMenu.styled.js.map

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

package/dist/components/Navbar/SubMenu/SubMenu.types.d.ts

@@ -0,0 +1,13 @@
+import { NavbarPages, NavbarSubmenuProps } from "../Navbar.types";
+type SubMenuProps = {
+    selectedMenu: NavbarPages | boolean;
+    submenus: NavbarSubmenuProps;
+    onToggleShowSubMenu: (e: React.MouseEvent<HTMLElement>, show: boolean, section: NavbarPages) => void;
+    onClickMenuOption?: (event: React.MouseEvent<HTMLElement, MouseEvent>, options: {
+        eventTrackingName: string;
+        url?: string;
+        isExternal?: boolean;
+    }) => void;
+    isMobile?: boolean;
+};
+export { SubMenuProps };

package/dist/components/Navbar/SubMenu/SubMenu.types.js

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

package/dist/components/Navbar/SubMenu/SubMenu.types.js.map

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

package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.d.ts

@@ -0,0 +1,3 @@
+import { SubMenuColumnProps } from "./SubMenuColumn.types";
+declare const SubMenuColumn: (props: SubMenuColumnProps) => import("react/jsx-runtime").JSX.Element;
+export { SubMenuColumn };

package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from "@mui/material";
+import { SubMenuColumnContainer } from "./SubMenuColumn.styled";
+const SubMenuColumn = (props) => {
+    const { children, title } = props;
+    return (_jsxs(SubMenuColumnContainer, { children: [!!title && _jsx(Typography, { variant: "body2", children: title }), children] }));
+};
+export { SubMenuColumn };
+//# sourceMappingURL=SubMenuColumn.js.map

package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenuColumn.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenuColumn/SubMenuColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAClD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACjC,OAAO,CACL,MAAC,sBAAsB,eACpB,CAAC,CAAC,KAAK,IAAI,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,YAAE,KAAK,GAAc,EAC3D,QAAQ,IACc,CAC1B,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.d.ts

@@ -0,0 +1,11 @@
+declare const SubMenuColumnContainer: 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 SubMenuColumnTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export { SubMenuColumnContainer, SubMenuColumnTitle };

package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.js

@@ -0,0 +1,33 @@
+import styled from "@emotion/styled";
+import { Box, Typography } from "@mui/material";
+const SubMenuColumnContainer = styled(Box)((props) => {
+    const { theme } = props;
+    return {
+        display: "flex",
+        flexFlow: "column nowrap",
+        justifyContent: "center",
+        height: "100%",
+        flexWrap: "nowrap",
+        marginRight: "56px",
+        flex: 1,
+        maxWidth: "350px",
+        "&:hover": {
+            borderBottomColor: "blue",
+        },
+        [theme.breakpoints.down("sm")]: {
+            maxWidth: "100%",
+            width: "100%",
+        },
+    };
+});
+const SubMenuColumnTitle = styled(Typography)(() => ({
+    fontSize: "18px",
+    fontWeight: 600,
+    lineHeight: "18px",
+    marginBottom: "6px",
+    "&:hover": {
+        color: "blue",
+    },
+}));
+export { SubMenuColumnContainer, SubMenuColumnTitle };
+//# sourceMappingURL=SubMenuColumn.styled.js.map

package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenuColumn.styled.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenuColumn/SubMenuColumn.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;IACnD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,OAAO;QACL,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,eAAe;QACzB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,WAAW,EAAE,MAAM;QACnB,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,OAAO;QACjB,SAAS,EAAE;YACT,iBAAiB,EAAE,MAAM;SAC1B;QACD,CAAC,KAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;YAC/B,QAAQ,EAAE,MAAM;YAChB,KAAK,EAAE,MAAM;SACd;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACnD,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,MAAM;IAClB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC,CAAA;AAEH,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.types.d.ts

@@ -0,0 +1,5 @@
+export type SubMenuColumnProps = {
+    children: React.ReactNode;
+    title?: string;
+    isExternal?: boolean;
+};

package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.types.js

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

package/dist/components/Navbar/SubMenuColumn/SubMenuColumn.types.js.map

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

package/dist/components/Navbar/SubMenuItem/SubMenuItem.d.ts

@@ -0,0 +1,2 @@
+import { SubMenuItemProps } from "./SubMenuItem.types";
+export declare const SubMenuItem: (props: SubMenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Navbar/SubMenuItem/SubMenuItem.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { SubMenuItemContainer, SubMenuItemDescription, SubMenuItemExternal, SubMenuItemTitle, SubMenuLink, } from "./SubMenuItem.styled";
+export const SubMenuItem = (props) => {
+    const { title, description, href, isExternal, eventTrackingName, onClickMenuOption, } = props;
+    const handleClick = useCallback((event) => {
+        event.preventDefault();
+        onClickMenuOption &&
+            onClickMenuOption(event, { eventTrackingName, url: href, isExternal });
+        setTimeout(() => {
+            window.open(href, isExternal ? "_blank" : "_self", "noopener");
+        }, onClickMenuOption ? 300 : 0);
+    }, [onClickMenuOption, eventTrackingName, href, isExternal]);
+    return (_jsx(SubMenuItemContainer, { isExternal: isExternal, "aria-label": "submenu item", children: _jsxs(SubMenuLink, { href: href, onClick: handleClick, isExternal: isExternal, "aria-label": `${title} - ${isExternal ? "opens in new tab" : "opens in same tab"}`, children: [_jsx(SubMenuItemTitle, { "aria-label": title, children: title }), _jsx(SubMenuItemDescription, { "aria-label": description, children: description }), isExternal && _jsx(SubMenuItemExternal, { "aria-label": "external link icon" })] }) }));
+};
+//# sourceMappingURL=SubMenuItem.js.map

package/dist/components/Navbar/SubMenuItem/SubMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenuItem.js","sourceRoot":"","sources":["../../../../src/components/Navbar/SubMenuItem/SubMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,GACZ,MAAM,sBAAsB,CAAA;AAE7B,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EACJ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,UAAU,EACV,iBAAiB,EACjB,iBAAiB,GAClB,GAAG,KAAK,CAAA;IAET,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAgD,EAAE,EAAE;QACnD,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,iBAAiB;YACf,iBAAiB,CAAC,KAAK,EAAE,EAAE,iBAAiB,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAA;QACxE,UAAU,CACR,GAAG,EAAE;YACH,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA;QAChE,CAAC,EACD,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5B,CAAA;IACH,CAAC,EACD,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,UAAU,CAAC,CACzD,CAAA;IAED,OAAO,CACL,KAAC,oBAAoB,IAAC,UAAU,EAAE,UAAU,gBAAa,cAAc,YACrE,MAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,UAAU,gBACV,GAAG,KAAK,MAAM,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB,EAAE,aAEjF,KAAC,gBAAgB,kBAAa,KAAK,YAAG,KAAK,GAAoB,EAC/D,KAAC,sBAAsB,kBAAa,WAAW,YAC5C,WAAW,GACW,EACxB,UAAU,IAAI,KAAC,mBAAmB,kBAAY,oBAAoB,GAAG,IAC1D,GACO,CACxB,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.d.ts

@@ -0,0 +1,32 @@
+interface SubMenuItemContainerProps {
+    isExternal?: boolean;
+}
+interface SubMenuLinkProps {
+    isExternal?: boolean;
+}
+declare const SubMenuItemContainer: 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;
+} & SubMenuItemContainerProps, {}, {}>;
+declare const SubMenuLink: import("@emotion/styled").StyledComponent<import("@mui/material").LinkOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
+}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "TypographyClasses" | "underline"> & {
+    theme?: import("@emotion/react").Theme;
+} & SubMenuLinkProps, {}, {}>;
+declare const SubMenuItemTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const SubMenuItemDescription: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const SubMenuItemExternal: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, "color" | "fontSize" | "shapeRendering" | "className" | "style" | "classes" | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export { SubMenuItemContainer, SubMenuLink, SubMenuItemTitle, SubMenuItemDescription, SubMenuItemExternal, };

package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.js

@@ -0,0 +1,84 @@
+import ArrowOutwardRoundedIcon from "@mui/icons-material/ArrowOutwardRounded";
+import styled from "@emotion/styled";
+import { Box, Link, Typography } from "@mui/material";
+const SubMenuItemContainer = styled(Box, {
+    shouldForwardProp: (prop) => prop !== "isExternal",
+})((props) => {
+    const { isExternal, theme } = props;
+    let otherStyles = {};
+    if (isExternal) {
+        otherStyles = {
+            backgroundImage: `url(${ArrowOutwardRoundedIcon})`,
+        };
+    }
+    return {
+        display: "flex",
+        padding: 0,
+        width: "100%",
+        borderBottomColor: theme.palette.text.secondary,
+        color: theme.palette.text.secondary,
+        borderBottomStyle: "solid",
+        marginBottom: "6px",
+        paddingBottom: "16px",
+        height: "77.5px",
+        cursor: "pointer",
+        marginTop: "52px",
+        position: "relative",
+        ...otherStyles,
+        "&:not(:first-child)": {
+            marginTop: "32px",
+        },
+        "&:hover": {
+            borderBottomColor: theme.palette.text.primary,
+            color: theme.palette.text.primary,
+        },
+        [theme.breakpoints.down("sm")]: {
+            color: theme.palette.text.primary,
+            borderBottomColor: theme.palette.text.primary,
+        },
+    };
+});
+const SubMenuLink = styled(Link, {
+    shouldForwardProp: (prop) => prop !== "isExternal",
+})((props) => {
+    const { isExternal } = props;
+    return {
+        textDecoration: "none",
+        color: "inherit",
+        "&:hover": {
+            color: "inherit",
+        },
+        ...(isExternal && {
+            paddingRight: "32px",
+        }),
+    };
+});
+const SubMenuItemTitle = styled(Typography)(() => ({
+    fontSize: "18px",
+    fontWeight: 600,
+    lineHeight: "18px",
+    marginBottom: "6px",
+    textDecoration: "none",
+    color: "inherit",
+    "&:hover": {
+        color: "inherit",
+    },
+}));
+const SubMenuItemDescription = styled(Typography)(() => ({
+    fontSize: "14px",
+    fontWeight: 400,
+    lineHeight: "18px",
+    textDecoration: "none",
+    color: "inherit",
+    "&:hover": {
+        color: "inherit",
+    },
+}));
+const SubMenuItemExternal = styled(ArrowOutwardRoundedIcon)({
+    position: "absolute",
+    right: 0,
+    top: "50%",
+    transform: "translateY(-50%)",
+});
+export { SubMenuItemContainer, SubMenuLink, SubMenuItemTitle, SubMenuItemDescription, SubMenuItemExternal, };
+//# sourceMappingURL=SubMenuItem.styled.js.map

package/dist/components/Navbar/SubMenuItem/SubMenuItem.styled.js.map

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

package/dist/components/Navbar/SubMenuItem/SubMenuItem.types.d.ts

@@ -0,0 +1,13 @@
+export type SubMenuItemProps = {
+    title: string;
+    description: string;
+    href: string;
+    eventTrackingName: string;
+    isExternal?: boolean;
+    className?: string;
+    onClickMenuOption?: (event: React.MouseEvent<HTMLElement, MouseEvent>, options: {
+        eventTrackingName: string;
+        url?: string;
+        isExternal?: boolean;
+    }) => void;
+};

package/dist/components/Navbar/SubMenuItem/SubMenuItem.types.js

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

package/dist/components/Navbar/SubMenuItem/SubMenuItem.types.js.map

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

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

@@ -0,0 +1,2 @@
+export * from "./Navbar";
+export * from "./Navbar.types";

package/dist/components/Navbar/index.js

@@ -0,0 +1,3 @@
+export * from "./Navbar";
+export * from "./Navbar.types";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Navbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA"}

package/dist/components/Navbar/utils.d.ts

@@ -0,0 +1,16 @@
+type NavbarExtraButton = {
+    text: string;
+    link: string;
+    visible: boolean;
+    textColor?: `#${string}`;
+    backgroundColor?: `#${string}`;
+    id?: string;
+    ttl: number;
+};
+type LocalStorageNavbarExtraButton = {
+    button: NavbarExtraButton;
+    expiresAt: number;
+};
+declare const getExtraButton: () => Promise<NavbarExtraButton | null>;
+export { getExtraButton };
+export type { NavbarExtraButton, LocalStorageNavbarExtraButton };

package/dist/components/Navbar/utils.js

@@ -0,0 +1,33 @@
+import { config } from "../../config";
+const getExtraButton = async () => {
+    const cachedExtraButton = localStorage.getItem("navbarExtraButton");
+    if (cachedExtraButton) {
+        try {
+            const parsed = JSON.parse(cachedExtraButton);
+            if (parsed.expiresAt > Date.now()) {
+                return parsed.button;
+            }
+        }
+        catch (error) {
+            // error parsing cached data, ignore and fetch from Contentful
+        }
+    }
+    try {
+        const SPACE_ID = config.get("CONTENTFUL_SPACE_ID");
+        const ENV = config.get("CONTENTFUL_ENV");
+        const ENTRY_ID = config.get("CONTENTFUL_NAVBAR_ENTRY_ID");
+        const CONTENTFUL_CDN_URL = config.get("CONTENTFUL_CONTENTFUL_CDN_URL");
+        const CONTENTFUL_URL = `${CONTENTFUL_CDN_URL}/spaces/${SPACE_ID}/environments/${ENV}/entries/${ENTRY_ID}`;
+        const response = await fetch(CONTENTFUL_URL);
+        const entry = await response.json();
+        const button = entry.fields;
+        localStorage.setItem("navbarExtraButton", JSON.stringify({ button, expiresAt: Date.now() + button.ttl * 1000 }));
+        return button;
+    }
+    catch (error) {
+        console.error(error);
+        return null;
+    }
+};
+export { getExtraButton };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Navbar/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAiBrC,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;IAChC,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACnE,IAAI,iBAAiB,EAAE,CAAC;QACtB,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CACvB,iBAAiB,CACe,CAAA;YAClC,IAAI,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC;gBAClC,OAAO,MAAM,CAAC,MAAM,CAAA;YACtB,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,8DAA8D;QAChE,CAAC;IACH,CAAC;IACD,IAAI,CAAC;QACH,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAA;QAClD,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;QACxC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAA;QACzD,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAA;QACtE,MAAM,cAAc,GAAG,GAAG,kBAAkB,WAAW,QAAQ,iBAAiB,GAAG,YAAY,QAAQ,EAAE,CAAA;QACzG,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,cAAc,CAAC,CAAA;QAC5C,MAAM,KAAK,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;QACnC,MAAM,MAAM,GAAG,KAAK,CAAC,MAA2B,CAAA;QAChD,YAAY,CAAC,OAAO,CAClB,mBAAmB,EACnB,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,IAAI,EAAE,CAAC,CACtE,CAAA;QACD,OAAO,MAAM,CAAA;IACf,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACpB,OAAO,IAAI,CAAA;IACb,CAAC;AACH,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/Notifications/NotificationItem.d.ts

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