@evenicanpm/storefront-core 1.8.4 → 2.0.1

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

@@ -2,9 +2,9 @@
 
 // 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";
+import ProductCard from "@evenicanpm/storefront-core/src/components/product-cards/product-card/product-card";
 // GLOBAL CUSTOM COMPONENTS
-import { H3 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import { H3 } from "@evenicanpm/storefront-core/src/components/Typography";
 import Box from "@mui/material/Box";
 import Grid from "@mui/material/Grid2";
 

package/src/{pages-v2 → pages}/product-list/breadcrumbs.tsx

@@ -1,7 +1,6 @@
 import type { CategoryHierarchy } from "@evenicanpm/storefront-core/src/lib/category-helpers";
 import { Breadcrumbs, Typography } from "@mui/material";
 import Link from "next/link";
-import React from "react";
 import {
 	getCategoryTranslatedName,
 	getCategoryUrl,

package/src/{pages-v2 → pages}/product-list/facet-group.tsx

@@ -1,4 +1,4 @@
-import { H6 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import { H6 } from "@evenicanpm/storefront-core/src/components/Typography";
 import { areRefinersEqual } from "@evenicanpm/storefront-core/src/lib/refiner-utils";
 import {
 	AttributeDataType,

package/src/{pages-v2 → pages}/product-list/list-filter.tsx

@@ -1,10 +1,9 @@
 import {
 	FlexBetween,
 	FlexBox,
-} from "@evenicanpm/storefront-core/src/components-v2/flex-box";
-import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+} from "@evenicanpm/storefront-core/src/components/flex-box";
+import { Span } from "@evenicanpm/storefront-core/src/components/Typography";
 import type { ProductRefinerValue } from "@msdyn365-commerce/retail-proxy";
-import React from "react";
 import CheckboxLabel from "./checkbox-label";
 import type { RenderedFacetProps } from "./facet-group";
 

package/src/{pages-v2 → pages}/product-list/pagination.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import { Span } from "@evenicanpm/storefront-core/src/components/Typography";
 import MuiPagination, { type PaginationProps } from "@mui/material/Pagination";
 import { useTranslations } from "next-intl";
 import type { ChangeEvent } from "react";

package/src/{pages-v2 → pages}/product-list/product-list-context.tsx

@@ -84,7 +84,7 @@ const ProductListProvider = ({ children }: { children: React.ReactNode }) => {
 			.withDefault(
 				getSelectedSortOption(
 					getSortOptions(),
-					!!searchParams.get(PageKey.SEARCH),
+					!!searchParams?.get(PageKey.SEARCH),
 				)?.code,
 			)
 			.withOptions({ clearOnDefault: true }),
@@ -100,7 +100,7 @@ const ProductListProvider = ({ children }: { children: React.ReactNode }) => {
 	const initialState = React.useMemo(
 		() =>
 			buildInitialState(
-				pathname.split("/"),
+				pathname?.split("/") ?? [],
 				topParameter,
 				pageParameter,
 				sortParameter,
@@ -131,7 +131,7 @@ const ProductListProvider = ({ children }: { children: React.ReactNode }) => {
 				return prev;
 			}
 			const newState = buildInitialState(
-				pathname.split("/"),
+				pathname?.split("/") ?? [],
 				topParameter,
 				pageParameter,
 				sortParameter,
@@ -151,7 +151,7 @@ const ProductListProvider = ({ children }: { children: React.ReactNode }) => {
 
 	const { data, isLoading } = getProductList.useData(inputParams);
 	const { data: productPrices } = getProductPrices.useSuspenseData({
-		productIds: data?.products.map((product) => product.RecordId) || [],
+		productIds: (data?.products ?? []).map((product) => product.RecordId),
 	});
 	const handleRefinerChange = useCallback(
 		(refiner: ProductRefinerValue) => {

package/src/{pages-v2 → pages}/product-list/product-list-view.tsx

@@ -4,21 +4,21 @@ import getCategories from "@evenicanpm/storefront-core/src/api-manager/services/
 import {
 	ProductsGrid,
 	ProductsList,
-} from "@evenicanpm/storefront-core/src/components-v2/products-view";
-import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+} from "@evenicanpm/storefront-core/src/components/products-view";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/Typography";
 import CategoryBreadcrumbs from "@evenicanpm/storefront-core/src/pages/product-list/breadcrumbs";
+import Facet from "@evenicanpm/storefront-core/src/pages/product-list/facet";
 import Pagination from "@evenicanpm/storefront-core/src/pages/product-list/pagination";
+import SearchBar from "@evenicanpm/storefront-core/src/pages/product-list/search-bar";
 import SelectedFacets from "@evenicanpm/storefront-core/src/pages/product-list/selected-facets";
 import useProductList from "@evenicanpm/storefront-core/src/pages/product-list/use-product-list";
 import generateBreadcrumbs from "@evenicanpm/storefront-core/src/pages/product-list/utils/generate-breadcrumbs";
 import { searchCategory } from "@evenicanpm/storefront-core/src/pages/product-list/utils/search-for-category";
 import { usePreviousRefiners } from "@evenicanpm/storefront-core/src/pages/product-list/utils/use-previous-refiners";
-import Facet from "@evenicanpm/storefront-core/src/pages-v2/product-list/facet";
-import SearchBar from "@evenicanpm/storefront-core/src/pages-v2/product-list/search-bar";
 import { Box, CircularProgress, Paper, Typography } from "@mui/material";
 import Grid from "@mui/material/Grid2";
 import { useLocale, useTranslations } from "next-intl";
-import React, { createContext, type ReactNode, useContext } from "react";
+import { createContext, type ReactNode, useContext } from "react";
 
 type PLViewCtx = { categoryId: number };
 const ProductListViewContext = createContext<PLViewCtx | null>(null);
@@ -61,7 +61,7 @@ ProductListView.Header = function Header() {
 		<Box>
 			<CategoryBreadcrumbs breadcrumbs={breadcrumbs} locale={locale} />
 			<Paragraph color="grey.600" sx={{ mt: 1 }}>
-				{(productData?.count ?? 0) + " " + t("results")}
+				{`${productData?.count ?? 0} ${t("results")}`}
 			</Paragraph>
 		</Box>
 	);

package/src/{pages-v2 → pages}/product-list/quick-view-dialog-content.tsx

@@ -4,15 +4,15 @@ import type {
 	ProductDetails,
 } from "@evenicanpm/storefront-core/src/api-manager/schemas/product.schema";
 import getProductAvailability from "@evenicanpm/storefront-core/src/api-manager/services/product/queries/get-product-availability";
-import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
-import ImageWithFallback from "@evenicanpm/storefront-core/src/components-v2/ImageWithFallback";
-import ProductDimensions from "@evenicanpm/storefront-core/src/components-v2/product-dimensions";
-import QuantityButtons from "@evenicanpm/storefront-core/src/components-v2/product-quantity-buttons";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components/flex-box";
+import ImageWithFallback from "@evenicanpm/storefront-core/src/components/ImageWithFallback";
+import ProductDimensions from "@evenicanpm/storefront-core/src/components/product-dimensions";
+import QuantityButtons from "@evenicanpm/storefront-core/src/components/product-quantity-buttons";
 import {
 	H1,
 	H2,
 	H6,
-} from "@evenicanpm/storefront-core/src/components-v2/Typography";
+} from "@evenicanpm/storefront-core/src/components/Typography";
 import useCart, {
 	type AddToCartBopisInput,
 } from "@evenicanpm/storefront-core/src/hooks/use-cart";
@@ -76,12 +76,7 @@ export default function QuickViewContent({
 				productIds: [selectedVariant?.RecordId || product.RecordId],
 			},
 		}),
-		[
-			allDimensionsSelected,
-			selectDimensions,
-			product,
-			selectedVariant?.RecordId,
-		],
+		[product, selectedVariant?.RecordId],
 	);
 
 	const { data: shippingInventoryData, isLoading: inventoryLoading } =

package/src/{pages-v2 → pages}/product-list/selected-facets.tsx

@@ -1,11 +1,11 @@
-import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/Typography";
 import {
 	ProductRefinerSource,
 	type ProductRefinerValue,
 } from "@msdyn365-commerce/retail-proxy";
 import { Button, Chip, Stack } from "@mui/material";
 import { useTranslations } from "next-intl";
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import useProductList from "./use-product-list";
 
 export default function SelectedFacets() {

package/src/{pages-v2 → pages}/product-list/utils/search-for-category.ts

@@ -8,7 +8,7 @@ const searchCategory = (
 	categoryId?: number,
 	categoryName?: string,
 ): CategoryHierarchy | undefined => {
-	let foundCategory;
+	let foundCategory: CategoryHierarchy | undefined;
 	if (!Array.isArray(categoryHierarchy)) {
 		return foundCategory;
 	}
@@ -69,8 +69,8 @@ const getCategoryUrl = (category: CategoryHierarchy) => {
 };
 
 export {
-	searchCategory,
 	getCategoryTranslatedName,
-	normalizeCategoryName,
 	getCategoryUrl,
+	normalizeCategoryName,
+	searchCategory,
 };

package/src/{pages-v2 → pages}/quickorder/context.ts

@@ -1,8 +1,14 @@
 "use client";
 
+import type { Cart } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
 import { createContext, useContext } from "react";
 import type { QuickOrderRowData } from "./quick-order-row";
 
+export type UploadedItem = {
+	itemId: string | number;
+	qty?: number;
+};
+
 export enum RowError {
 	ProductNotFound,
 	InvalidQuantity,
@@ -12,7 +18,7 @@ export enum RowError {
 
 export type QuickOrderContextType = {
 	rows: QuickOrderRowData[];
-	cart: any;
+	cart: Cart | undefined;
 	handleRowUpdate: (
 		id: number,
 		value: string,
@@ -21,7 +27,7 @@ export type QuickOrderContextType = {
 	handleRowDelete: (id: number) => void;
 	handleAddRows: () => void;
 	handleAddToCart: () => Promise<void>;
-	handleUploadedItems: (items: any[]) => Promise<void>;
+	handleUploadedItems: (items: UploadedItem[]) => Promise<void>;
 	resetForm: () => void;
 	generateFile: () => void;
 };

package/src/{pages-v2 → pages}/quickorder/order-upload.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import DropZone from "@evenicanpm/storefront-core/src/components-v2/DropZone";
+import DropZone from "@evenicanpm/storefront-core/src/components/DropZone";
 import { Alert } from "@mui/material";
 import { useTranslations } from "next-intl";
 import { useEffect, useState } from "react";
@@ -15,8 +15,26 @@ export interface OrderUploadProps {
 	onUploadItems: (data: OrderUploadItem[]) => void;
 }
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-declare const XLSX: any;
+type XlsxCellValue = string | number | boolean | null;
+
+interface XlsxCell {
+	v?: XlsxCellValue;
+}
+
+interface XlsxSheet {
+	"!ref"?: string;
+	[key: string]: XlsxCell | string | undefined;
+}
+
+declare const XLSX: {
+	read(
+		data: string | ArrayBuffer,
+		opts: { type: string },
+	): { SheetNames: string[]; Sheets: Record<string, XlsxSheet> };
+	utils: {
+		sheet_to_json<T>(ws: XlsxSheet, opts?: { header?: number }): T[];
+	};
+};
 
 export default function OrderUpload({
 	onUploadItems,
@@ -51,7 +69,7 @@ export default function OrderUpload({
 		};
 
 		processFiles();
-	}, [files, items, onUploadItems]);
+	}, [files, items, onUploadItems, errCount]);
 
 	const handleReject = (rejs: FileRejection[]) => {
 		const msgs = rejs.map((r) => `${r.file.name} ${t("fileRejectionMsg")}`);
@@ -96,6 +114,9 @@ function loadXlsxScript() {
 	script.lang = "javascript";
 	script.src =
 		"https://cdn.sheetjs.com/xlsx-0.20.3/package/dist/xlsx.full.min.js";
+	script.integrity =
+		"sha384-EnyY0/GSHQGSxSgMwaIPzSESbqoOLSexfnSMN2AP+39Ckmn92stwABZynq1JyzdT";
+	script.crossOrigin = "anonymous";
 	document.head.appendChild(script);
 }
 
@@ -107,8 +128,7 @@ function readFirstSheet(binary: string | ArrayBuffer) {
 }
 
 //Extract Items
-// biome-ignore lint/suspicious/noExplicitAny: <explanation> This is required as the XLSX library returns a sheet as an object with dynamic keys based on the cell positions (e.g., A1, B2, etc.), which cannot be typed more specifically without extensive type definitions that may not be practical. --- IGNORE ---
-function extractItemsFromSheet(ws: Record<string, any>): OrderUploadItem[] {
+function extractItemsFromSheet(ws: XlsxSheet): OrderUploadItem[] {
 	const ref = ws["!ref"];
 	let data: OrderUploadItem[] = [];
 
@@ -118,16 +138,17 @@ function extractItemsFromSheet(ws: Record<string, any>): OrderUploadItem[] {
 			const rowCount = Number(end.substring(1));
 
 			for (let i = 2; i < rowCount + 1; i++) {
-				const qty = ws[`B${i}`]?.v;
-				const itemId = ws[`A${i}`]?.v;
+				const qty = (ws[`B${i}`] as XlsxCell | undefined)?.v;
+				const itemId = (ws[`A${i}`] as XlsxCell | undefined)?.v;
 
-				if (itemId) data.push({ itemId, qty });
+				if (itemId != null)
+					data.push({ itemId: String(itemId), qty: Number(qty) });
 			}
 		}
 	} catch {}
 
 	if (data.length === 0) {
-		data = XLSX.utils.sheet_to_json(ws, { header: 0 });
+		data = XLSX.utils.sheet_to_json<OrderUploadItem>(ws, { header: 0 });
 	}
 
 	return data;

package/src/{pages-v2 → pages}/quickorder/provider.tsx

@@ -5,9 +5,17 @@ import getCart from "@evenicanpm/storefront-core/src/api-manager/services/cart/q
 import useSearchProducts from "@evenicanpm/storefront-core/src/api-manager/services/product/mutations/search-products";
 import type React from "react";
 import { useCallback, useEffect, useState } from "react";
-import { QuickOrderContext, RowError } from "./context";
+import { QuickOrderContext, RowError, type UploadedItem } from "./context";
 import type { QuickOrderRowData } from "./quick-order-row";
 
+const generateEmptyRow = (id: number): QuickOrderRowData => ({
+	id,
+	value: "",
+	quantity: "1",
+	product: null,
+	rowError: RowError.None,
+});
+
 export default function QuickOrderProvider({
 	children,
 }: {
@@ -18,14 +26,6 @@ export default function QuickOrderProvider({
 	const { mutateAsync: addToCart } = useAddToCart();
 	const { data: cart } = getCart.useData();
 
-	const generateEmptyRow = (id: number): QuickOrderRowData => ({
-		id,
-		value: "",
-		quantity: "1",
-		product: null,
-		rowError: RowError.None,
-	});
-
 	const initTable = useCallback(() => {
 		const newRows = Array.from({ length: 3 }, (_, i) =>
 			generateEmptyRow(i + 1),
@@ -35,7 +35,7 @@ export default function QuickOrderProvider({
 
 	const generateRowData = useCallback(
 		(
-			product: any,
+			product: QuickOrderRowData["product"],
 			rowId: number,
 			value: string,
 			found: boolean,
@@ -135,24 +135,23 @@ export default function QuickOrderProvider({
 		}
 	};
 
-	const handleUploadedItems = async (items: any[]) => {
-		const itemIds = items.map((it: any) => it.itemId.toString());
+	const handleUploadedItems = async (items: UploadedItem[]) => {
+		const itemIds = items.map((it) => it.itemId.toString());
 		const response = await getProductSearchResults(itemIds);
 
 		const updated = rows.filter((r) => r.value);
 		let rowId = updated.reduce((max, r) => Math.max(max, r.id), 0) + 1;
 
-		items.forEach((it: any) => {
+		items.forEach((it) => {
 			const product = response?.find(
-				(r: any) =>
-					r.ItemId?.toLowerCase() === it.itemId.toString().toLowerCase(),
+				(r) => r.ItemId?.toLowerCase() === it.itemId.toString().toLowerCase(),
 			);
 			const qty = it.qty || 1;
 			updated.push(
 				generateRowData(
 					product || null,
 					rowId++,
-					it.itemId,
+					it.itemId.toString(),
 					!!product,
 					qty.toString(),
 				),
@@ -172,7 +171,7 @@ export default function QuickOrderProvider({
 		const csv =
 			header +
 			rows.map(({ value, quantity }) => `${value},${quantity}`).join("\n");
-		const uri = "data:text/csv;charset=utf-8," + csv;
+		const uri = `data:text/csv;charset=utf-8,${csv}`;
 
 		const link = document.createElement("a");
 		link.setAttribute("href", encodeURI(uri));

package/src/{pages-v2 → pages}/quickorder/quick-order-header.tsx

@@ -1,11 +1,11 @@
 "use client";
 
-import { BorderShadowCard } from "@evenicanpm/storefront-core/src/components-v2/BoxShadowCard";
-import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
+import { BorderShadowCard } from "@evenicanpm/storefront-core/src/components/BoxShadowCard";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components/flex-box/index";
 import {
 	H2,
 	Span,
-} from "@evenicanpm/storefront-core/src/components-v2/Typography";
+} from "@evenicanpm/storefront-core/src/components/Typography";
 import { useTranslations } from "next-intl";
 
 const QuickOrderHeader = () => {

package/src/{pages-v2 → pages}/quickorder/quick-order-row.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import { Span } from "@evenicanpm/storefront-core/src/components/Typography";
 import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
 import type { ProductSearchResult } from "@msdyn365-commerce/retail-proxy";
 import DeleteIcon from "@mui/icons-material/Delete";

package/src/{pages-v2 → pages}/quickorder/quick-order-table.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { BorderShadowCard } from "@evenicanpm/storefront-core/src/components-v2/BoxShadowCard";
+import { BorderShadowCard } from "@evenicanpm/storefront-core/src/components/BoxShadowCard";
 import {
 	Table,
 	TableBody,

package/src/{pages-v2 → pages}/quickorder/quick-order.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { BorderShadowCard } from "@evenicanpm/storefront-core/src/components/BoxShadowCard";
-import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
-import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components/flex-box";
+import { Span } from "@evenicanpm/storefront-core/src/components/Typography";
 import OrderUploadInner, {
 	type OrderUploadItem,
 } from "@evenicanpm/storefront-core/src/pages/quickorder/order-upload";
@@ -59,6 +59,10 @@ export interface QuickOrderRowData {
 	rowError: RowError;
 }
 
+type SearchableProduct = {
+	ItemId?: string;
+};
+
 type Ctx = {
 	rows: QuickOrderRowData[];
 	setRows: React.Dispatch<React.SetStateAction<QuickOrderRowData[]>>;
@@ -73,20 +77,20 @@ type Ctx = {
 
 const QuickOrderContext = createContext<Ctx | null>(null);
 
+const generateEmptyRow = (id: number): QuickOrderRowData => ({
+	id,
+	value: "",
+	quantity: "1",
+	product: null,
+	rowError: RowError.None,
+});
+
 const QuickOrder = ({ children }: { children?: ReactNode }) => {
 	const [rows, setRows] = useState<QuickOrderRowData[]>([]);
 	const { mutateAsync: searchProducts } = useSearchProducts();
 	const { mutateAsync: addToCartMut } = useAddToCart();
 	const { data: cart } = getCart.useData();
 
-	const generateEmptyRow = (id: number): QuickOrderRowData => ({
-		id,
-		value: "",
-		quantity: "1",
-		product: null,
-		rowError: RowError.None,
-	});
-
 	const tableInit = useCallback(() => {
 		const next: QuickOrderRowData[] = [];
 		for (let i = 0; i < 3; i++) next.push(generateEmptyRow(i + 1));
@@ -189,7 +193,7 @@ const QuickOrder = ({ children }: { children?: ReactNode }) => {
 		const csv =
 			header +
 			rows.map(({ value, quantity }) => `${value},${quantity}`).join("\n");
-		const encoded = encodeURI("data:text/csv;charset=utf-8," + csv);
+		const encoded = encodeURI(`data:text/csv;charset=utf-8,${csv}`);
 
 		const link = document.createElement("a");
 		link.setAttribute("href", encoded);
@@ -218,21 +222,23 @@ const QuickOrder = ({ children }: { children?: ReactNode }) => {
 	};
 
 	const handleUploadedItems = useCallback(
-		async (items: OrderUploadItem[]) => {
-			const ids = items.map((it) => it.itemId.toString());
-			const response = await searchProductsMultiple(ids);
+		async (items: OrderUploadItem[]): Promise<void> => {
+			const ids: string[] = items.map((it) => it.itemId.toString());
+			const response: ProductSearchResult[] | undefined =
+				await searchProductsMultiple(ids);
 
-			let curr = [...rows];
-			const firstEmptyIdx = curr.findIndex((r) => !r.value);
+			let curr: QuickOrderRowData[] = [...rows];
+			const firstEmptyIdx: number = curr.findIndex((r) => !r.value);
 			if (firstEmptyIdx > -1) curr = curr.slice(0, firstEmptyIdx);
 
-			let rowId = curr.reduce((m, r) => Math.max(m, r.id), 0) + 1;
+			let rowId: number = curr.reduce((m, r) => Math.max(m, r.id), 0) + 1;
 
-			items.forEach((it) => {
-				const product = response?.find(
-					(r) => it.itemId.toString().toLowerCase() === r.ItemId?.toLowerCase(),
+			items.forEach((it: OrderUploadItem): void => {
+				const product: ProductSearchResult | undefined = response?.find(
+					(r: SearchableProduct) =>
+						it.itemId.toString().toLowerCase() === r.ItemId?.toLowerCase(),
 				);
-				const qty = it.qty || 1;
+				const qty: number = it.qty || 1;
 				curr.push(
 					generateRowData(
 						product || null,

package/src/providers/nav-provider/index.tsx

@@ -2,7 +2,7 @@
 import type { CategoryHierarchy } from "@evenicanpm/storefront-core/src/lib/category-helpers";
 import { createLink } from "@evenicanpm/storefront-core/src/providers/nav-provider/utils/createLink";
 import { useTranslations } from "next-intl";
-import React, { createContext, type PropsWithChildren, useState } from "react";
+import { createContext, type PropsWithChildren, useState } from "react";
 import type { CmsNavItem } from "@/cms/interfaces/navigation";
 
 type NavContextType = {

package/src/providers/notifications/README.md

@@ -4,7 +4,7 @@ _Example of how to trigger a notification._
 
 ```javascript
 // import notification store
-import { useNotificationStore } from "@evenicanpm/storefront-core/src/components-v2/Notifications/useNotificationsStore";
+import { useNotificationStore } from "@evenicanpm/storefront-core/src/components/Notifications/useNotificationsStore";
 
 // call hook and destructure trigger function
 const { triggerNotification } = useNotificationStore();

package/src/providers/notifications/notification-context.tsx

@@ -34,11 +34,17 @@ export const NotificationProvider = ({
 		type: "general",
 	});
 
-	const setNotification = (notification: NotificationType) => {
-		setAlert(notification);
-	};
+	const setNotification = React.useCallback(
+		(notification: NotificationType) => {
+			setAlert(notification);
+		},
+		[],
+	);
 
-	const value = React.useMemo(() => ({ alert, setNotification }), [alert]);
+	const value = React.useMemo(
+		() => ({ alert, setNotification }),
+		[alert, setNotification],
+	);
 	return (
 		<NotificationContext.Provider value={value}>
 			{children}

package/tsconfig.json

@@ -10,7 +10,6 @@
 		"moduleResolution": "node",
 		"resolveJsonModule": true,
 		"outDir": "./dist",
-		"baseUrl": "./",
 		"jsx": "preserve",
 		"typeRoots": ["../../../../storefront/node_modules/@types"],
 		"paths": {
@@ -18,7 +17,7 @@
 			"@evenicanpm/storefront-core/src/*": ["./src/*"],
 			"@evenicanpm/storefront-core/src/lib/*": ["src/lib/*"],
 			"@evenicanpm/storefront-core/src/api-manager/*": ["src/api-manager/*"],
-			"@evenicanpm/storefront-core/src/components/*": ["src/components-v2/*"],
+			"@evenicanpm/storefront-core/src/components/*": ["src/components/*"],
 			"@/auth/*": ["src/auth/*"],
 			"@/_components/*": ["src/components/_components/*"],
 			"@/components/*": ["src/components/*"],

package/typedoc.js

@@ -1,5 +1,5 @@
 module.exports = {
-	entryPoints: ["./src/components-v2/**/compound/*.tsx"],
+	entryPoints: ["./src/components/**/compound/*.tsx"],
 	out: "docs",
 	theme: "default",
 	name: "e4 ui",

package/src/components-v2/carousel-cards/carousel-card-1/index.ts

@@ -1 +0,0 @@
-export { default } from "@evenicanpm/storefront-core/src/components-v2/carousel-cards/carousel-card-1/carousel-card-1";

package/src/components-v2/categories/category-list-item/index.ts

@@ -1 +0,0 @@
-export { default } from "@evenicanpm/storefront-core/src/components-v2/categories/category-list-item/category-menu-item";

package/src/components-v2/flex-box/index.ts

@@ -1,5 +0,0 @@
-import FlexBetween from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-between";
-import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
-import FlexRowCenter from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-row-center";
-
-export { FlexBox, FlexBetween, FlexRowCenter };

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

@@ -1 +0,0 @@
-export { default } from "@evenicanpm/storefront-core/src/components-v2/navbar/category-based-menu/category-based-menu";

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

@@ -1 +0,0 @@
-export { default } from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card/product-card";

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

@@ -1 +0,0 @@
-export { default } from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card-plp/product-card";

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

@@ -1 +0,0 @@
-export { default as ProductCardPlpList } from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card-plp-list/product-card";

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

@@ -1 +0,0 @@
-export { default } from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card-search/product-card";

package/src/pages-v2/checkout/checkout-alt-summary/index.ts

@@ -1 +0,0 @@
-export { default as CheckoutAltSummary } from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-summary/checkout-alt-summary";

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

@@ -1 +0,0 @@
-export { default } from "@evenicanpm/storefront-core/src/pages-v2/product-details/bopis/store-card/shop-card";