@evenicanpm/storefront-core 1.1.0 → 1.2.1

package/src/lib/build-product-detail-url.ts

@@ -1,12 +1,12 @@
 import {
-  ProductSearchResult,
-  SimpleProduct,
+	ProductSearchResult,
+	SimpleProduct,
 } from "@msdyn365-commerce/retail-proxy";
 
 export const getProductDetailUrl = (
-  product: SimpleProduct | ProductSearchResult,
+	product: SimpleProduct | ProductSearchResult,
 ) => {
-  return `/product/${product.Name}/${
-    product?.MasterProductId || product?.RecordId
-  }`;
+	return `/product/${product.Name}/${
+		product?.MasterProductId || product?.RecordId
+	}`;
 };

package/src/lib/cart-cookie-client-handler.ts

@@ -5,8 +5,8 @@
  * @returns {string | undefined} the cart id value
  */
 export const getCartCookieClient = () => {
-  return document.cookie
-    .split(";")
-    .find((cookie) => cookie.includes("cart_cookie"))
-    ?.split("=")[1];
+	return document.cookie
+		.split(";")
+		.find((cookie) => cookie.includes("cart_cookie"))
+		?.split("=")[1];
 };

package/src/lib/cart-cookie-handler-constants.ts

@@ -1,8 +1,8 @@
 export const CART_COOKIE_NAME = "cart_cookie";
 export const CartCookieType = {
-  Auth: "AU",
-  Anon: "AN",
+	Auth: "AU",
+	Anon: "AN",
 } as const;
 
 export type CartCookieType =
-  (typeof CartCookieType)[keyof typeof CartCookieType];
+	(typeof CartCookieType)[keyof typeof CartCookieType];

package/src/lib/cart-cookie-handler.ts

@@ -1,36 +1,36 @@
 "use server";
 import { cookies } from "next/headers";
 import {
-  CART_COOKIE_NAME,
-  CartCookieType,
-} from "@/lib/cart-cookie-handler-constants";
+	CART_COOKIE_NAME,
+	CartCookieType,
+} from "@evenicanpm/storefront-core/src/lib/cart-cookie-handler-constants";
 
 const getCartCookie = async (): Promise<string | null> =>
-  (await getCartCookieWithAuthStatus())?.id ?? null;
+	(await getCartCookieWithAuthStatus())?.id ?? null;
 
 const setCartCookie = async (cartId: string, isAuthenticated?: boolean) => {
-  const cookieValue = `${isAuthenticated ? CartCookieType.Auth : CartCookieType.Anon}:${cartId}`;
-  (await cookies()).set(CART_COOKIE_NAME, cookieValue);
+	const cookieValue = `${isAuthenticated ? CartCookieType.Auth : CartCookieType.Anon}:${cartId}`;
+	(await cookies()).set(CART_COOKIE_NAME, cookieValue);
 };
 
 const deleteCartCookie = async () => {
-  (await cookies()).delete(CART_COOKIE_NAME);
+	(await cookies()).delete(CART_COOKIE_NAME);
 };
 
 const getCartCookieWithAuthStatus = async () => {
-  const cartCookie = (await cookies()).get(CART_COOKIE_NAME)?.value;
-  if (!cartCookie) return null;
-  const parts = cartCookie.split(":");
-  if (parts.length !== 2) return null;
-  return {
-    type: parts[0] as CartCookieType,
-    id: parts[1] as string,
-  };
+	const cartCookie = (await cookies()).get(CART_COOKIE_NAME)?.value;
+	if (!cartCookie) return null;
+	const parts = cartCookie.split(":");
+	if (parts.length !== 2) return null;
+	return {
+		type: parts[0] as CartCookieType,
+		id: parts[1] as string,
+	};
 };
 
 export {
-  getCartCookie,
-  setCartCookie,
-  deleteCartCookie,
-  getCartCookieWithAuthStatus,
+	getCartCookie,
+	setCartCookie,
+	deleteCartCookie,
+	getCartCookieWithAuthStatus,
 };

package/src/lib/category-helpers.ts

@@ -1,113 +1,113 @@
 import {
-  Category,
-  TextValueTranslation,
+	Category,
+	TextValueTranslation,
 } from "@msdyn365-commerce/retail-proxy";
 
 export interface CategoryHierarchy extends Category {
-  Children: CategoryHierarchy[];
-  Slug?: string;
-  Url?: string;
-  NeutralizedName?: string;
-  IsCMSPage?: boolean;
+	Children: CategoryHierarchy[];
+	Slug?: string;
+	Url?: string;
+	NeutralizedName?: string;
+	IsCMSPage?: boolean;
 }
 
 export type CategoryMap = {
-  [RecordId: number]: CategoryHierarchy;
+	[RecordId: number]: CategoryHierarchy;
 };
 
 const mapCategoryToHierarchy = (
-  categoryList: Category[],
-  locale?: string,
-  includeRootCategory?: boolean,
+	categoryList: Category[],
+	locale?: string,
+	includeRootCategory?: boolean,
 ): CategoryHierarchy[] => {
-  if (!categoryList || categoryList.length === 0) {
-    return [];
-  }
+	if (!categoryList || categoryList.length === 0) {
+		return [];
+	}
 
-  const categoryMap: CategoryMap = {};
+	const categoryMap: CategoryMap = {};
 
-  for (const category of categoryList) {
-    const localName = getFriendlyName(locale, category.NameTranslations);
-    const categoryHierarchy = <CategoryHierarchy>{ ...category };
-    categoryHierarchy.NeutralizedName = category.Name;
-    categoryHierarchy.Name = localName || categoryHierarchy.NeutralizedName;
-    // Derive Slug from Url or Name for D365
-    categoryHierarchy.Slug =
-      (category as CategoryHierarchy).Url?.split("/")
-        .pop()
-        ?.replace(/\d+$/, "") || normalizeCategoryName(category?.Name ?? "");
-    categoryMap[category.RecordId] = categoryHierarchy;
-  }
+	for (const category of categoryList) {
+		const localName = getFriendlyName(locale, category.NameTranslations);
+		const categoryHierarchy = <CategoryHierarchy>{ ...category };
+		categoryHierarchy.NeutralizedName = category.Name;
+		categoryHierarchy.Name = localName || categoryHierarchy.NeutralizedName;
+		// Derive Slug from Url or Name for D365
+		categoryHierarchy.Slug =
+			(category as CategoryHierarchy).Url?.split("/")
+				.pop()
+				?.replace(/\d+$/, "") || normalizeCategoryName(category?.Name ?? "");
+		categoryMap[category.RecordId] = categoryHierarchy;
+	}
 
-  let rootCategory: CategoryHierarchy | undefined;
-  for (const category of Object.values(categoryMap)) {
-    const parentId = category.ParentCategory;
-    if (!category.Url) {
-      category.Url = generateUrl(categoryList, category, locale || "");
-    }
-    if (parentId === 0) {
-      rootCategory = category;
-      continue;
-    }
+	let rootCategory: CategoryHierarchy | undefined;
+	for (const category of Object.values(categoryMap)) {
+		const parentId = category.ParentCategory;
+		if (!category.Url) {
+			category.Url = generateUrl(categoryList, category, locale || "");
+		}
+		if (parentId === 0) {
+			rootCategory = category;
+			continue;
+		}
 
-    const parent = parentId && categoryMap[parentId];
-    if (parent) {
-      parent.Children = parent.Children || [];
-      parent.Children.push(category);
-    }
-  }
+		const parent = parentId && categoryMap[parentId];
+		if (parent) {
+			parent.Children = parent.Children || [];
+			parent.Children.push(category);
+		}
+	}
 
-  if (!rootCategory) {
-    return [];
-  }
+	if (!rootCategory) {
+		return [];
+	}
 
-  if (includeRootCategory) {
-    const categoryHierarchy: CategoryHierarchy[] = [];
-    categoryHierarchy.push(rootCategory);
-    return categoryHierarchy;
-  }
+	if (includeRootCategory) {
+		const categoryHierarchy: CategoryHierarchy[] = [];
+		categoryHierarchy.push(rootCategory);
+		return categoryHierarchy;
+	}
 
-  return JSON.parse(JSON.stringify(rootCategory.Children)) ?? [];
+	return JSON.parse(JSON.stringify(rootCategory.Children)) ?? [];
 };
 
 const generateUrl = (
-  categoryHierarchy: Category[],
-  currentCategory: CategoryHierarchy,
-  locale: string,
+	categoryHierarchy: Category[],
+	currentCategory: CategoryHierarchy,
+	locale: string,
 ) => {
-  const categoryNames: string[] = [];
-  let nextCat: CategoryHierarchy | Category | undefined = currentCategory;
-  while (nextCat) {
-    const catName =
-      getFriendlyName(locale, nextCat.NameTranslations) || nextCat.Name || "";
-    categoryNames.push(normalizeCategoryName(catName));
-    nextCat = categoryHierarchy.find(
-      (c) => c.RecordId === nextCat?.ParentCategory,
-    );
-  }
-  categoryNames.unshift(currentCategory.RecordId.toString());
-  return categoryNames.reverse().join("/");
+	const categoryNames: string[] = [];
+	let nextCat: CategoryHierarchy | Category | undefined = currentCategory;
+	while (nextCat) {
+		const catName =
+			getFriendlyName(locale, nextCat.NameTranslations) || nextCat.Name || "";
+		categoryNames.push(normalizeCategoryName(catName));
+		nextCat = categoryHierarchy.find(
+			(c) => c.RecordId === nextCat?.ParentCategory,
+		);
+	}
+	categoryNames.unshift(currentCategory.RecordId.toString());
+	return categoryNames.reverse().join("/");
 };
 
 const getFriendlyName = (
-  locale?: string,
-  nameTranslations?: TextValueTranslation[],
+	locale?: string,
+	nameTranslations?: TextValueTranslation[],
 ): string | undefined => {
-  let nameTranslation: TextValueTranslation | undefined;
-  if (locale && nameTranslations && nameTranslations.length > 0) {
-    nameTranslation = nameTranslations.find(
-      (item) => item?.Language?.toLowerCase() === locale?.toLowerCase(),
-    );
-  }
-  return nameTranslation && nameTranslation.Text;
+	let nameTranslation: TextValueTranslation | undefined;
+	if (locale && nameTranslations && nameTranslations.length > 0) {
+		nameTranslation = nameTranslations.find(
+			(item) => item?.Language?.toLowerCase() === locale?.toLowerCase(),
+		);
+	}
+	return nameTranslation && nameTranslation.Text;
 };
 
 const normalizeCategoryName = (string_: string) =>
-  string_.toLowerCase().replaceAll(" ", "-");
+	string_.toLowerCase().replaceAll(" ", "-");
 
 export {
-  mapCategoryToHierarchy,
-  generateUrl,
-  getFriendlyName,
-  normalizeCategoryName,
+	mapCategoryToHierarchy,
+	generateUrl,
+	getFriendlyName,
+	normalizeCategoryName,
 };

package/src/lib/create-graphql-client.ts

@@ -4,7 +4,7 @@ import { GraphQLClient } from "graphql-request";
 // currently. We need one in the api-manager client packages to get types
 // and one here to isntantiate because graphql-request library must be same
 // for this file and the sdk
-import { getSdk } from "@/lib/graphqlRequestSdk";
+import { getSdk } from "@evenicanpm/storefront-core/src/lib/graphqlRequestSdk";
 
 // typescript can't infer type without reference
 export type E4Sdk = ReturnType<typeof getSdk>;
@@ -14,18 +14,18 @@ export type E4Sdk = ReturnType<typeof getSdk>;
  * @returns a new graphql request client with all of E4 queries and mutations
  */
 const createGraphQLClient = async (): Promise<E4Sdk> => {
-  const API_URL = process.env.NEXT_PUBLIC_E4_API_ENDPOINT || "";
-  const client = new GraphQLClient(API_URL, {
-    credentials: "include", // Ensures cookies are included
-    headers: {
-      "client-name": "storefront",
-      "client-version": "0.1.0",
-      "Content-Type": "application/json",
-      Accept: "application/json",
-    },
-  });
+	const API_URL = process.env.NEXT_PUBLIC_E4_API_ENDPOINT || "";
+	const client = new GraphQLClient(API_URL, {
+		credentials: "include", // Ensures cookies are included
+		headers: {
+			"client-name": "storefront",
+			"client-version": "0.1.0",
+			"Content-Type": "application/json",
+			Accept: "application/json",
+		},
+	});
 
-  return getSdk(client as GraphQLClient);
+	return getSdk(client as GraphQLClient);
 };
 
 export default createGraphQLClient;

package/src/lib/currency-formatter.ts

@@ -2,30 +2,30 @@ import { useFormatter, useTranslations } from "next-intl";
 import React from "react";
 
 const useCurrencyFormatter = () => {
-  const { number } = useFormatter();
-  const t = useTranslations("Misc");
+	const { number } = useFormatter();
+	const t = useTranslations("Misc");
 
-  const formatCurrency = React.useCallback(
-    (value: number, showFreeText?: boolean) => {
-      if (!value) value = 0; // handle null, undefined values
+	const formatCurrency = React.useCallback(
+		(value: number, showFreeText?: boolean) => {
+			if (!value) value = 0; // handle null, undefined values
 
-      if (value === 0 && showFreeText) {
-        return t("freeText");
-      }
-      // hardcoded to USD for now. Will fix with channel configurations
-      return number(value, { style: "currency", currency: "USD" });
-    },
-    [number, t],
-  );
+			if (value === 0 && showFreeText) {
+				return t("freeText");
+			}
+			// hardcoded to USD for now. Will fix with channel configurations
+			return number(value, { style: "currency", currency: "USD" });
+		},
+		[number, t],
+	);
 
-  const value = React.useMemo(
-    () => ({
-      formatCurrency,
-    }),
-    [formatCurrency],
-  );
+	const value = React.useMemo(
+		() => ({
+			formatCurrency,
+		}),
+		[formatCurrency],
+	);
 
-  return value;
+	return value;
 };
 
 export default useCurrencyFormatter;

package/src/lib/get-palette-color.ts

@@ -5,46 +5,46 @@ type ColorValue = string | number | (() => string);
 
 // Type-safe color getter function
 const getPaletteColor = (
-  theme: Theme,
-  colorName: string,
-  shade?: number | string,
+	theme: Theme,
+	colorName: string,
+	shade?: number | string,
 ): string => {
-  const color = theme.palette[colorName as keyof typeof theme.palette];
-
-  // Check if color exists and is an object
-  if (!color || typeof color !== "object" || color === null) {
-    return typeof color === "string" ? color : ""; // If color is a string, return it directly
-  }
-
-  // Now we know color is an object
-  const colorObj = color as Record<string, ColorValue>;
-
-  // If shade is specified, try to get it
-  if (shade !== undefined) {
-    const shadeKey = shade.toString();
-
-    // Try to access the shade
-    if (shadeKey in colorObj) {
-      const value = colorObj[shadeKey];
-      // Handle possible function values
-      return typeof value === "function" ? value() : String(value);
-    }
-
-    // Check if this is a PaletteColor with main/dark/light properties
-    if ("main" in colorObj) {
-      const mainValue = colorObj.main;
-      return typeof mainValue === "function" ? mainValue() : String(mainValue);
-    }
-  }
-
-  // If no shade specified but color has 'main' property
-  if ("main" in colorObj) {
-    const mainValue = colorObj.main;
-    return typeof mainValue === "function" ? mainValue() : String(mainValue);
-  }
-
-  // Last resort fallback
-  return "";
+	const color = theme.palette[colorName as keyof typeof theme.palette];
+
+	// Check if color exists and is an object
+	if (!color || typeof color !== "object" || color === null) {
+		return typeof color === "string" ? color : ""; // If color is a string, return it directly
+	}
+
+	// Now we know color is an object
+	const colorObj = color as Record<string, ColorValue>;
+
+	// If shade is specified, try to get it
+	if (shade !== undefined) {
+		const shadeKey = shade.toString();
+
+		// Try to access the shade
+		if (shadeKey in colorObj) {
+			const value = colorObj[shadeKey];
+			// Handle possible function values
+			return typeof value === "function" ? value() : String(value);
+		}
+
+		// Check if this is a PaletteColor with main/dark/light properties
+		if ("main" in colorObj) {
+			const mainValue = colorObj.main;
+			return typeof mainValue === "function" ? mainValue() : String(mainValue);
+		}
+	}
+
+	// If no shade specified but color has 'main' property
+	if ("main" in colorObj) {
+		const mainValue = colorObj.main;
+		return typeof mainValue === "function" ? mainValue() : String(mainValue);
+	}
+
+	// Last resort fallback
+	return "";
 };
 
 export default getPaletteColor;