@evenicanpm/storefront-core 1.2.1 → 1.3.0

package/src/components-v2/categories/mega-menu/banner.tsx

@@ -1,9 +1,5 @@
 "use client";
 
-import { ReactNode } from "react";
-import Link from "next/link";
-import Box from "@mui/material/Box";
-import Grid from "@mui/material/Grid2";
 import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
 import LazyImage from "@evenicanpm/storefront-core/src/components-v2/LazyImage";
 import {
@@ -11,6 +7,10 @@ import {
 	Paragraph,
 	Small,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import Box from "@mui/material/Box";
+import Grid from "@mui/material/Grid2";
+import Link from "next/link";
+import type { ReactNode } from "react";
 
 interface RootProps {
 	href: string;

package/src/components-v2/categories/mega-menu/column-list.tsx

@@ -1,13 +1,13 @@
 "use client";
 
-import { PropsWithChildren, ReactNode } from "react";
-import Link from "next/link";
-import Box from "@mui/material/Box";
-import Grid from "@mui/material/Grid2";
-import LazyImage from "@evenicanpm/storefront-core/src/components-v2/LazyImage";
+import { StyledRoot } from "@evenicanpm/storefront-core/src/components-v2/categories/mega-menu/styles";
 import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
+import LazyImage from "@evenicanpm/storefront-core/src/components-v2/LazyImage";
 import { NavLink } from "@evenicanpm/storefront-core/src/components-v2/nav-link/index";
-import { StyledRoot } from "@evenicanpm/storefront-core/src/components-v2/categories/mega-menu/styles";
+import Box from "@mui/material/Box";
+import Grid from "@mui/material/Grid2";
+import Link from "next/link";
+import type { PropsWithChildren, ReactNode } from "react";
 
 interface RootProps extends PropsWithChildren {
 	minWidth?: number;

package/src/components-v2/categories/mega-menu/mega-menu-1.tsx

@@ -1,13 +1,13 @@
-import Link from "next/link";
-// MUI
-import Box from "@mui/material/Box";
-// GLOBAL CUSTOM COMPONENTS
-import LazyImage from "@evenicanpm/storefront-core/src/components-v2/LazyImage";
 // LOCAL CUSTOM COMPONENTS
 import ColumnList from "@evenicanpm/storefront-core/src/components-v2/categories/mega-menu/column-list";
 // DATA TYPE
-import { CategoryItemOffer } from "@evenicanpm/storefront-core/src/components-v2/categories/types";
-import { CategoryHierarchy } from "@evenicanpm/storefront-core/src/lib/category-helpers";
+import type { CategoryItemOffer } from "@evenicanpm/storefront-core/src/components-v2/categories/types";
+// GLOBAL CUSTOM COMPONENTS
+import LazyImage from "@evenicanpm/storefront-core/src/components-v2/LazyImage";
+import type { CategoryHierarchy } from "@evenicanpm/storefront-core/src/lib/category-helpers";
+// MUI
+import Box from "@mui/material/Box";
+import Link from "next/link";
 
 // =========================================================
 interface Props {

package/src/components-v2/categories/mega-menu/mega-menu-2.tsx

@@ -1,11 +1,12 @@
 // LOCAL CUSTOM COMPONENTS
+
+import CategoryMenuItem from "@evenicanpm/storefront-core/src/components-v2/categories/category-list-item/index";
 import OfferBanner from "@evenicanpm/storefront-core/src/components-v2/categories/mega-menu/banner";
 import ColumnList from "@evenicanpm/storefront-core/src/components-v2/categories/mega-menu/column-list";
-import CategoryMenuItem from "@evenicanpm/storefront-core/src/components-v2/categories/category-list-item/index";
 // STYLED COMPONENT
 import { StyledRoot } from "@evenicanpm/storefront-core/src/components-v2/categories/mega-menu/styles";
 // DATA TYPE
-import { CategoryHierarchy } from "@evenicanpm/storefront-core/src/lib/category-helpers";
+import type { CategoryHierarchy } from "@evenicanpm/storefront-core/src/lib/category-helpers";
 
 // =======================================================================
 interface Props {

package/src/components-v2/categories/types.ts

@@ -1,4 +1,4 @@
-import { SvgIconComponent } from "@mui/icons-material";
+import type { SvgIconComponent } from "@mui/icons-material";
 
 export interface CategoryItemOffer {
 	url: string;

package/src/components-v2/countries-input.tsx

@@ -1,7 +1,7 @@
-import { CountryRegionInfo } from "@msdyn365-commerce/retail-proxy";
+import type { CountryRegionInfo } from "@msdyn365-commerce/retail-proxy";
 import {
 	Autocomplete,
-	AutocompleteRenderInputParams,
+	type AutocompleteRenderInputParams,
 	Box,
 	TextField,
 } from "@mui/material";

package/src/components-v2/flex-box/Flex.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { FlexBox, FlexBetween, FlexRowCenter } from "./index";
+import { FlexBetween, FlexBox, FlexRowCenter } from "./index";
 
 const BoxStyle = {
 	padding: "10px 20px",

package/src/components-v2/flex-box/flex-between.tsx

@@ -1,4 +1,4 @@
-import Box, { BoxProps } from "@mui/material/Box";
+import Box, { type BoxProps } from "@mui/material/Box";
 
 export default function FlexBetween({ children, ...props }: BoxProps) {
 	return (

package/src/components-v2/flex-box/flex-box.tsx

@@ -1,4 +1,4 @@
-import Box, { BoxProps } from "@mui/material/Box";
+import Box, { type BoxProps } from "@mui/material/Box";
 
 /**
  * Convenience utility wrapper around css Flex style

package/src/components-v2/flex-box/flex-row-center.tsx

@@ -1,4 +1,4 @@
-import Box, { BoxProps } from "@mui/material/Box";
+import Box, { type BoxProps } from "@mui/material/Box";
 
 export default function FlexRowCenter({ children, ...props }: BoxProps) {
 	return (

package/src/components-v2/flex-box/index.ts

@@ -1,5 +1,5 @@
-import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
 import FlexBetween from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-between";
+import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
 import FlexRowCenter from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-row-center";
 
 export { FlexBox, FlexBetween, FlexRowCenter };

package/src/components-v2/header/__tests__/user.test.tsx

@@ -1,8 +1,8 @@
-import { render, screen, fireEvent, waitFor } from "@testing-library/react";
+import signOut from "@evenicanpm/storefront-core/src/auth/signout";
+import Header from "@evenicanpm/storefront-core/src/components-v2/header/header";
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
 import { NextIntlClientProvider } from "next-intl";
 import { vi } from "vitest";
-import Header from "@evenicanpm/storefront-core/src/components-v2/header/header";
-import signOut from "@evenicanpm/storefront-core/src/auth/signout";
 
 vi.mock(
 	"@evenicanpm/storefront-core/src/api-manager/services/session/mutations/session-init",

package/src/components-v2/header/components/categories-menu.tsx

@@ -1,11 +1,11 @@
-import Button from "@mui/material/Button";
-// MUI ICON COMPONENT
-import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
-// CUSTOM ICON COMPONENTS
-import Category from "@evenicanpm/storefront-core/src/components-v2/icons/category";
+import CategoryMenu from "@evenicanpm/storefront-core/src/components-v2/categories/category-menu";
 // GLOBAL CUSTOM COMPONENTS
 import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
-import CategoryMenu from "@evenicanpm/storefront-core/src/components-v2/categories/category-menu";
+// CUSTOM ICON COMPONENTS
+import Category from "@evenicanpm/storefront-core/src/components-v2/icons/category";
+// MUI ICON COMPONENT
+import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
+import Button from "@mui/material/Button";
 
 export default function CategoriesMenu() {
 	return (

package/src/components-v2/header/components/mobile-header.tsx

@@ -1,32 +1,31 @@
-import { useContext, ReactNode, createContext } from "react";
-import Box from "@mui/material/Box";
-import Drawer from "@mui/material/Drawer";
-import IconButton from "@mui/material/IconButton";
-import { useTranslations } from "next-intl";
-// CUSTOM COMPONENTS
-import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import { MobileMenu } from "@evenicanpm/storefront-core/src/components-v2/navbar/mobile-menu/index";
+// API
+import getCart from "@evenicanpm/storefront-core/src/api-manager/services/cart/queries/get-cart";
 import {
 	FlexBetween,
 	FlexBox,
 } from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
-import SiteLogo from "@evenicanpm/storefront-core/src/components-v2/site-logo";
-import MiniCartTrigger from "@evenicanpm/storefront-core/src/components-v2/mini-cart/mini-cart-trigger";
 import User from "@evenicanpm/storefront-core/src/components-v2/header/components/user";
-// ICONS
-import { MdClear as Clear } from "react-icons/md";
-import Search from "@evenicanpm/storefront-core/src/components-v2/icons/search";
-import MobileCartBag from "@evenicanpm/storefront-core/src/components-v2/icons/cart-bag";
-// API
-import getCart from "@evenicanpm/storefront-core/src/api-manager/services/cart/queries/get-cart";
-
 import useHeader from "@evenicanpm/storefront-core/src/components-v2/header/hooks/use-header";
-import { SearchBarViewSm as SearchBar } from "@evenicanpm/storefront-core/src/components-v2/search-bar";
+import MobileCartBag from "@evenicanpm/storefront-core/src/components-v2/icons/cart-bag";
+import Search from "@evenicanpm/storefront-core/src/components-v2/icons/search";
+import MiniCartTrigger from "@evenicanpm/storefront-core/src/components-v2/mini-cart/mini-cart-trigger";
+import { MobileMenu } from "@evenicanpm/storefront-core/src/components-v2/navbar/mobile-menu/index";
 import {
 	transformCategoryNav,
 	transformCmsNav,
 } from "@evenicanpm/storefront-core/src/components-v2/navbar/utils/transform-nav";
+import { SearchBarViewSm as SearchBar } from "@evenicanpm/storefront-core/src/components-v2/search-bar";
+import SiteLogo from "@evenicanpm/storefront-core/src/components-v2/site-logo";
+// CUSTOM COMPONENTS
+import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import { NavContext } from "@evenicanpm/storefront-core/src/providers/nav-provider";
+import Box from "@mui/material/Box";
+import Drawer from "@mui/material/Drawer";
+import IconButton from "@mui/material/IconButton";
+import { useTranslations } from "next-intl";
+import { createContext, type ReactNode, useContext } from "react";
+// ICONS
+import { MdClear as Clear } from "react-icons/md";
 
 type MobileHeaderRootProps = {
 	children: ReactNode;

package/src/components-v2/header/components/user.tsx

@@ -1,38 +1,39 @@
 "use client";
 
-import React, {
-	createContext,
-	useState,
-	useEffect,
-	useContext,
-	MouseEvent,
-	ReactNode,
-} from "react";
-import { useRouter } from "next/navigation";
+import useSessionInit from "@evenicanpm/storefront-core/src/api-manager/services/session/mutations/session-init";
+import useSessionLogout from "@evenicanpm/storefront-core/src/api-manager/services/session/mutations/session-logout";
+// API hooks
+import useUpdateUser from "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/update-user";
+import {
+	getMsalInstance,
+	initializeMsal,
+} from "@evenicanpm/storefront-core/src/auth/msal";
+import signOutCustom from "@evenicanpm/storefront-core/src/auth/signout";
+import MobileUserIcon from "@evenicanpm/storefront-core/src/components-v2/icons/user";
+import { NavLink } from "@evenicanpm/storefront-core/src/components-v2/nav-link";
+import T from "@evenicanpm/storefront-core/src/components-v2/T";
 // UI Components
 import {
 	Box,
 	Button,
-	Popover,
+	IconButton,
 	List,
 	ListItemButton,
-	IconButton,
+	Popover,
 } from "@mui/material";
-import { MdPersonOutline as PersonOutline } from "react-icons/md";
-import MobileUserIcon from "@evenicanpm/storefront-core/src/components-v2/icons/user";
-import { NavLink } from "@evenicanpm/storefront-core/src/components-v2/nav-link";
-import T from "@evenicanpm/storefront-core/src/components-v2/T";
+import { useRouter } from "next/navigation";
 // Auth components
 import { signIn, useSession } from "next-auth/react";
+import type React from "react";
 import {
-	getMsalInstance,
-	initializeMsal,
-} from "@evenicanpm/storefront-core/src/auth/msal";
-import signOutCustom from "@evenicanpm/storefront-core/src/auth/signout";
-// API hooks
-import useUpdateUser from "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/update-user";
-import useSessionInit from "@evenicanpm/storefront-core/src/api-manager/services/session/mutations/session-init";
-import useSessionLogout from "@evenicanpm/storefront-core/src/api-manager/services/session/mutations/session-logout";
+	createContext,
+	type MouseEvent,
+	type ReactNode,
+	useContext,
+	useEffect,
+	useState,
+} from "react";
+import { MdPersonOutline as PersonOutline } from "react-icons/md";
 
 interface IdTokenClaims {
 	given_name?: string;

package/src/components-v2/header/header.tsx

@@ -1,24 +1,23 @@
 "use client";
 
-import { ReactNode } from "react";
-import clsx from "clsx";
-import { MdOutlineShoppingBag } from "react-icons/md";
+// API
+import getCart from "@evenicanpm/storefront-core/src/api-manager/services/cart/queries/get-cart";
 // GLOBAL CUSTOM COMPONENTS
 import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
-import SiteLogo from "@evenicanpm/storefront-core/src/components-v2/site-logo";
 // LOCAL CUSTOM COMPONENTS
 import CategoriesMenu from "@evenicanpm/storefront-core/src/components-v2/header/components/categories-menu";
 import User from "@evenicanpm/storefront-core/src/components-v2/header/components/user";
-import MiniCartTrigger from "@evenicanpm/storefront-core/src/components-v2/mini-cart/mini-cart-trigger";
 // STYLED COMPONENTS
 import {
 	HeaderWrapper,
 	StyledContainer,
 } from "@evenicanpm/storefront-core/src/components-v2/header/styles/index";
-// API
-import getCart from "@evenicanpm/storefront-core/src/api-manager/services/cart/queries/get-cart";
-
-import { useSession } from "next-auth/react";
+import MiniCartTrigger from "@evenicanpm/storefront-core/src/components-v2/mini-cart/mini-cart-trigger";
+import SiteLogo from "@evenicanpm/storefront-core/src/components-v2/site-logo";
+import { useAppSession } from "@evenicanpm/storefront-core/src/hooks/use-nextauth-session";
+import clsx from "clsx";
+import type { ReactNode } from "react";
+import { MdOutlineShoppingBag } from "react-icons/md";
 
 type HeaderRootProps = {
 	className?: string;
@@ -53,7 +52,7 @@ Header.MidSlot = ({ children }: { children: ReactNode }) => {
 };
 
 Header.User = () => {
-	const { data: session } = useSession();
+	const { session } = useAppSession();
 	const isAuthenticated = !!session;
 	return (
 		<User>

package/src/components-v2/header/sticky-header.tsx

@@ -1,13 +1,13 @@
 "use client";
 
+import MobileHeader from "@evenicanpm/storefront-core/src/components-v2/header/components/mobile-header";
 import Header from "@evenicanpm/storefront-core/src/components-v2/header/index";
 import { SearchBarViewLg as SearchBar } from "@evenicanpm/storefront-core/src/components-v2/search-bar";
-import Sticky from "@evenicanpm/storefront-core/src/components-v2/sticky/index";
-import { useCallback, useState } from "react";
+import { Sticky } from "@evenicanpm/ui";
 
 import useTheme from "@mui/material/styles/useTheme";
 import useMediaQuery from "@mui/material/useMediaQuery";
-import MobileHeader from "@evenicanpm/storefront-core/src/components-v2/header/components/mobile-header";
+import { useCallback, useState } from "react";
 
 /**
  * @category Implementation

package/src/components-v2/header/styles/index.ts

@@ -1,7 +1,8 @@
+// CONSTANT VARIABLES
+
+import { layoutConstant } from "@evenicanpm/ui";
 import Container from "@mui/material/Container";
 import styled from "@mui/material/styles/styled";
-// CONSTANT VARIABLES
-import { layoutConstant } from "@evenicanpm/storefront-core/src/components-v2/utils/constants";
 
 export const HeaderWrapper = styled("div")(({ theme }) => ({
 	zIndex: 3,

package/src/components-v2/mini-cart/__tests__/cart-item.test.tsx

@@ -1,14 +1,14 @@
-import { Cart, CartLine } from "@/schemas/cart.schema";
+import { NotificationProvider } from "@evenicanpm/storefront-core/src/providers/notifications/notification-context";
+import ENUS from "@messages/en-US.json";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { fireEvent, render, screen } from "@testing-library/react";
 import { setupServer } from "msw/node";
-import React from "react";
-import cartData from "./test-cart-with-item.json";
 import { NextIntlClientProvider } from "next-intl";
-import ENUS from "@messages/en-US.json";
-import CartItem from "../components/cart-item";
+import type React from "react";
 import { vi } from "vitest";
-import { NotificationProvider } from "@evenicanpm/storefront-core/src/providers/notifications/notification-context";
+import type { Cart, CartLine } from "@/schemas/cart.schema";
+import CartItem from "../components/cart-item";
+import cartData from "./test-cart-with-item.json";
 
 // @ts-expect-error - We don't use the dates from this json and its not worth parsin
 const cart: Cart = cartData;

package/src/components-v2/mini-cart/__tests__/mini-cart.test.tsx

@@ -1,14 +1,14 @@
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { NextIntlClientProvider } from "next-intl";
-import cartData from "./test-cart-with-item.json";
-import cartDataEmpty from "./test-cart-empty.json";
+import { NotificationProvider } from "@evenicanpm/storefront-core/src/providers/notifications/notification-context";
 import ENUS from "@messages/en-US.json";
 import fr from "@messages/fr.json";
+import type { Cart } from "@msdyn365-commerce/retail-proxy";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { fireEvent, render, screen } from "@testing-library/react";
-import MiniCart from "../mini-cart";
+import { NextIntlClientProvider } from "next-intl";
 import { vi } from "vitest";
-import { Cart } from "@msdyn365-commerce/retail-proxy";
-import { NotificationProvider } from "@evenicanpm/storefront-core/src/providers/notifications/notification-context";
+import MiniCart from "../mini-cart";
+import cartDataEmpty from "./test-cart-empty.json";
+import cartData from "./test-cart-with-item.json";
 
 const { useRouter, mockedRouterPush } = vi.hoisted(() => {
 	const mockedRouterPush = vi.fn();

package/src/components-v2/mini-cart/components/bottom-actions.tsx

@@ -1,9 +1,10 @@
 "use client";
 
-import React, { createContext, useContext } from "react";
 import Box from "@mui/material/Box";
-import Button, { ButtonProps } from "@mui/material/Button";
+import Button, { type ButtonProps } from "@mui/material/Button";
 import { useTranslations } from "next-intl";
+import type React from "react";
+import { createContext, useContext } from "react";
 
 interface BottomActionsContextValue {
 	total: string;

package/src/components-v2/mini-cart/components/cart-item.tsx

@@ -1,24 +1,25 @@
 // @refresh reset
 "use client";
 
-import React, { createContext, useContext } from "react";
-import Link from "next/link";
-import Box from "@mui/material/Box";
-import Button from "@mui/material/Button";
-import Avatar from "@mui/material/Avatar";
-import IconButton from "@mui/material/IconButton";
-import { CircularProgress } from "@mui/material";
-import Add from "@mui/icons-material/Add";
-import Close from "@mui/icons-material/Close";
-import Remove from "@mui/icons-material/Remove";
 import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
 import {
 	H6,
 	Tiny,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import { CartLine } from "@/schemas/cart.schema";
-import { useFormatter, useTranslations } from "next-intl";
 import { getProductDetailUrl } from "@evenicanpm/storefront-core/src/lib/build-product-detail-url";
+import Add from "@mui/icons-material/Add";
+import Close from "@mui/icons-material/Close";
+import Remove from "@mui/icons-material/Remove";
+import { CircularProgress } from "@mui/material";
+import Avatar from "@mui/material/Avatar";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import IconButton from "@mui/material/IconButton";
+import Link from "next/link";
+import { useFormatter, useTranslations } from "next-intl";
+import type React from "react";
+import { createContext, useContext } from "react";
+import type { CartLine } from "@/schemas/cart.schema";
 
 interface MiniCartItemContextValue {
 	item: CartLine;

package/src/components-v2/mini-cart/components/empty-view.tsx

@@ -1,9 +1,10 @@
 "use client";
 
-import React, { createContext, useContext } from "react";
 import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
 import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import { useTranslations } from "next-intl";
+import type React from "react";
+import { createContext, useContext } from "react";
 import { MdShoppingBag as ShoppingBagIcon } from "react-icons/md";
 
 interface EmptyCartContextValue {

package/src/components-v2/mini-cart/components/top-header.tsx

@@ -1,15 +1,16 @@
 "use client";
 
-import React, { createContext, useContext } from "react";
-import IconButton from "@mui/material/IconButton";
-import ClearIcon from "@mui/icons-material/Clear";
-import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import {
 	FlexBetween,
 	FlexBox,
 } from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
-import { MdOutlineShoppingBag as CartBagIcon } from "react-icons/md";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import ClearIcon from "@mui/icons-material/Clear";
+import IconButton from "@mui/material/IconButton";
 import { useTranslations } from "next-intl";
+import type React from "react";
+import { createContext, useContext } from "react";
+import { MdOutlineShoppingBag as CartBagIcon } from "react-icons/md";
 
 interface TopHeaderContextValue {
 	total: number;

package/src/components-v2/mini-cart/mini-cart-trigger.tsx

@@ -1,10 +1,10 @@
 "use client";
 
-import React, { useState, useContext, createContext } from "react";
-import { Badge, Drawer, IconButton } from "@mui/material";
-import { Cart } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
-import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
+import type { Cart } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
 import { MiniCart } from "@evenicanpm/storefront-core/src/components-v2/mini-cart/index";
+import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
+import { Badge, Drawer, IconButton } from "@mui/material";
+import React, { createContext, useContext, useState } from "react";
 
 const BADGE_STYLES = {
 	"& .MuiBadge-badge": {

package/src/components-v2/mini-cart/mini-cart.tsx

@@ -1,20 +1,19 @@
 "use client";
 
-import React, { createContext, useContext } from "react";
-import { useRouter } from "next/navigation";
-import Box from "@mui/material/Box";
-import Divider from "@mui/material/Divider";
-
-import Scrollbar from "@evenicanpm/storefront-core/src/components-v2/scrollbar/index";
-import TopHeader from "@evenicanpm/storefront-core/src/components-v2/mini-cart/components/top-header";
+import useDeleteCartLine from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/delete-cart-line";
+import useUpdateCartLines from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/update-cart-lines";
+import BottomActions from "@evenicanpm/storefront-core/src/components-v2/mini-cart/components/bottom-actions";
 import MiniCartItem from "@evenicanpm/storefront-core/src/components-v2/mini-cart/components/cart-item";
 import EmptyCart from "@evenicanpm/storefront-core/src/components-v2/mini-cart/components/empty-view";
-import BottomActions from "@evenicanpm/storefront-core/src/components-v2/mini-cart/components/bottom-actions";
-
-import { Cart, CartLine } from "@/schemas/cart.schema";
+import TopHeader from "@evenicanpm/storefront-core/src/components-v2/mini-cart/components/top-header";
+import Scrollbar from "@evenicanpm/storefront-core/src/components-v2/scrollbar/index";
+import Box from "@mui/material/Box";
+import Divider from "@mui/material/Divider";
+import { useRouter } from "next/navigation";
 import { useFormatter } from "next-intl";
-import useUpdateCartLines from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/update-cart-lines";
-import useDeleteCartLine from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/delete-cart-line";
+import type React from "react";
+import { createContext, useContext } from "react";
+import type { Cart, CartLine } from "@/schemas/cart.schema";
 
 interface MiniCartContextValue {
 	cart: Cart;

package/src/components-v2/mobile-navigation/MobileNavigationBar.stories.tsx

@@ -1,7 +1,7 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { MobileNavigationBar } from "./index";
 import Home from "@evenicanpm/storefront-core/src/components-v2/icons/home";
 import User2 from "@evenicanpm/storefront-core/src/components-v2/icons/user2";
+import type { Meta, StoryObj } from "@storybook/react";
+import { MobileNavigationBar } from "./index";
 
 const meta = {
 	title: "MobileNavigationBar",

package/src/components-v2/mobile-navigation/mobile-navigation-bar.tsx

@@ -1,12 +1,12 @@
 "use client";
 
-import { Fragment, createContext, useContext } from "react";
-import Box from "@mui/material/Box";
-import Badge from "@mui/material/Badge";
-import { Theme } from "@mui/material/styles";
-import { SvgIconComponent } from "@mui/icons-material";
-import useMediaQuery from "@mui/material/useMediaQuery";
-import { useTranslations } from "next-intl";
+// API and Context
+import getCart from "@evenicanpm/storefront-core/src/api-manager/services/cart/queries/get-cart";
+import CategoryOutlined from "@evenicanpm/storefront-core/src/components-v2/icons/category-outline";
+// ICON COMPONENTS
+import Home from "@evenicanpm/storefront-core/src/components-v2/icons/home";
+import ShoppingBagOutlined from "@evenicanpm/storefront-core/src/components-v2/icons/shopping-bag-outlined";
+import User2 from "@evenicanpm/storefront-core/src/components-v2/icons/user2";
 // STYLED COMPONENTS
 import {
 	iconStyle,
@@ -14,14 +14,14 @@ import {
 	StyledNavLink,
 	Wrapper,
 } from "@evenicanpm/storefront-core/src/components-v2/mobile-navigation/styles/index";
-// ICON COMPONENTS
-import Home from "@evenicanpm/storefront-core/src/components-v2/icons/home";
-import User2 from "@evenicanpm/storefront-core/src/components-v2/icons/user2";
-import CategoryOutlined from "@evenicanpm/storefront-core/src/components-v2/icons/category-outline";
-import ShoppingBagOutlined from "@evenicanpm/storefront-core/src/components-v2/icons/shopping-bag-outlined";
-// API and Context
-import getCart from "@evenicanpm/storefront-core/src/api-manager/services/cart/queries/get-cart";
 import { NavContext } from "@evenicanpm/storefront-core/src/providers/nav-provider";
+import type { SvgIconComponent } from "@mui/icons-material";
+import Badge from "@mui/material/Badge";
+import Box from "@mui/material/Box";
+import type { Theme } from "@mui/material/styles";
+import useMediaQuery from "@mui/material/useMediaQuery";
+import { useTranslations } from "next-intl";
+import { createContext, Fragment, useContext } from "react";
 
 /**
 Usage Examples:

package/src/components-v2/mobile-navigation/styles/index.ts

@@ -1,7 +1,7 @@
+import { NavLink } from "@evenicanpm/storefront-core/src/components-v2/nav-link/index";
+import { layoutConstant } from "@evenicanpm/ui";
 import Drawer from "@mui/material/Drawer";
 import styled from "@mui/material/styles/styled";
-import { NavLink } from "@evenicanpm/storefront-core/src/components-v2/nav-link/index";
-import { layoutConstant } from "@evenicanpm/storefront-core/src/components-v2/utils/constants";
 
 // STYLED COMPONENTS
 const Wrapper = styled("div")(({ theme }) => ({

package/src/components-v2/nav-link/nav-link-2.tsx

@@ -1,6 +1,6 @@
-import Link from "next/link";
 // GLOBAL CUSTOM COMPONENT
 import { Small } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import Link from "next/link";
 
 // ==============================================================
 interface NavLinkProps {