@mailstep/design-system 0.8.26 → 0.8.27-beta.0

package/ui/Blocks/Scheduler/utils/getMinutesFromTime.js

@@ -0,0 +1,7 @@
+//#region packages/ui/Blocks/Scheduler/utils/getMinutesFromTime.ts
+const getMinutesFromTime = (time) => {
+	const [hours, minutes] = time.split(":").map(Number);
+	return hours * 60 + minutes;
+};
+//#endregion
+export { getMinutesFromTime };

package/ui/Blocks/Scheduler/utils/isActiveTime.d.ts

@@ -1,5 +1,4 @@
 import { ActiveHours } from '../types';
-
 type Props = {
     activeHours?: ActiveHours;
     time: string;

package/ui/Blocks/Scheduler/utils/isActiveTime.js

@@ -0,0 +1,11 @@
+import { getMinutesFromTime } from "./getMinutesFromTime.js";
+//#region packages/ui/Blocks/Scheduler/utils/isActiveTime.ts
+const isActiveTime = ({ activeHours, time }) => {
+	if (!activeHours) return true;
+	const startMinutes = getMinutesFromTime(activeHours.start);
+	const endMinutes = getMinutesFromTime(activeHours.end);
+	const timeInMinutes = getMinutesFromTime(time);
+	return timeInMinutes >= startMinutes && timeInMinutes <= endMinutes;
+};
+//#endregion
+export { isActiveTime };

package/ui/Blocks/Scheduler/utils/isToday.js

@@ -0,0 +1,7 @@
+//#region packages/ui/Blocks/Scheduler/utils/isToday.ts
+const isToday = (date) => {
+	const today = /* @__PURE__ */ new Date();
+	return date.getDate() === today.getDate() && date.getMonth() === today.getMonth() && date.getFullYear() === today.getFullYear();
+};
+//#endregion
+export { isToday };

package/ui/Blocks/SideMenu/MenuItem.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
-import { MenuItemType } from './types';
-
+import React from 'react';
+import { type MenuItemType } from './types';
 type Props = MenuItemType & {
     isSubitem?: boolean;
     isCompact: boolean;

package/ui/Blocks/SideMenu/MenuItem.js

@@ -0,0 +1,103 @@
+import Icon from "../../Elements/Icon/Icon.js";
+import { Paragraph3, Paragraph5 } from "../../Elements/Typography/Typography.js";
+import { ItemDropdownArrow, ItemIcon, ItemLabel, ItemLinkWrap, ItemsSeparator, MenuItemContainer, OverflowWithEllipsis, SubItemsWrap } from "./styles.js";
+import SubitemTooltip from "./components/SubitemTooltip.js";
+import { useLeftMenuContext } from "./context/useLeftMenuContext.js";
+import useOutSideHover from "./hooks/useOutsideHover.js";
+import { memo, useCallback, useMemo, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { matchPath } from "react-router";
+//#region packages/ui/Blocks/SideMenu/MenuItem.tsx
+const removeOptionalEnd = /\?$/;
+const MenuItem = ({ icon, title, link = "", items, id, isSubitem, isCompact, lightMode = false, separator = false, isLeftMenuOpen, onCloseLeftMenu }) => {
+	const hasChildren = useMemo(() => items && items?.length > 0, [items]);
+	const { expandedItem, expandItem } = useLeftMenuContext();
+	const isExpanded = expandedItem === id;
+	const toggleChildren = useCallback(() => {
+		hasChildren && expandItem(isExpanded ? null : id ?? null);
+		!hasChildren && !lightMode && onCloseLeftMenu && onCloseLeftMenu();
+	}, [
+		hasChildren,
+		expandItem,
+		isExpanded,
+		id,
+		lightMode,
+		onCloseLeftMenu
+	]);
+	const linkProps = useMemo(() => link.startsWith("https://") ? {
+		to: { pathname: link },
+		target: "_blank"
+	} : { to: link }, [link]);
+	const Title = isCompact ? Paragraph5 : Paragraph3;
+	const listExpandedItems = isExpanded && !isCompact;
+	const parentRef = useRef(null);
+	const { ref: childRef, isHovering, handleMouseOver } = useOutSideHover({ parentRef });
+	let itemLinkWrapClassName = !isSubitem ? "toplevel" : "nestedlevel";
+	if (isExpanded) itemLinkWrapClassName += " expanded";
+	if (separator) itemLinkWrapClassName += " separator";
+	const isActive = useCallback((match, location) => {
+		const childSelected = !!items?.find((item) => item.link?.replace(removeOptionalEnd, "") === location.pathname);
+		const isActive = !!matchPath(location.pathname, { path: match?.path });
+		const partialMatch = location.pathname.startsWith(link.slice(0, -1)) && location.pathname.includes("/settings/");
+		return isActive || childSelected || partialMatch;
+	}, [items, link]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		separator && /* @__PURE__ */ jsx(ItemsSeparator, {}),
+		/* @__PURE__ */ jsxs(MenuItemContainer, {
+			ref: parentRef,
+			$isCompact: isCompact,
+			$lightMode: lightMode,
+			hasChildren,
+			isHovering,
+			children: [/* @__PURE__ */ jsxs(ItemLinkWrap, {
+				...linkProps,
+				onMouseOver: handleMouseOver,
+				exact: true,
+				activeClassName: hasChildren ? "selected" : void 0,
+				onClick: toggleChildren,
+				$isCompact: isCompact,
+				className: itemLinkWrapClassName,
+				isActive,
+				$lightMode: lightMode,
+				children: [/* @__PURE__ */ jsxs(ItemLabel, {
+					$isCompact: isCompact,
+					isSubitem,
+					children: [!isSubitem && icon && /* @__PURE__ */ jsx(ItemIcon, {
+						className: "mainIcon",
+						$isCompact: isCompact,
+						children: typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, {
+							icon,
+							fill: "none"
+						}) : icon
+					}), /* @__PURE__ */ jsx(Title, {
+						variant: "semiBold",
+						mt: 0,
+						mb: 0,
+						textAlign: isCompact ? "center" : "left",
+						children: /* @__PURE__ */ jsx(OverflowWithEllipsis, { children: title })
+					})]
+				}), !isCompact && hasChildren && /* @__PURE__ */ jsx(ItemDropdownArrow, {
+					icon: "goDown",
+					$lightMode: lightMode
+				})]
+			}), isHovering && isCompact && hasChildren && !listExpandedItems && /* @__PURE__ */ jsx(SubitemTooltip, {
+				items,
+				childRef,
+				parentRef,
+				isLeftMenuOpen,
+				onCloseLeftMenu,
+				lightMode
+			})]
+		}),
+		hasChildren && listExpandedItems && /* @__PURE__ */ jsx(SubItemsWrap, { children: items?.map((item, index) => /* @__PURE__ */ jsx(MenuItem, {
+			isCompact,
+			lightMode,
+			...item,
+			onCloseLeftMenu,
+			isSubitem: true
+		}, `${index}`)) })
+	] });
+};
+var MenuItem_default = memo(MenuItem);
+//#endregion
+export { MenuItem_default as default };

package/ui/Blocks/SideMenu/SideMenu.d.ts

@@ -1,5 +1,4 @@
-import { FC } from 'react';
-import { SideMenuProps } from './types';
-
+import { type FC } from 'react';
+import { type SideMenuProps } from './types';
 declare const SideMenu: FC<SideMenuProps>;
 export default SideMenu;

package/ui/Blocks/SideMenu/SideMenu.js

@@ -0,0 +1,37 @@
+import { useClickOutside } from "../Modal/hooks/useClickOutside.js";
+import MenuFooter from "./components/Footer.js";
+import { LeftMenuProvider } from "./context/LeftMenuContext.js";
+import { BodyWrap, Container, Overlay, ScrollWrap, TopLevelWrap } from "./styles.js";
+import MenuItem_default from "./MenuItem.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/ui/Blocks/SideMenu/SideMenu.tsx
+const SideMenu = ({ menuItems, isCompact, setIsCompact, isLeftMenuOpen, onCloseLeftMenu, variant = "dark", children }) => {
+	const lightMode = variant === "light";
+	return /* @__PURE__ */ jsx(LeftMenuProvider, { children: /* @__PURE__ */ jsxs(Container, {
+		isLeftMenuOpen,
+		children: [/* @__PURE__ */ jsxs(TopLevelWrap, {
+			isCompact,
+			isLeftMenuOpen,
+			ref: useClickOutside({ onClose: onCloseLeftMenu }),
+			lightMode,
+			children: [/* @__PURE__ */ jsx(ScrollWrap, { children: /* @__PURE__ */ jsxs(BodyWrap, {
+				isCompact,
+				children: [menuItems.map((item, index) => /* @__PURE__ */ jsx(MenuItem_default, {
+					isCompact,
+					isLeftMenuOpen,
+					onCloseLeftMenu,
+					lightMode,
+					separator: !!item.separator,
+					...item
+				}, `${item.id ?? item.title}-${index}`)), children]
+			}) }), /* @__PURE__ */ jsx(MenuFooter, {
+				isCompact,
+				setIsCompact,
+				lightMode
+			})]
+		}), /* @__PURE__ */ jsx(Overlay, {})]
+	}) });
+};
+//#endregion
+export { SideMenu as default };

package/ui/Blocks/SideMenu/components/Footer.d.ts

@@ -1,9 +1,8 @@
-import { FC } from 'react';
-
-export declare const FooterWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+import { type FC } from 'react';
+export declare const FooterWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     isCompact: boolean;
 }, never>;
-export declare const SizeToggle: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+export declare const SizeToggle: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
     isCompact: boolean;
     $lightMode?: boolean;
 }, never>;

package/ui/Blocks/SideMenu/components/Footer.js

@@ -0,0 +1,64 @@
+import { MenuItems } from "../../../Elements/Icon/icons/MenuItems.js";
+import { Paragraph4 } from "../../../Elements/Typography/Typography.js";
+import "../../../Elements/Typography/index.js";
+import { useCallback } from "react";
+import styled$1, { css } from "@xstyled/styled-components";
+import { th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Trans } from "@lingui/react";
+//#region packages/ui/Blocks/SideMenu/components/Footer.tsx
+const FooterWrap = styled$1.div`
+  display: flex;
+  align-items: center;
+  height: 24px;
+  width: 100%;
+  margin-bottom: 24px;
+  justify-content: ${(props) => props.isCompact ? "center" : "flex-start"};
+  padding-left: ${(props) => props.isCompact ? "0" : "22px"};
+`;
+const SizeToggle = styled$1.div`
+  display: none;
+  @media (min-width: 1024px) {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    color: ${({ $lightMode }) => $lightMode ? th$1.color("typoPrimary") : th$1.color("gray")};
+    font-size: 11px;
+    & svg {
+      transform: ${(props) => props.isCompact ? "rotate(180deg)" : "rotate(0deg)"};
+      ${({ $lightMode }) => $lightMode && css`
+          fill: ${th$1.color("neutral20")};
+        `}
+
+      & > path {
+        stroke: ${th$1.color("lightGray5")};
+      }
+    }
+  }
+`;
+const MenuFooter = ({ isCompact, setIsCompact, lightMode }) => {
+	return /* @__PURE__ */ jsx(FooterWrap, {
+		isCompact,
+		children: /* @__PURE__ */ jsxs(SizeToggle, {
+			onClick: useCallback(() => {
+				setIsCompact?.(!isCompact);
+			}, [setIsCompact, isCompact]),
+			isCompact,
+			$lightMode: lightMode,
+			children: [/* @__PURE__ */ jsx(MenuItems, {
+				stroke: "none",
+				width: "24px"
+			}), !isCompact && /* @__PURE__ */ jsx(Paragraph4, {
+				ml: 2,
+				variant: "semiBold",
+				children: /* @__PURE__ */ jsx(Trans, {
+					id: "footer.collapse",
+					message: "Collapse"
+				})
+			})]
+		})
+	});
+};
+//#endregion
+export { FooterWrap, SizeToggle, MenuFooter as default };

package/ui/Blocks/SideMenu/components/HamburgerMenu.js

@@ -0,0 +1,52 @@
+import { HamburgerMenu } from "../../../Elements/Icon/icons/HamburgerMenu.js";
+import { MobileCancel } from "../../../Elements/Icon/icons/MobileCancel.js";
+import "react";
+import { css, useTheme, x } from "@xstyled/styled-components";
+import { th as th$1 } from "/home/linomorfed/Projects/design-system/node_modules/@xstyled/system/dist/index.mjs";
+import { jsx } from "react/jsx-runtime";
+import styled$2 from "styled-components";
+//#region packages/ui/Blocks/SideMenu/components/HamburgerMenu.tsx
+const HamburgerMenuWrapper = styled$2(x.div)`
+  width: 36px;
+  height: 36px;
+  border-radius: 70px;
+  background-color: ${th$1.color("neutral20")};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  box-shadow: ${th$1.shadow("dropShadow")};
+  &:hover {
+    cursor: pointer;
+  }
+
+  ${({ isLeftMenuOpen }) => isLeftMenuOpen ? css`
+          position: absolute;
+          left: 92%;
+          top: 7px;
+          z-index: 6;
+        ` : css`
+          & > svg > path {
+            stroke: ${th$1.color("blue2")};
+          }
+        `};
+
+  @media (min-width: 1024px) {
+    display: none;
+  }
+`;
+const HamburgerMenuButton = ({ isLeftMenuOpen, onClick }) => {
+	const theme = useTheme();
+	const neutralColor = th$1.color("neutral20")({ theme });
+	return /* @__PURE__ */ jsx(HamburgerMenuWrapper, {
+		mr: "8px",
+		onClick,
+		isLeftMenuOpen: !!isLeftMenuOpen,
+		children: isLeftMenuOpen ? /* @__PURE__ */ jsx(MobileCancel, { fill: neutralColor }) : /* @__PURE__ */ jsx(HamburgerMenu, {
+			fill: neutralColor,
+			stroke: "none"
+		})
+	});
+};
+//#endregion
+export { HamburgerMenuButton };

package/ui/Blocks/SideMenu/components/SubitemTooltip.d.ts

@@ -1,6 +1,5 @@
-import { MutableRefObject, FC } from 'react';
-import { MenuItemType } from '../types';
-
+import { type MutableRefObject, type FC } from 'react';
+import { type MenuItemType } from '../types';
 type Props = {
     itemsOpen?: number;
     childRef: MutableRefObject<HTMLElement | null>;

package/ui/Blocks/SideMenu/components/SubitemTooltip.js

@@ -0,0 +1,53 @@
+import { H6 } from "../../../Elements/Typography/Typography.js";
+import { Portal } from "../../../Elements/Portal/index.js";
+import { ItemLinkWrap, TooltipItemLabel, TooltipWrap } from "../styles.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import { Popper } from "react-popper";
+//#region packages/ui/Blocks/SideMenu/components/SubitemTooltip.tsx
+const TooltipItem = ({ title, link = "", lightMode }) => {
+	return /* @__PURE__ */ jsx(ItemLinkWrap, {
+		...useMemo(() => {
+			return link.startsWith("https://") ? {
+				to: { pathname: link },
+				target: "_blank"
+			} : { to: link };
+		}, [link]),
+		exact: true,
+		$lightMode: lightMode,
+		children: /* @__PURE__ */ jsx(TooltipItemLabel, { children: /* @__PURE__ */ jsx(H6, {
+			variant: "medium",
+			children: title
+		}) })
+	});
+};
+const PopoverWrapper = styled.div`
+  z-index: 5;
+  display: ${({ isLeftMenuOpen }) => isLeftMenuOpen ? "block" : "none"};
+  @media (min-width: 1024px) {
+    display: block;
+  }
+`;
+const SubitemTooltip = ({ items, childRef, parentRef, isLeftMenuOpen, onCloseLeftMenu, lightMode }) => {
+	return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Popper, {
+		innerRef: childRef,
+		referenceElement: parentRef.current,
+		placement: "right-start",
+		children: ({ ref, style }) => /* @__PURE__ */ jsx(PopoverWrapper, {
+			ref,
+			style,
+			onClick: onCloseLeftMenu,
+			isLeftMenuOpen,
+			children: /* @__PURE__ */ jsx(TooltipWrap, {
+				$lightMode: lightMode,
+				children: items?.map((item, index) => /* @__PURE__ */ jsx(TooltipItem, {
+					...item,
+					lightMode
+				}, `${index}`))
+			})
+		})
+	}) });
+};
+//#endregion
+export { SubitemTooltip as default };

package/ui/Blocks/SideMenu/context/LeftMenuContext.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-
+import React from 'react';
 type LeftMenuContextType = {
     expandedItem: string | null;
     expandItem: (item: string | null) => void;

package/ui/Blocks/SideMenu/context/LeftMenuContext.js

@@ -0,0 +1,20 @@
+import { createContext, useCallback, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region packages/ui/Blocks/SideMenu/context/LeftMenuContext.tsx
+const LeftMenuContext = createContext(null);
+const LeftMenuProvider = ({ children, defaultItemSelected = null }) => {
+	const [expandedItem, setExpandedItem] = useState(defaultItemSelected);
+	const expandItem = useCallback((item) => {
+		setExpandedItem(item);
+	}, []);
+	const value = useMemo(() => ({
+		expandedItem,
+		expandItem
+	}), [expandedItem, expandItem]);
+	return /* @__PURE__ */ jsx(LeftMenuContext.Provider, {
+		value,
+		children
+	});
+};
+//#endregion
+export { LeftMenuContext, LeftMenuProvider };

package/ui/Blocks/SideMenu/context/useLeftMenuContext.js

@@ -0,0 +1,10 @@
+import { LeftMenuContext } from "./LeftMenuContext.js";
+import { useContext } from "react";
+//#region packages/ui/Blocks/SideMenu/context/useLeftMenuContext.ts
+const useLeftMenuContext = () => {
+	const context = useContext(LeftMenuContext);
+	if (!context) throw new Error("useLeftMenuContext context must be use inside LeftMenuProvider");
+	return context;
+};
+//#endregion
+export { useLeftMenuContext };

package/ui/Blocks/SideMenu/hooks/useOutsideHover.d.ts

@@ -1,5 +1,4 @@
 import { MutableRefObject } from 'react';
-
 interface Props {
     parentRef: MutableRefObject<HTMLDivElement | null | undefined>;
 }

package/ui/Blocks/SideMenu/hooks/useOutsideHover.js

@@ -0,0 +1,25 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region packages/ui/Blocks/SideMenu/hooks/useOutsideHover.ts
+const useOutSideHover = ({ parentRef }) => {
+	const ref = useRef(null);
+	const [isHovering, setIsHovering] = useState(false);
+	const handleMouseOver = useCallback(() => {
+		setIsHovering(true);
+	}, []);
+	const handleMouseOut = useCallback((e) => {
+		if (!parentRef.current?.contains(e.target) && !ref.current?.contains(e.target)) setIsHovering(false);
+	}, [parentRef]);
+	useEffect(() => {
+		document.addEventListener("mouseover", handleMouseOut);
+		return () => {
+			document.removeEventListener("mouseover", handleMouseOut);
+		};
+	}, [handleMouseOut]);
+	return {
+		isHovering,
+		handleMouseOver,
+		ref
+	};
+};
+//#endregion
+export { useOutSideHover as default };

package/ui/Blocks/SideMenu/index.d.ts

@@ -1,8 +1,7 @@
 import { HamburgerMenuButton } from './components/HamburgerMenu';
 import { compactMenuWidth, expandedMenuWidth } from './utils/constants';
-import { default as SideMenu } from './SideMenu';
+import SideMenu from './SideMenu';
 import { MenuItemType } from './types';
-
 export type { MenuItemType };
 export { HamburgerMenuButton, compactMenuWidth, expandedMenuWidth };
 export default SideMenu;

package/ui/Blocks/SideMenu/index.js

@@ -0,0 +1,7 @@
+import { HamburgerMenuButton } from "./components/HamburgerMenu.js";
+import { compactMenuWidth, expandedMenuWidth } from "./utils/constants.js";
+import SideMenu from "./SideMenu.js";
+//#region packages/ui/Blocks/SideMenu/index.ts
+var SideMenu_default = SideMenu;
+//#endregion
+export { HamburgerMenuButton, compactMenuWidth, SideMenu_default as default, expandedMenuWidth };

package/ui/Blocks/SideMenu/stories/SideMenu.stories.d.ts

@@ -1,6 +1,6 @@
 declare const meta: {
     title: string;
-    component: import('react').FC<import('../types').SideMenuProps>;
+    component: import("react").FC<import("../types").SideMenuProps>;
     tags: string[];
     argTypes: {};
 };

package/ui/Blocks/SideMenu/stories/menuItems.js

@@ -0,0 +1,109 @@
+import { Complaint } from "../../../Elements/Icon/icons/Complaint.js";
+import { Expeditions } from "../../../Elements/Icon/icons/Expeditions.js";
+import { Income } from "../../../Elements/Icon/icons/Income.js";
+import { Inventory } from "../../../Elements/Icon/icons/Inventory.js";
+import { Products } from "../../../Elements/Icon/icons/Products.js";
+import { Return } from "../../../Elements/Icon/icons/Return.js";
+import { Transfer } from "../../../Elements/Icon/icons/Transfer.js";
+import "../../../Elements/Icon/icons/index.js";
+import { jsx } from "react/jsx-runtime";
+//#region packages/ui/Blocks/SideMenu/stories/menuItems.tsx
+const menuItems = [
+	{
+		title: "Products",
+		icon: /* @__PURE__ */ jsx(Products, {}),
+		link: "/",
+		id: "product"
+	},
+	{
+		title: "Inventory",
+		icon: /* @__PURE__ */ jsx(Inventory, {}),
+		link: "/inventory",
+		id: "inventory",
+		items: [
+			{
+				title: "Stocks",
+				link: "/inventory/stock",
+				id: "stock"
+			},
+			{
+				title: "Reservations",
+				link: "/inventory/reservations",
+				id: "reservations"
+			},
+			{
+				title: "Movements",
+				link: "/inventory/movements",
+				id: "movements"
+			},
+			{
+				title: "Inventory movements",
+				link: "/inventory/inventory-movements",
+				id: "inventoryMovements"
+			},
+			{
+				title: "Internal inv. movements",
+				link: "/inventory/internal-inv-movements",
+				id: "internalInvMovements"
+			}
+		]
+	},
+	{
+		title: "Expeditions",
+		icon: /* @__PURE__ */ jsx(Expeditions, {}),
+		link: "/expeditions",
+		id: "expeditions",
+		items: [
+			{
+				title: "Expeditions",
+				link: "/expeditions",
+				id: "expeditionsChild"
+			},
+			{
+				title: "Outbound receipts",
+				link: "/expeditions/outbound-receipts",
+				id: "outboundReceipts"
+			},
+			{
+				title: "Missing goods",
+				link: "/expeditions/missing-goods",
+				id: "missingGoods"
+			}
+		]
+	},
+	{
+		title: "Inbound",
+		icon: /* @__PURE__ */ jsx(Income, {}),
+		link: "/inbound",
+		id: "inbound",
+		items: [{
+			title: "Stock advices",
+			link: "/inbound/stock-advices",
+			id: "stockAdvices"
+		}, {
+			title: "Inbound receipt",
+			link: "/inbound/inbound-receipt",
+			id: "inboundReceipts"
+		}]
+	},
+	{
+		title: "Returns",
+		icon: /* @__PURE__ */ jsx(Return, {}),
+		link: "/returns",
+		id: "returns"
+	},
+	{
+		title: "Transfers",
+		icon: /* @__PURE__ */ jsx(Transfer, {}),
+		link: "/transfers",
+		id: "transfers"
+	},
+	{
+		title: "Claims",
+		icon: /* @__PURE__ */ jsx(Complaint, {}),
+		link: "/claims",
+		id: "claims"
+	}
+];
+//#endregion
+export { menuItems };