@evenicanpm/storefront-core 1.2.1 → 1.3.0

package/src/pages-v2/cart/__tests__/estimate-shipping.test.tsx

@@ -1,18 +1,18 @@
-import { Cart } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
+import type { Cart } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
+import cartData from "@evenicanpm/storefront-core/src/pages-v2/cart/__tests__/cart-with-items.json";
+import countries from "@evenicanpm/storefront-core/src/pages-v2/cart/__tests__/countries.json";
+import EstimateShipping from "@evenicanpm/storefront-core/src/pages-v2/cart/estimate-shipping";
+import { NotificationProvider } from "@evenicanpm/storefront-core/src/providers/notifications/notification-context";
+import ENUS from "@messages/en-US.json";
+import type { CountryRegionInfo } from "@msdyn365-commerce/retail-proxy";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { render, screen } from "@testing-library/react";
-import React from "react";
-import cartData from "@evenicanpm/storefront-core/src/pages-v2/cart/__tests__/cart-with-items.json";
-import countries from "@evenicanpm/storefront-core/src/pages-v2/cart/__tests__/conutries.json";
 import { NextIntlClientProvider } from "next-intl";
-import ENUS from "@messages/en-US.json";
-import EstimateShipping from "@evenicanpm/storefront-core/src/pages-v2/cart/estimate-shipping";
-import { CountryRegionInfo } from "@msdyn365-commerce/retail-proxy";
+import type React from "react";
 import { vi } from "vitest";
-import { NotificationProvider } from "@evenicanpm/storefront-core/src/providers/notifications/notification-context";
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore - Complaining about date types from the json
+// @ts-expect-error - Complaining about date types from the json
 const cart: Cart = cartData;
 const queryClient = new QueryClient();
 const Wrapper = ({ children }: React.PropsWithChildren) => (
@@ -27,7 +27,7 @@ describe("Estimate Shipping", () => {
 	it("Should Default Country to USA", async () => {
 		const _countries = countries as CountryRegionInfo[];
 		const america = _countries.find((c) => c.ISOCode === "US");
-		let selectedCountry = undefined;
+		let selectedCountry;
 		const setCountryFn = vi.fn(
 			(c: CountryRegionInfo) => (selectedCountry = c.ISOCode),
 		);
@@ -56,7 +56,7 @@ describe("Estimate Shipping", () => {
 	it("Should Default Country to Canada", async () => {
 		const _countries = countries as CountryRegionInfo[];
 		const canada = _countries.find((c) => c.ISOCode === "CA");
-		let selectedCountry = undefined;
+		let selectedCountry;
 		const setCountryFn = vi.fn(
 			(c: CountryRegionInfo) => (selectedCountry = c.ISOCode),
 		);

package/src/pages-v2/cart/cart-item.tsx

@@ -1,37 +1,38 @@
 "use client";
 
-import React, { createContext, useContext, useMemo, useState } from "react";
-import Link from "next/link";
-import {
-	Button,
-	IconButton,
-	Box,
-	CircularProgress,
-	Typography,
-	TextField,
-} from "@mui/material";
-import { useTranslations } from "next-intl";
-// MUI Icons
-import Add from "@mui/icons-material/Add";
-import Close from "@mui/icons-material/Close";
-import Remove from "@mui/icons-material/Remove";
+import type { CartLine } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
+import useDeleteCartLine from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/delete-cart-line";
+import useUpdateCartLines from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/update-cart-lines";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
+import Image from "@evenicanpm/storefront-core/src/components-v2/ImageWithFallback";
 // Local components
 import {
 	H6,
 	Span,
 	Tiny,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
-import Image from "@evenicanpm/storefront-core/src/components-v2/ImageWithFallback";
+import { getProductDetailUrl } from "@evenicanpm/storefront-core/src/lib/build-product-detail-url";
+// Utils
+import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
 import { Wrapper } from "@evenicanpm/storefront-core/src/pages-v2/cart/wrapper";
 // API
 import { ProductDimensionType } from "@msdyn365-commerce/retail-proxy";
-import useUpdateCartLines from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/update-cart-lines";
-import useDeleteCartLine from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/delete-cart-line";
-import { CartLine } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
-// Utils
-import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
-import { getProductDetailUrl } from "@evenicanpm/storefront-core/src/lib/build-product-detail-url";
+// MUI Icons
+import Add from "@mui/icons-material/Add";
+import Close from "@mui/icons-material/Close";
+import Remove from "@mui/icons-material/Remove";
+import {
+	Box,
+	Button,
+	CircularProgress,
+	IconButton,
+	TextField,
+	Typography,
+} from "@mui/material";
+import Link from "next/link";
+import { useTranslations } from "next-intl";
+import type React from "react";
+import { createContext, useContext, useMemo, useState } from "react";
 
 type CartItemContextValue = {
 	cartLine: CartLine;

package/src/pages-v2/cart/checkout-form.tsx

@@ -1,28 +1,26 @@
 "use client";
 
-import React, {
-	createContext,
-	useContext,
-	useEffect,
-	useRef,
-	useState,
-} from "react";
-import Link from "next/link";
-import Card from "@mui/material/Card";
-import Button from "@mui/material/Button";
-import Divider from "@mui/material/Divider";
-import TextField from "@mui/material/TextField";
-import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import getStates from "@evenicanpm/storefront-core/src/api-manager/services/address/queries/get-states";
 import {
 	FlexBetween,
 	FlexBox,
 } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
-import { useFormatter, useTranslations } from "next-intl";
-import { CountryRegionInfo, Coupon } from "@msdyn365-commerce/retail-proxy";
-import getStates from "@evenicanpm/storefront-core/src/api-manager/services/address/queries/get-states";
-import { debounce } from "lodash";
-import EstimateShipping from "@evenicanpm/storefront-core/src/pages-v2/cart/estimate-shipping";
+import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import CouponEntry from "@evenicanpm/storefront-core/src/pages-v2/cart/coupon-entry";
+import EstimateShipping from "@evenicanpm/storefront-core/src/pages-v2/cart/estimate-shipping";
+import type {
+	CountryRegionInfo,
+	Coupon,
+} from "@msdyn365-commerce/retail-proxy";
+import Button from "@mui/material/Button";
+import Card from "@mui/material/Card";
+import Divider from "@mui/material/Divider";
+import TextField from "@mui/material/TextField";
+import { debounce } from "lodash";
+import Link from "next/link";
+import { useFormatter, useTranslations } from "next-intl";
+import type React from "react";
+import { createContext, useContext, useEffect, useRef, useState } from "react";
 
 interface CheckoutFormContextValue {
 	cartId: string;

package/src/pages-v2/cart/coupon-entry.tsx

@@ -1,6 +1,11 @@
 "use client";
 
-import React, { createContext, useContext, useState } from "react";
+import useAddDiscountCode from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/add-discount-code";
+import useRemoveDiscountcode from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/remove-discount-code";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
+import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import type { Coupon } from "@msdyn365-commerce/retail-proxy";
+import Close from "@mui/icons-material/Close";
 import {
 	Box,
 	Button,
@@ -10,13 +15,10 @@ import {
 	ListItemText,
 	TextField,
 } from "@mui/material";
-import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
-import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import { useTranslations } from "next-intl";
-import Close from "@mui/icons-material/Close";
-import { Coupon } from "@msdyn365-commerce/retail-proxy";
-import useAddDiscountCode from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/add-discount-code";
-import useRemoveDiscountcode from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/remove-discount-code";
+import type React from "react";
+import { createContext, useContext, useState } from "react";
+
 interface CouponContextValue {
 	textValue: string;
 	setTextValue: (v: string) => void;

package/src/pages-v2/cart/estimate-shipping.tsx

@@ -1,9 +1,9 @@
-import React, { createContext, useContext, useState, useEffect } 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 { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import CountryInput from "@evenicanpm/storefront-core/src/components-v2/countries-input";
+import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import useCurrencyFormatter from "@evenicanpm/storefront-core/src/lib/currency-formatter";
-import {
+import type {
 	CountryRegionInfo,
 	DeliveryOption,
 	StateProvinceInfo,
@@ -18,8 +18,9 @@ import {
 	MenuItem,
 	TextField,
 } from "@mui/material";
-import { Address } from "@evenicanpm/storefront-core/src/api-manager/schemas/address.schema";
 import { useTranslations } from "next-intl";
+import type React from "react";
+import { createContext, useContext, useEffect, useState } from "react";
 
 interface EstimateShippingContextValue {
 	selectedCountry: CountryRegionInfo | null;

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

@@ -1,25 +1,26 @@
 "use client";
 
+import type { Cart } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
+import useCheckout from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/checkout";
+import getChannelConfiguration from "@evenicanpm/storefront-core/src/api-manager/services/organization/queries/get-channel-configuration";
+import { PageSlug } from "@evenicanpm/storefront-core/src/lib/page-slugs";
+import CheckoutStep from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/checkout-step";
+import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
+import type { CardPaymentAcceptResult } from "@msdyn365-commerce/retail-proxy";
+import { Box, Button } from "@mui/material";
+import Grid from "@mui/material/Grid2";
+import { useQueryClient } from "@tanstack/react-query";
+import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
 import React, {
 	createContext,
+	type ReactElement,
+	type ReactNode,
 	useContext,
-	useState,
 	useEffect,
-	ReactNode,
-	ReactElement,
+	useState,
 } from "react";
-import { Box, Button } from "@mui/material";
-import Grid from "@mui/material/Grid2";
-import { useRouter } from "next/navigation";
-import { useTranslations } from "next-intl";
-import { useQueryClient } from "@tanstack/react-query";
-import { CardPaymentAcceptResult } from "@msdyn365-commerce/retail-proxy";
-import { PageSlug } from "@evenicanpm/storefront-core/src/lib/page-slugs";
-import getChannelConfiguration from "@evenicanpm/storefront-core/src/api-manager/services/organization/queries/get-channel-configuration";
-import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
-import useCheckout from "@evenicanpm/storefront-core/src/api-manager/services/cart/mutations/checkout";
-import { Cart } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
-import CheckoutStep from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/checkout-step";
+
 interface CheckoutContextValue {
 	cart: Cart;
 	activeStep: number;
@@ -42,7 +43,7 @@ interface InjectedStepProps {
 	isLastStep: boolean;
 }
 
-import { CheckoutStepComponentProps } from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/checkout-step";
+import type { CheckoutStepComponentProps } from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/checkout-step";
 
 interface StepProps<T extends object> {
 	title: string;

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

@@ -1,12 +1,12 @@
+import type { Cart } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
 import Card from "@evenicanpm/storefront-core/src/components-v2/BazaarCard";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
+import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import StepHeading from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/step-heading";
 import { Button, useTheme } from "@mui/material";
 import Grid from "@mui/material/Grid2";
-import React, { createContext, useContext } from "react";
-import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
-import { Cart } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
 import { useTranslations } from "next-intl";
-import StepHeading from "@evenicanpm/storefront-core/src/pages-v2/checkout/checkout-alt-form/step-heading";
-import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import React, { createContext, useContext } from "react";
 
 export type StepViewState = "active" | "preview" | "pending";
 export type StepSubmissionState = "idle" | "submitting" | "error";

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 {

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>;
 

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;

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(),

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",

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 {

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>;

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;