@evenicanpm/storefront-core 2.3.1 → 2.4.1

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

@@ -1,9 +1,9 @@
 "use client";
+import type { CmsNavItem } from "@evenicanpm/cms/src/content/navigation/types";
 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 { createContext, type PropsWithChildren, useState } from "react";
-import type { CmsNavItem } from "@/cms/interfaces/navigation";
 
 type NavContextType = {
 	cmsNav: CmsNavItem[];

package/src/providers/nav-provider/utils/createLink.ts

@@ -1,4 +1,4 @@
-import type { CmsNavItem } from "@evenicanpm/storefront-core/src/cms/interfaces/navigation";
+import type { CmsNavItem } from "@evenicanpm/cms/src/content/navigation/types";
 
 export const createLink = (name: string, path: string): CmsNavItem => {
 	return {

package/tsconfig.json

@@ -7,26 +7,31 @@
 		"esModuleInterop": true,
 		"skipLibCheck": true,
 		"declaration": true,
-		"moduleResolution": "node",
+		"moduleResolution": "bundler",
 		"resolveJsonModule": true,
 		"outDir": "./dist",
+		"rootDir": "./src",
 		"jsx": "preserve",
-		"typeRoots": ["../../../../storefront/node_modules/@types"],
 		"paths": {
-			"*": ["../../../../storefront/node_modules/*"],
+			"@evenicanpm/cms/src/*": ["../cms/src/*"],
 			"@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/*"],
-			"@/auth/*": ["src/auth/*"],
-			"@/_components/*": ["src/components/_components/*"],
-			"@/components/*": ["src/components/*"],
-			"@/cms/*": ["src/cms/*"],
-			"@/schemas/*": ["src/api-manager/schemas/*"],
-			"@/services/*": ["src/api-manager/services/*"],
-			"@evenicanpm/storefront-core/src/hooks/*": ["src/hooks/*"],
-			"@config": ["src/config"],
-			"@messages/*": ["../../../../storefront/messages/*"]
+			"@evenicanpm/storefront-core/src/lib/*": ["./src/lib/*"],
+			"@evenicanpm/storefront-core/src/api-manager/*": ["./src/api-manager/*"],
+			"@evenicanpm/storefront-core/src/components/*": ["./src/components/*"],
+			"@/auth/*": ["./src/auth/*"],
+			"@/_components/*": ["./src/components/_components/*"],
+			"@/components/*": ["./src/components/*"],
+			"@/cms/*": ["./src/cms/*"],
+			"@/schemas/*": ["./src/api-manager/schemas/*"],
+			"@/services/*": ["./src/api-manager/services/*"],
+			"@evenicanpm/storefront-core/src/hooks/*": ["./src/hooks/*"],
+			"@config": ["./src/config"],
+			"@messages/*": ["../../../../storefront/messages/*"],
+			"*": [
+				"../../node_modules/.pnpm/node_modules/*",
+				"./node_modules/*",
+				"../../apps/storefront/node_modules/*"
+			]
 		}
 	},
 	"include": ["src"]

package/__mocks__/countries.ts

@@ -1,11 +0,0 @@
-import type { CountryRegionInfo } from "@msdyn365-commerce/retail-proxy";
-
-export const countries: CountryRegionInfo[] = [
-	{ ShortName: "Canada", CountryRegionId: "CA", ISOCode: "CA" },
-	{
-		ShortName: "United States",
-		CountryRegionId: "US",
-		ISOCode: "US",
-	},
-	{ ShortName: "Mexico", CountryRegionId: "MX", ISOCode: "MX" },
-];

package/__mocks__/create-mutation.ts

@@ -1,68 +0,0 @@
-import { queryClient } from "./query-client";
-
-type MutationInput = {
-	cartLine?: Array<{ Quantity?: number }>;
-} & Record<string, unknown>;
-
-type CartMockData = {
-	CartLines: Array<Record<string, unknown>>;
-} & Record<string, unknown>;
-
-/**
- *
- * Mocking up at the react-query level because our components
- * rely on react-query for triggering re-renders and state subscriptions.
- *
- */
-export const useCreateMutation = (apiManagerPath: readonly unknown[]) => {
-	switch (apiManagerPath[1]) {
-		case "updateCartLines":
-			return {
-				mutate: (input: MutationInput) => {
-					console.log(input);
-					queryClient.setQueryData(["cart"], (oldData: CartMockData) => ({
-						...oldData,
-						CartLines: [
-							{
-								...oldData.CartLines[0],
-								Quantity: input.cartLine?.[0]?.Quantity,
-							},
-						],
-					}));
-				},
-			};
-		case "deleteCartLine":
-			return {
-				mutate: (input: MutationInput) => {
-					console.log(input);
-					queryClient.setQueryData(["cart"], (oldData: CartMockData) => ({
-						...oldData,
-						CartLines: [],
-					}));
-				},
-			};
-		case "addToCart":
-			return {
-				mutate: (input: MutationInput) => {
-					console.log(input);
-					queryClient.setQueryData(["cart"], (oldData: CartMockData) => ({
-						...oldData,
-						CartLines: [
-							{
-								ProductId: 1,
-								Quantity: 1,
-							},
-						],
-					}));
-				},
-			};
-		case "sessionInit":
-			return { mutateAsync: () => {} };
-		default:
-			return {
-				mutate: () => {
-					console.log("No Mock Implemented");
-				},
-			};
-	}
-};

package/__mocks__/create-query.ts

@@ -1,94 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-import categories from "../__mocks__/data/categories.json";
-import { data as products } from "../__mocks__/products";
-import wishlists from "../__mocks__/wishlists.json";
-
-const cartBase = {
-	Id: "cart-123",
-	Version: 1,
-	CartLines: [
-		{
-			LineId: "line-1",
-			ProductId: 1,
-			Quantity: 0,
-		},
-	],
-};
-const cart = cartBase;
-
-const shippingInventoryData = {
-	AggregatedProductInventoryAvailabilities: [
-		{
-			TotalAvailableInventoryLevelCode: "AVAIL",
-		},
-	],
-};
-
-// Need to mock create query as fn() and then
-// mock the return value in the respective storeies
-// files, per component
-export const createQuery = (apiManagerPath: string[]) => {
-	console.log(apiManagerPath);
-	if (apiManagerPath[0] === "cart")
-		return {
-			useData: () => useQuery({ queryKey: ["cart"], queryFn: () => cart }),
-		};
-	if (apiManagerPath[1] === "getInventory") {
-		return {
-			useData: () =>
-				useQuery({
-					queryKey: ["cart", "getInventory"],
-					queryFn: () => shippingInventoryData,
-				}),
-		};
-	}
-	if (apiManagerPath[1] === "searchProducts") {
-		console.log("here are the products");
-		console.log(products.products.length);
-		return {
-			useData: () =>
-				useQuery({
-					queryKey: ["product", "searchProducts"],
-					queryFn: () => Promise.resolve(products.products),
-				}),
-			useSuspenseData: () =>
-				useQuery({
-					queryKey: ["product", "searchProducts"],
-					queryFn: () => Promise.resolve(products.products),
-				}),
-		};
-	}
-	if (apiManagerPath[1] === "getWishlists") {
-		return {
-			useData: () =>
-				useQuery({
-					queryKey: ["wishlists"],
-					queryFn: () => wishlists,
-				}),
-			useSuspenseData: () =>
-				useQuery({
-					queryKey: ["wishlists"],
-					queryFn: () => wishlists,
-				}),
-		};
-	}
-	if (apiManagerPath[1] === "getCategories") {
-		console.log("Here i am!");
-		return {
-			useData: () =>
-				useQuery({
-					queryKey: ["categories", "getCategories"],
-					queryFn: () => categories,
-				}),
-			useSuspenseData: () =>
-				useQuery({
-					queryKey: ["cateogires", "getCategories"],
-					queryFn: () => categories,
-				}),
-		};
-	}
-};
-
-export const createApiPath = (key: string, method: string) => {
-	return [key, method];
-};