@evenicanpm/storefront-core 1.1.0 → 1.2.1

package/src/lib/hexToLuma.ts

@@ -1,23 +1,23 @@
 function sRGBtoLin(colorChannel: number): number {
-  // Send this function a decimal sRGB gamma encoded color value
-  // between 0.0 and 1.0, and it returns a linearized value.
-
-  if (colorChannel <= 0.04045) {
-    return colorChannel / 12.92;
-  } else {
-    return Math.pow((colorChannel + 0.055) / 1.055, 2.4);
-  }
+	// Send this function a decimal sRGB gamma encoded color value
+	// between 0.0 and 1.0, and it returns a linearized value.
+
+	if (colorChannel <= 0.04045) {
+		return colorChannel / 12.92;
+	} else {
+		return Math.pow((colorChannel + 0.055) / 1.055, 2.4);
+	}
 }
 1;
 function YtoLstar(Y: number): number {
-  // Send this function a luminance value between 0.0 and 1.0,
-  // and it returns L* which is "perceptual lightness"
-
-  if (Y <= 216 / 24389) {
-    return Y * (24389 / 27);
-  } else {
-    return Math.pow(Y, 1 / 3) * 116 - 16;
-  }
+	// Send this function a luminance value between 0.0 and 1.0,
+	// and it returns L* which is "perceptual lightness"
+
+	if (Y <= 216 / 24389) {
+		return Y * (24389 / 27);
+	} else {
+		return Math.pow(Y, 1 / 3) * 116 - 16;
+	}
 }
 
 /**
@@ -26,23 +26,23 @@ function YtoLstar(Y: number): number {
  * @returns luminance value between 0 and 50
  */
 export const hexToLuma = (hex: string): number => {
-  if (!(hex.length === 6 || hex.length === 7)) {
-    throw new Error("not a valid hex color code");
-  }
+	if (!(hex.length === 6 || hex.length === 7)) {
+		throw new Error("not a valid hex color code");
+	}
 
-  const number = Number.parseInt(hex[0] === "#" ? hex.slice(1) : hex, 16);
-  const red = number >> 16;
-  const green = (number >> 8) & 255;
-  const blue = number & 255;
+	const number = Number.parseInt(hex[0] === "#" ? hex.slice(1) : hex, 16);
+	const red = number >> 16;
+	const green = (number >> 8) & 255;
+	const blue = number & 255;
 
-  const vR = red / 255;
-  const vG = green / 255;
-  const vB = blue / 255;
+	const vR = red / 255;
+	const vG = green / 255;
+	const vB = blue / 255;
 
-  const Y =
-    0.2126 * sRGBtoLin(vR) + 0.7152 * sRGBtoLin(vG) + 0.0722 * sRGBtoLin(vB);
+	const Y =
+		0.2126 * sRGBtoLin(vR) + 0.7152 * sRGBtoLin(vG) + 0.0722 * sRGBtoLin(vB);
 
-  return YtoLstar(Y);
+	return YtoLstar(Y);
 };
 
 /**
@@ -51,5 +51,5 @@ export const hexToLuma = (hex: string): number => {
  * @returns either white or black based on the luminance value, used for dynamic text color on a variable-coloured background
  */
 export const lightOrDarkText = (hex: string): "white" | "black" => {
-  return hexToLuma(hex) > 50 ? "black" : "white";
+	return hexToLuma(hex) > 50 ? "black" : "white";
 };

package/src/lib/lib.ts

@@ -8,8 +8,8 @@ import { formatDistanceStrict } from "date-fns";
  */
 
 function getDateDifference(date: string | number | Date) {
-  const distance = formatDistanceStrict(new Date(), new Date(date));
-  return distance + " ago";
+	const distance = formatDistanceStrict(new Date(), new Date(date));
+	return distance + " ago";
 }
 
 /**
@@ -21,17 +21,17 @@ function getDateDifference(date: string | number | Date) {
  */
 
 function renderProductCount(
-  page: number,
-  perPageProduct: number,
-  totalProduct: number,
+	page: number,
+	perPageProduct: number,
+	totalProduct: number,
 ) {
-  const startNumber = (page - 1) * perPageProduct;
-  let endNumber = page * perPageProduct;
+	const startNumber = (page - 1) * perPageProduct;
+	let endNumber = page * perPageProduct;
 
-  if (endNumber > totalProduct) {
-    endNumber = totalProduct;
-  }
-  return `Showing ${startNumber - 1}-${endNumber} of ${totalProduct} products`;
+	if (endNumber > totalProduct) {
+		endNumber = totalProduct;
+	}
+	return `Showing ${startNumber - 1}-${endNumber} of ${totalProduct} products`;
 }
 
 /**
@@ -42,8 +42,8 @@ function renderProductCount(
  */
 
 function calculateDiscount(price: number, discount: number) {
-  const afterDiscount = Number((price - price * (discount / 100)).toFixed(2));
-  return currency(afterDiscount);
+	const afterDiscount = Number((price - price * (discount / 100)).toFixed(2));
+	return currency(afterDiscount);
 }
 
 /**
@@ -54,8 +54,8 @@ function calculateDiscount(price: number, discount: number) {
  */
 
 function currency(price: number, fraction = 2) {
-  const formatCurrency = currencyJs(price).format({ precision: fraction });
-  return formatCurrency;
+	const formatCurrency = currencyJs(price).format({ precision: fraction });
+	return formatCurrency;
 }
 
 export { currency, getDateDifference, calculateDiscount, renderProductCount };

package/src/lib/map-helper.ts

@@ -1,71 +1,71 @@
 interface Address {
-  adminDistrict: string;
-  adminDistrict2: string;
-  countryRegion: string;
-  formattedAddress: string;
-  locality: string;
+	adminDistrict: string;
+	adminDistrict2: string;
+	countryRegion: string;
+	formattedAddress: string;
+	locality: string;
 }
 
 interface GeocodePoint {
-  calculationMethod: string;
-  coordinates: [number, number];
-  type: string;
-  usageTypes: string[];
+	calculationMethod: string;
+	coordinates: [number, number];
+	type: string;
+	usageTypes: string[];
 }
 
 interface Resource {
-  address: Address;
-  bbox: [number, number, number, number];
-  confidence: string;
-  entityType: string;
-  geocodePoints: GeocodePoint[];
-  matchCodes: string[];
-  name: string;
-  point: {
-    type: string;
-    coordinates: [number, number];
-  };
-  __type: string;
+	address: Address;
+	bbox: [number, number, number, number];
+	confidence: string;
+	entityType: string;
+	geocodePoints: GeocodePoint[];
+	matchCodes: string[];
+	name: string;
+	point: {
+		type: string;
+		coordinates: [number, number];
+	};
+	__type: string;
 }
 
 interface ResourceSet {
-  estimatedTotal: number;
-  resources: Resource[];
+	estimatedTotal: number;
+	resources: Resource[];
 }
 
 interface GeolocationResponse {
-  authenticationResultCode: string;
-  brandLogoUri: string;
-  copyright: string;
-  resourceSets: ResourceSet[];
-  statusCode: number;
-  statusDescription: string;
-  traceId: string;
+	authenticationResultCode: string;
+	brandLogoUri: string;
+	copyright: string;
+	resourceSets: ResourceSet[];
+	statusCode: number;
+	statusDescription: string;
+	traceId: string;
 }
 
 export const geolocate = async (
-  searchTerm: string,
-  mapKey: string,
+	searchTerm: string,
+	mapKey: string,
 ): Promise<[number, number]> => {
-  if (!mapKey) {
-    throw new Error("Map key is required");
-  }
-  if (!searchTerm) {
-    throw new Error("Search term is required");
-  }
+	if (!mapKey) {
+		throw new Error("Map key is required");
+	}
+	if (!searchTerm) {
+		throw new Error("Search term is required");
+	}
 
-  const SERVICE_ENDPOINT = "https://dev.virtualearth.net/REST/v1/";
-  const query = encodeURIComponent(searchTerm);
-  const key = encodeURIComponent(mapKey);
-  const geolocationApiUrl = `${SERVICE_ENDPOINT}Locations?q=${query}&key=${key}`;
+	const SERVICE_ENDPOINT = "https://dev.virtualearth.net/REST/v1/";
+	const query = encodeURIComponent(searchTerm);
+	const key = encodeURIComponent(mapKey);
+	const geolocationApiUrl = `${SERVICE_ENDPOINT}Locations?q=${query}&key=${key}`;
 
-  const response = await fetch(geolocationApiUrl);
-  if (!response.ok) {
-    throw new Error(`Network response was not ok: ${response.statusText}`);
-  }
+	const response = await fetch(geolocationApiUrl);
+	if (!response.ok) {
+		throw new Error(`Network response was not ok: ${response.statusText}`);
+	}
 
-  const data: GeolocationResponse = await response.json();
-  const location =
-    data.resourceSets[0]?.resources[0].geocodePoints[0].coordinates;
-  return location;
+	const data: GeolocationResponse = await response.json();
+	const location =
+		data.resourceSets[0]?.resources[0].geocodePoints[0].coordinates;
+	return location;
 };

package/src/lib/page-slugs.ts

@@ -1,10 +1,10 @@
 export const PageSlug = {
-  ProductDetail: "product",
-  ProductList: "products",
-  Cart: "cart",
-  Checkout: "checkout",
-  Confirmation: "confirmation",
-  Content: "content",
+	ProductDetail: "product",
+	ProductList: "products",
+	Cart: "cart",
+	Checkout: "checkout",
+	Confirmation: "confirmation",
+	Content: "content",
 } as const;
 
 type PageSlug = keyof typeof PageSlug;

package/src/lib/product-list-types.ts

@@ -1,20 +1,20 @@
 import { ProductRefinerValue } from "@msdyn365-commerce/retail-proxy";
 
 export const PageKey = {
-  TOP: "perPage",
-  PAGE: "page",
-  REFINEMENT: "refiner",
-  VIEW: "view",
-  SORT: "sort",
-  SEARCH: "search",
+	TOP: "perPage",
+	PAGE: "page",
+	REFINEMENT: "refiner",
+	VIEW: "view",
+	SORT: "sort",
+	SEARCH: "search",
 } as const;
 
 export type ProductListSearchParams = {
-  perPage?: typeof PageKey.TOP;
-  page?: typeof PageKey.PAGE;
-  refiner: typeof PageKey.REFINEMENT;
-  search: typeof PageKey.SEARCH;
-  sort: typeof PageKey.SORT;
+	perPage?: typeof PageKey.TOP;
+	page?: typeof PageKey.PAGE;
+	refiner: typeof PageKey.REFINEMENT;
+	search: typeof PageKey.SEARCH;
+	sort: typeof PageKey.SORT;
 };
 
 export type PageKey = (typeof PageKey)[keyof typeof PageKey];
@@ -22,20 +22,20 @@ export type PageKey = (typeof PageKey)[keyof typeof PageKey];
 export type ViewMode = "grid" | "list";
 
 export type ProductListParamHandlers = {
-  handlePageChange: (page: number) => void;
-  handlePerPageChange: (perPage: number) => void;
-  handleRefinerChange: (refiner: ProductRefinerValue) => void;
-  handleSortChange: (sort: SortOption) => void;
-  handleViewChange: (view: ViewMode) => void;
-  handleSearchChange: (searchTerm: string) => void;
-  handleRefinersClear?: () => void;
+	handlePageChange: (page: number) => void;
+	handlePerPageChange: (perPage: number) => void;
+	handleRefinerChange: (refiner: ProductRefinerValue) => void;
+	handleSortChange: (sort: SortOption) => void;
+	handleViewChange: (view: ViewMode) => void;
+	handleSearchChange: (searchTerm: string) => void;
+	handleRefinersClear?: () => void;
 };
 
 export type SortOption = {
-  field: string;
-  code: string;
-  isDefault?: boolean;
-  isDescending: boolean;
-  displayName: string;
-  defaultForSearch?: boolean;
+	field: string;
+	code: string;
+	isDefault?: boolean;
+	isDescending: boolean;
+	displayName: string;
+	defaultForSearch?: boolean;
 };

package/src/lib/refiner-utils.ts

@@ -1,32 +1,32 @@
 import { ProductRefinerValue } from "@msdyn365-commerce/retail-proxy";
 
 const convertRefinerToParameter = (refiner: ProductRefinerValue) =>
-  `${refiner.RefinerRecordId}|${refiner.DataTypeValue}|${refiner.LeftValueBoundString}|${refiner.RightValueBoundString}|${refiner.RefinerSourceValue}`;
+	`${refiner.RefinerRecordId}|${refiner.DataTypeValue}|${refiner.LeftValueBoundString}|${refiner.RightValueBoundString}|${refiner.RefinerSourceValue}`;
 
 const convertParameterToRefiner = (parameter: string): ProductRefinerValue => {
-  const [
-    recordId,
-    dataTypeValue,
-    leftBoundString,
-    rightBoundString,
-    sourceValue,
-  ] = parameter.split("|");
-  return {
-    RefinerRecordId: Number.parseInt(recordId),
-    DataTypeValue: Number.parseInt(dataTypeValue),
-    LeftValueBoundString: leftBoundString,
-    RightValueBoundString: rightBoundString,
-    RefinerSourceValue: Number.parseInt(sourceValue),
-  };
+	const [
+		recordId,
+		dataTypeValue,
+		leftBoundString,
+		rightBoundString,
+		sourceValue,
+	] = parameter.split("|");
+	return {
+		RefinerRecordId: Number.parseInt(recordId),
+		DataTypeValue: Number.parseInt(dataTypeValue),
+		LeftValueBoundString: leftBoundString,
+		RightValueBoundString: rightBoundString,
+		RefinerSourceValue: Number.parseInt(sourceValue),
+	};
 };
 
 const areRefinersEqual = (r1: ProductRefinerValue, r2: ProductRefinerValue) =>
-  r1.RefinerRecordId === r2.RefinerRecordId &&
-  r1.LeftValueBoundString === r2.LeftValueBoundString &&
-  r1.RightValueBoundString === r2.RightValueBoundString;
+	r1.RefinerRecordId === r2.RefinerRecordId &&
+	r1.LeftValueBoundString === r2.LeftValueBoundString &&
+	r1.RightValueBoundString === r2.RightValueBoundString;
 
 export {
-  convertRefinerToParameter,
-  convertParameterToRefiner,
-  areRefinersEqual,
+	convertRefinerToParameter,
+	convertParameterToRefiner,
+	areRefinersEqual,
 };