@evenicanpm/storefront-core 1.2.2 → 1.3.0

package/src/components-v2/search-bar/SearchBarLarge.stories.tsx

@@ -1,6 +1,7 @@
 // Replace your-framework with the framework you are using, e.g. react-vite, nextjs, nextjs-vite, etc.
-import React from "react";
+
 import type { Meta, StoryObj } from "@storybook/react";
+import React from "react";
 import { SearchBarViewLg } from "./index";
 
 const meta = {

package/src/components-v2/search-bar/compound/context.ts

@@ -1,6 +1,5 @@
-import { ProductSearchResult } from "@msdyn365-commerce/retail-proxy";
-import { createContext, useContext } from "react";
-import { FormEvent } from "react";
+import type { ProductSearchResult } from "@msdyn365-commerce/retail-proxy";
+import { createContext, type FormEvent, useContext } from "react";
 
 /**
  * @category Context

package/src/components-v2/search-bar/compound/results-item-lg.tsx

@@ -1,13 +1,14 @@
 /**
  * @module SearchBar
  */
-import React from "react";
-import Grid from "@mui/material/Grid";
+
 import ProductCardSearch from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card-search";
 import {
 	useSearchContext,
 	useSearchResultItem,
 } from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/context";
+import Grid from "@mui/material/Grid";
+import React from "react";
 
 /**
  * Large, vertical result item card, used for desktop view.

package/src/components-v2/search-bar/compound/results-item-sm.tsx

@@ -1,21 +1,22 @@
 /**
  * @module SearchBar
  */
-import React from "react";
-import NavLink from "@evenicanpm/storefront-core/src/components-v2/nav-link/nav-link";
-import MenuItem from "@mui/material/MenuItem";
-import { getProductDetailUrl } from "@evenicanpm/storefront-core/src/lib/build-product-detail-url";
-import { Box, Grid } from "@mui/material";
+
 import LazyImage from "@evenicanpm/storefront-core/src/components-v2/LazyImage";
+import NavLink from "@evenicanpm/storefront-core/src/components-v2/nav-link/nav-link";
+import {
+	useSearchContext,
+	useSearchResultItem,
+} from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/context";
 import {
 	H4,
 	Span,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import { getProductDetailUrl } from "@evenicanpm/storefront-core/src/lib/build-product-detail-url";
 import { currency } from "@evenicanpm/storefront-core/src/lib/lib";
-import {
-	useSearchContext,
-	useSearchResultItem,
-} from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/context";
+import { Box, Grid } from "@mui/material";
+import MenuItem from "@mui/material/MenuItem";
+import React from "react";
 
 /**
  * Small, horizontal result item card, used for mobile view.

package/src/components-v2/search-bar/compound/results-suspense.tsx

@@ -3,15 +3,15 @@
  */
 "use client";
 
-import React, { Suspense } from "react";
 import { useSearchContext } from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/context";
-import { CircularProgress } from "@mui/material";
 import SearchResult from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/results";
-import { SearchResultCard } from "@evenicanpm/storefront-core/src/components-v2/search-bar/styles/index";
 import ResultItemCardLg from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/results-item-lg";
 import ResultItemCardSm from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/results-item-sm";
-
+import { SearchResultCard } from "@evenicanpm/storefront-core/src/components-v2/search-bar/styles/index";
+import { CircularProgress } from "@mui/material";
 import _ from "lodash";
+import type React from "react";
+import { Suspense } from "react";
 
 /**
  * useSuspenseQuery will instantly suspend component fallback to

package/src/components-v2/search-bar/compound/results.tsx

@@ -1,15 +1,16 @@
 /**
  * @module SearchBar
  */
-import React from "react";
-import { useTranslations } from "next-intl";
+
 import searchProducts from "@evenicanpm/storefront-core/src/api-manager/services/product/queries/search-products";
-import { SearchResultCard } from "@evenicanpm/storefront-core/src/components-v2/search-bar/styles/index";
 import {
-	useSearchContext,
 	SearchResultItemContext,
+	useSearchContext,
 } from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/context";
+import { SearchResultCard } from "@evenicanpm/storefront-core/src/components-v2/search-bar/styles/index";
 import Grid from "@mui/material/Grid";
+import { useTranslations } from "next-intl";
+import type React from "react";
 
 /**
  * Search Results Container that handles mapping items and styles of the containing box.

package/src/components-v2/search-bar/compound/search-bar-root.tsx

@@ -2,21 +2,19 @@
  * @module SearchBar
  */
 "use client";
-import React, { useRef } from "react";
-import Box from "@mui/material/Box";
-
-// local hooks
-import useSearch from "@evenicanpm/storefront-core/src/components-v2/search-bar/hooks/use-search";
-import { useClickOutside } from "@evenicanpm/storefront-core/src/components-v2/search-bar/hooks/use-click-outside";
 
 // contexts
 import { SearchContext } from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/context";
-
 // components
 import SearchResultSuspense from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/results-suspense";
 import TextField from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/textfield";
-
+import { useClickOutside } from "@evenicanpm/storefront-core/src/components-v2/search-bar/hooks/use-click-outside";
+// local hooks
+import useSearch from "@evenicanpm/storefront-core/src/components-v2/search-bar/hooks/use-search";
+import Box from "@mui/material/Box";
 import _ from "lodash";
+import type React from "react";
+import { useRef } from "react";
 
 interface Props {
 	handleCloseDrawer?: () => void;

package/src/components-v2/search-bar/compound/textfield-adornment-category.tsx

@@ -2,16 +2,17 @@
  * @module SearchBar
  */
 "use client";
-import React from "react";
-import MenuItem from "@mui/material/MenuItem";
-import TouchRipple from "@mui/material/ButtonBase";
-import useTheme from "@mui/material/styles/useTheme";
 import getCategories from "@evenicanpm/storefront-core/src/api-manager/services/categories/queries/get-categories";
-import { MdKeyboardArrowDown as KeyboardArrowDownOutlined } from "react-icons/md";
-import { findCategoryNameById } from "@evenicanpm/storefront-core/src/components-v2/search-bar/utils/findCategoryNameById";
 import Menu from "@evenicanpm/storefront-core/src/components-v2/BazaarMenu";
 import { DropDownHandler } from "@evenicanpm/storefront-core/src/components-v2/search-bar/styles/index";
+import { findCategoryNameById } from "@evenicanpm/storefront-core/src/components-v2/search-bar/utils/findCategoryNameById";
+import TouchRipple from "@mui/material/ButtonBase";
+import MenuItem from "@mui/material/MenuItem";
+import useTheme from "@mui/material/styles/useTheme";
 import { useTranslations } from "next-intl";
+import React from "react";
+import { MdKeyboardArrowDown as KeyboardArrowDownOutlined } from "react-icons/md";
+
 type DisplayCategory = {
 	name: string;
 	id: number;

package/src/components-v2/search-bar/compound/textfield-adornment-search-icon.tsx

@@ -1,9 +1,10 @@
 /**
  * @module SearchBar
  */
-import Box from "@mui/material/Box";
-import { IconButton } from "@mui/material";
+
 import Search from "@evenicanpm/storefront-core/src/components-v2/icons/search";
+import { IconButton } from "@mui/material";
+import Box from "@mui/material/Box";
 
 interface Props {
 	handleNavigate: () => void;

package/src/components-v2/search-bar/compound/textfield.tsx

@@ -2,18 +2,16 @@
  * @module SearchBar
  */
 "use client";
-import React from "react";
-import TextField from "@mui/material/TextField";
-
-import SearchIconAdornment from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/textfield-adornment-search-icon";
+import { useSearchContext } from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/context";
 import AdornmentButton from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/textfield-adornment-button";
 import CategoryDropdown from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/textfield-adornment-category";
-
+import SearchIconAdornment from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/textfield-adornment-search-icon";
 import { INPUT_SX } from "@evenicanpm/storefront-core/src/components-v2/search-bar/styles/index";
-import { useTheme, useMediaQuery } from "@mui/material";
+import { useMediaQuery, useTheme } from "@mui/material";
+import TextField from "@mui/material/TextField";
 import _ from "lodash";
 import { useTranslations } from "next-intl";
-import { useSearchContext } from "@evenicanpm/storefront-core/src/components-v2/search-bar/compound/context";
+import React from "react";
 
 /**
  * The actual input field for the search bar.

package/src/components-v2/search-bar/hooks/use-search.ts

@@ -1,10 +1,9 @@
 "use client";
-import React, { FormEvent, useState } from "react";
 import { PageSlug } from "@evenicanpm/storefront-core/src/lib/page-slugs";
 import { PageKey } from "@evenicanpm/storefront-core/src/lib/product-list-types";
-
 import _ from "lodash";
 import { useRouter } from "next/navigation";
+import React, { type FormEvent, useState } from "react";
 
 /**
  * Handles all main logic and state for the search bar components.

package/src/components-v2/search-bar/styles/index.ts

@@ -1,9 +1,9 @@
 "use client";
 
-import Card from "@mui/material/Card";
+import SearchOutlined from "@mui/icons-material/SearchOutlined";
 import Box from "@mui/material/Box";
+import Card from "@mui/material/Card";
 import styled from "@mui/material/styles/styled";
-import SearchOutlined from "@mui/icons-material/SearchOutlined";
 
 // TODO: caused from symlinked node_modules in client-packages root
 // Need to install only types for mui/styled-engine

package/src/components-v2/search-bar/utils/findCategoryNameById.ts

@@ -1,4 +1,4 @@
-import { Category } from "@msdyn365-commerce/retail-proxy";
+import type { Category } from "@msdyn365-commerce/retail-proxy";
 
 /**
  * Looks up the category name by id.

package/src/components-v2/section/Section.stories.tsx

@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Section } from "./index";
-import { Typography } from "@mui/material";
 import ArrowRight from "@mui/icons-material/ArrowRight";
+import { Typography } from "@mui/material";
+import type { Meta, StoryObj } from "@storybook/react";
 import {
 	SectionHeader,
 	SectionHeaderSeeMoreLink,
 	SectionHeaderTitle,
 } from "./compound/section-header";
+import { Section } from "./index";
 
 const meta: Meta<typeof Section> = {
 	title: "Section",

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

@@ -3,18 +3,18 @@
  */
 "use client";
 
-import Link from "next/link";
-import { ReactNode } from "react";
-// Mui Icon Components
-import ArrowLeft from "@mui/icons-material/ArrowLeft";
-import ArrowRight from "@mui/icons-material/ArrowRight";
-// Local Custom Components
-import { H2 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import {
 	FlexBetween,
 	FlexBox,
 } from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
+// Local Custom Components
+import { H2 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import useSettings from "@evenicanpm/storefront-core/src/hooks/use-settings";
+// Mui Icon Components
+import ArrowLeft from "@mui/icons-material/ArrowLeft";
+import ArrowRight from "@mui/icons-material/ArrowRight";
+import Link from "next/link";
+import type { ReactNode } from "react";
 
 /**
  * @category Sub-Component

package/src/components-v2/section/compound/section.tsx

@@ -1,10 +1,11 @@
 /**
  * @module Section
  */
-import { ReactNode } from "react";
-import Container from "@mui/material/Container";
-import Box, { BoxProps } from "@mui/material/Box";
+
 import { SectionHeader } from "@evenicanpm/storefront-core/src/components-v2/section/compound/section-header";
+import Box, { type BoxProps } from "@mui/material/Box";
+import Container from "@mui/material/Container";
+import type { ReactNode } from "react";
 
 interface Props extends BoxProps {
 	children: ReactNode;

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

@@ -1,14 +1,14 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { useState } from "react";
-import SideNav from "./index";
 import {
 	Box,
 	Button,
-	Typography,
 	List,
 	ListItem,
 	ListItemText,
+	Typography,
 } from "@mui/material";
+import type { Meta, StoryObj } from "@storybook/react";
+import { useState } from "react";
+import SideNav from "./index";
 
 const meta: Meta<typeof SideNav> = {
 	title: "Utility/SideNav",

package/src/components-v2/side-nav/side-nav.tsx

@@ -1,7 +1,7 @@
-import { useEffect, useState, ReactNode } from "react";
-import Drawer from "@mui/material/Drawer";
 // GLOBAL CUSTOM COMPONENT
 import Scrollbar from "@evenicanpm/storefront-core/src/components-v2/scrollbar/index";
+import Drawer from "@mui/material/Drawer";
+import { type ReactNode, useEffect, useState } from "react";
 
 interface Props {
 	/** Optionally manage open state from parent, default is to use local state. */

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

@@ -1,15 +1,13 @@
-import { vi } from "vitest";
-import { fireEvent, render, screen } from "@testing-library/react";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { NextIntlClientProvider } from "next-intl";
 import CreateNewList from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/index";
-
 import {
-	NotificationProvider,
 	Notification,
+	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 { NextIntlClientProvider } from "next-intl";
+import { vi } from "vitest";
 
 const queryClient = new QueryClient();
 

package/src/components-v2/wishlist-dialogs/add-to-wishlist/AddToWishlist.stories.tsx

@@ -1,8 +1,8 @@
+import { Button } from "@mui/material";
 import type { Meta, StoryObj } from "@storybook/react";
 import { useArgs } from "storybook/internal/preview-api";
-import { Button } from "@mui/material";
-import AddToWishListDialog1 from "./index";
 import { data } from "../../../../__mocks__/products";
+import AddToWishListDialog1 from "./index";
 
 const meta = {
 	title: "Wishlist/AddToWishListDialog",

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

@@ -1,9 +1,9 @@
 "use client";
 
-import { useState } from "react";
-import { Button, ButtonProps } from "@mui/material";
 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 { Button, type ButtonProps } from "@mui/material";
+import { useState } from "react";
 
 interface Props {
 	path: string;

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

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

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

@@ -1,16 +1,15 @@
 // EXTERNAL LIBRARIES AND REACT
-import React from "react";
-import { Dialog, DialogContent } from "@mui/material";
-import { useSession } from "next-auth/react";
-
-// LOCAL COMPONENTS
-import DialogHeader from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/wishlist-dialog-header";
-import WishlistList from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/add-to-wishlist-list";
-import AddToWishListBottomUI from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/add-to-wishlist-bottom-ui";
 
 // 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";
+// LOCAL COMPONENTS
+import DialogHeader from "@evenicanpm/storefront-core/src/components-v2/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";
 
 export interface AddToWishlistDialogProps {
 	open: boolean;

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

@@ -1,18 +1,17 @@
 /**
  * @module Add-To-Wishlist-Dialog
  */
-import { useContext } from "react";
 
-// LOCAL COMPONENTS
-import WishlistItem from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/wishlist-dialog-item";
+import type { Wishlist } from "@evenicanpm/storefront-core/src/api-manager/schemas/user.schema";
 import NoRecords from "@evenicanpm/storefront-core/src/components-v2/no-records";
-
 // API AND CONTEXT
 import {
 	AddToWishListDialogContext,
 	WishListItemContext,
 } from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/context";
-import { Wishlist } from "@evenicanpm/storefront-core/src/api-manager/schemas/user.schema";
+// LOCAL COMPONENTS
+import WishlistItem from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/wishlist-dialog-item";
+import { useContext } from "react";
 
 /**
  * Maps out the list items (wishlists) or displays no records.

package/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/context.ts

@@ -1,8 +1,9 @@
 /**
  * @module Add-To-Wishlist-Dialog
  */
+
+import type { Wishlist } from "@evenicanpm/storefront-core/src/api-manager/schemas/user.schema";
 import { createContext } from "react";
-import { Wishlist } from "@evenicanpm/storefront-core/src/api-manager/schemas/user.schema";
 
 /**
  * @category Context

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

@@ -1,21 +1,19 @@
 /**
  * @module Add-To-Wishlist-Dialog
  */
-import React from "react";
-import { useSession } from "next-auth/react";
-import useMediaQuery from "@mui/material/useMediaQuery";
-import { useTranslations } from "next-intl";
-
-// ICONS
-import { MdFavorite } from "react-icons/md";
-import { IconButton, Theme, styled } from "@mui/material";
 
+import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
 // GLOBAL COMPONENTS
 import { H2 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
-
 // LOCAL COMPONENTS
 import CreateWishlistButton from "@evenicanpm/storefront-core/src/components-v2/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";
 
 // STYLED COMPONENT
 const StyledBox = styled("div")(({ theme }) => ({

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

@@ -1,19 +1,19 @@
 /**
  * @module Add-To-Wishlist-Dialog
  */
-import { useContext, useState } from "react";
-import Link from "next/link";
+
+import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/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 { format } from "date-fns";
-import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import { StyledTableRow } from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/styles";
-import { Add } from "@mui/icons-material";
+import { Add, Delete } from "@mui/icons-material";
 import { IconButton } from "@mui/material";
-import { Delete } from "@mui/icons-material";
+import { format } from "date-fns";
+import Link from "next/link";
+import { useContext, useState } from "react";
 /**
  * Wishlist dialog list item. Displays info about the wishlist and
  * also has a context-aware "action" button, either add or remove depending on

package/src/components-v2/wishlist-dialogs/add-to-wishlist/hooks/use-add-to-wishlist.ts

@@ -2,21 +2,19 @@
  * @module Add-To-Wishlist-Dialog
  */
 // External libraries
-import { useTranslations } from "next-intl";
 
-// Core/storefront utilities
-import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
-import {
+import type {
 	ExtendedProductListLine,
 	WishlistLinesInput,
 } from "@evenicanpm/storefront-core/src/api-manager/schemas/user.schema";
-
 // API manager - mutations
 import useAddToWishlist from "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/add-to-wishlist";
 import useRemoveFromWishlist from "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/remove-from-wishlist";
-
 // API manager - queries and types
 import getWishlists from "@evenicanpm/storefront-core/src/api-manager/services/user/queries/get-wishlists";
+// Core/storefront utilities
+import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
+import { useTranslations } from "next-intl";
 
 /**
  * Handles adding and removing products from a wishlist.

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

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

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

@@ -1,17 +1,18 @@
-import React, { createContext } from "react";
-import isFunction from "lodash/isFunction";
-import { useTranslations } from "next-intl";
-import { Dialog, DialogContent, CircularProgress } from "@mui/material";
+// 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 { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
+import { CircularProgress, Dialog, DialogContent } from "@mui/material";
 // Forms
 import { useFormik } from "formik";
-import { z } from "zod";
 import { withZodSchema } from "formik-validator-zod";
-// API
-import useCreateWishlist from "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/create-wishlist";
-import CreateNewWishlistForm from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/compound/create-wishlist-form";
+import isFunction from "lodash/isFunction";
+import { useTranslations } from "next-intl";
+import type React from "react";
+import { createContext } from "react";
+import { z } from "zod";
 
 interface Props {
 	open: boolean;

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

@@ -1,13 +1,15 @@
 /**
  * @module Create-Wishlist-Dialog
  */
-import React, { useContext } from "react";
-import { useTranslations } from "next-intl";
-import { Box, TextField, FormControlLabel, Checkbox } from "@mui/material";
-import Grid from "@mui/material/Grid2";
+
 // 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 { Box, Checkbox, FormControlLabel, TextField } from "@mui/material";
+import Grid from "@mui/material/Grid2";
+import { useTranslations } from "next-intl";
+import type React from "react";
+import { useContext } from "react";
 
 /*
  * @category Sub-Component

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

@@ -1,9 +1,9 @@
 "use client";
 
-import { useState } from "react";
-import { Button } from "@mui/material";
 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 { Button } from "@mui/material";
+import { useState } from "react";
 
 interface Props {
 	path?: string;

package/src/components-v2/wishlist-dialogs/styles.ts

@@ -1,9 +1,9 @@
-import Card, { CardProps } from "@mui/material/Card";
-import styled from "@mui/material/styles/styled";
 import NavLink, {
-	NavLinkProps,
+	type NavLinkProps,
 } from "@evenicanpm/storefront-core/src/components-v2/nav-link/nav-link";
-import { ComponentType } from "react";
+import Card, { type CardProps } from "@mui/material/Card";
+import styled from "@mui/material/styles/styled";
+import type { ComponentType } from "react";
 
 type ExtendedNavLinkProps = NavLinkProps & {
 	isCurrentPath?: boolean;