@evenicanpm/storefront-core 1.2.2 → 1.3.0

package/src/hooks/use-cart.ts

@@ -1,6 +1,6 @@
 "use client";
-import useDeleteCartLine from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/delete-cart-line";
 import useAddToCart from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/add-to-cart";
+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 getCart from "@evenicanpm/storefront-core/src/api-manager/services/cart/queries/get-cart";
 /**

package/src/hooks/use-nextauth-session.ts

@@ -0,0 +1,65 @@
+// hooks/useAppSession.ts
+
+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 { useSession } from "next-auth/react";
+import { useEffect } from "react";
+
+export function useAppSession() {
+	const { data: session } = useSession();
+	const { mutateAsync: sessionInit } = useSessionInit();
+	const { mutateAsync: updateUser } = useUpdateUser();
+	const { mutateAsync: sessionLogout } = useSessionLogout();
+
+	// Handle custom auth errors
+	useEffect(() => {
+		if (session?.error) {
+			console.warn("Auth Error", session.error);
+			sessionLogout({}); // Or your custom signOut
+		}
+	}, [session, sessionLogout]);
+
+	// Initialize session in API
+	useEffect(() => {
+		if (!session) return;
+
+		const { accessToken, user } = session;
+		if (accessToken && user?.email) {
+			sessionInit({ accessToken, email: user.email }).catch(console.error);
+		}
+	}, [session, sessionInit]);
+
+	// MSAL redirect handling
+	useEffect(() => {
+		const handleRedirect = async () => {
+			try {
+				await initializeMsal();
+				const res = await getMsalInstance().handleRedirectPromise();
+				if (res) {
+					const { given_name, family_name } = res.idTokenClaims as any;
+					if (given_name && family_name) {
+						updateUser({
+							AccountNumber: "",
+							FirstName: given_name,
+							LastName: family_name,
+						}).catch(console.error);
+					}
+				}
+			} catch (err) {
+				console.error("MSAL redirect error:", err);
+			}
+		};
+		handleRedirect();
+	}, [updateUser]);
+
+	return {
+		session,
+		isAuthenticated: !!session,
+	};
+}

package/src/hooks/use-overflow-detect.ts

@@ -1,6 +1,6 @@
 "use client";
 
-import { useRef, useState, useEffect } from "react";
+import { useEffect, useRef, useState } from "react";
 
 export default function useOverflowDetect() {
 	const elementRef = useRef<HTMLElement | null>(null);

package/src/hooks/use-settings.ts

@@ -1,4 +1,4 @@
-import { Direction } from "@mui/material/styles";
+import type { Direction } from "@mui/material/styles";
 export type SettingsOptions = { direction: Direction };
 
 const initialSettings: SettingsOptions = { direction: "ltr" };

package/src/hooks/use-variants.ts

@@ -1,13 +1,12 @@
 "use client";
-// react and react-query
-import { useReducer } from "react";
 
 // Types
-import { ProductDetails } from "@evenicanpm/storefront-core/src/api-manager/schemas/product.schema";
-import { ProductDimensionValueInventoryAvailability } from "@msdyn365-commerce/retail-proxy";
-
+import type { ProductDetails } from "@evenicanpm/storefront-core/src/api-manager/schemas/product.schema";
 // Data fetching
 import getProductById from "@evenicanpm/storefront-core/src/api-manager/services/product/queries/get-product-by-id";
+import type { ProductDimensionValueInventoryAvailability } from "@msdyn365-commerce/retail-proxy";
+// react and react-query
+import { useReducer } from "react";
 
 // Define Types for Hook
 export type SelectedDimensions = Record<
@@ -100,7 +99,7 @@ const prefetchPDPData = (
  */
 const variantReducer = (state: VariantState, action: VariantAction) => {
 	switch (action.type) {
-		case "SELECT_DIMENSION":
+		case "SELECT_DIMENSION": {
 			const newDimensionsState: SelectedDimensions = {
 				...state.selectDimensions,
 				[action.dimensionValue?.DimensionTypeValue ?? ""]:
@@ -130,5 +129,6 @@ const variantReducer = (state: VariantState, action: VariantAction) => {
 				selectDimensions: newDimensionsState,
 				selectedVariantRecordId: intersectedVariantIds[0], // There can be only one!
 			};
+		}
 	}
 };

package/src/lib/build-product-detail-url.ts

@@ -1,4 +1,4 @@
-import {
+import type {
 	ProductSearchResult,
 	SimpleProduct,
 } from "@msdyn365-commerce/retail-proxy";

package/src/lib/cart-cookie-handler.ts

@@ -1,9 +1,9 @@
 "use server";
-import { cookies } from "next/headers";
 import {
 	CART_COOKIE_NAME,
 	CartCookieType,
 } from "@evenicanpm/storefront-core/src/lib/cart-cookie-handler-constants";
+import { cookies } from "next/headers";
 
 const getCartCookie = async (): Promise<string | null> =>
 	(await getCartCookieWithAuthStatus())?.id ?? null;

package/src/lib/category-helpers.ts

@@ -1,4 +1,4 @@
-import {
+import type {
 	Category,
 	TextValueTranslation,
 } from "@msdyn365-commerce/retail-proxy";

package/src/lib/create-graphql-client.ts

@@ -1,10 +1,9 @@
-import { GraphQLClient } from "graphql-request";
-
 // Note: We are keeping two separate versions of the graphqlRequestSdk
 // currently. We need one in the api-manager client packages to get types
 // and one here to isntantiate because graphql-request library must be same
 // for this file and the sdk
 import { getSdk } from "@evenicanpm/storefront-core/src/lib/graphqlRequestSdk";
+import { GraphQLClient } from "graphql-request";
 
 // typescript can't infer type without reference
 export type E4Sdk = ReturnType<typeof getSdk>;

package/src/lib/get-palette-color.ts

@@ -1,4 +1,4 @@
-import { Theme } from "@mui/material";
+import type { Theme } from "@mui/material";
 
 // Define a union type for possible color values
 type ColorValue = string | number | (() => string);

package/src/lib/graphqlRequestSdk.ts

@@ -1,6 +1,5 @@
-import { GraphQLClient, RequestOptions } from "graphql-request";
-import { GraphQLError, print } from "graphql";
-import { DocumentNode } from "graphql";
+import { type DocumentNode, type GraphQLError, print } from "graphql";
+import type { GraphQLClient, RequestOptions } from "graphql-request";
 export type Maybe<T> = T | null;
 export type InputMaybe<T> = Maybe<T>;
 export type Exact<T extends { [key: string]: unknown }> = {

package/src/lib/hexToLuma.ts

@@ -5,7 +5,7 @@ function sRGBtoLin(colorChannel: number): number {
 	if (colorChannel <= 0.04045) {
 		return colorChannel / 12.92;
 	} else {
-		return Math.pow((colorChannel + 0.055) / 1.055, 2.4);
+		return ((colorChannel + 0.055) / 1.055) ** 2.4;
 	}
 }
 1;
@@ -16,7 +16,7 @@ function YtoLstar(Y: number): number {
 	if (Y <= 216 / 24389) {
 		return Y * (24389 / 27);
 	} else {
-		return Math.pow(Y, 1 / 3) * 116 - 16;
+		return Y ** (1 / 3) * 116 - 16;
 	}
 }
 

package/src/lib/product-list-types.ts

@@ -1,4 +1,4 @@
-import { ProductRefinerValue } from "@msdyn365-commerce/retail-proxy";
+import type { ProductRefinerValue } from "@msdyn365-commerce/retail-proxy";
 
 export const PageKey = {
 	TOP: "perPage",

package/src/lib/refiner-utils.ts

@@ -1,4 +1,4 @@
-import { ProductRefinerValue } from "@msdyn365-commerce/retail-proxy";
+import type { ProductRefinerValue } from "@msdyn365-commerce/retail-proxy";
 
 const convertRefinerToParameter = (refiner: ProductRefinerValue) =>
 	`${refiner.RefinerRecordId}|${refiner.DataTypeValue}|${refiner.LeftValueBoundString}|${refiner.RightValueBoundString}|${refiner.RefinerSourceValue}`;

package/src/lib/store-hours-helper.ts

@@ -1,4 +1,4 @@
-import { RegularStoreHours } from "@msdyn365-commerce/retail-proxy";
+import type { RegularStoreHours } from "@msdyn365-commerce/retail-proxy";
 import get from "lodash/get";
 
 export interface IStoreSelectorLocationLineItemResources {

package/src/pages-v2/account/account-navigation.tsx

@@ -1,29 +1,29 @@
 "use client";
 
-import { createContext, Fragment, ReactNode } from "react";
-import { usePathname } from "next/navigation";
-import { useTranslations } from "next-intl";
-// ICON COMPONENTS
-import {
-	MdOutlineShoppingBag as ShoppingBagOutlined,
-	MdFavoriteBorder as FavoriteBorder,
-	MdPerson as Person,
-	MdPlace as Place,
-} from "react-icons/md";
+// API
+import getUser from "@evenicanpm/storefront-core/src/api-manager/services/user/queries/get-user";
+import getUserCounts from "@evenicanpm/storefront-core/src/api-manager/services/user/queries/get-user-counts";
 // GLOBAL CUSTOM COMPONENTS
 import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
 import {
 	Paragraph,
 	Span,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-// API
-import getUser from "@evenicanpm/storefront-core/src/api-manager/services/user/queries/get-user";
-import getUserCounts from "@evenicanpm/storefront-core/src/api-manager/services/user/queries/get-user-counts";
 // STYLED COMPONENTS
 import {
 	MainContainer,
 	StyledNavLink,
 } from "@evenicanpm/storefront-core/src/pages-v2/account/styles";
+import { usePathname } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { createContext, Fragment, type ReactNode } from "react";
+// ICON COMPONENTS
+import {
+	MdFavoriteBorder as FavoriteBorder,
+	MdPerson as Person,
+	MdPlace as Place,
+	MdOutlineShoppingBag as ShoppingBagOutlined,
+} from "react-icons/md";
 
 /**
  * 

package/src/pages-v2/account/addresses/address-form.tsx

@@ -1,32 +1,33 @@
 "use client";
 
-import React, { createContext, useContext } from "react";
+// API and Interfaces
+import type { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
+import useCreateAddress from "@evenicanpm/storefront-core/src/api-manager/services/address/mutations/create-address";
+import useUpdateAddress from "@evenicanpm/storefront-core/src/api-manager/services/address/mutations/update-address";
+import getCountries from "@evenicanpm/storefront-core/src/api-manager/services/address/queries/get-countries";
+import getStates from "@evenicanpm/storefront-core/src/api-manager/services/address/queries/get-states";
+import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
+import type { CountryRegionInfo } from "@msdyn365-commerce/retail-proxy";
 import {
 	Box,
 	Button,
 	FormControl,
 	InputLabel,
-	TextField,
 	MenuItem,
-	Select,
 	OutlinedInput,
+	Select,
+	TextField,
 } from "@mui/material";
 import Grid from "@mui/material/Grid2";
-import _ from "lodash";
-import { useLocale, useTranslations } from "next-intl";
-import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
-import { useRouter } from "next/navigation";
 // Forms
 import { useFormik } from "formik";
-import { z } from "zod";
 import { withZodSchema } from "formik-validator-zod";
-// API and Interfaces
-import { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
-import { CountryRegionInfo } from "@msdyn365-commerce/retail-proxy";
-import getCountries from "@evenicanpm/storefront-core/src/api-manager/services/address/queries/get-countries";
-import getStates from "@evenicanpm/storefront-core/src/api-manager/services/address/queries/get-states";
-import useCreateAddress from "@evenicanpm/storefront-core/src/api-manager/services/address/mutations/create-address";
-import useUpdateAddress from "@evenicanpm/storefront-core/src/api-manager/services/address/mutations/update-address";
+import _ from "lodash";
+import { useRouter } from "next/navigation";
+import { useLocale, useTranslations } from "next-intl";
+import React, { createContext, useContext } from "react";
+import { z } from "zod";
+
 interface FormContextValue {
 	formik: ReturnType<typeof useFormik<any>>;
 	countries: CountryRegionInfo[] | undefined;

package/src/pages-v2/account/addresses/address-item.tsx

@@ -1,22 +1,21 @@
 "use client";
 
-import { createContext, useContext, ReactNode } from "react";
-import IconButton from "@mui/material/IconButton";
-import { Button, Box, Chip } from "@mui/material";
-import { SxProps } from "@mui/material/styles";
-import { useTranslations } from "next-intl";
-import { useRouter } from "next/navigation";
-import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
-// ICONS
-import { MdEdit as Edit } from "react-icons/md";
-import { MdDelete as Delete } from "react-icons/md";
-// Custom Components
-import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import TableRow from "@evenicanpm/storefront-core/src/pages-v2/account/table-row";
+import type { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
 // API
 import useDeleteAddress from "@evenicanpm/storefront-core/src/api-manager/services/address/mutations/delete-address";
 import useUpdateUser from "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/update-user";
-import { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
+// Custom Components
+import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import TableRow from "@evenicanpm/storefront-core/src/pages-v2/account/table-row";
+import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
+import { Box, Button, Chip } from "@mui/material";
+import IconButton from "@mui/material/IconButton";
+import type { SxProps } from "@mui/material/styles";
+import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
+import { createContext, type ReactNode, useContext } from "react";
+// ICONS
+import { MdDelete as Delete, MdEdit as Edit } from "react-icons/md";
 
 interface AddressContextValue {
 	address: Address;

package/src/pages-v2/account/dashboard-header.tsx

@@ -1,23 +1,23 @@
 "use client";
 
-import React, { ReactNode, createContext, useContext } from "react";
-import Link from "next/link";
+import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
+// GLOBAL CUSTOM COMPONENTS
+import SideNav from "@evenicanpm/storefront-core/src/components-v2/side-nav/index";
+import { H2 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import Navigation from "@evenicanpm/storefront-core/src/pages-v2/account/account-navigation";
 import {
 	Box,
 	Button,
 	IconButton,
-	Theme,
 	styled,
+	type Theme,
 	useMediaQuery,
 } from "@mui/material";
+import Link from "next/link";
 import { useTranslations } from "next-intl";
+import React, { createContext, type ReactNode, useContext } from "react";
+import type { IconType } from "react-icons";
 import { MdMenu as Menu } from "react-icons/md";
-// GLOBAL CUSTOM COMPONENTS
-import SideNav from "@evenicanpm/storefront-core/src/components-v2/side-nav/index";
-import { H2 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
-import { IconType } from "react-icons";
-import Navigation from "@evenicanpm/storefront-core/src/pages-v2/account/account-navigation";
 
 const StyledBox = styled("div")(({ theme }) => ({
 	display: "flex",

package/src/pages-v2/account/orders/order-progress.tsx

@@ -1,20 +1,20 @@
-import { Fragment, createContext, useContext } from "react";
-import { useTranslations } from "next-intl";
-import Box from "@mui/material/Box";
-import Card from "@mui/material/Card";
-import Avatar from "@mui/material/Avatar";
-import styled from "@mui/material/styles/styled";
-import { MdDone as Done } from "react-icons/md";
-// CUSTOM ICON COMPONENTS
-import Delivery from "@evenicanpm/storefront-core/src/pages-v2/account/orders/icons/delivery";
-import PackageBox from "@evenicanpm/storefront-core/src/pages-v2/account/orders/icons/package-box";
-import TruckFilled from "@evenicanpm/storefront-core/src/pages-v2/account/orders/icons/truck-filled";
-// GLOBAL CUSTOM COMPONENTS
-import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import {
 	FlexBetween,
 	FlexBox,
 } from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
+// GLOBAL CUSTOM COMPONENTS
+import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+// CUSTOM ICON COMPONENTS
+import Delivery from "@evenicanpm/storefront-core/src/pages-v2/account/orders/icons/delivery";
+import PackageBox from "@evenicanpm/storefront-core/src/pages-v2/account/orders/icons/package-box";
+import TruckFilled from "@evenicanpm/storefront-core/src/pages-v2/account/orders/icons/truck-filled";
+import Avatar from "@mui/material/Avatar";
+import Box from "@mui/material/Box";
+import Card from "@mui/material/Card";
+import styled from "@mui/material/styles/styled";
+import { useTranslations } from "next-intl";
+import { createContext, Fragment, useContext } from "react";
+import { MdDone as Done } from "react-icons/md";
 
 // STYLED COMPONENTS
 const StyledFlexbox = styled(FlexBetween)(({ theme }) => ({

package/src/pages-v2/account/orders/order-row.tsx

@@ -1,18 +1,19 @@
-import Link from "next/link";
-import Box from "@mui/material/Box";
-import Chip from "@mui/material/Chip";
-import IconButton from "@mui/material/IconButton";
-import { MdEast as East } from "react-icons/md";
-import { ChipProps } from "@mui/material";
-import { format } from "date-fns";
+import type { SalesOrder } from "@evenicanpm/storefront-core/src/api-manager/schemas/order.schema";
 import {
 	H6,
 	Paragraph,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import TableRow from "@evenicanpm/storefront-core/src/pages-v2/account/table-row";
 import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
-import { SalesOrder } from "@evenicanpm/storefront-core/src/api-manager/schemas/order.schema";
-import React, { createContext, useContext } from "react";
+import TableRow from "@evenicanpm/storefront-core/src/pages-v2/account/table-row";
+import type { ChipProps } from "@mui/material";
+import Box from "@mui/material/Box";
+import Chip from "@mui/material/Chip";
+import IconButton from "@mui/material/IconButton";
+import { format } from "date-fns";
+import Link from "next/link";
+import type React from "react";
+import { createContext, useContext } from "react";
+import { MdEast as East } from "react-icons/md";
 
 type Props = { order: SalesOrder };
 

package/src/pages-v2/account/orders/order-summary.tsx

@@ -1,7 +1,4 @@
-import Grid from "@mui/material/Grid2";
-import Card from "@mui/material/Card";
-import Divider from "@mui/material/Divider";
-import { useTranslations } from "next-intl";
+import type { SalesOrder } from "@evenicanpm/storefront-core/src/api-manager/schemas/order.schema";
 import { FlexBetween } from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
 import {
 	H5,
@@ -9,8 +6,12 @@ import {
 	Paragraph,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
-import { SalesOrder } from "@evenicanpm/storefront-core/src/api-manager/schemas/order.schema";
-import React, { createContext, useContext } from "react";
+import Card from "@mui/material/Card";
+import Divider from "@mui/material/Divider";
+import Grid from "@mui/material/Grid2";
+import { useTranslations } from "next-intl";
+import type React from "react";
+import { createContext, useContext } from "react";
 
 type Props = { order: SalesOrder };
 

package/src/pages-v2/account/orders/ordered-products.tsx

@@ -1,27 +1,28 @@
-import Card from "@mui/material/Card";
-import Button from "@mui/material/Button";
-import Avatar from "@mui/material/Avatar";
-import Box from "@mui/material/Box";
-import Grid from "@mui/material/Grid2";
-import Link from "next/link";
-import { useTranslations } from "next-intl";
+import type {
+	SalesLine,
+	SalesOrder,
+} from "@evenicanpm/storefront-core/src/api-manager/schemas/order.schema";
+import {
+	FlexBetween,
+	FlexBox,
+} from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
 import {
 	H6,
 	Paragraph,
 	Span,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import {
-	FlexBetween,
-	FlexBox,
-} from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
+import buildDetailUrl from "@evenicanpm/storefront-core/src/lib/build-detail-url";
 import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
-import {
-	SalesLine,
-	SalesOrder,
-} from "@evenicanpm/storefront-core/src/api-manager/schemas/order.schema";
 import { ProductDimensionType } from "@msdyn365-commerce/retail-proxy";
-import buildDetailUrl from "@evenicanpm/storefront-core/src/lib/build-detail-url";
-import React, { createContext } from "react";
+import Avatar from "@mui/material/Avatar";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Card from "@mui/material/Card";
+import Grid from "@mui/material/Grid2";
+import Link from "next/link";
+import { useTranslations } from "next-intl";
+import type React from "react";
+import { createContext } from "react";
 
 type Props = { order: SalesOrder };
 

package/src/pages-v2/account/profile/profile-button.test.tsx

@@ -1,7 +1,7 @@
-import { render, screen, fireEvent, waitFor } from "@testing-library/react";
-import { vi } from "vitest";
 import ProfileButton from "@evenicanpm/storefront-core/src/pages-v2/account/profile/profile-button";
-import { getMsalInstance, initializeMsal, getRequestConfig } from "@/auth/msal";
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { vi } from "vitest";
+import { getMsalInstance, getRequestConfig, initializeMsal } from "@/auth/msal";
 
 vi.mock("@/auth/msal", () => ({
 	initializeMsal: vi.fn(),

package/src/pages-v2/account/profile/profile-button.tsx

@@ -1,10 +1,11 @@
 "use client";
 
-import { getMsalInstance, initializeMsal, getRequestConfig } from "@/auth/msal";
-import { useEffect, useState } from "react";
-import { Button } from "@mui/material";
+import type { RedirectRequest } from "@azure/msal-browser";
 import T from "@evenicanpm/storefront-core/src/components-v2/T/index";
-import { RedirectRequest } from "@azure/msal-browser";
+import { Button } from "@mui/material";
+import { useEffect, useState } from "react";
+import { getMsalInstance, getRequestConfig, initializeMsal } from "@/auth/msal";
+
 interface Props {
 	type: string;
 	path: string;

package/src/pages-v2/account/profile/user-info.tsx

@@ -1,20 +1,19 @@
 "use client";
 
-import { createContext, useContext } from "react";
-import _ from "lodash";
-import useMediaQuery from "@mui/material/useMediaQuery";
-import { Theme } from "@mui/material/styles";
-import Card from "@mui/material/Card";
-import { useTranslations } from "next-intl";
+// API
+import type { User } from "@evenicanpm/storefront-core/src/api-manager/schemas/user.schema";
 // GLOBAL CUSTOM COMPONENTS
 import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
 import {
 	Small,
 	Span,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-// API
-import { User } from "@evenicanpm/storefront-core/src/api-manager/schemas/user.schema";
-import { PropsWithChildren } from "react";
+import Card from "@mui/material/Card";
+import type { Theme } from "@mui/material/styles";
+import useMediaQuery from "@mui/material/useMediaQuery";
+import _ from "lodash";
+import { useTranslations } from "next-intl";
+import { createContext, type PropsWithChildren, useContext } from "react";
 
 interface UserInfoContextValue {
 	user: User;

package/src/pages-v2/account/styles.ts

@@ -1,6 +1,6 @@
+import NavLink from "@evenicanpm/storefront-core/src/components-v2/nav-link/nav-link";
 import Card from "@mui/material/Card";
 import styled from "@mui/material/styles/styled";
-import NavLink from "@evenicanpm/storefront-core/src/components-v2/nav-link/nav-link";
 
 export const MainContainer = styled(Card)(({ theme }) => ({
 	paddingBottom: "1.5rem",

package/src/pages-v2/account/wishlist/create-new-list.tsx

@@ -1,24 +1,25 @@
 "use client";
 
-import React, { useEffect, createContext, useContext, ReactNode } from "react";
-import isFunction from "lodash/isFunction";
-import { useTranslations } from "next-intl";
+import useCreateWishlist from "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/create-wishlist";
+import { H5 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
 import {
 	Box,
 	Button,
-	TextField,
+	Checkbox,
 	Dialog,
 	DialogContent,
 	FormControlLabel,
-	Checkbox,
+	TextField,
 } from "@mui/material";
 import Grid from "@mui/material/Grid2";
-import { H5 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
 import { useFormik } from "formik";
-import { z } from "zod";
 import { withZodSchema } from "formik-validator-zod";
-import useCreateWishlist from "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/create-wishlist";
+import isFunction from "lodash/isFunction";
+import { useTranslations } from "next-intl";
+import type React from "react";
+import { createContext, type ReactNode, useContext, useEffect } from "react";
+import { z } from "zod";
 
 interface CreateNewListContextValue {
 	formik: ReturnType<typeof useFormik<FormSchemaType>>;