@evenicanpm/storefront-core 1.2.2 → 1.4.0

package/src/pages-v2/checkout/checkout-alt-form/step-heading.tsx

@@ -1,8 +1,8 @@
-import { BoxProps } from "@mui/material/Box";
-import Avatar from "@mui/material/Avatar";
 import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
 import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import { StepViewState } from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/checkout-step";
+import type { StepViewState } from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/checkout-step";
+import Avatar from "@mui/material/Avatar";
+import type { BoxProps } from "@mui/material/Box";
 
 // ==============================================================
 interface Props extends BoxProps {
@@ -17,7 +17,7 @@ export default function Heading({
 	title,
 	stepViewState,
 	...props
-}: Props) {
+}: Readonly<Props>) {
 	let viewStateColor;
 
 	switch (stepViewState) {

package/src/pages-v2/checkout/checkout-alt-form/steps/address/address-card.tsx

@@ -1,12 +1,12 @@
-import { ModeEditOutline, DeleteOutline } from "@mui/icons-material";
-import { Card, IconButton } from "@mui/material";
-import Grid from "@mui/material/Grid2";
+import type { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
 import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
 import {
 	H6,
 	Paragraph,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
+import { DeleteOutline, ModeEditOutline } from "@mui/icons-material";
+import { Card, IconButton } from "@mui/material";
+import Grid from "@mui/material/Grid2";
 import React from "react";
 
 interface AddressCardProps {

package/src/pages-v2/checkout/checkout-alt-form/steps/address/delivery-address.tsx

@@ -1,33 +1,33 @@
 "use client";
 
-import React, {
-	createContext,
-	useContext,
-	useState,
-	ReactNode,
-	useEffect,
-} from "react";
-import { useLocale, useTranslations } from "next-intl";
-import Grid from "@mui/material/Grid2";
-import { Box, MenuItem } from "@mui/material";
-import { KeyboardArrowDownOutlined } from "@mui/icons-material";
-import { cloneDeep } from "lodash";
-import Menu from "@evenicanpm/storefront-core/src/components-v2/BazaarMenu";
-import { CountryRegionInfo } from "@msdyn365-commerce/retail-proxy";
-// API
-import getUser from "@evenicanpm/storefront-core/src/api-manager/services/user/queries/get-user";
-import getCountries from "@evenicanpm/storefront-core/src/api-manager/services/address/queries/get-countries";
+import type { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
 import useCreateAddress from "@evenicanpm/storefront-core/src/api-manager/services/address/mutations/create-address";
-import useUpdateAddress from "@evenicanpm/storefront-core/src/api-manager/services/address/mutations/update-address";
 import useDeleteAddress from "@evenicanpm/storefront-core/src/api-manager/services/address/mutations/delete-address";
+import useUpdateAddress from "@evenicanpm/storefront-core/src/api-manager/services/address/mutations/update-address";
+import getCountries from "@evenicanpm/storefront-core/src/api-manager/services/address/queries/get-countries";
 import useUpdateCart from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/update-cart";
 import useUpdateCartLines from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/update-cart-lines";
-import { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
+// API
+import getUser from "@evenicanpm/storefront-core/src/api-manager/services/user/queries/get-user";
+import Menu from "@evenicanpm/storefront-core/src/components-v2/BazaarMenu";
+import type { CheckoutStepComponentProps } from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/checkout-step";
+import AddressCard from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/steps/address/address-card";
 // Local components
 import NewAddressForm from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/steps/address/new-address-form";
-import AddressCard from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/steps/address/address-card";
-import { CheckoutStepComponentProps } from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/checkout-step";
 import { AddressDropDownHandler } from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/steps/address/styles";
+import type { CountryRegionInfo } from "@msdyn365-commerce/retail-proxy";
+import { KeyboardArrowDownOutlined } from "@mui/icons-material";
+import { Box, MenuItem } from "@mui/material";
+import Grid from "@mui/material/Grid2";
+import { cloneDeep } from "lodash";
+import { useLocale, useTranslations } from "next-intl";
+import React, {
+	createContext,
+	type ReactNode,
+	useContext,
+	useEffect,
+	useState,
+} from "react";
 
 type Translator = ReturnType<typeof useTranslations>;
 
@@ -249,11 +249,15 @@ const DeliveryAddress: DeliveryAddressCompound = ({
 		);
 	}
 
-	const visibleAddresses = useDropDown
-		? isGuest
-			? addressList
-			: addressList.filter((a) => a.RecordId === selectedAddressID)
-		: addressList;
+	let visibleAddresses = addressList;
+
+	if (useDropDown) {
+		if (!isGuest) {
+			visibleAddresses = addressList.filter(
+				(a) => a.RecordId === selectedAddressID,
+			);
+		}
+	}
 
 	// modal helpers
 	const openNew = () => {
@@ -358,9 +362,9 @@ DeliveryAddress.Dropdown = () => {
 					</AddressDropDownHandler>
 				)}
 				options={(onClose: () => void) =>
-					addressList.map((value, index) => (
+					addressList.map((value) => (
 						<MenuItem
-							key={index}
+							key={value.RecordId}
 							onClick={async () => {
 								pickAddress(value.RecordId as number);
 								onClose();
@@ -406,9 +410,7 @@ DeliveryAddress.Card = ({ address, children }: ItemProps) => {
 
 	return (
 		<Grid size={{ md: 4, sm: 6, xs: 12 }}>
-			{children ? (
-				children
-			) : (
+			{children || (
 				<AddressCard
 					address={address}
 					isCartAddress={cartShippingAddressId === address.Id}

package/src/pages-v2/checkout/checkout-alt-form/steps/address/new-address-form.tsx

@@ -1,24 +1,23 @@
-import React from "react";
-import Grid from "@mui/material/Grid2";
-import Button from "@mui/material/Button";
-import Dialog from "@mui/material/Dialog";
-import DialogContent from "@mui/material/DialogContent";
-import TextField from "@mui/material/TextField";
-import { FormControl, InputLabel, MenuItem, Select, Box } from "@mui/material";
-import { Controller, useForm, UseFormReturn } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import z from "zod";
+import type { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
+import getStates from "@evenicanpm/storefront-core/src/api-manager/services/address/queries/get-states";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
 import {
 	H5,
 	Paragraph,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
+import { zodResolver } from "@hookform/resolvers/zod";
+import type { CountryRegionInfo } from "@msdyn365-commerce/retail-proxy";
+import { Box, FormControl, InputLabel, MenuItem, Select } from "@mui/material";
+import Button from "@mui/material/Button";
+import Dialog from "@mui/material/Dialog";
+import DialogContent from "@mui/material/DialogContent";
+import Grid from "@mui/material/Grid2";
+import TextField from "@mui/material/TextField";
 import { merge } from "lodash";
-
-import { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
-import { CountryRegionInfo } from "@msdyn365-commerce/retail-proxy";
-import getStates from "@evenicanpm/storefront-core/src/api-manager/services/address/queries/get-states";
+import React from "react";
+import { Controller, type UseFormReturn, useForm } from "react-hook-form";
 import { useTranslations } from "use-intl";
+import z from "zod";
 
 type AddressFormInput = {
 	name: string;
@@ -313,12 +312,11 @@ NewAddressForm.StateSelect = () => {
 					render={({ field }) => (
 						<Select labelId="state-label" {...field}>
 							<MenuItem value="0">Select a state</MenuItem>
-							{states &&
-								states.map(({ StateName, StateId }) => (
-									<MenuItem key={StateId} value={StateId}>
-										{StateName}
-									</MenuItem>
-								))}
+							{states?.map(({ StateName, StateId }) => (
+								<MenuItem key={StateId} value={StateId}>
+									{StateName}
+								</MenuItem>
+							))}
 						</Select>
 					)}
 				/>

package/src/pages-v2/checkout/checkout-alt-form/steps/address/styles.ts

@@ -1,6 +1,6 @@
 import Box from "@mui/material/Box";
+import type { Theme } from "@mui/material/styles";
 import styled from "@mui/material/styles/styled";
-import { Theme } from "@mui/material/styles";
 
 const dropDownHandlerStyles = (theme: Theme) => ({
 	width: 260,

package/src/pages-v2/checkout/checkout-alt-form/steps/customer-info/customer-information.tsx

@@ -1,16 +1,16 @@
-import React, { createContext, useContext } from "react";
+import useUpdateCart from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/update-cart";
+import getUser from "@evenicanpm/storefront-core/src/api-manager/services/user/queries/get-user";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import type { CheckoutStepComponentProps } from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/checkout-step";
+import { yupResolver } from "@hookform/resolvers/yup";
 import Box from "@mui/material/Box";
 import Grid from "@mui/material/Grid2";
 import TextField from "@mui/material/TextField";
-import useUpdateCart from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/update-cart";
 import { useTranslations } from "next-intl";
-import { CheckoutStepComponentProps } from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/checkout-step";
-import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import * as yup from "yup";
-import { useForm } from "react-hook-form";
-import { yupResolver } from "@hookform/resolvers/yup";
+import React, { createContext, useContext } from "react";
 import type { SubmitHandler, UseFormReturn } from "react-hook-form";
-import getUser from "@evenicanpm/storefront-core/src/api-manager/services/user/queries/get-user";
+import { useForm } from "react-hook-form";
+import * as yup from "yup";
 
 const vSchema = yup.object({
 	email: yup.string().email().required(),
@@ -107,22 +107,21 @@ const CustomerInformation = (
 
 	return (
 		<CustomerContext.Provider value={ctx}>
-			{children ? (
-				children
-			) : stepViewState === "preview" ? (
-				<CustomerInformation.Preview />
-			) : (
-				<CustomerInformation.Form />
-			)}
+			{children ||
+				(stepViewState === "preview" ? (
+					<CustomerInformation.Preview />
+				) : (
+					<CustomerInformation.Form />
+				))}
 		</CustomerContext.Provider>
 	);
 };
 
 CustomerInformation.Preview = () => {
 	const ctx = useContext(CustomerContext);
+	const t = useTranslations("Checkout.CustomerInformation");
 	if (!ctx) return null;
 	const { email } = ctx;
-	const t = useTranslations("Checkout.CustomerInformation");
 	return (
 		<Box ml={2}>
 			<Paragraph>
@@ -134,10 +133,10 @@ CustomerInformation.Preview = () => {
 
 CustomerInformation.Form = () => {
 	const ctx = useContext(CustomerContext);
+	const t = useTranslations("Checkout.CustomerInformation");
 	if (!ctx) return null;
 	const { form, handleSave } = ctx;
 	const { register, handleSubmit, formState } = form;
-	const t = useTranslations("Checkout.CustomerInformation");
 
 	return (
 		<form onSubmit={handleSubmit(handleSave)}>

package/src/pages-v2/checkout/checkout-alt-form/steps/payment/payment-details.tsx

@@ -1,17 +1,17 @@
-import React from "react";
-import { useTranslations } from "next-intl";
-import { CheckoutStepComponentProps } from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/checkout-step";
+import type { RetrieveCardPaymentAcceptResultInput } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
+import usePaymentAcceptResult from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/get-payment-accept-result";
+import getPaymentAcceptPoint from "@evenicanpm/storefront-core/src/api-manager/services/cart/queries/get-payment-accept-point";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
 import {
 	H6,
 	Paragraph,
 	Small,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import type { CheckoutStepComponentProps } from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/checkout-step";
+import type { CardPaymentAcceptResult } from "@msdyn365-commerce/retail-proxy";
 import { Alert, Box, Card } from "@mui/material";
-import { RetrieveCardPaymentAcceptResultInput } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
-import { CardPaymentAcceptResult } from "@msdyn365-commerce/retail-proxy";
-import usePaymentAcceptResult from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/get-payment-accept-result";
-import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
-import getPaymentAcceptPoint from "@evenicanpm/storefront-core/src/api-manager/services/cart/queries/get-payment-accept-point";
+import { useTranslations } from "next-intl";
+import React from "react";
 
 enum PaymentConnectorPostMessageType {
 	CardPrefix = "msax-cc-cardprefix",
@@ -64,16 +64,14 @@ const PaymentDetails: PaymentDetailsCompound = (props) => {
 	const { data: paymentAcceptPointData } = getPaymentAcceptPoint.useData({
 		cartId: cart.Id,
 		totalAmount: cart.TotalAmount ?? 0,
-		origin:
-			(typeof window !== "undefined" && window.location.origin) || undefined,
-		isClient: typeof window !== "undefined",
+		origin: globalThis.window?.location?.origin,
+		isClient: !!globalThis.window,
 	});
 
 	const { mutateAsync: retrievePaymentAcceptResult } = usePaymentAcceptResult();
 	const iframeReference = React.useRef<HTMLIFrameElement>(null);
 	const [iframeHeight, setIFrameHeight] = React.useState<number>(1);
 	const [errorState, setErrorState] = React.useState<PaymentError[]>([]);
-	// const [showOverlay, setShowOverlay] = React.useState(false);
 
 	const paymentConnectorMessage = (
 		data: string,
@@ -90,7 +88,7 @@ const PaymentDetails: PaymentDetailsCompound = (props) => {
 				resultAccessCode: accessCode,
 				settings: {
 					PaymentConnectorId: paymentAcceptPointData?.PaymentConnectorId,
-					ReturnUrl: window.location.href,
+					ReturnUrl: globalThis.window?.location?.href ?? "",
 				},
 			};
 			const paymentAcceptResultData = await retrievePaymentAcceptResult(input);
@@ -182,15 +180,15 @@ const PaymentDetails: PaymentDetailsCompound = (props) => {
 
 	const onEvent = React.useCallback(
 		(event: MessageEvent) => {
-			// TODO: Security check -> validate event.origin matches expected
+			// Do Security check -> validate event.origin matches expected
 			onIFrameMessage(event);
 		},
 		[onIFrameMessage],
 	);
 
 	React.useEffect(() => {
-		window.addEventListener("message", onEvent);
-		return () => window.removeEventListener("message", onEvent);
+		globalThis.addEventListener("message", onEvent);
+		return () => globalThis.removeEventListener("message", onEvent);
 	}, [onEvent]);
 
 	const postSubmitMessage = React.useCallback(() => {
@@ -226,18 +224,17 @@ const PaymentDetails: PaymentDetailsCompound = (props) => {
 
 	return (
 		<>
-			{children ? (
-				children
-			) : stepViewState === "preview" ? (
-				<PaymentDetails.Preview paymentAcceptResult={paymentAcceptResult} />
-			) : (
-				<PaymentDetails.Form
-					iframeReference={iframeReference}
-					iframeHeight={iframeHeight}
-					errorState={errorState}
-					paymentAcceptPointData={paymentAcceptPointData}
-				/>
-			)}
+			{children ||
+				(stepViewState === "preview" ? (
+					<PaymentDetails.Preview paymentAcceptResult={paymentAcceptResult} />
+				) : (
+					<PaymentDetails.Form
+						iframeReference={iframeReference}
+						iframeHeight={iframeHeight}
+						errorState={errorState}
+						paymentAcceptPointData={paymentAcceptPointData}
+					/>
+				))}
 		</>
 	);
 };

package/src/pages-v2/checkout/checkout-alt-form/steps/payment/safe-card-preview-data.tsx

@@ -1,6 +1,6 @@
-import { CardPaymentAcceptResult } from "@msdyn365-commerce/retail-proxy";
+import type { CardPaymentAcceptResult } from "@msdyn365-commerce/retail-proxy";
 import { Box, Typography } from "@mui/material";
-import React from "react";
+import type React from "react";
 
 interface SafeCardDataPreviewProps {
 	paymentAcceptResult: CardPaymentAcceptResult;

package/src/pages-v2/checkout/checkout-alt-form/steps/shipping/delivery-date.tsx

@@ -1,13 +1,13 @@
-import { ChangeEvent, useEffect, useState } from "react";
+import StepHeading from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/step-heading";
+import type { InitialValues } from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/types";
 import Box from "@mui/material/Box";
 import Card from "@mui/material/Card";
 import Grid from "@mui/material/Grid2";
 import MenuItem from "@mui/material/MenuItem";
 import TextField from "@mui/material/TextField";
-import { FormikErrors, FormikTouched } from "formik";
 import { format } from "date-fns";
-import StepHeading from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/step-heading";
-import { InitialValues } from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/types";
+import type { FormikErrors, FormikTouched } from "formik";
+import { type ChangeEvent, useEffect, useState } from "react";
 
 // ==============================================================
 interface Props {
@@ -25,7 +25,7 @@ export default function DeliveryDate({
 	handleChange,
 	touched,
 	values,
-}: Props) {
+}: Readonly<Props>) {
 	const [dateList, setDateList] = useState<{ label: string; value: string }[]>(
 		[],
 	);

package/src/pages-v2/checkout/checkout-alt-form/steps/shipping/delivery-options.tsx

@@ -1,4 +1,20 @@
-import React from "react";
+import type { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
+import useGetDeliveryOptions from "@evenicanpm/storefront-core/src/api-manager/services/address/mutations/get-delivery-options";
+import useRemoveCartLineDeliveryMode from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/remove-cart-line-delivery-mode";
+import useUpdateCartLineDeliveryMode from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/update-cart-line-delivery-mode";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
+import {
+	H4,
+	Paragraph,
+	Span,
+} from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
+import type { CheckoutStepComponentProps } from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/checkout-step";
+import {
+	type DeliveryOption,
+	DeliveryPreferenceType,
+	type LineDeliverySpecification,
+} from "@msdyn365-commerce/retail-proxy";
 import {
 	Box,
 	FormControl,
@@ -7,25 +23,9 @@ import {
 	RadioGroup,
 } from "@mui/material";
 import Grid from "@mui/material/Grid2";
-import { useTranslations } from "next-intl";
-import { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
-import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
-import {
-	DeliveryOption,
-	DeliveryPreferenceType,
-	LineDeliverySpecification,
-} from "@msdyn365-commerce/retail-proxy";
-import {
-	H4,
-	Paragraph,
-	Span,
-} from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
-import { CheckoutStepComponentProps } from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/checkout-step";
-import useGetDeliveryOptions from "@evenicanpm/storefront-core/src/api-manager/services/address/mutations/get-delivery-options";
-import useUpdateCartLineDeliveryMode from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/update-cart-line-delivery-mode";
 import { cloneDeep } from "lodash";
-import useRemoveCartLineDeliveryMode from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/remove-cart-line-delivery-mode";
+import { useTranslations } from "next-intl";
+import React from "react";
 
 type DeliveryOptionsCompound = React.FC<CheckoutStepComponentProps> & {
 	Preview: React.FC<PreviewProps>;
@@ -155,21 +155,20 @@ const DeliveryOptions: DeliveryOptionsCompound = (props) => {
 
 	return (
 		<>
-			{children ? (
-				children
-			) : stepViewState === "preview" ? (
-				<DeliveryOptions.Preview
-					deliveryOptions={deliveryOptions}
-					selectedOption={selectedOption}
-				/>
-			) : (
-				<DeliveryOptions.Form
-					deliveryOptions={deliveryOptions}
-					deliveryUnavailable={deliveryUnavailable}
-					selectedOption={selectedOption}
-					onChange={handleOptionChange}
-				/>
-			)}
+			{children ||
+				(stepViewState === "preview" ? (
+					<DeliveryOptions.Preview
+						deliveryOptions={deliveryOptions}
+						selectedOption={selectedOption}
+					/>
+				) : (
+					<DeliveryOptions.Form
+						deliveryOptions={deliveryOptions}
+						deliveryUnavailable={deliveryUnavailable}
+						selectedOption={selectedOption}
+						onChange={handleOptionChange}
+					/>
+				))}
 		</>
 	);
 };

package/src/pages-v2/checkout/checkout-alt-summary/cart-item.tsx

@@ -1,13 +1,13 @@
 "use client";
 
-import React, { createContext, useContext, ReactNode } from "react";
+import type { CartLine } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
 import { FlexBetween } from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
 import {
 	Paragraph,
 	Span,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
-import { CartLine } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
+import React, { createContext, type ReactNode, useContext } from "react";
 
 interface CartItemContextValue {
 	cartLine: CartLine;

package/src/pages-v2/checkout/checkout-alt-summary/checkout-alt-summary.tsx

@@ -1,19 +1,19 @@
 "use client";
 
-import React, { createContext, useContext, ReactNode } from "react";
-import Box from "@mui/material/Box";
-import Divider from "@mui/material/Divider";
-import { useTranslations } from "next-intl";
+// TYPES
+import type {
+	Cart,
+	CartLine,
+} from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
 // GLOBAL CUSTOM COMPONENTS
 import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 // LOCAL CUSTOM COMPONENTS
 import CartItem from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-summary/cart-item";
 import ListItem from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-summary/list-item";
-// TYPES
-import {
-	Cart,
-	CartLine,
-} from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
+import Box from "@mui/material/Box";
+import Divider from "@mui/material/Divider";
+import { useTranslations } from "next-intl";
+import React, { createContext, type ReactNode, useContext } from "react";
 
 interface Props {
 	cart: Cart;

package/src/pages-v2/checkout/checkout-alt-summary/list-item.tsx

@@ -1,7 +1,7 @@
-import { ReactNode, createContext, useContext } from "react";
-import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import { FlexBetween } from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
+import { createContext, type ReactNode, useContext } from "react";
 
 interface ListItemProps {
 	title: string;

package/src/pages-v2/confirmation/address.tsx

@@ -1,13 +1,13 @@
 "use client";
 
-import React, { ReactNode, createContext, useContext } from "react";
-import { useTranslations } from "next-intl";
-import { Card } from "@mui/material";
+import type { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
 import {
 	H5,
 	Paragraph,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
+import { Card } from "@mui/material";
+import { useTranslations } from "next-intl";
+import React, { createContext, type ReactNode, useContext } from "react";
 
 const AddressContext = createContext<Address | null>(null);
 

package/src/pages-v2/confirmation/confirmation-summary.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import type { SalesOrder } from "@evenicanpm/storefront-core/src/api-manager/schemas/order.schema";
 import {
 	FlexBetween,
 	FlexBox,
@@ -8,11 +9,10 @@ import {
 	H6,
 	Paragraph,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
 import { Card, Divider } from "@mui/material";
 import { useTranslations } from "next-intl";
-import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
-import React, { ReactNode, createContext, useContext } from "react";
-import { SalesOrder } from "@evenicanpm/storefront-core/src/api-manager/schemas/order.schema";
+import React, { createContext, type ReactNode, useContext } from "react";
 
 type SummaryValues = {
 	order: SalesOrder;
@@ -68,16 +68,17 @@ OrderSummary.Title = () => {
 
 OrderSummary.Item = ({ label, field }: ItemProps) => {
 	const ctx = useContext(SummaryContext);
-	if (!ctx) return null;
 	const t = useTranslations("Checkout.Summary");
+	if (!ctx) return null;
 	const { formatCurrency, order } = ctx;
 	const value = order[field];
-	const numericValue =
-		typeof value === "number"
-			? value
-			: typeof value === "string"
-				? parseFloat(value)
-				: 0;
+	let numericValue = 0;
+
+	if (typeof value === "number") {
+		numericValue = value;
+	} else if (typeof value === "string") {
+		numericValue = Number.parseFloat(value);
+	}
 
 	return (
 		<FlexBetween mb={1}>