@evenicanpm/storefront-core 1.2.1 → 1.3.0

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

@@ -1,10 +1,10 @@
 "use client";
 
-import Link from "next/link";
-// MUI ICON COMPONENT
-import ArrowForward from "@mui/icons-material/ArrowForward";
 // GLOBAL CUSTOM COMPONENTS
 import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+// MUI ICON COMPONENT
+import ArrowForward from "@mui/icons-material/ArrowForward";
+import Link from "next/link";
 
 //   ==========================================
 interface Props {

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

@@ -1,10 +1,10 @@
 "use client";
 
-import Link from "next/link";
-import { usePathname } from "next/navigation";
-import { AnchorHTMLAttributes, CSSProperties } from "react";
 import styled from "@mui/material/styles/styled";
 import clsx from "clsx";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import type { AnchorHTMLAttributes, CSSProperties } from "react";
 
 // STYLED COMPONENT
 const StyledLink = styled(Link, {

package/src/components-v2/navbar/categories.tsx

@@ -1,14 +1,14 @@
 "use client";
 
-import React, { createContext, useContext, ReactNode } from "react";
-import { MdChevronRight as ChevronRight } from "react-icons/md";
-import { useTranslations } from "next-intl";
-
-import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import CategoryMenu from "@evenicanpm/storefront-core/src/components-v2/categories/category-menu";
 import Category from "@evenicanpm/storefront-core/src/components-v2/icons/category";
 import { CategoryMenuButton } from "@evenicanpm/storefront-core/src/components-v2/navbar/styles";
 
+import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import { useTranslations } from "next-intl";
+import React, { createContext, type ReactNode, useContext } from "react";
+import { MdChevronRight as ChevronRight } from "react-icons/md";
+
 type CategoriesContextValue = {
 	label: string;
 };

package/src/components-v2/navbar/category-based-menu/category-based-menu.tsx

@@ -1,28 +1,29 @@
 "use client";
 
-import React, { createContext, useContext, useState } from "react";
-import Link from "next/link";
-import Box from "@mui/material/Box";
-import Avatar from "@mui/material/Avatar";
-import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
-import ChevronRight from "@mui/icons-material/ChevronRight";
 // GLOBAL COMPONENTS
 import FlexRowCenter from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-row-center";
-import { H6 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import Scrollbar from "@evenicanpm/storefront-core/src/components-v2/scrollbar";
-import useSettings from "@evenicanpm/storefront-core/src/hooks/use-settings";
-// LOCAL COMPONENTS
-import { TransformedNavItem } from "@evenicanpm/storefront-core/src/components-v2/navbar/utils/transform-nav";
 // STYLED COMPONENTS
 import {
-	Wrapper,
-	StyledCard,
-	MenusContainer,
 	CategoryList,
 	CategoryListItem,
+	MenusContainer,
+	StyledCard,
 	SubCategoryList,
 	SubCategoryListItem,
+	Wrapper,
 } from "@evenicanpm/storefront-core/src/components-v2/navbar/category-based-menu/styles";
+// LOCAL COMPONENTS
+import type { TransformedNavItem } from "@evenicanpm/storefront-core/src/components-v2/navbar/utils/transform-nav";
+import Scrollbar from "@evenicanpm/storefront-core/src/components-v2/scrollbar";
+import { H6 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import useSettings from "@evenicanpm/storefront-core/src/hooks/use-settings";
+import ChevronRight from "@mui/icons-material/ChevronRight";
+import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
+import Avatar from "@mui/material/Avatar";
+import Box from "@mui/material/Box";
+import Link from "next/link";
+import type React from "react";
+import { createContext, useContext, useState } from "react";
 
 type MenuContextValue = {
 	openList: string;

package/src/components-v2/navbar/category-based-menu/styles.ts

@@ -1,9 +1,9 @@
-import List from "@mui/material/List";
-import ListItem from "@mui/material/ListItem";
-import styled from "@mui/material/styles/styled";
 // LOCAL CUSTOM COMPONENT
 import BazaarCard from "@evenicanpm/storefront-core/src/components-v2/BazaarCard";
 import getPaletteColor from "@evenicanpm/storefront-core/src/lib/get-palette-color";
+import List from "@mui/material/List";
+import ListItem from "@mui/material/ListItem";
+import styled from "@mui/material/styles/styled";
 
 const Wrapper = styled("div")(({ theme }) => ({
 	cursor: "pointer",

package/src/components-v2/navbar/category-based-menu/types.ts

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

package/src/components-v2/navbar/mega-menu/mega-menu.tsx

@@ -1,22 +1,23 @@
 "use client";
 
-import React, { RefObject, createContext, useContext } from "react";
-import Grid from "@mui/material/Grid2";
-import Card from "@mui/material/Card";
-import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
-import List from "@mui/material/List";
 // GLOBAL COMPONENTS
 import FlexRowCenter from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-row-center";
-import { H6 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-// HOOKS
-import useOverflowDetect from "@evenicanpm/storefront-core/src/hooks/use-overflow-detect";
 // STYLED
 import {
-	MenusContainer,
-	Wrapper,
 	MenuListItem,
+	MenusContainer,
 	StyledNavLink,
+	Wrapper,
 } from "@evenicanpm/storefront-core/src/components-v2/navbar/mega-menu/styles";
+import { H6 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+// HOOKS
+import useOverflowDetect from "@evenicanpm/storefront-core/src/hooks/use-overflow-detect";
+import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
+import Card from "@mui/material/Card";
+import Grid from "@mui/material/Grid2";
+import List from "@mui/material/List";
+import type React from "react";
+import { createContext, type RefObject, useContext } from "react";
 
 type MegaMenuContextType = {
 	isLeftOverflowing: boolean;

package/src/components-v2/navbar/mega-menu/styles.ts

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

package/src/components-v2/navbar/mobile-menu/mobile-menu.test.tsx

@@ -1,8 +1,8 @@
-import { describe, it, vi, beforeEach } from "vitest";
-import { render, screen, fireEvent } from "@testing-library/react";
 import MobileMenu from "@evenicanpm/storefront-core/src/components-v2/navbar/mobile-menu/mobile-menu";
 import { transformCmsNav } from "@evenicanpm/storefront-core/src/components-v2/navbar/utils/transform-nav";
-import { CmsNavItem } from "@/cms/interfaces/navigation";
+import { fireEvent, render, screen } from "@testing-library/react";
+import { beforeEach, describe, it, vi } from "vitest";
+import type { CmsNavItem } from "@/cms/interfaces/navigation";
 
 const useContext = vi.fn();
 

package/src/components-v2/navbar/mobile-menu/mobile-menu.tsx

@@ -1,22 +1,22 @@
 "use client";
 
-import { useContext } from "react";
+import { NavLink } from "@evenicanpm/storefront-core/src/components-v2/nav-link";
+import type { TransformedNavItem } from "@evenicanpm/storefront-core/src/components-v2/navbar/utils/transform-nav";
+import Scrollbar from "@evenicanpm/storefront-core/src/components-v2/scrollbar";
+import { H6 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import { NavContext } from "@evenicanpm/storefront-core/src/providers/nav-provider";
+import Accordion from "@mui/material/Accordion";
+import AccordionSummary from "@mui/material/AccordionSummary";
 import Box from "@mui/material/Box";
+import Divider from "@mui/material/Divider";
 import Drawer from "@mui/material/Drawer";
 import IconButton from "@mui/material/IconButton";
-import Divider from "@mui/material/Divider";
-import Accordion from "@mui/material/Accordion";
-import AccordionSummary from "@mui/material/AccordionSummary";
+import { useContext } from "react";
 import {
-	MdMenu as Menu,
 	MdClear as Clear,
 	MdExpandMore as ExpandMore,
+	MdMenu as Menu,
 } from "react-icons/md";
-import Scrollbar from "@evenicanpm/storefront-core/src/components-v2/scrollbar";
-import { H6 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import { NavLink } from "@evenicanpm/storefront-core/src/components-v2/nav-link";
-import { TransformedNavItem } from "@evenicanpm/storefront-core/src/components-v2/navbar/utils/transform-nav";
-import { NavContext } from "@evenicanpm/storefront-core/src/providers/nav-provider";
 
 type RootProps = { children: React.ReactNode };
 

package/src/components-v2/navbar/nav-list/cms-nav.test.tsx

@@ -1,8 +1,8 @@
-import React from "react";
-import { expect, describe, it } from "vitest";
-import { render, screen } from "@testing-library/react";
-import { NavContext } from "@evenicanpm/storefront-core/src/providers/nav-provider";
 import NavCms from "@evenicanpm/storefront-core/src/components-v2/navbar/nav-list/index";
+import { NavContext } from "@evenicanpm/storefront-core/src/providers/nav-provider";
+import { render, screen } from "@testing-library/react";
+import React from "react";
+import { describe, expect, it } from "vitest";
 
 describe("NavCms", () => {
 	it("Renders the page links and dropdown menu", () => {

package/src/components-v2/navbar/nav-list/nav-item-child.tsx

@@ -1,24 +1,23 @@
 "use client";
 
-import { PropsWithChildren, RefObject } from "react";
-import { usePathname } from "next/navigation";
-import MenuItem from "@mui/material/MenuItem";
-// MUI ICON COMPONENTS
-import ArrowLeft from "@mui/icons-material/ArrowLeft";
-import ArrowRight from "@mui/icons-material/ArrowRight";
-// GLOBAL CUSTOM HOOKS
-import useOverflowDetect from "@evenicanpm/storefront-core/src/hooks/use-overflow-detect";
-import useSettings from "@evenicanpm/storefront-core/src/hooks/use-settings";
-// GLOBAL CUSTOM COMPONENTS
-import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import BazaarCard from "@evenicanpm/storefront-core/src/components-v2/BazaarCard";
 // STYLED COMPONENTS
 import {
 	ParentNav,
 	ParentNavItem,
 } from "@evenicanpm/storefront-core/src/components-v2/navbar/styles";
-
-import { TransformedNavItem } from "@evenicanpm/storefront-core/src/components-v2/navbar/utils/transform-nav";
+import type { TransformedNavItem } from "@evenicanpm/storefront-core/src/components-v2/navbar/utils/transform-nav";
+// GLOBAL CUSTOM COMPONENTS
+import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+// GLOBAL CUSTOM HOOKS
+import useOverflowDetect from "@evenicanpm/storefront-core/src/hooks/use-overflow-detect";
+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 MenuItem from "@mui/material/MenuItem";
+import { usePathname } from "next/navigation";
+import type { PropsWithChildren, RefObject } from "react";
 
 // ==============================================================
 interface Props extends PropsWithChildren {

package/src/components-v2/navbar/nav-list/nav-list.tsx

@@ -1,25 +1,25 @@
 "use client";
 
-import { createContext, useContext, ReactNode } from "react";
-// import { useContext as useReactContext } from "react";
-import MenuItem from "@mui/material/MenuItem";
-import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
+import BazaarCard from "@evenicanpm/storefront-core/src/components-v2/BazaarCard";
 import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
 import { NavLink } from "@evenicanpm/storefront-core/src/components-v2/nav-link";
-import BazaarCard from "@evenicanpm/storefront-core/src/components-v2/BazaarCard";
-import MegaMenu from "@evenicanpm/storefront-core/src/components-v2/navbar/mega-menu";
 import CategoryBasedMenu from "@evenicanpm/storefront-core/src/components-v2/navbar/category-based-menu";
+import MegaMenu from "@evenicanpm/storefront-core/src/components-v2/navbar/mega-menu";
+import NavItemChild from "@evenicanpm/storefront-core/src/components-v2/navbar/nav-list/nav-item-child";
 import {
-	StyledNavLink,
-	NAV_LINK_STYLES,
 	ChildNavListWrapper,
+	NAV_LINK_STYLES,
+	StyledNavLink,
 } from "@evenicanpm/storefront-core/src/components-v2/navbar/styles";
-import { NavContext } from "@evenicanpm/storefront-core/src/providers/nav-provider";
 import {
+	type TransformedNavItem,
 	transformCmsNav,
-	TransformedNavItem,
 } from "@evenicanpm/storefront-core/src/components-v2/navbar/utils/transform-nav";
-import NavItemChild from "@evenicanpm/storefront-core/src/components-v2/navbar/nav-list/nav-item-child";
+import { NavContext } from "@evenicanpm/storefront-core/src/providers/nav-provider";
+import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
+// import { useContext as useReactContext } from "react";
+import MenuItem from "@mui/material/MenuItem";
+import { createContext, type ReactNode, useContext } from "react";
 
 type NavigationContextValue = {
 	list: TransformedNavItem[];

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

@@ -1,16 +1,15 @@
 "use client";
 
-import React, { createContext, useContext } from "react";
-
 // LOCAL CUSTOM COMPONENTS
 import Categories from "@evenicanpm/storefront-core/src/components-v2/navbar/categories";
 import NavigationList from "@evenicanpm/storefront-core/src/components-v2/navbar/nav-list/index";
-
 // STYLED COMPONENTS
 import {
-	NavBarWrapper,
 	InnerContainer,
+	NavBarWrapper,
 } from "@evenicanpm/storefront-core/src/components-v2/navbar/styles";
+import type React from "react";
+import { createContext, useContext } from "react";
 
 /**
  * Usage Examples:

package/src/components-v2/navbar/styles.ts

@@ -1,10 +1,10 @@
+import BazaarCard from "@evenicanpm/storefront-core/src/components-v2/BazaarCard";
+// GLOBAL CUSTOM COMPONENTS
+import { NavLink } from "@evenicanpm/storefront-core/src/components-v2/nav-link/index";
 import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
-import styled from "@mui/material/styles/styled";
 import Container from "@mui/material/Container";
-// GLOBAL CUSTOM COMPONENTS
-import { NavLink } from "@evenicanpm/storefront-core/src/components-v2/nav-link/index";
-import BazaarCard from "@evenicanpm/storefront-core/src/components-v2/BazaarCard";
+import styled from "@mui/material/styles/styled";
 
 // COMMON STYLED OBJECT
 export const NAV_LINK_STYLES = {

package/src/components-v2/navbar/utils/transform-nav.test.ts

@@ -1,10 +1,10 @@
-import { describe, it, expect } from "vitest";
 import {
 	transformCategoryNav,
 	transformCmsNav,
 } from "@evenicanpm/storefront-core/src/components-v2/navbar/utils/transform-nav";
-import { CmsNavItem } from "@/cms/interfaces/navigation";
-import { CategoryHierarchy } from "@evenicanpm/storefront-core/src/lib/category-helpers";
+import type { CategoryHierarchy } from "@evenicanpm/storefront-core/src/lib/category-helpers";
+import { describe, expect, it } from "vitest";
+import type { CmsNavItem } from "@/cms/interfaces/navigation";
 
 describe("transform nav items", () => {
 	it("should recursively transform deeply nested categories and its children with correct href, title, and items", () => {

package/src/components-v2/navbar/utils/transform-nav.ts

@@ -1,6 +1,6 @@
-import { CmsNavItem } from "@/cms/interfaces/navigation";
-import { CategoryHierarchy } from "@evenicanpm/storefront-core/src/lib/category-helpers";
-import { SvgIconComponent } from "@mui/icons-material";
+import type { CategoryHierarchy } from "@evenicanpm/storefront-core/src/lib/category-helpers";
+import type { SvgIconComponent } from "@mui/icons-material";
+import type { CmsNavItem } from "@/cms/interfaces/navigation";
 
 type MenuType = "default" | "mega-menu" | "full-screen-mega-menu";
 export interface TransformedNavItem {

package/src/components-v2/no-records.tsx

@@ -1,7 +1,7 @@
-import React from "react";
-import { Box } from "@mui/material";
 import { H4 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import { Box } from "@mui/material";
 import { useTranslations } from "next-intl";
+import React from "react";
 
 type Props = { message: string };
 

package/src/components-v2/product-cards/discount-chip.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import Chip, { ChipProps } from "@mui/material/Chip";
+import Chip, { type ChipProps } from "@mui/material/Chip";
 import styled from "@mui/material/styles/styled";
 
 // STYLED COMPONENT

package/src/components-v2/product-cards/favorite-button.tsx

@@ -1,9 +1,9 @@
 "use client";
 
-import React from "react";
-import IconButton, { IconButtonProps } from "@mui/material/IconButton";
 import Favorite from "@mui/icons-material/Favorite";
 import FavoriteBorder from "@mui/icons-material/FavoriteBorder";
+import IconButton, { type IconButtonProps } from "@mui/material/IconButton";
+import React from "react";
 
 export interface FavoriteButtonProps extends Omit<IconButtonProps, "onClick"> {
 	isFavorite: boolean;

package/src/components-v2/product-cards/product-card/ProductCard.stories.tsx

@@ -1,7 +1,7 @@
+import { Box } from "@mui/material";
 import type { Meta, StoryObj } from "@storybook/react";
-import ProductCard from "./index";
 import { data } from "../../../../__mocks__/products";
-import { Box } from "@mui/material";
+import ProductCard from "./index";
 
 const meta = {
 	title: "Product/ProductCards/ProductCard",

package/src/components-v2/product-cards/product-card/product-card.tsx

@@ -1,54 +1,54 @@
 "use client";
 
-import React, {
-	createContext,
-	ReactNode,
-	useContext,
-	useMemo,
-	useState,
-} from "react";
-import Link from "next/link";
-import Box from "@mui/material/Box";
-import Rating from "@mui/material/Rating";
-import IconButton from "@mui/material/IconButton";
-import { Delete, ShoppingCart } from "@mui/icons-material";
-import RemoveRedEye from "@mui/icons-material/RemoveRedEye";
-import { useTranslations } from "next-intl";
-import { useIsFetching } from "@tanstack/react-query";
+import type { Cart } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
+import type {
+	ExtendedProductListLine,
+	ExtendedWishlist,
+	WishlistLinesInput,
+} from "@evenicanpm/storefront-core/src/api-manager/schemas/user.schema";
+import useAddToCart from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/add-to-cart";
+// API AND SCHEMAS
+import useRemoveFromWishlist from "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/remove-from-wishlist";
+import useUpdateWishlist from "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/update-wishlist";
+import { WISHLIST_DETAILS_QUERY_KEY } from "@evenicanpm/storefront-core/src/api-manager/services/user/queries/get-wishlist-details";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
 // GLOBAL CUSTOM COMPONENTS
 import LazyImage from "@evenicanpm/storefront-core/src/components-v2/LazyImage";
-import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
-import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
-import AddToWishlistDialog from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist";
-import ProductViewDialog from "@evenicanpm/storefront-core/src/components-v2/product-dialog";
-// LOCAL CUSTOM COMPONENTS
-import ProductPrice from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-price";
-import ProductTitle from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-title";
-import QuantityBtns from "@evenicanpm/storefront-core/src/components-v2/product-cards/quantity-buttons";
 import DiscountChip from "@evenicanpm/storefront-core/src/components-v2/product-cards/discount-chip";
 import FavoriteButton from "@evenicanpm/storefront-core/src/components-v2/product-cards/favorite-button";
 // STYLED COMPONENTS
 import {
-	ImageWrapper,
 	ContentWrapper,
-	StyledBazaarCard,
 	HoverIconWrapper,
+	ImageWrapper,
+	StyledBazaarCard,
 } from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card/styles/index";
+// LOCAL CUSTOM COMPONENTS
+import ProductPrice from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-price";
+import ProductTitle from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-title";
+import QuantityBtns from "@evenicanpm/storefront-core/src/components-v2/product-cards/quantity-buttons";
+import ProductViewDialog from "@evenicanpm/storefront-core/src/components-v2/product-dialog";
+import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import AddToWishlistDialog from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist";
+import useFavorite from "@evenicanpm/storefront-core/src/hooks/use-favorite";
 // LIBRARY AND HOOKS
 import buildDetailUrl from "@evenicanpm/storefront-core/src/lib/build-detail-url";
-import useFavorite from "@evenicanpm/storefront-core/src/hooks/use-favorite";
-// API AND SCHEMAS
-import useRemoveFromWishlist from "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/remove-from-wishlist";
-import useUpdateWishlist from "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/update-wishlist";
-import useAddToCart from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/add-to-cart";
-import { WISHLIST_DETAILS_QUERY_KEY } from "@evenicanpm/storefront-core/src/api-manager/services/user/queries/get-wishlist-details";
-import {
-	ExtendedWishlist,
-	ExtendedProductListLine,
-	WishlistLinesInput,
-} from "@evenicanpm/storefront-core/src/api-manager/schemas/user.schema";
-import { Cart } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
+import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
+import { Delete, ShoppingCart } from "@mui/icons-material";
+import RemoveRedEye from "@mui/icons-material/RemoveRedEye";
+import Box from "@mui/material/Box";
+import IconButton from "@mui/material/IconButton";
+import Rating from "@mui/material/Rating";
+import { useIsFetching } from "@tanstack/react-query";
+import Link from "next/link";
+import { useTranslations } from "next-intl";
+import React, {
+	createContext,
+	type ReactNode,
+	useContext,
+	useMemo,
+	useState,
+} from "react";
 
 function findChild(
 	children: ReactNode,

package/src/components-v2/product-cards/product-card/styles/index.ts

@@ -1,7 +1,7 @@
-import styled from "@mui/material/styles/styled";
-import { StyledComponent } from "@mui/styled-engine";
 // GLOBAL CUSTOM COMPONENT
 import BazaarCard from "@evenicanpm/storefront-core/src/components-v2/BazaarCard";
+import styled from "@mui/material/styles/styled";
+import type { StyledComponent } from "@mui/styled-engine";
 
 export const StyledBazaarCard = styled(BazaarCard)({
 	height: "100%",

package/src/components-v2/product-cards/product-card-plp/ProductCardPlp.stories.tsx

@@ -1,7 +1,7 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import ProductCardPlp from "./index";
 import { Box } from "@mui/material";
+import type { Meta, StoryObj } from "@storybook/react";
 import { data } from "../../../../__mocks__/products";
+import ProductCardPlp from "./index";
 
 const meta = {
 	title: "Product/ProductCards/ProductCardPlp",

package/src/components-v2/product-cards/product-card-plp/product-card.tsx

@@ -1,34 +1,34 @@
-import { createContext, useContext, ReactNode, useState } from "react";
-import Link from "next/link";
-import Rating from "@mui/material/Rating";
-import IconButton from "@mui/material/IconButton";
-import RemoveRedEye from "@mui/icons-material/RemoveRedEye";
-// GLOBAL CUSTOM COMPONENTS
-import { H6 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import {
 	FlexBetween,
 	FlexBox,
 } from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
 import ImageWithFallback from "@evenicanpm/storefront-core/src/components-v2/ImageWithFallback";
-import AddToWishlistDialog from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist";
-import ProductViewDialog from "@evenicanpm/storefront-core/src/components-v2/product-dialog";
 // LOCAL CUSTOM COMPONENTS
 import DiscountChip from "@evenicanpm/storefront-core/src/components-v2/product-cards/discount-chip";
-import QuantityButtons from "@evenicanpm/storefront-core/src/components-v2/product-cards/quantity-buttons";
 import FavoriteButton from "@evenicanpm/storefront-core/src/components-v2/product-cards/favorite-button";
+// STYLED COMPONENTS
+import {
+	HoverIconWrapper,
+	PriceText,
+} from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card-plp/styles/index";
+import QuantityButtons from "@evenicanpm/storefront-core/src/components-v2/product-cards/quantity-buttons";
+import ProductViewDialog from "@evenicanpm/storefront-core/src/components-v2/product-dialog";
+// GLOBAL CUSTOM COMPONENTS
+import { H6 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import AddToWishlistDialog from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist";
+import useCart from "@evenicanpm/storefront-core/src/hooks/use-cart";
+import useFavorite from "@evenicanpm/storefront-core/src/hooks/use-favorite";
+import buildDetailUrl from "@evenicanpm/storefront-core/src/lib/build-detail-url";
 // LIBRARY AND HOOKS
 import {
 	calculateDiscount,
 	currency,
 } from "@evenicanpm/storefront-core/src/lib/lib";
-import buildDetailUrl from "@evenicanpm/storefront-core/src/lib/build-detail-url";
-import useCart from "@evenicanpm/storefront-core/src/hooks/use-cart";
-import useFavorite from "@evenicanpm/storefront-core/src/hooks/use-favorite";
-// STYLED COMPONENTS
-import {
-	PriceText,
-	HoverIconWrapper,
-} from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card-plp/styles/index";
+import RemoveRedEye from "@mui/icons-material/RemoveRedEye";
+import IconButton from "@mui/material/IconButton";
+import Rating from "@mui/material/Rating";
+import Link from "next/link";
+import { createContext, type ReactNode, useContext, useState } from "react";
 
 type Product = {
 	title: string;

package/src/components-v2/product-cards/product-card-plp-list/ProductCardPlpList.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import React from "react";
-import { ProductCardPlpList } from "./index";
 import { data } from "../../../../__mocks__/products";
+import { ProductCardPlpList } from "./index";
 
 const meta = {
 	title: "Product/ProductCards/ProductCardPlpList",