@evenicanpm/storefront-core 1.0.6 → 1.1.0

package/src/components-v2/wishlist-dialogs/add-to-wishlist/hooks/use-add-to-wishlist.ts

@@ -7,22 +7,16 @@ import { useTranslations } from "next-intl";
 // Core/storefront utilities
 import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
 import {
-  CopyCartToWishlistInput,
   ExtendedProductListLine,
   WishlistLinesInput,
 } from "@evenicanpm/storefront-core/src/api-manager/schemas/user.schema";
 
 // API manager - mutations
 import useAddToWishlist from "@/api-manager/services/user/mutations/add-to-wishlist";
-import useCopyCartToWishlist from "@/api-manager/services/user/mutations/copy-cart-to-wishlist";
 import useRemoveFromWishlist from "@/api-manager/services/user/mutations/remove-from-wishlist";
 
 // API manager - queries and types
 import getWishlists from "@/api-manager/services/user/queries/get-wishlists";
-import { Wishlist } from "@/api-manager/schemas/user.schema";
-
-// Component props
-import { AddToWishlistDialogProps } from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/add-to-wishlist-dialog";
 
 /**
  * Handles adding and removing products from a wishlist.
@@ -33,81 +27,37 @@ export default function UseWishlist() {
   const { setNotification } = useNotification();
   const { mutateAsync: addToWishlist, isPending: addPending } =
     useAddToWishlist();
-  const { mutateAsync: copyCartToWishlist } = useCopyCartToWishlist();
   const { mutateAsync: removeFromWishlist, isPending: removePending } =
     useRemoveFromWishlist();
   const { data: wishlists } = getWishlists.useSuspenseData();
   const loading = addPending || removePending;
 
-  const handleAddToWishlist = async (
-    wishlistId: string,
-    wishlists: Wishlist[],
-    props: AddToWishlistDialogProps,
-  ) => {
-    if (props.productId) {
-      const selectedWishlist = wishlists.find((list) => list.Id === wishlistId);
-
-      const alreadyAdded = selectedWishlist.ProductListLines.some(
-        (product) => product.ProductId === props.productId,
-      );
-
-      if (alreadyAdded) {
-        setNotification({
-          message: "Product already exists in wishlist",
-          severity: "info",
-        });
-        return;
-      }
-
-      try {
-        const wishlistLine = [
-          {
-            ProductListId: wishlistId,
-            ProductId: props.productId,
-            Quantity: 1,
-            UnitOfMeasure: "ea",
-          },
-        ];
-
-        const wishlistLinesInput: WishlistLinesInput = {
-          Id: wishlistId,
-          ProductListLines: wishlistLine,
-        };
-
-        await addToWishlist(wishlistLinesInput);
-        setNotification({
-          message: t("wishlistLineAddSuccess"),
-          severity: "success",
-        });
-        if (typeof props.onSuccess === "function") {
-          props.onSuccess();
-        }
-      } catch (error) {
-        setNotification({
-          message: t("wishlistLineAddFailed"),
-          severity: "error",
-        });
-      }
-    } else if (props.cart) {
-      try {
-        const copyCartToWishlistInput: CopyCartToWishlistInput = {
-          Id: wishlistId,
-          CartID: props.cart.Id,
-          IsRewrite: false,
-          IsQuantityAggregate: true,
-        };
-
-        await copyCartToWishlist(copyCartToWishlistInput);
-        setNotification({
-          message: t("wishlistCartCopySuccess"),
-          severity: "success",
-        });
-      } catch (error) {
-        setNotification({
-          message: t("wishlistCartCopyFailed"),
-          severity: "error",
-        });
-      }
+  const handleAddToWishlist = async (wishlistId: string, productId: number) => {
+    try {
+      const wishlistLine = [
+        {
+          ProductListId: wishlistId,
+          ProductId: productId,
+          Quantity: 1,
+          UnitOfMeasure: "ea",
+        },
+      ];
+
+      const wishlistLinesInput: WishlistLinesInput = {
+        Id: wishlistId,
+        ProductListLines: wishlistLine,
+      };
+
+      await addToWishlist(wishlistLinesInput);
+      setNotification({
+        message: t("wishlistLineAddSuccess"),
+        severity: "success",
+      });
+    } catch (error) {
+      setNotification({
+        message: t("wishlistLineAddFailed"),
+        severity: "error",
+      });
     }
   };
 
@@ -117,7 +67,7 @@ export default function UseWishlist() {
   ) => {
     // get the selected wishlist
     const wishlist = wishlists.find((wishlist) => wishlist.Id === wishlistId);
-
+    if (!wishlist) return null;
     try {
       const extendedWishlistLine = wishlist.ProductListLines?.find(
         (item: ExtendedProductListLine) => item.ProductId === productId,

package/src/components-v2/wishlist-dialogs/add-to-wishlist/index.tsx

@@ -1,27 +1,19 @@
 import AddToWishlistDialog from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/add-to-wishlist/compound/add-to-wishlist-dialog";
-import { Cart } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
 
 interface Props {
   open: boolean;
   handleClose: () => void;
   productId?: number;
-  cart?: Cart;
   onSuccess?: () => void;
 }
 
 /**
  * @category Implementation
  */
-const AddToWishListDialog1 = ({
-  cart,
-  open,
-  handleClose,
-  productId,
-}: Props) => {
+const AddToWishListDialog1 = ({ open, handleClose, productId }: Props) => {
   return (
     <>
       <AddToWishlistDialog
-        cart={cart}
         open={open}
         handleClose={handleClose}
         productId={productId}

package/src/components-v2/wishlist-dialogs/create-wishlist/compound/create-wishlist-bottom-ui.tsx

@@ -2,11 +2,16 @@ import React, { useContext } from "react";
 import { useTranslations } from "next-intl";
 import { Button } from "@mui/material";
 import Grid from "@mui/material/Grid2";
-import { CreateNewWishlistContext } from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/compound/context";
+import { CreateNewWishlistContext } from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/compound/create-wishlist-dialog";
 
 function BottomUI() {
   const t = useTranslations("Account.Wishlists");
-  const { handleClose } = useContext(CreateNewWishlistContext);
+  const ctx = useContext(CreateNewWishlistContext);
+  if (!ctx)
+    throw new Error(
+      "CreateNewWishlistForm must be used within a CreateNewWishlistContext",
+    );
+  const { handleClose } = ctx;
   return (
     <Grid
       size={{ sm: 6, xs: 12 }}

package/src/components-v2/wishlist-dialogs/create-wishlist/compound/create-wishlist-dialog.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { createContext } from "react";
 import isFunction from "lodash/isFunction";
 import { useTranslations } from "next-intl";
 import { Dialog, DialogContent, CircularProgress } from "@mui/material";
@@ -11,7 +11,6 @@ import { z } from "zod";
 import { withZodSchema } from "formik-validator-zod";
 // API
 import useCreateWishlist from "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/create-wishlist";
-import { CreateNewWishlistContext } from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/compound/context";
 import CreateNewWishlistForm from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/compound/create-wishlist-form";
 
 interface Props {
@@ -20,22 +19,32 @@ interface Props {
   children: React.ReactNode;
 }
 
-export default function CreateNewList(props: Props) {
-  const { children } = props;
-  const t = useTranslations("Account.Wishlists");
-  const { setNotification } = useNotification();
-
-  const { mutateAsync: createWishlist } = useCreateWishlist();
-
-  const FormSchema = z.object({
+const createFormSchema = (t: ReturnType<typeof useTranslations>) =>
+  z.object({
     Id: z.string(),
     Name: z.string().nonempty(t("Validation.required", { field: t("name") })),
     Comment: z.string().optional(),
     IsPublic: z.boolean().optional(),
   });
 
-  type FormSchemaType = z.infer<typeof FormSchema>;
+type FormSchemaType = z.infer<ReturnType<typeof createFormSchema>>;
+type FormikContextType = ReturnType<typeof useFormik<FormSchemaType>>;
+
+interface CreateNewWishlistContext {
+  formik: FormikContextType;
+  handleClose: () => void;
+}
+
+export const CreateNewWishlistContext =
+  createContext<CreateNewWishlistContext | null>(null);
 
+export default function CreateNewList(props: Props) {
+  const { children } = props;
+  const t = useTranslations("Account.Wishlists");
+  const { setNotification } = useNotification();
+
+  const { mutateAsync: createWishlist } = useCreateWishlist();
+  const FormSchema = createFormSchema(t);
   const handleSubmit = async (values: FormSchemaType) => {
     try {
       await createWishlist({ ...values, IsPublic: !values.IsPublic });
@@ -87,6 +96,5 @@ const FormTitle = () => {
   const t = useTranslations("Account.Wishlists");
   return <H5 mb={4}>{t("formTitle")}</H5>;
 };
-
 CreateNewList.Title = FormTitle;
 CreateNewList.Form = CreateNewWishlistForm;

package/src/components-v2/wishlist-dialogs/create-wishlist/compound/create-wishlist-form.tsx

@@ -7,13 +7,18 @@ import { Box, TextField, FormControlLabel, Checkbox } from "@mui/material";
 import Grid from "@mui/material/Grid2";
 // Global Custom components
 import BottomUI from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/compound/create-wishlist-bottom-ui";
-import { CreateNewWishlistContext } from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/compound/context";
+import { CreateNewWishlistContext } from "@evenicanpm/storefront-core/src/components-v2/wishlist-dialogs/create-wishlist/compound/create-wishlist-dialog";
 
 /*
  * @category Sub-Component
  */
 const CreateNewWishlistForm = ({ children }: { children: React.ReactNode }) => {
-  const { formik } = useContext(CreateNewWishlistContext);
+  const ctx = useContext(CreateNewWishlistContext);
+  if (!ctx)
+    throw new Error(
+      "CreateNewWishlistForm must be used within a CreateNewWishlistContext",
+    );
+  const { formik } = ctx;
   return (
     <Box component="form" onSubmit={formik.handleSubmit}>
       <Grid container spacing={3}>
@@ -28,7 +33,12 @@ const CreateNewWishlistForm = ({ children }: { children: React.ReactNode }) => {
  */
 function NameTextField() {
   const t = useTranslations("Account.Wishlists");
-  const { formik } = useContext(CreateNewWishlistContext);
+  const ctx = useContext(CreateNewWishlistContext);
+  if (!ctx)
+    throw new Error(
+      "CreateNewWishlistForm must be used within a CreateNewWishlistContext",
+    );
+  const { formik } = ctx;
   return (
     <Grid size={{ sm: 6, xs: 12 }}>
       <TextField
@@ -51,7 +61,12 @@ function NameTextField() {
  */
 function DescriptionTextField() {
   const t = useTranslations("Account.Wishlists");
-  const { formik } = useContext(CreateNewWishlistContext);
+  const ctx = useContext(CreateNewWishlistContext);
+  if (!ctx)
+    throw new Error(
+      "CreateNewWishlistForm must be used within a CreateNewWishlistContext",
+    );
+  const { formik } = ctx;
   return (
     <Grid size={{ sm: 6, xs: 12 }}>
       <TextField
@@ -70,7 +85,12 @@ function DescriptionTextField() {
 
 function IsPrivateCheckbox() {
   const t = useTranslations("Account.Wishlists");
-  const { formik } = useContext(CreateNewWishlistContext);
+  const ctx = useContext(CreateNewWishlistContext);
+  if (!ctx)
+    throw new Error(
+      "CreateNewWishlistForm must be used within a CreateNewWishlistContext",
+    );
+  const { formik } = ctx;
   return (
     <Grid size={{ sm: 6, xs: 12 }}>
       <FormControlLabel

package/src/hooks/use-cart.ts

@@ -19,10 +19,7 @@ export interface AddToCartBopisInput {
  * @param recordId the record id of the product's cartline to modify.
  *
  */
-export default function useCart(
-  recordId: number,
-  selectVariantId?: number | undefined,
-) {
+export default function useCart(recordId?: number) {
   const { data: cart } = getCart.useData();
   const { mutate: deleteCartLine, isPending: deletePending } =
     useDeleteCartLine();
@@ -33,18 +30,18 @@ export default function useCart(
   const loading = deletePending || updatePending || addPending;
 
   const currentCartLine = cart?.CartLines?.find((item) => {
-    return item?.ProductId === (Number(selectVariantId) || recordId);
+    return item?.ProductId === recordId;
   });
 
   const handleCartAmountChange = (amount: number) => {
     if (amount === 0) {
       deleteCartLine({
-        cartId: cart.Id,
-        version: cart.Version,
+        cartId: cart?.Id,
+        version: cart?.Version,
         cartLine: [
           {
             LineId: currentCartLine?.LineId,
-            ProductId: selectVariantId,
+            ProductId: recordId,
           },
         ],
       });
@@ -52,13 +49,13 @@ export default function useCart(
     }
 
     updateCartLine({
-      cartId: cart.Id,
-      version: cart.Version,
+      cartId: cart?.Id,
+      version: cart?.Version,
       cartLine: [
         {
           LineId: currentCartLine?.LineId,
           Quantity: amount,
-          ProductId: selectVariantId,
+          ProductId: recordId,
         },
       ],
     });
@@ -66,12 +63,12 @@ export default function useCart(
 
   const handleAddToCart = (bopisInput?: AddToCartBopisInput) => {
     addToCart({
-      cartId: cart.Id,
-      version: cart.Version,
+      cartId: cart?.Id,
+      version: cart?.Version,
       cartLine: [
         {
           Quantity: 1,
-          ProductId: selectVariantId || recordId,
+          ProductId: recordId,
           WarehouseId: bopisInput?.warehouseId || "",
           DeliveryMode: bopisInput?.deliveryMode || "",
         },

package/src/hooks/use-favorite.ts

@@ -0,0 +1,17 @@
+"use client";
+
+import getWishLists from "@evenicanpm/storefront-core/src/api-manager/services/user/queries/get-wishlists";
+
+export default function useFavorite(recordId?: number) {
+  const { data } = getWishLists.useData();
+
+  const wishlists = Array.isArray(data) ? data : [];
+
+  if (!recordId || wishlists.length === 0) return false;
+
+  const isFavorite = wishlists.some((list) =>
+    list.ProductListLines?.some((line) => line.ProductId === recordId),
+  );
+
+  return isFavorite;
+}

package/src/hooks/use-variants.ts

@@ -46,7 +46,7 @@ export default function useVariants(product: ProductDetails) {
     getProductById.useData({ id: state.selectedVariantRecordId });
 
   const allDimensionsSelected =
-    Object.keys(state.selectDimensions).length === DimensionValues.length;
+    Object.keys(state.selectDimensions)?.length === DimensionValues?.length;
 
   /**
    * Adds selected dimension to the current selectDimensions state
@@ -80,7 +80,7 @@ const prefetchPDPData = (
   dimensionValue: ProductDimensionValueInventoryAvailability,
   queryClient: QueryClient,
 ) => {
-  dimensionValue.ProductIds.map((id) => {
+  dimensionValue?.ProductIds?.map((id) => {
     getProductById.prefetchData(queryClient, { id: id });
     getProductPrices.prefetchData(queryClient, {
       productIds: [id],
@@ -108,7 +108,8 @@ const variantReducer = (state: VariantState, action: VariantAction) => {
     case "SELECT_DIMENSION":
       const newDimensionsState: SelectedDimensions = {
         ...state.selectDimensions,
-        [action.dimensionValue?.DimensionTypeValue]: action.dimensionValue,
+        [action.dimensionValue?.DimensionTypeValue ?? ""]:
+          action.dimensionValue,
       };
 
       const allDimensionsSelected =

package/src/pages/account/addresses/address-item.tsx

@@ -7,7 +7,7 @@ import { useNotification } from "@/components/Notifications/use-notification";
 import { MdEdit as Edit } from "react-icons/md";
 import { MdDelete as Delete } from "react-icons/md";
 // GLOBAL CUSTOM COMPONENTS
-import { Paragraph } from "@/components/_components/Typography";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 // LOCAL CUSTOM COMPONENT
 import TableRow from "../table-row";
 // API

package/src/pages/account/dashboard-header.tsx

@@ -6,9 +6,9 @@ import { useTranslations } from "next-intl";
 // ICON COMPONENTS
 import { MdMenu as Menu } from "react-icons/md";
 // GLOBAL CUSTOM COMPONENTS
-import SideNav from "@/components/_components/side-nav/index";
-import { H2 } from "@/components/_components/Typography";
-import FlexBox from "@/components/_components/flex-box/flex-box";
+import SideNav from "@evenicanpm/storefront-core/src/components/_components/side-nav/index";
+import { H2 } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import FlexBox from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-box";
 // LOCAL CUSTOM COMPONENTS
 import Navigation from "./navigation";
 import { IconType } from "react-icons";

package/src/pages/account/navigation.tsx

@@ -13,8 +13,11 @@ import {
 } from "react-icons/md";
 
 // GLOBAL CUSTOM COMPONENTS
-import FlexBox from "@/components/_components/flex-box/flex-box";
-import { Paragraph, Span } from "@/components/_components/Typography";
+import FlexBox from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-box";
+import {
+  Paragraph,
+  Span,
+} from "@evenicanpm/storefront-core/src/components/_components/Typography";
 
 // API
 import getUser from "@/api-manager/services/user/queries/get-user";

package/src/pages/account/no-records.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Box } from "@mui/material";
-import { H4 } from "@/components/_components/Typography";
+import { H4 } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 import { useTranslations } from "next-intl";
 
 type Props = { message: string };

package/src/pages/account/orders/order-progress.tsx

@@ -11,8 +11,11 @@ import Delivery from "./icons/delivery";
 import PackageBox from "./icons/package-box";
 import TruckFilled from "./icons/truck-filled";
 // GLOBAL CUSTOM COMPONENTS
-import { Paragraph } from "@/components/_components/Typography";
-import { FlexBetween, FlexBox } from "@/components/_components/flex-box/index";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import {
+  FlexBetween,
+  FlexBox,
+} from "@evenicanpm/storefront-core/src/components/_components/flex-box/index";
 
 // STYLED COMPONENTS
 const StyledFlexbox = styled(FlexBetween)(({ theme }) => ({

package/src/pages/account/orders/order-row.tsx

@@ -6,7 +6,10 @@ import { MdEast as East } from "react-icons/md";
 import { ChipProps } from "@mui/material";
 import { format } from "date-fns";
 // GLOBAL CUSTOM COMPONENT
-import { H6, Paragraph } from "@/components/_components/Typography";
+import {
+  H6,
+  Paragraph,
+} from "@evenicanpm/storefront-core/src/components/_components/Typography";
 // Local CUSTOM COMPONENT
 import TableRow from "../table-row";
 // CUSTOM UTILS LIBRARY FUNCTION

package/src/pages/account/orders/order-summary.tsx

@@ -3,8 +3,12 @@ import Card from "@mui/material/Card";
 import Divider from "@mui/material/Divider";
 import { useTranslations } from "next-intl";
 // GLOBAL CUSTOM COMPONENTS
-import { FlexBetween } from "@/components/_components/flex-box/index";
-import { H5, H6, Paragraph } from "@/components/_components/Typography";
+import { FlexBetween } from "@evenicanpm/storefront-core/src/components/_components/flex-box/index";
+import {
+  H5,
+  H6,
+  Paragraph,
+} from "@evenicanpm/storefront-core/src/components/_components/Typography";
 // CUSTOM UTILS LIBRARY FUNCTION
 import useCurrencyFormatter from "@/lib/currency-formatter";
 import { SalesOrder } from "@/api-manager/schemas/order.schema";

package/src/pages/account/orders/ordered-products.tsx

@@ -7,8 +7,15 @@ import { format } from "date-fns";
 import Link from "next/link";
 import { useTranslations } from "next-intl";
 // GLOBAL CUSTOM COMPONENTS
-import { H6, Paragraph, Span } from "@/components/_components/Typography";
-import { FlexBetween, FlexBox } from "@/components/_components/flex-box/index";
+import {
+  H6,
+  Paragraph,
+  Span,
+} from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import {
+  FlexBetween,
+  FlexBox,
+} from "@evenicanpm/storefront-core/src/components/_components/flex-box/index";
 // CUSTOM UTILS LIBRARY FUNCTION
 import useCurrencyFormatter from "@/lib/currency-formatter";
 import { SalesLine, SalesOrder } from "@/api-manager/schemas/order.schema";

package/src/pages/account/profile/user-info.tsx

@@ -4,8 +4,11 @@ import { Theme } from "@mui/material/styles";
 import Card from "@mui/material/Card";
 import { useTranslations } from "next-intl";
 // GLOBAL CUSTOM COMPONENTS
-import FlexBox from "@/components/_components/flex-box/flex-box";
-import { Small, Span } from "@/components/_components/Typography";
+import FlexBox from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-box";
+import {
+  Small,
+  Span,
+} from "@evenicanpm/storefront-core/src/components/_components/Typography";
 // API
 import { User } from "@/api-manager/schemas/user.schema";
 type Props = {

package/src/pages/account/wishlist/create-new-list.tsx

@@ -12,7 +12,7 @@ import {
 } from "@mui/material";
 import Grid from "@mui/material/Grid2";
 // Global Custom components
-import { H5 } from "@/components/_components/Typography";
+import { H5 } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 import { useNotification } from "@/components/Notifications/use-notification";
 // Forms
 import { useFormik } from "formik";

package/src/pages/account/wishlist/wishlist-item.tsx

@@ -5,8 +5,8 @@ import { format } from "date-fns";
 // MUI ICON COMPONENTS
 import { MdDelete as Delete } from "react-icons/md";
 // GLOBAL CUSTOM COMPONENTS
-import { Paragraph } from "@/components/_components/Typography";
-import { NavLink3 } from "@/components/_components/nav-link";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import { NavLink3 } from "@evenicanpm/storefront-core/src/components/_components/nav-link";
 // LOCAL CUSTOM COMPONENT
 import TableRow from "../table-row";
 // API

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

@@ -2,8 +2,11 @@ import { ModeEditOutline, DeleteOutline } from "@mui/icons-material";
 import { Card, IconButton } from "@mui/material";
 import Grid from "@mui/material/Grid2";
 import { Address } from "@/api-manager/schemas/address.schema";
-import { FlexBox } from "@/components/_components/flex-box";
-import { H6, Paragraph } from "@/components/_components/Typography";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components/_components/flex-box";
+import {
+  H6,
+  Paragraph,
+} from "@evenicanpm/storefront-core/src/components/_components/Typography";
 
 interface Props {
   address: Address;

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

@@ -1,10 +1,10 @@
-import Card from "@/components/_components/BazaarCard";
+import Card from "@evenicanpm/storefront-core/src/components/_components/BazaarCard";
 import Heading from "./heading";
 import { Button, useTheme } from "@mui/material";
 import Grid from "@mui/material/Grid2";
 import React from "react";
-import { Span } from "@/components/_components/Typography";
-import { FlexBox } from "@/components/_components/flex-box";
+import { Span } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components/_components/flex-box";
 import { Cart } from "@/api-manager/schemas/cart.schema";
 import { useTranslations } from "next-intl";
 

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

@@ -5,7 +5,7 @@ import TextField from "@mui/material/TextField";
 import useUpdateCart from "@/api-manager/services/cart/mutations/update-cart";
 import { useTranslations } from "next-intl";
 import { CheckoutStepComponentProps } from "./checkout-step";
-import { Paragraph } from "@/components/_components/Typography";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 import * as yup from "yup";
 import { useForm } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";

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

@@ -149,7 +149,11 @@ export default function DeliveryAddress({
         </Grid>
       ))}
 
-      <Grid size={{ md: 4, sm: 6, xs: 12 }} onClick={openNew} data-testid="addr-new">
+      <Grid
+        size={{ md: 4, sm: 6, xs: 12 }}
+        onClick={openNew}
+        data-testid="addr-new"
+      >
         <AddressCard
           address={{
             Id: "new",

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

@@ -8,13 +8,17 @@ import {
 import Grid from "@mui/material/Grid2";
 import { useTranslations } from "next-intl";
 import { Address } from "@/api-manager/schemas/address.schema";
-import { FlexBox } from "@/components/_components/flex-box";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components/_components/flex-box";
 import {
   DeliveryOption,
   DeliveryPreferenceType,
   LineDeliverySpecification,
 } from "@msdyn365-commerce/retail-proxy";
-import { H4, Paragraph, Span } from "@/components/_components/Typography";
+import {
+  H4,
+  Paragraph,
+  Span,
+} from "@evenicanpm/storefront-core/src/components/_components/Typography";
 import useCurrencyFormatter from "@/lib/currency-formatter";
 import { CheckoutStepComponentProps } from "./checkout-step";
 import useGetDeliveryOptions from "@/api-manager/services/address/mutations/get-delivery-options";