@evenicanpm/storefront-core 1.2.2 → 1.3.0

package/src/pages-v2/confirmation/address.tsx

@@ -1,13 +1,13 @@
 "use client";
 
-import React, { ReactNode, createContext, useContext } from "react";
-import { useTranslations } from "next-intl";
-import { Card } from "@mui/material";
+import type { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
 import {
 	H5,
 	Paragraph,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
+import { Card } from "@mui/material";
+import { useTranslations } from "next-intl";
+import React, { createContext, type ReactNode, useContext } from "react";
 
 const AddressContext = createContext<Address | null>(null);
 

package/src/pages-v2/confirmation/confirmation-summary.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import type { SalesOrder } from "@evenicanpm/storefront-core/src/api-manager/schemas/order.schema";
 import {
 	FlexBetween,
 	FlexBox,
@@ -8,11 +9,10 @@ import {
 	H6,
 	Paragraph,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
 import { Card, Divider } from "@mui/material";
 import { useTranslations } from "next-intl";
-import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
-import React, { ReactNode, createContext, useContext } from "react";
-import { SalesOrder } from "@evenicanpm/storefront-core/src/api-manager/schemas/order.schema";
+import React, { createContext, type ReactNode, useContext } from "react";
 
 type SummaryValues = {
 	order: SalesOrder;

package/src/pages-v2/confirmation/ordered-products.tsx

@@ -1,8 +1,9 @@
 "use client";
 
-import React, { ReactNode, createContext, useContext } from "react";
-import { Card, Avatar, Box } from "@mui/material";
-import Grid from "@mui/material/Grid2";
+import type {
+	SalesLine,
+	SalesOrder,
+} from "@evenicanpm/storefront-core/src/api-manager/schemas/order.schema";
 import {
 	FlexBetween,
 	FlexBox,
@@ -12,13 +13,13 @@ import {
 	Paragraph,
 	Span,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import { useTranslations, useFormatter } from "next-intl";
 import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
 import { ProductDimensionType } from "@msdyn365-commerce/retail-proxy";
-import {
-	SalesLine,
-	SalesOrder,
-} from "@evenicanpm/storefront-core/src/api-manager/schemas/order.schema";
+import { Avatar, Box, Card } from "@mui/material";
+import Grid from "@mui/material/Grid2";
+import { useFormatter, useTranslations } from "next-intl";
+import type React from "react";
+import { createContext, type ReactNode, useContext } from "react";
 
 const OrderedProductsContext = createContext<SalesOrder | null>(null);
 

package/src/pages-v2/product-details/available-shops.tsx

@@ -1,16 +1,16 @@
 "use client";
 
-import Link from "next/link";
-import Box from "@mui/material/Box";
-import Card from "@mui/material/Card";
-import Grid from "@mui/material/Grid2";
-import Avatar from "@mui/material/Avatar";
+import FlexRowCenter from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-row-center";
 // GLOBAL CUSTOM COMPONENTS
 import {
 	H3,
 	H4,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import FlexRowCenter from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-row-center";
+import Avatar from "@mui/material/Avatar";
+import Box from "@mui/material/Box";
+import Card from "@mui/material/Card";
+import Grid from "@mui/material/Grid2";
+import Link from "next/link";
 
 export default function AvailableShops() {
 	return (

package/src/pages-v2/product-details/bopis/find-in-store-button.tsx

@@ -1,8 +1,8 @@
-import { Button } from "@mui/material";
-import React from "react";
+import type { AddToCartBopisInput } from "@evenicanpm/storefront-core/src/hooks/use-cart";
 import FindInStoreModal from "@evenicanpm/storefront-core/src/pages-v2/product-details/bopis/find-in-store-modal";
-import { AddToCartBopisInput } from "@evenicanpm/storefront-core/src/hooks/use-cart";
+import { Button } from "@mui/material";
 import { useTranslations } from "next-intl";
+import React from "react";
 
 type Props = {
 	productId?: number;

package/src/pages-v2/product-details/bopis/find-in-store-modal.tsx

@@ -1,3 +1,18 @@
+import type { OrgUnitLocationReturnType } from "@evenicanpm/storefront-core/src/api-manager/schemas/organization.schema";
+import getChannelConfiguration from "@evenicanpm/storefront-core/src/api-manager/services/organization/queries/get-channel-configuration";
+import getStores from "@evenicanpm/storefront-core/src/api-manager/services/organization/queries/get-stores";
+import getProductAvailability from "@evenicanpm/storefront-core/src/api-manager/services/product/queries/get-product-availability";
+import type { AddToCartBopisInput } from "@evenicanpm/storefront-core/src/hooks/use-cart";
+import { geolocate } from "@evenicanpm/storefront-core/src/lib/map-helper";
+import PickupOptionSelect from "@evenicanpm/storefront-core/src/pages-v2/product-details/bopis/pickup-option-select";
+import SearchHeader from "@evenicanpm/storefront-core/src/pages-v2/product-details/bopis/search-header";
+import ShopCard from "@evenicanpm/storefront-core/src/pages-v2/product-details/bopis/store-card";
+import type {
+	DeliveryOption,
+	ProductWarehouseInventoryAvailability,
+	QueryResultSettings,
+	SearchArea,
+} from "@msdyn365-commerce/retail-proxy";
 import {
 	CircularProgress,
 	Dialog,
@@ -8,23 +23,8 @@ import {
 	Typography,
 } from "@mui/material";
 import { Box } from "@mui/system";
-import React from "react";
-import SearchHeader from "@evenicanpm/storefront-core/src/pages-v2/product-details/bopis/search-header";
-import ShopCard from "@evenicanpm/storefront-core/src/pages-v2/product-details/bopis/store-card";
-import {
-	DeliveryOption,
-	ProductWarehouseInventoryAvailability,
-	QueryResultSettings,
-	SearchArea,
-} from "@msdyn365-commerce/retail-proxy";
-import PickupOptionSelect from "@evenicanpm/storefront-core/src/pages-v2/product-details/bopis/pickup-option-select";
-import { geolocate } from "@evenicanpm/storefront-core/src/lib/map-helper";
-import getStores from "@evenicanpm/storefront-core/src/api-manager/services/organization/queries/get-stores";
-import { AddToCartBopisInput } from "@evenicanpm/storefront-core/src/hooks/use-cart";
-import getProductAvailability from "@evenicanpm/storefront-core/src/api-manager/services/product/queries/get-product-availability";
-import { OrgUnitLocationReturnType } from "@evenicanpm/storefront-core/src/api-manager/schemas/organization.schema";
 import { useTranslations } from "next-intl";
-import getChannelConfiguration from "@evenicanpm/storefront-core/src/api-manager/services/organization/queries/get-channel-configuration";
+import React from "react";
 
 type Props = {
 	open: boolean;
@@ -209,7 +209,6 @@ const FindInStoreModal = ({
 				address={location.Address || ""}
 				actionArea={renderActionArea(
 					location.OrgUnitNumber || "",
-					// @ts-ignore TODO: ??
 					pickupOptions || [],
 					inventoryRecord?.TotalAvailableInventoryLevelLabel || "",
 				)}

package/src/pages-v2/product-details/bopis/pickup-option-select.tsx

@@ -1,16 +1,16 @@
 import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
-import { DeliveryOption } from "@msdyn365-commerce/retail-proxy";
+import type { AddToCartBopisInput } from "@evenicanpm/storefront-core/src/hooks/use-cart";
+import type { DeliveryOption } from "@msdyn365-commerce/retail-proxy";
 import {
 	Box,
 	Button,
 	MenuItem,
 	Select,
-	SelectChangeEvent,
+	type SelectChangeEvent,
 	Typography,
 } from "@mui/material";
-import React from "react";
-import { AddToCartBopisInput } from "@evenicanpm/storefront-core/src/hooks/use-cart";
 import { useTranslations } from "next-intl";
+import React from "react";
 
 type Props = {
 	pickupOptions: DeliveryOption[];

package/src/pages-v2/product-details/bopis/search-header.tsx

@@ -1,12 +1,13 @@
+import SearchIcon from "@mui/icons-material/Search";
 import {
 	FormControl,
 	IconButton,
 	InputAdornment,
 	OutlinedInput,
 } from "@mui/material";
-import React from "react";
-import SearchIcon from "@mui/icons-material/Search";
 import { useTranslations } from "next-intl";
+import React from "react";
+
 type Props = {
 	handleSearch: (searchTerm: string) => void;
 };

package/src/pages-v2/product-details/bopis/store-card/shop-card.tsx

@@ -1,30 +1,29 @@
-import Card from "@mui/material/Card";
-
-import AccessTimeFilledIcon from "@mui/icons-material/AccessTimeFilled";
-import Place from "@mui/icons-material/Place";
-import InventoryIcon from "@mui/icons-material/Inventory";
+import {
+	FlexBetween,
+	FlexBox,
+} from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
 // GLOBAL CUSTOM COMPONENTS
 import {
 	H3,
 	Span,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import {
-	FlexBetween,
-	FlexBox,
-} from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
+	buildStoreHours,
+	type IHoursDisplayInfo,
+} from "@evenicanpm/storefront-core/src/lib/store-hours-helper";
 // STYLED COMPONENT
 import { ContentWrapper } from "@evenicanpm/storefront-core/src/pages-v2/product-details/bopis/store-card/styles";
-import {
+import { convertSecondsToTime } from "@evenicanpm/storefront-core/src/pages-v2/product-details/bopis/store-card/utils/convertSecondsToTime";
+import { getDaysResources } from "@evenicanpm/storefront-core/src/pages-v2/product-details/bopis/store-card/utils/getDaysResources";
+import type {
 	ProductWarehouseInventoryAvailability,
 	StoreHours,
 } from "@msdyn365-commerce/retail-proxy";
-import {
-	buildStoreHours,
-	IHoursDisplayInfo,
-} from "@evenicanpm/storefront-core/src/lib/store-hours-helper";
+import AccessTimeFilledIcon from "@mui/icons-material/AccessTimeFilled";
+import InventoryIcon from "@mui/icons-material/Inventory";
+import Place from "@mui/icons-material/Place";
+import Card from "@mui/material/Card";
 import { Box } from "@mui/system";
-import { convertSecondsToTime } from "@evenicanpm/storefront-core/src/pages-v2/product-details/bopis/store-card/utils/convertSecondsToTime";
-import { getDaysResources } from "@evenicanpm/storefront-core/src/pages-v2/product-details/bopis/store-card/utils/getDaysResources";
 
 type Props = {
 	name: string;

package/src/pages-v2/product-details/bopis/store-card/utils/getDaysResources.ts

@@ -1,4 +1,4 @@
-import { IStoreSelectorLocationLineItemResources } from "@evenicanpm/storefront-core/src/lib/store-hours-helper";
+import type { IStoreSelectorLocationLineItemResources } from "@evenicanpm/storefront-core/src/lib/store-hours-helper";
 import { useTranslations } from "next-intl";
 
 export const getDaysResources = (): IStoreSelectorLocationLineItemResources => {

package/src/pages-v2/product-details/checkbox-label.tsx

@@ -1,7 +1,7 @@
-import { ReactNode } from "react";
+import Checkbox, { type CheckboxProps } from "@mui/material/Checkbox";
 // MUI
 import FormControlLabel from "@mui/material/FormControlLabel";
-import Checkbox, { CheckboxProps } from "@mui/material/Checkbox";
+import type { ReactNode } from "react";
 
 // ==============================================================
 interface Props extends CheckboxProps {

package/src/pages-v2/product-details/currency.ts

@@ -1,5 +1,6 @@
 import currencyJs from "currency.js";
 import { formatDistanceStrict } from "date-fns";
+
 /**
  * NOTE: We can move this to a more appropriate location if needed.
  */

package/src/pages-v2/product-details/frequently-bought.tsx

@@ -1,25 +1,25 @@
 "use client";
 
-import { Fragment } from "react";
-import Box from "@mui/material/Box";
-import Button from "@mui/material/Button";
-import styled from "@mui/material/styles/styled";
+import {
+	FlexBox,
+	FlexRowCenter,
+} from "@evenicanpm/storefront-core/src/components-v2/flex-box";
 // GLOBAL CUSTOM COMPONENTS
 import {
 	H2,
 	H3,
 	Span,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import {
-	FlexBox,
-	FlexRowCenter,
-} from "@evenicanpm/storefront-core/src/components-v2/flex-box";
-// LOCAL CUSTOM COMPONENT
-import FrequentlyProductCard from "@evenicanpm/storefront-core/src/pages-v2/product-details/frequently-product-card";
 // CUSTOM UTILS LIBRARY FUNCTION
 import { currency } from "@evenicanpm/storefront-core/src/lib/lib";
+// LOCAL CUSTOM COMPONENT
+import FrequentlyProductCard from "@evenicanpm/storefront-core/src/pages-v2/product-details/frequently-product-card";
 // CUSTOM DATA MODEL
-import { ProductSearchResult as Product } from "@msdyn365-commerce/retail-proxy";
+import type { ProductSearchResult as Product } from "@msdyn365-commerce/retail-proxy";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import styled from "@mui/material/styles/styled";
+import { Fragment } from "react";
 
 // STYLED COMPONENTS
 const WrapperBox = styled(Box)(({ theme }) => ({

package/src/pages-v2/product-details/frequently-product-card.tsx

@@ -1,19 +1,19 @@
-import Link from "next/link";
-import Box from "@mui/material/Box";
+import BazaarCard from "@evenicanpm/storefront-core/src/components-v2/BazaarCard";
+import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
 // GLOBAL CUSTOM COMPONENTS
 import HoverBox from "@evenicanpm/storefront-core/src/components-v2/HoverBox";
 import LazyImage from "@evenicanpm/storefront-core/src/components-v2/LazyImage";
-import BazaarCard from "@evenicanpm/storefront-core/src/components-v2/BazaarCard";
 import {
 	H6,
 	Span,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
 // CUSTOM UTILS LIBRARY FUNCTIONS
 import {
 	calculateDiscount,
 	currency,
 } from "@evenicanpm/storefront-core/src/lib/lib";
+import Box from "@mui/material/Box";
+import Link from "next/link";
 
 // =======================================================
 interface Props {

package/src/pages-v2/product-details/product-comment.tsx

@@ -1,8 +1,5 @@
 "use client";
 
-import Box from "@mui/material/Box";
-import Avatar from "@mui/material/Avatar";
-import Rating from "@mui/material/Rating";
 // GLOBAL CUSTOM COMPONENTS
 import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
 import {
@@ -13,6 +10,9 @@ import {
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 // CUSTOM UTILS LIBRARY FUNCTION
 import { getDateDifference } from "@evenicanpm/storefront-core/src/lib/lib";
+import Avatar from "@mui/material/Avatar";
+import Box from "@mui/material/Box";
+import Rating from "@mui/material/Rating";
 
 // ===========================================================
 interface Props {

package/src/pages-v2/product-details/product-description.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { H3 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import { AttributeValue } from "@msdyn365-commerce/retail-proxy";
+import type { AttributeValue } from "@msdyn365-commerce/retail-proxy";
 
 type Props = { attributes: AttributeValue[] };
 

package/src/pages-v2/product-details/product-filter-card.tsx

@@ -1,15 +1,6 @@
 "use client";
 
-import { Fragment, useState } from "react";
-// MUI
-import Box from "@mui/material/Box";
-import Rating from "@mui/material/Rating";
-import Divider from "@mui/material/Divider";
-import Collapse from "@mui/material/Collapse";
-import TextField from "@mui/material/TextField";
-import FormGroup from "@mui/material/FormGroup";
-// LOCAL CUSTOM COMPONENTS
-import CheckboxLabel from "@evenicanpm/storefront-core/src/pages-v2/product-details/checkbox-label";
+import AccordionHeader from "@evenicanpm/storefront-core/src/components-v2/accordion/accordion-header";
 // GLOBAL CUSTOM COMPONENTS
 import {
 	FlexBetween,
@@ -21,14 +12,23 @@ import {
 	Paragraph,
 	Span,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import AccordionHeader from "@evenicanpm/storefront-core/src/components-v2/accordion/accordion-header";
+// LOCAL CUSTOM COMPONENTS
+import CheckboxLabel from "@evenicanpm/storefront-core/src/pages-v2/product-details/checkbox-label";
 // TYPE
-import {
+import type {
 	ProductFilterKeys,
-	ProductFilterValues,
 	ProductFilters,
+	ProductFilterValues,
 } from "@evenicanpm/storefront-core/src/pages-v2/product-details/types";
 import { Slider } from "@mui/material";
+// MUI
+import Box from "@mui/material/Box";
+import Collapse from "@mui/material/Collapse";
+import Divider from "@mui/material/Divider";
+import FormGroup from "@mui/material/FormGroup";
+import Rating from "@mui/material/Rating";
+import TextField from "@mui/material/TextField";
+import { Fragment, useState } from "react";
 
 // FILTER OPTIONS
 const categoryList = [

package/src/pages-v2/product-details/product-intro/compound/context.ts

@@ -1,10 +1,15 @@
-import { createContext, Dispatch, SetStateAction, useContext } from "react";
-import { ProductDetails } from "@evenicanpm/storefront-core/src/api-manager/schemas/product.schema";
-import { SelectedDimensions } from "@evenicanpm/storefront-core/src/hooks/use-variants";
-import {
-	ProductWarehouseInventoryInformation,
+import type { ProductDetails } from "@evenicanpm/storefront-core/src/api-manager/schemas/product.schema";
+import type { SelectedDimensions } from "@evenicanpm/storefront-core/src/hooks/use-variants";
+import type {
 	ProductDimensionValueInventoryAvailability,
+	ProductWarehouseInventoryInformation,
 } from "@msdyn365-commerce/retail-proxy";
+import {
+	createContext,
+	type Dispatch,
+	type SetStateAction,
+	useContext,
+} from "react";
 
 export interface ProductIntroContext {
 	/** The current master product of the PDP */

package/src/pages-v2/product-details/product-intro/compound/product-info.tsx

@@ -1,43 +1,42 @@
-import React, { useContext, useState } from "react";
-import Rating from "@mui/material/Rating";
-import Box from "@mui/material/Box";
-import Grid from "@mui/material/Grid2";
-import { CircularProgress, Typography } from "@mui/material";
-
-// GLOBAL CUSTOM COMPONENTS
-import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
+import QuantityButtons from "@evenicanpm/storefront-core/src/components-v2/product-quantity-buttons";
 import {
 	H1,
 	H2,
 	H6,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
-import QuantityButtons from "@evenicanpm/storefront-core/src/components-v2/product-quantity-buttons";
 import AddToWishlistButton from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/add-to-wishlist-button";
+// GLOBAL CUSTOM COMPONENTS
+import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
+import { CircularProgress, Typography } from "@mui/material";
+import Box from "@mui/material/Box";
+import Grid from "@mui/material/Grid2";
+import Rating from "@mui/material/Rating";
+import type React from "react";
+import { useContext, useState } from "react";
+
 // D365
 
+import getProductAvailability from "@evenicanpm/storefront-core/src/api-manager/services/product/queries/get-product-availability";
 // API MANAGER
 import getProductPrices from "@evenicanpm/storefront-core/src/api-manager/services/product/queries/get-product-prices";
-import getProductAvailability from "@evenicanpm/storefront-core/src/api-manager/services/product/queries/get-product-availability";
-
+// LOCAL COMPONENTS
+import ProductDimensions from "@evenicanpm/storefront-core/src/components-v2/product-dimensions";
 // LOCAL HOOKS
 import useCart, {
-	AddToCartBopisInput,
+	type AddToCartBopisInput,
 } from "@evenicanpm/storefront-core/src/hooks/use-cart";
-
-// LOCAL COMPONENTS
-import ProductDimensions from "@evenicanpm/storefront-core/src/components-v2/product-dimensions";
 import FindInStoreButton from "@evenicanpm/storefront-core/src/pages-v2/product-details/bopis/find-in-store-button";
 import {
+	ProductInfoContext,
 	useProductInfo,
 	useProductIntro,
-	ProductInfoContext,
 } from "@evenicanpm/storefront-core/src/pages-v2/product-details/product-intro/compound/context";
 
 import {
-	getInventoryLabel,
-	checkProductOOS,
 	buildInventorySearchCriteria,
+	checkProductOOS,
+	getInventoryLabel,
 } from "@evenicanpm/storefront-core/src/pages-v2/product-details/product-intro/utils";
 
 export interface Props {
@@ -169,6 +168,7 @@ ProductInfo.Price = () => {
 
 	return (
 		<Box pt={1}>
+			Test
 			<H2 color="primary.main" mb={0.5} lineHeight="1">
 				{pricesPending || !productPrices ? (
 					<CircularProgress size={20} />

package/src/pages-v2/product-details/product-intro/compound/product-intro-images.tsx

@@ -1,6 +1,4 @@
 "use client";
-import Grid from "@mui/material/Grid2";
-import React, { useContext, useState } from "react";
 // GLOBAL CUSTOM COMPONENTS
 import {
 	FlexBox,
@@ -12,6 +10,9 @@ import {
 	ProductIntroContext,
 } from "@evenicanpm/storefront-core/src/pages-v2/product-details/product-intro/compound/context";
 import ThumbnailWithSkeleton from "@evenicanpm/storefront-core/src/pages-v2/product-details/product-intro/compound/thumbnail-with-skeleton";
+import Grid from "@mui/material/Grid2";
+import type React from "react";
+import { useContext, useState } from "react";
 
 type Props = {
 	children: React.ReactNode;

package/src/pages-v2/product-details/product-intro/compound/product-intro.tsx

@@ -1,12 +1,12 @@
 "use client";
-import React from "react";
-import Box from "@mui/material/Box";
-import Grid from "@mui/material/Grid2";
-import { ProductDetails } from "@evenicanpm/storefront-core/src/api-manager/schemas/product.schema";
+import type { ProductDetails } from "@evenicanpm/storefront-core/src/api-manager/schemas/product.schema";
 import useVariants from "@evenicanpm/storefront-core/src/hooks/use-variants";
-import ProductImages from "@evenicanpm/storefront-core/src/pages-v2/product-details/product-intro/compound/product-intro-images";
-import ProductInfo from "@evenicanpm/storefront-core/src/pages-v2/product-details/product-intro/compound/product-info";
 import { ProductIntroContext } from "@evenicanpm/storefront-core/src/pages-v2/product-details/product-intro/compound/context";
+import ProductInfo from "@evenicanpm/storefront-core/src/pages-v2/product-details/product-intro/compound/product-info";
+import ProductImages from "@evenicanpm/storefront-core/src/pages-v2/product-details/product-intro/compound/product-intro-images";
+import Box from "@mui/material/Box";
+import Grid from "@mui/material/Grid2";
+import type React from "react";
 
 /**
  * Master product data comes in as prop, selected variant details are called

package/src/pages-v2/product-details/product-intro/compound/thumbnail-with-skeleton.tsx

@@ -1,5 +1,5 @@
-import { useState } from "react";
 import { Skeleton } from "@mui/material";
+import { useState } from "react";
 
 /**
  * Shows a skeleton until the image loads

package/src/pages-v2/product-details/product-intro/utils.ts

@@ -1,4 +1,4 @@
-import { ProductWarehouseInventoryInformation } from "@msdyn365-commerce/retail-proxy";
+import type { ProductWarehouseInventoryInformation } from "@msdyn365-commerce/retail-proxy";
 
 export const getInventoryLabel = (
 	shippingInventoryData?: ProductWarehouseInventoryInformation,

package/src/pages-v2/product-details/product-review.tsx

@@ -1,19 +1,19 @@
 "use client";
 
-import Box from "@mui/material/Box";
-import Button from "@mui/material/Button";
-import Rating from "@mui/material/Rating";
-import TextField from "@mui/material/TextField";
-import * as yup from "yup";
-import { useFormik } from "formik";
-// Local CUSTOM COMPONENT
-import ProductComment from "@evenicanpm/storefront-core/src/pages-v2/product-details/product-comment";
 // GLOBAL CUSTOM COMPONENTS
 import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
 import {
 	H2,
 	H5,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+// Local CUSTOM COMPONENT
+import ProductComment from "@evenicanpm/storefront-core/src/pages-v2/product-details/product-comment";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Rating from "@mui/material/Rating";
+import TextField from "@mui/material/TextField";
+import { useFormik } from "formik";
+import * as yup from "yup";
 
 export default function ProductReview() {
 	const initialValues = {

package/src/pages-v2/product-details/product-tabs.tsx

@@ -1,14 +1,14 @@
 "use client";
 
-import React, { useContext, useState, createContext } from "react";
+// LOCAL CUSTOM COMPONENTS
+import ProductDescription from "@evenicanpm/storefront-core/src/pages-v2/product-details/product-description";
+import type { AttributeValue } from "@msdyn365-commerce/retail-proxy";
 import Box from "@mui/material/Box";
+import styled from "@mui/material/styles/styled";
 import Tab from "@mui/material/Tab";
 import Tabs from "@mui/material/Tabs";
-import styled from "@mui/material/styles/styled";
-
-// LOCAL CUSTOM COMPONENTS
-import ProductDescription from "@evenicanpm/storefront-core/src/pages-v2/product-details/product-description";
-import { AttributeValue } from "@msdyn365-commerce/retail-proxy";
+import type React from "react";
+import { createContext, useContext, useState } from "react";
 
 // STYLED COMPONENT
 const StyledTabs = styled(Tabs)(({ theme }) => ({

package/src/pages-v2/product-details/related-products.tsx

@@ -1,12 +1,12 @@
 "use client";
 
-import Box from "@mui/material/Box";
-import Grid from "@mui/material/Grid2";
-// GLOBAL CUSTOM COMPONENTS
-import { H3 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import ProductCard from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card/product-card";
 // CUSTOM DATA MODEL
 import GetRelatedProductsDataFetcher from "@evenicanpm/storefront-core/src/api-manager/services/product/queries/get-related-products";
+import ProductCard from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card/product-card";
+// GLOBAL CUSTOM COMPONENTS
+import { H3 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import Box from "@mui/material/Box";
+import Grid from "@mui/material/Grid2";
 
 // ==============================================================
 type Props = { RecordId: number };