@evenicanpm/storefront-core 1.8.4 → 2.0.1

package/src/{components-v2 → components}/side-nav/SideNav.stories.tsx

@@ -94,7 +94,7 @@ export const ControlledState: Story = {
 				open={open}
 				position="left"
 				width={300}
-				handler={(toggle) => (
+				handler={(_toggle) => (
 					<Button variant="contained" onClick={() => setOpen(true)}>
 						Open Controlled Menu
 					</Button>

package/src/{components-v2 → components}/side-nav/__tests__/side-nav.test.tsx

@@ -1,21 +1,24 @@
-import { render, screen, fireEvent } from "@testing-library/react";
+import { fireEvent, render, screen } from "@testing-library/react";
 import type { ReactNode } from "react";
 import { vi } from "vitest";
 import SideNav from "../side-nav";
 
-vi.mock("@evenicanpm/storefront-core/src/components-v2/scrollbar", () => ({
-	default: ({
-		children,
-		autoHide,
-	}: {
-		children: ReactNode;
-		autoHide?: boolean;
-	}) => (
-		<div data-testid="scrollbar" data-autohide={autoHide}>
-			{children}
-		</div>
-	),
-}));
+vi.mock(
+	"@evenicanpm/storefront-core/src/components/scrollbar/scrollbar",
+	() => ({
+		default: ({
+			children,
+			autoHide,
+		}: {
+			children: ReactNode;
+			autoHide?: boolean;
+		}) => (
+			<div data-testid="scrollbar" data-autohide={autoHide}>
+				{children}
+			</div>
+		),
+	}),
+);
 
 vi.mock("@mui/material/Drawer", () => ({
 	default: ({

package/src/{components-v2/scrollbar → components/side-nav}/index.ts

@@ -1 +1 @@
-export { default } from "@evenicanpm/storefront-core/src/components-v2/scrollbar/scrollbar";
+export { default } from "@evenicanpm/storefront-core/src/components/side-nav/side-nav";

package/src/{components-v2 → components}/side-nav/side-nav.tsx

@@ -1,5 +1,5 @@
 // GLOBAL CUSTOM COMPONENT
-import Scrollbar from "@evenicanpm/storefront-core/src/components-v2/scrollbar/index";
+import Scrollbar from "@evenicanpm/storefront-core/src/components/scrollbar/index";
 import Drawer from "@mui/material/Drawer";
 import { type ReactNode, useEffect, useState } from "react";
 

package/src/{components-v2 → components}/site-logo.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import Image from "next/image";
 import Link from "next/link";
 
 interface SiteLogoProps {
@@ -9,7 +10,13 @@ interface SiteLogoProps {
 const SiteLogo: React.FC<SiteLogoProps> = () => {
 	return (
 		<Link href="/">
-			<img src={"/logo-blue.png"} alt="E4 Logo" height={54} />
+			<Image
+				src="/logo-blue.png"
+				alt="E4 Logo"
+				width={180}
+				height={54}
+				style={{ width: "auto", height: 54 }}
+			/>
 		</Link>
 	);
 };

package/src/{components-v2 → components}/wishlist-dialogs/__tests__/create-new-list.test.tsx

@@ -1,4 +1,4 @@
-import CreateNewList from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/index";
+import CreateNewList from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/create-wishlist/index";
 import {
 	Notification,
 	NotificationProvider,

package/src/{components-v2 → components}/wishlist-dialogs/add-to-wishlist/add-to-wishlist-button.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import T from "@evenicanpm/storefront-core/src/components-v2/T";
-import AddToWishlistDialog from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/index";
+import T from "@evenicanpm/storefront-core/src/components/T";
+import AddToWishlistDialog from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/add-to-wishlist/index";
 import { Button, type ButtonProps } from "@mui/material";
 import { useState } from "react";
 
@@ -23,7 +23,7 @@ const AddToWishlistButton = (props: Props) => {
 	};
 
 	// conditionally render button styles based on variant (pdp or minicart)
-	let style: any;
+	let style: ButtonProps["sx"];
 	let btnFullwidth: boolean;
 	let btnColor: ButtonProps["color"];
 	let btnVariant: ButtonProps["variant"];

package/src/{components-v2 → components}/wishlist-dialogs/add-to-wishlist/compound/add-to-wishlist-bottom-ui.tsx

@@ -1,7 +1,7 @@
-import { AddToWishListDialogContext } from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/context";
+import { AddToWishListDialogContext } from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/add-to-wishlist/compound/context";
 import { Button, Grid } from "@mui/material";
 import { useTranslations } from "next-intl";
-import React, { useContext } from "react";
+import { useContext } from "react";
 
 const AddToWishListBottomUI = () => {
 	const t = useTranslations("Account.Wishlists");

package/src/{components-v2 → components}/wishlist-dialogs/add-to-wishlist/compound/add-to-wishlist-dialog.tsx

@@ -2,11 +2,11 @@
 
 // API AND CONTEXT
 import getWishlists from "@evenicanpm/storefront-core/src/api-manager/services/user/queries/get-wishlists";
-import AddToWishListBottomUI from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/add-to-wishlist-bottom-ui";
-import WishlistList from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/add-to-wishlist-list";
-import { AddToWishListDialogContext } from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/context";
+import AddToWishListBottomUI from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/add-to-wishlist/compound/add-to-wishlist-bottom-ui";
+import WishlistList from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/add-to-wishlist/compound/add-to-wishlist-list";
+import { AddToWishListDialogContext } from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/add-to-wishlist/compound/context";
 // LOCAL COMPONENTS
-import DialogHeader from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/wishlist-dialog-header";
+import DialogHeader from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/add-to-wishlist/compound/wishlist-dialog-header";
 import { Dialog, DialogContent } from "@mui/material";
 import { useSession } from "next-auth/react";
 import type React from "react";

package/src/{components-v2 → components}/wishlist-dialogs/add-to-wishlist/compound/add-to-wishlist-list.tsx

@@ -3,14 +3,14 @@
  */
 
 import type { Wishlist } from "@evenicanpm/storefront-core/src/api-manager/schemas/user.schema";
-import NoRecords from "@evenicanpm/storefront-core/src/components-v2/no-records";
+import NoRecords from "@evenicanpm/storefront-core/src/components/no-records";
 // API AND CONTEXT
 import {
 	AddToWishListDialogContext,
 	WishListItemContext,
-} from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/context";
+} from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/add-to-wishlist/compound/context";
 // LOCAL COMPONENTS
-import WishlistItem from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/wishlist-dialog-item";
+import WishlistItem from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/add-to-wishlist/compound/wishlist-dialog-item";
 import { useContext } from "react";
 
 /**

package/src/{components-v2 → components}/wishlist-dialogs/add-to-wishlist/compound/wishlist-dialog-header.tsx

@@ -2,16 +2,15 @@
  * @module Add-To-Wishlist-Dialog
  */
 
-import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
+import FlexBox from "@evenicanpm/storefront-core/src/components/flex-box/flex-box";
 // GLOBAL COMPONENTS
-import { H2 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import { H2 } from "@evenicanpm/storefront-core/src/components/Typography";
 // LOCAL COMPONENTS
-import CreateWishlistButton from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/create-wishlist-button";
+import CreateWishlistButton from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/create-wishlist/create-wishlist-button";
 import { IconButton, styled, type Theme } from "@mui/material";
 import useMediaQuery from "@mui/material/useMediaQuery";
 import { useSession } from "next-auth/react";
 import { useTranslations } from "next-intl";
-import React from "react";
 // ICONS
 import { MdFavorite } from "react-icons/md";
 

package/src/{components-v2 → components}/wishlist-dialogs/add-to-wishlist/compound/wishlist-dialog-item.tsx

@@ -2,13 +2,13 @@
  * @module Add-To-Wishlist-Dialog
  */
 
-import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/Typography";
 import {
 	AddToWishListDialogContext,
 	WishListItemContext,
-} from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/context";
-import UseWishlist from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/hooks/use-add-to-wishlist";
-import { StyledTableRow } from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/styles";
+} from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/add-to-wishlist/compound/context";
+import UseWishlist from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/add-to-wishlist/hooks/use-add-to-wishlist";
+import { StyledTableRow } from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/styles";
 import { Add, Delete } from "@mui/icons-material";
 import { IconButton } from "@mui/material";
 import { format } from "date-fns";

package/src/{components-v2 → components}/wishlist-dialogs/add-to-wishlist/index.tsx

@@ -1,4 +1,4 @@
-import AddToWishlistDialog from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/add-to-wishlist-dialog";
+import AddToWishlistDialog from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/add-to-wishlist/compound/add-to-wishlist-dialog";
 
 interface Props {
 	open: boolean;

package/src/{components-v2 → components}/wishlist-dialogs/create-wishlist/compound/create-wishlist-bottom-ui.tsx

@@ -1,8 +1,8 @@
-import { CreateNewWishlistContext } from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/compound/create-wishlist-dialog";
+import { CreateNewWishlistContext } from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/create-wishlist/compound/create-wishlist-dialog";
 import { Button } from "@mui/material";
 import Grid from "@mui/material/Grid2";
 import { useTranslations } from "next-intl";
-import React, { useContext } from "react";
+import { useContext } from "react";
 
 function BottomUI() {
 	const t = useTranslations("Account.Wishlists");

package/src/{components-v2 → components}/wishlist-dialogs/create-wishlist/compound/create-wishlist-dialog.tsx

@@ -1,8 +1,8 @@
 // API
 import useCreateWishlist from "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/create-wishlist";
 // Global Custom components
-import { H5 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import CreateNewWishlistForm from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/compound/create-wishlist-form";
+import { H5 } from "@evenicanpm/storefront-core/src/components/Typography";
+import CreateNewWishlistForm from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/create-wishlist/compound/create-wishlist-form";
 import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
 import { CircularProgress, Dialog, DialogContent } from "@mui/material";
 // Forms

package/src/{components-v2 → components}/wishlist-dialogs/create-wishlist/compound/create-wishlist-form.tsx

@@ -3,8 +3,8 @@
  */
 
 // Global Custom components
-import BottomUI from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/compound/create-wishlist-bottom-ui";
-import { CreateNewWishlistContext } from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/compound/create-wishlist-dialog";
+import BottomUI from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/create-wishlist/compound/create-wishlist-bottom-ui";
+import { CreateNewWishlistContext } from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/create-wishlist/compound/create-wishlist-dialog";
 import { Box, Checkbox, FormControlLabel, TextField } from "@mui/material";
 import Grid from "@mui/material/Grid2";
 import { useTranslations } from "next-intl";

package/src/{components-v2 → components}/wishlist-dialogs/create-wishlist/create-wishlist-button.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import T from "@evenicanpm/storefront-core/src/components-v2/T";
-import CreateNewListDialog from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/index";
+import T from "@evenicanpm/storefront-core/src/components/T";
+import CreateNewListDialog from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/create-wishlist/index";
 import { Button } from "@mui/material";
 import { useState } from "react";
 

package/src/{components-v2 → components}/wishlist-dialogs/create-wishlist/index.tsx

@@ -1,4 +1,4 @@
-import CreateNewList from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/compound/create-wishlist-dialog";
+import CreateNewList from "@evenicanpm/storefront-core/src/components/wishlist-dialogs/create-wishlist/compound/create-wishlist-dialog";
 
 interface Props {
 	open: boolean;

package/src/{components-v2 → components}/wishlist-dialogs/styles.ts

@@ -1,6 +1,6 @@
 import NavLink, {
 	type NavLinkProps,
-} from "@evenicanpm/storefront-core/src/components-v2/nav-link/nav-link";
+} from "@evenicanpm/storefront-core/src/components/nav-link/nav-link";
 import Card, { type CardProps } from "@mui/material/Card";
 import styled from "@mui/material/styles/styled";
 import type { ComponentType } from "react";

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

@@ -42,7 +42,10 @@ export function useAppSession() {
 				await initializeMsal();
 				const res = await getMsalInstance().handleRedirectPromise();
 				if (res) {
-					const { given_name, family_name } = res.idTokenClaims as any;
+					const { given_name, family_name } = res.idTokenClaims as {
+						given_name?: string;
+						family_name?: string;
+					};
 					if (given_name && family_name) {
 						updateUser({
 							AccountNumber: "",

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

@@ -1,13 +1,13 @@
 "use client";
 
-import { useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 
 export default function useOverflowDetect() {
 	const elementRef = useRef<HTMLElement | null>(null);
 	const [isLeftOverflowing, setLeftIsOverflowing] = useState(false);
 	const [isRightOverflowing, setRightIsOverflowing] = useState(false);
 
-	function checkOverflow() {
+	const checkOverflow = useCallback(() => {
 		const element = elementRef.current;
 
 		if (element) {
@@ -19,7 +19,7 @@ export default function useOverflowDetect() {
 
 			if (elementRect.right > viewportWidth) setRightIsOverflowing(true);
 		}
-	}
+	}, []);
 
 	useEffect(() => {
 		window.addEventListener("resize", checkOverflow);
@@ -28,7 +28,7 @@ export default function useOverflowDetect() {
 		return () => {
 			window.removeEventListener("resize", checkOverflow);
 		};
-	}, []);
+	}, [checkOverflow]);
 
 	return { elementRef, isRightOverflowing, isLeftOverflowing, checkOverflow };
 }

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

@@ -29,8 +29,8 @@ const getCartCookieWithAuthStatus = async () => {
 };
 
 export {
-	getCartCookie,
-	setCartCookie,
 	deleteCartCookie,
+	getCartCookie,
 	getCartCookieWithAuthStatus,
+	setCartCookie,
 };

package/src/lib/category-helpers.ts

@@ -106,8 +106,8 @@ const normalizeCategoryName = (string_: string) =>
 	string_.toLowerCase().replaceAll(" ", "-");
 
 export {
-	mapCategoryToHierarchy,
 	generateUrl,
 	getFriendlyName,
+	mapCategoryToHierarchy,
 	normalizeCategoryName,
 };

package/src/lib/lib.ts

@@ -9,7 +9,7 @@ import { formatDistanceStrict } from "date-fns";
 
 function getDateDifference(date: string | number | Date) {
 	const distance = formatDistanceStrict(new Date(), new Date(date));
-	return distance + " ago";
+	return `${distance} ago`;
 }
 
 /**
@@ -58,4 +58,4 @@ function currency(price: number, fraction = 2) {
 	return formatCurrency;
 }
 
-export { currency, getDateDifference, calculateDiscount, renderProductCount };
+export { calculateDiscount, currency, getDateDifference, renderProductCount };

package/src/lib/page-slugs.ts

@@ -6,5 +6,3 @@ export const PageSlug = {
 	Confirmation: "confirmation",
 	Content: "content",
 } as const;
-
-type PageSlug = keyof typeof PageSlug;

package/src/lib/refiner-utils.ts

@@ -12,11 +12,11 @@ const convertParameterToRefiner = (parameter: string): ProductRefinerValue => {
 		sourceValue,
 	] = parameter.split("|");
 	return {
-		RefinerRecordId: Number.parseInt(recordId),
-		DataTypeValue: Number.parseInt(dataTypeValue),
+		RefinerRecordId: Number.parseInt(recordId, 10),
+		DataTypeValue: Number.parseInt(dataTypeValue, 10),
 		LeftValueBoundString: leftBoundString,
 		RightValueBoundString: rightBoundString,
-		RefinerSourceValue: Number.parseInt(sourceValue),
+		RefinerSourceValue: Number.parseInt(sourceValue, 10),
 	};
 };
 
@@ -26,7 +26,7 @@ const areRefinersEqual = (r1: ProductRefinerValue, r2: ProductRefinerValue) =>
 	r1.RightValueBoundString === r2.RightValueBoundString;
 
 export {
-	convertRefinerToParameter,
-	convertParameterToRefiner,
 	areRefinersEqual,
+	convertParameterToRefiner,
+	convertRefinerToParameter,
 };

package/src/{pages-v2 → pages}/account/account-navigation.tsx

@@ -4,16 +4,16 @@
 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 FlexBox from "@evenicanpm/storefront-core/src/components/flex-box/flex-box";
 import {
 	Paragraph,
 	Span,
-} from "@evenicanpm/storefront-core/src/components-v2/Typography";
+} from "@evenicanpm/storefront-core/src/components/Typography";
 // STYLED COMPONENTS
 import {
 	MainContainer,
 	StyledNavLink,
-} from "@evenicanpm/storefront-core/src/pages-v2/account/styles";
+} from "@evenicanpm/storefront-core/src/pages/account/styles";
 import { usePathname } from "next/navigation";
 import { useTranslations } from "next-intl";
 import { createContext, Fragment, type ReactNode } from "react";
@@ -114,25 +114,22 @@ const AccountNavigation = ({ items, children }: AccountNavigationProps) => {
 	return (
 		<AccountNavigationContext.Provider value={{ items: mergedItems }}>
 			<MainContainer>
-				{children || (
-					<>
-						{mergedItems.map((section) => (
-							<AccountNavigation.Section
-								key={section.title}
-								title={section.title}
-							>
-								{section.list.map((item) => (
-									<AccountNavigation.Item
-										key={item.title}
-										{...item}
-										isActive={pathname.includes(item.href)}
-										label={t(item.title)}
-									/>
-								))}
-							</AccountNavigation.Section>
-						))}
-					</>
-				)}
+				{children ||
+					mergedItems.map((section) => (
+						<AccountNavigation.Section
+							key={section.title}
+							title={section.title}
+						>
+							{section.list.map((item) => (
+								<AccountNavigation.Item
+									key={item.title}
+									{...item}
+									isActive={pathname?.includes(item.href) ?? false}
+									label={t(item.title)}
+								/>
+							))}
+						</AccountNavigation.Section>
+					))}
 			</MainContainer>
 		</AccountNavigationContext.Provider>
 	);
@@ -156,7 +153,7 @@ AccountNavigation.Section = ({ title, children }: SectionProps) => {
 
 interface ItemProps {
 	href: string;
-	Icon: React.ComponentType<any>;
+	Icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;
 	count?: number;
 	label: string;
 	isActive?: boolean;

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

@@ -28,8 +28,18 @@ import { useLocale, useTranslations } from "next-intl";
 import React, { createContext, useContext } from "react";
 import { z } from "zod";
 
+interface AddressFormValues {
+	Name: string;
+	Street: string;
+	City: string;
+	State: string;
+	ZipCode: string;
+	Country: string;
+	Phone: string;
+}
+
 interface FormContextValue {
-	formik: ReturnType<typeof useFormik<any>>;
+	formik: ReturnType<typeof useFormik<AddressFormValues>>;
 	countries: CountryRegionInfo[] | undefined;
 	states: { StateId?: string; StateName?: string }[] | undefined;
 	selectedCountry: CountryRegionInfo | null;
@@ -78,9 +88,7 @@ const AddressForm = ({ address, children }: RootProps) => {
 		Phone: z.string().optional().default(""),
 	});
 
-	type FormSchemaType = z.infer<typeof FormSchema>;
-
-	const initialValues: FormSchemaType = {
+	const initialValues: AddressFormValues = {
 		Name: address?.Name ?? "",
 		Street: address?.Street ?? "",
 		City: address?.City ?? "",
@@ -90,7 +98,7 @@ const AddressForm = ({ address, children }: RootProps) => {
 		Phone: address?.Phone ?? "",
 	};
 
-	const handleSubmit = async (values: FormSchemaType) => {
+	const handleSubmit = async (values: AddressFormValues) => {
 		let newAddress: Address = {
 			Name: values.Name,
 			Street: values.Street,
@@ -123,7 +131,7 @@ const AddressForm = ({ address, children }: RootProps) => {
 		}
 	};
 
-	const formik = useFormik<FormSchemaType>({
+	const formik = useFormik<AddressFormValues>({
 		initialValues,
 		onSubmit: handleSubmit,
 		validate: withZodSchema(FormSchema),
@@ -140,7 +148,7 @@ const AddressForm = ({ address, children }: RootProps) => {
 
 // ------------------- Fields -------------------
 interface FieldProps {
-	name: keyof Address;
+	name: keyof AddressFormValues;
 	label?: string;
 	required?: boolean;
 }

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

@@ -5,8 +5,8 @@ import type { Address } from "@evenicanpm/storefront-core/src/api-manager/schema
 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";
 // 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 { Paragraph } from "@evenicanpm/storefront-core/src/components/Typography";
+import TableRow from "@evenicanpm/storefront-core/src/pages/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";

package/src/{pages-v2 → pages}/account/dashboard-header.tsx

@@ -1,10 +1,10 @@
 "use client";
 
-import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
+import FlexBox from "@evenicanpm/storefront-core/src/components/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 SideNav from "@evenicanpm/storefront-core/src/components/side-nav/index";
+import { H2 } from "@evenicanpm/storefront-core/src/components/Typography";
+import Navigation from "@evenicanpm/storefront-core/src/pages/account/account-navigation";
 import {
 	Box,
 	Button,
@@ -15,7 +15,7 @@ import {
 } from "@mui/material";
 import Link from "next/link";
 import { useTranslations } from "next-intl";
-import React, { createContext, type ReactNode, useContext } from "react";
+import { createContext, type ReactNode, useContext } from "react";
 import type { IconType } from "react-icons";
 import { MdMenu as Menu } from "react-icons/md";
 

package/src/{pages-v2 → pages}/account/orders/icons/delivery.tsx

@@ -2,6 +2,7 @@ import createSvgIcon from "@mui/material/utils/createSvgIcon";
 
 const Delivery = createSvgIcon(
 	<svg fill="currentColor" viewBox="0 0 32 32">
+		<title>Delivery</title>
 		<path d="M24.0531 1.69349L23.7031 2.33374C23.5704 2.57647 23.3708 2.77603 23.1281 2.90874L22.4878 3.25874C22.4584 3.27482 22.4339 3.29852 22.4167 3.32735C22.3996 3.35619 22.3906 3.38909 22.3906 3.42262C22.3906 3.45614 22.3996 3.48905 22.4167 3.51788C22.4339 3.54671 22.4584 3.57041 22.4878 3.58649L23.1281 3.93649C23.3708 4.0692 23.5704 4.26876 23.7031 4.51149L24.0531 5.15174C24.0691 5.18122 24.0928 5.20583 24.1217 5.22297C24.1506 5.24011 24.1835 5.24916 24.2171 5.24916C24.2506 5.24916 24.2836 5.24011 24.3124 5.22297C24.3413 5.20583 24.365 5.18122 24.3811 5.15174L24.7311 4.51149C24.8639 4.26884 25.0634 4.0693 25.3061 3.93649L25.9463 3.58649C25.9757 3.57041 26.0003 3.54671 26.0174 3.51788C26.0345 3.48905 26.0435 3.45614 26.0435 3.42262C26.0435 3.38909 26.0345 3.35619 26.0174 3.32735C26.0003 3.29852 25.9757 3.27482 25.9463 3.25874L25.3061 2.90874C25.0634 2.77593 24.8639 2.5764 24.7311 2.33374L24.3811 1.69349C24.365 1.66401 24.3413 1.63941 24.3124 1.62226C24.2836 1.60512 24.2506 1.59607 24.2171 1.59607C24.1835 1.59607 24.1506 1.60512 24.1217 1.62226C24.0928 1.63941 24.0691 1.66401 24.0531 1.69349Z" />
 		<path d="M27.4868 6.42496L27.2408 6.87496C27.1475 7.04555 27.0072 7.18577 26.8366 7.27896L26.3866 7.52496C26.3659 7.53626 26.3487 7.55292 26.3367 7.57317C26.3247 7.59343 26.3184 7.61654 26.3184 7.64008C26.3184 7.66363 26.3247 7.68674 26.3367 7.70699C26.3487 7.72725 26.3659 7.7439 26.3866 7.75521L26.8366 8.00121C27.0072 8.0944 27.1475 8.23462 27.2408 8.40521L27.4868 8.85521C27.4981 8.87593 27.5147 8.89323 27.535 8.90528C27.5552 8.91733 27.5784 8.9237 27.602 8.9237C27.6255 8.9237 27.6487 8.91733 27.6689 8.90528C27.6892 8.89323 27.7058 8.87593 27.7171 8.85521L27.9631 8.40521C28.0562 8.23422 28.1964 8.09357 28.3671 7.99996L28.8171 7.75396C28.8377 7.74265 28.855 7.726 28.867 7.70574C28.879 7.68549 28.8853 7.66238 28.8853 7.63883C28.8853 7.61529 28.879 7.59218 28.867 7.57192C28.855 7.55167 28.8377 7.53501 28.8171 7.52371L28.3671 7.27771C28.1966 7.18443 28.0564 7.04423 27.9631 6.87371L27.7171 6.42371C27.7057 6.40305 27.689 6.38584 27.6687 6.37389C27.6483 6.36195 27.6252 6.35571 27.6016 6.35584C27.578 6.35596 27.5549 6.36245 27.5347 6.37462C27.5145 6.38678 27.498 6.40417 27.4868 6.42496Z" />
 		<path d="M22.72 27.117C22.2155 26.7778 21.395 26.9463 20.616 27.144C20.3484 27.2145 20.0852 27.3007 19.8278 27.402C19.3339 27.6067 18.806 27.717 18.2715 27.727C17.6673 27.717 16.961 27.5575 16.5123 27.8078C16.4668 27.8331 16.4165 27.8487 16.3647 27.8536C16.3129 27.8584 16.2606 27.8524 16.2112 27.8359C16.1618 27.8195 16.1164 27.7929 16.0779 27.7579C16.0393 27.723 16.0084 27.6803 15.9873 27.6328C15.951 27.541 15.9505 27.439 15.9859 27.3469C16.0214 27.2548 16.0901 27.1794 16.1785 27.1355C16.8433 26.7855 17.6623 27.0173 18.3395 27.1148C18.742 27.1795 19.1513 27.1907 19.5568 27.1483C19.6799 27.1304 19.7915 27.066 19.8685 26.9684C19.9456 26.8707 19.9823 26.7472 19.971 26.6233C19.9497 26.5028 19.8999 26.3892 19.8257 26.2919C19.7515 26.1946 19.6551 26.1165 19.5445 26.064C19.1475 25.8553 17.709 25.464 16.7735 25.273C15.285 24.9739 13.739 25.1859 12.386 25.8748C11.6408 26.2278 9.50876 27.6795 8.98101 28.504C8.90689 28.6092 8.8747 28.7382 8.89076 28.8658C8.94426 29.3465 10.3875 30.7326 10.8303 30.8761C10.9111 30.9062 10.9981 30.9159 11.0836 30.9044C11.1692 30.8929 11.2505 30.8605 11.3205 30.8101C11.5873 30.6386 12.174 30.0625 12.765 29.855C13.8595 29.47 15.6748 29.8025 16.5585 29.7815C17.8585 29.7503 22.201 28.6373 22.8718 28.0315C23.1388 27.7913 23.0415 27.333 22.72 27.117Z" />

package/src/{pages-v2 → pages}/account/orders/icons/package-box.tsx

@@ -2,6 +2,7 @@ import createSvgIcon from "@mui/material/utils/createSvgIcon";
 
 const PackageBox = createSvgIcon(
 	<svg fill="currentColor" viewBox="0 0 32 32">
+		<title>Package Box</title>
 		<path d="M7.40692 11.3465L20.5779 4.304L16.0004 2L2.41992 8.836L7.40692 11.3465Z" />
 		<path d="M24.5773 6.3175L11.4062 13.36L15.9998 15.6725L29.5803 8.83601L24.5773 6.3175Z" />
 		<path d="M15.625 16.3275L11 13.9995V19.1145L9 17.101H7V11.986L2 9.46948V23.1415L15.625 30V16.3275Z" />

package/src/{pages-v2 → pages}/account/orders/icons/truck-filled.tsx

@@ -2,6 +2,7 @@ import createSvgIcon from "@mui/material/utils/createSvgIcon";
 
 const TruckFilled = createSvgIcon(
 	<svg fill="currentColor" viewBox="0 0 36 36">
+		<title>Truck</title>
 		<path
 			fillRule="evenodd"
 			clipRule="evenodd"

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

@@ -1,13 +1,13 @@
 import {
 	FlexBetween,
 	FlexBox,
-} from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
+} from "@evenicanpm/storefront-core/src/components/flex-box/index";
 // GLOBAL CUSTOM COMPONENTS
-import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/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 Delivery from "@evenicanpm/storefront-core/src/pages/account/orders/icons/delivery";
+import PackageBox from "@evenicanpm/storefront-core/src/pages/account/orders/icons/package-box";
+import TruckFilled from "@evenicanpm/storefront-core/src/pages/account/orders/icons/truck-filled";
 import Avatar from "@mui/material/Avatar";
 import Box from "@mui/material/Box";
 import Card from "@mui/material/Card";

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

@@ -2,9 +2,9 @@ import type { SalesOrder } from "@evenicanpm/storefront-core/src/api-manager/sch
 import {
 	H6,
 	Paragraph,
-} from "@evenicanpm/storefront-core/src/components-v2/Typography";
+} from "@evenicanpm/storefront-core/src/components/Typography";
 import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
-import TableRow from "@evenicanpm/storefront-core/src/pages-v2/account/table-row";
+import TableRow from "@evenicanpm/storefront-core/src/pages/account/table-row";
 import type { ChipProps } from "@mui/material";
 import Box from "@mui/material/Box";
 import Chip from "@mui/material/Chip";