@evenicanpm/storefront-core 1.2.2 → 1.4.0

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);
 
@@ -34,10 +35,10 @@ export const OrderedProducts = ({ order, children }: Props) => {
 
 OrderedProducts.Header = () => {
 	const ctx = useContext(OrderedProductsContext);
-	if (!ctx) return null;
 	const t = useTranslations("Confirmation");
-	const order = ctx;
 	const { dateTime } = useFormatter();
+	if (!ctx) return null;
+	const order = ctx;
 
 	return (
 		<FlexBetween
@@ -127,7 +128,7 @@ OrderedProducts.Dimensions = ({ line }: LineProps) => {
 	return (
 		<Grid size={{ xs: 8, sm: 4 }}>
 			{line.Product.Dimensions.map((dim, i) => (
-				<Paragraph key={i} paddingLeft="15px">
+				<Paragraph key={`dim-${i + 1}`} paddingLeft="15px">
 					<Span>{ProductDimensionType[dim.DimensionTypeValue || 0]}:</Span>
 					<Span sx={{ ml: 1 }}>{dim.DimensionValue?.Value}</Span>
 				</Paragraph>

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[];
@@ -75,7 +75,7 @@ const PickupOptionSelect = ({
 	);
 
 	const handlePickupClick = () => {
-		if (selectedOption && selectedOption.Code) {
+		if (selectedOption?.Code) {
 			const bopisInput: AddToCartBopisInput = {
 				warehouseId: storeId,
 				deliveryMode: selectedOption.Code,

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;
@@ -36,7 +35,7 @@ type Props = {
 	inventoryRecord: ProductWarehouseInventoryAvailability | undefined;
 };
 
-export default function ShopCard(props: Props) {
+export default function ShopCard(props: Readonly<Props>) {
 	const { name, address, actionArea, openFrom, openTo, storeHours } =
 		props || {};
 

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 {
@@ -9,7 +9,7 @@ interface Props extends CheckboxProps {
 }
 // ==============================================================
 
-export default function CheckboxLabel({ label, ...props }: Props) {
+export default function CheckboxLabel({ label, ...props }: Readonly<Props>) {
 	return (
 		<FormControlLabel
 			label={label}

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 }) => ({
@@ -32,7 +32,7 @@ const WrapperBox = styled(Box)(({ theme }) => ({
 type Props = { products: Product[] };
 // ============================================================
 
-export default function FrequentlyBought({ products }: Props) {
+export default function FrequentlyBought({ products }: Readonly<Props>) {
 	return (
 		<WrapperBox mb={7.5}>
 			<H3 mb={3}>Frequently Bought Together</H3>

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 {
@@ -25,7 +25,7 @@ interface Props {
 }
 // =======================================================
 
-export default function FrequentlyProductCard(props: Props) {
+export default function FrequentlyProductCard(props: Readonly<Props>) {
 	const {
 		imgUrl = "/assets/images/products/Rectangle 116.png",
 		price,

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 {
@@ -24,7 +24,7 @@ interface Props {
 }
 // ===========================================================
 
-export default function ProductComment(props: Props) {
+export default function ProductComment(props: Readonly<Props>) {
 	const { name, imgUrl, rating, date, comment } = props || {};
 
 	return (

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

@@ -1,18 +1,18 @@
 "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[] };
 
-export default function ProductDescription({ attributes }: Props) {
+export default function ProductDescription({ attributes }: Readonly<Props>) {
 	return (
 		<div>
 			<H3 mb={2}>Specifications:</H3>
 			{attributes?.map((attr, index) => {
 				if (attr?.TextValue && attr?.Name)
 					return (
-						<div key={index}>
+						<div key={`attr-${index + 1}`}>
 							{attr.Name}: {attr.TextValue}
 						</div>
 					);

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 = [
@@ -71,7 +71,10 @@ interface Props {
 }
 // ============================================================================
 
-export default function ProductFilterCard({ filters, changeFilters }: Props) {
+export default function ProductFilterCard({
+	filters,
+	changeFilters,
+}: Readonly<Props>) {
 	const [collapsed, setCollapsed] = useState(true);
 
 	const handleChangePrice = (values: number[]) => {

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} />