@evenicanpm/storefront-core 1.0.4 → 1.0.5

package/src/components-v2/mini-cart/__tests__/cart-item.test.tsx

@@ -1,16 +1,14 @@
-/*
 import { Cart, CartLine } from "@/schemas/cart.schema";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { fireEvent, render, screen } from "@testing-library/react";
 import { setupServer } from "msw/node";
 import React from "react";
-import cartData from "./test-cart-with-itemon";
+import cartData from "./test-cart-with-item.json";
 import { NextIntlClientProvider } from "next-intl";
-import ENUS from "../../../../../messages/en-USon";
-import fr from "../../../../../messages/fron";
+import ENUS from "@messages/en-US.json";
 import CartItem from "../components/cart-item";
 import { vi } from "vitest";
-import { NotificationProvider } from "@evenicanpm/storefront-core/src/components-v2/Notifications/notification-context";
+import { NotificationProvider } from "@evenicanpm/storefront-core/src/providers/notifications/notification-context";
 
 // @ts-expect-error - We don't use the dates from this json and its not worth parsin
 const cart: Cart = cartData;
@@ -30,14 +28,6 @@ const Wrapper = ({ children }: React.PropsWithChildren) => (
   </NextIntlClientProvider>
 );
 
-const Wrapper2 = ({ children }: React.PropsWithChildren) => (
-  <NextIntlClientProvider locale={"fr"} messages={fr}>
-    <NotificationProvider>
-      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-    </NotificationProvider>
-  </NextIntlClientProvider>
-);
-
 describe("cart-item", () => {
   it("Renders the name and price", () => {
     render(
@@ -51,7 +41,9 @@ describe("cart-item", () => {
           handleCartAmountChange={(cartline: CartLine) => {
             cartline;
           }}
-        />
+        >
+          <CartItem.ProductDetails />
+        </CartItem>
       </Wrapper>,
     );
 
@@ -70,32 +62,17 @@ describe("cart-item", () => {
           handleCartAmountChange={(cartline: CartLine) => {
             cartline;
           }}
-        />
+        >
+          <CartItem.QuantityControls />
+          <CartItem.RemoveButton />
+        </CartItem>
       </Wrapper>,
     );
     expect(screen.getByTitle("Increase Quantity")).toBeInTheDocument();
     expect(screen.getByTitle("Decrease Quantity")).toBeInTheDocument();
     expect(screen.getByTitle("Remove Item")).toBeInTheDocument();
   });
-  it("Translates to French", () => {
-    const testClick = vi.fn();
-    render(
-      <Wrapper2>
-        <CartItem
-          item={cart.CartLines[0]}
-          isLineUpdating={false}
-          closeDrawer={() => {
-            fn;
-          }}
-          handleCartAmountChange={testClick}
-        />
-      </Wrapper2>,
-    );
-    // screen.debug(undefined, 100000)
-    expect(screen.getByTitle("Augmenter la quantité")).toBeInTheDocument();
-    expect(screen.getByTitle("Diminuer la quantité")).toBeInTheDocument();
-    expect(screen.getByTitle("Supprimer")).toBeInTheDocument();
-  });
+
   it("Hides Buttons while loading", () => {
     render(
       <Wrapper>
@@ -108,12 +85,16 @@ describe("cart-item", () => {
           handleCartAmountChange={(cartline: CartLine) => {
             cartline;
           }}
-        />
+        >
+          <CartItem.QuantityControls />
+          <CartItem.RemoveButton />
+        </CartItem>
       </Wrapper>,
     );
     expect(() => screen.getByTitle("Increase Quantity")).toThrow();
     expect(() => screen.getByTitle("Decrease Quantity")).toThrow();
   });
+
   it("Does allow increase", () => {
     const testClick = vi.fn();
     render(
@@ -125,7 +106,9 @@ describe("cart-item", () => {
             fn;
           }}
           handleCartAmountChange={testClick}
-        />
+        >
+          <CartItem.QuantityControls />
+        </CartItem>
       </Wrapper>,
     );
     // screen.debug(undefined, 100000)
@@ -133,6 +116,7 @@ describe("cart-item", () => {
     fireEvent.click(button);
     expect(testClick).toHaveBeenCalled();
   });
+
   it("Does not allow decrease", () => {
     const testClick = vi.fn();
     render(
@@ -144,7 +128,10 @@ describe("cart-item", () => {
             fn;
           }}
           handleCartAmountChange={testClick}
-        />
+        >
+          <CartItem.QuantityControls />
+          <CartItem.RemoveButton />
+        </CartItem>
       </Wrapper>,
     );
     // screen.debug(undefined, 100000)
@@ -152,6 +139,7 @@ describe("cart-item", () => {
     fireEvent.click(button);
     expect(testClick).not.toHaveBeenCalled();
   });
+
   it("Allows Remove", () => {
     const testClick = vi.fn();
     render(
@@ -163,12 +151,15 @@ describe("cart-item", () => {
             fn;
           }}
           handleCartAmountChange={testClick}
-        />
+        >
+          <CartItem.QuantityControls />
+          <CartItem.RemoveButton />
+        </CartItem>
       </Wrapper>,
     );
-    // screen.debug(undefined, 100000)
+
     const button = screen.getByTitle("Remove Item");
     fireEvent.click(button);
     expect(testClick).toHaveBeenCalled();
   });
-});*/
+});

package/src/components-v2/mini-cart/__tests__/mini-cart.test.tsx

@@ -1,15 +1,14 @@
-/*
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { NextIntlClientProvider } from "next-intl";
-import cartData from "./test-cart-with-itemon";
-import cartDataEmpty from "./test-cart-emptyon";
-import ENUS from "../../../../../messages/en-USon";
-import fr from "../../../../../messages/fron";
+import cartData from "./test-cart-with-item.json";
+import cartDataEmpty from "./test-cart-empty.json";
+import ENUS from "@messages/en-US.json";
+import fr from "@messages/fr.json";
 import { fireEvent, render, screen } from "@testing-library/react";
 import MiniCart from "../mini-cart";
 import { vi } from "vitest";
 import { Cart } from "@msdyn365-commerce/retail-proxy";
-import { NotificationProvider } from "@evenicanpm/storefront-core/src/components-v2/Notifications/notification-context";
+import { NotificationProvider } from "@evenicanpm/storefront-core/src/providers/notifications/notification-context";
 
 const { useRouter, mockedRouterPush } = vi.hoisted(() => {
   const mockedRouterPush = vi.fn();
@@ -56,7 +55,7 @@ const ensureCartLinesNotNull = (cartObject: Cart) => ({
   CartLines: cartObject.CartLines || [],
 });
 
-describe("Mini Cart", () => {
+describe.skip("Mini Cart", () => {
   it("Displays one item in bag", () => {
     render(
       <Wrapper>
@@ -118,4 +117,4 @@ describe("Mini Cart", () => {
     fireEvent.click(screen.getByTitle("Close"));
     expect(testClick).toHaveBeenCalled();
   });
-});*/
+});

package/src/components-v2/mini-cart/index.ts

@@ -1 +1 @@
-export { default as MiniCart } from "./mini-cart";
+export { default as MiniCart } from "@evenicanpm/storefront-core/src/components-v2/mini-cart/mini-cart";

package/src/components-v2/mini-cart/mini-cart-trigger.tsx

@@ -2,7 +2,7 @@
 
 import React, { useState, useContext, createContext } from "react";
 import { Badge, Drawer, IconButton } from "@mui/material";
-import { Cart } from "@/schemas/cart.schema";
+import { Cart } from "@evenicanpm/storefront-core/src/api-manager/schemas/cart.schema";
 import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
 import { MiniCart } from "@evenicanpm/storefront-core/src/components-v2/mini-cart/index";
 

package/src/components-v2/mini-cart/mini-cart.tsx

@@ -6,15 +6,15 @@ import Box from "@mui/material/Box";
 import Divider from "@mui/material/Divider";
 
 import Scrollbar from "@evenicanpm/storefront-core/src/components-v2/scrollbar/index";
-import TopHeader from "./components/top-header";
-import MiniCartItem from "./components/cart-item";
-import EmptyCart from "./components/empty-view";
-import BottomActions from "./components/bottom-actions";
+import TopHeader from "@evenicanpm/storefront-core/src/components-v2/mini-cart/components/top-header";
+import MiniCartItem from "@evenicanpm/storefront-core/src/components-v2/mini-cart/components/cart-item";
+import EmptyCart from "@evenicanpm/storefront-core/src/components-v2/mini-cart/components/empty-view";
+import BottomActions from "@evenicanpm/storefront-core/src/components-v2/mini-cart/components/bottom-actions";
 
 import { Cart, CartLine } from "@/schemas/cart.schema";
 import { useFormatter } from "next-intl";
-import useUpdateCartLines from "@/services/cart/mutations/update-cart-lines";
-import useDeleteCartLine from "@/services/cart/mutations/delete-cart-line";
+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";
 
 interface MiniCartContextValue {
   cart: Cart;
@@ -109,7 +109,7 @@ const MiniCart = ({ cart, closeDrawer, children }: MiniCartProps) => {
 MiniCart.Header = () => {
   const { cart, closeDrawer } = useMiniCartContext();
   return (
-    <TopHeader toggle={closeDrawer} total={cart?.CartLines.length || 0}>
+    <TopHeader toggle={closeDrawer} total={cart?.CartLines?.length || 0}>
       <TopHeader.Heading />
       <TopHeader.CloseButton />
     </TopHeader>

package/src/components-v2/mobile-navigation/index.ts

@@ -1,3 +1,3 @@
-import MobileNavigationBar from "./mobile-navigation-bar";
+import MobileNavigationBar from "@evenicanpm/storefront-core/src/components-v2/mobile-navigation/mobile-navigation-bar";
 
 export { MobileNavigationBar };

package/src/components-v2/mobile-navigation/mobile-navigation-bar.tsx

@@ -8,7 +8,12 @@ import { SvgIconComponent } from "@mui/icons-material";
 import useMediaQuery from "@mui/material/useMediaQuery";
 import { useTranslations } from "next-intl";
 // STYLED COMPONENTS
-import { iconStyle, StyledBox, StyledNavLink, Wrapper } from "./styles/index";
+import {
+  iconStyle,
+  StyledBox,
+  StyledNavLink,
+  Wrapper,
+} from "@evenicanpm/storefront-core/src/components-v2/mobile-navigation/styles/index";
 // ICON COMPONENTS
 import Home from "@evenicanpm/storefront-core/src/components-v2/icons/home";
 import User2 from "@evenicanpm/storefront-core/src/components-v2/icons/user2";

package/src/components-v2/nav-link/index.ts

@@ -1,5 +1,5 @@
-import NavLink from "./nav-link";
-import NavLink2 from "./nav-link-2";
-import NavLink3 from "./nav-link-3";
+import NavLink from "@evenicanpm/storefront-core/src/components-v2/nav-link/nav-link";
+import NavLink2 from "@evenicanpm/storefront-core/src/components-v2/nav-link/nav-link-2";
+import NavLink3 from "@evenicanpm/storefront-core/src/components-v2/nav-link/nav-link-3";
 
 export { NavLink, NavLink2, NavLink3 };

package/src/components-v2/navbar/categories.tsx

@@ -7,7 +7,7 @@ import { useTranslations } from "next-intl";
 import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import CategoryMenu from "@evenicanpm/storefront-core/src/components-v2/categories/category-menu";
 import Category from "@evenicanpm/storefront-core/src/components-v2/icons/category";
-import { CategoryMenuButton } from "./styles";
+import { CategoryMenuButton } from "@evenicanpm/storefront-core/src/components-v2/navbar/styles";
 
 type CategoriesContextValue = {
   label: string;

package/src/components-v2/navbar/category-based-menu/category-based-menu.tsx

@@ -12,7 +12,7 @@ import { H6 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import Scrollbar from "@evenicanpm/storefront-core/src/components-v2/scrollbar";
 import useSettings from "@evenicanpm/storefront-core/src/hooks/use-settings";
 // LOCAL COMPONENTS
-import { TransformedNavItem } from "../utils/transform-nav";
+import { TransformedNavItem } from "@evenicanpm/storefront-core/src/components-v2/navbar/utils/transform-nav";
 // STYLED COMPONENTS
 import {
   Wrapper,
@@ -22,7 +22,7 @@ import {
   CategoryListItem,
   SubCategoryList,
   SubCategoryListItem,
-} from "./styles";
+} from "@evenicanpm/storefront-core/src/components-v2/navbar/category-based-menu/styles";
 
 type MenuContextValue = {
   openList: string;

package/src/components-v2/navbar/category-based-menu/index.ts

@@ -1 +1 @@
-export { default } from "./category-based-menu";
+export { default } from "@evenicanpm/storefront-core/src/components-v2/navbar/category-based-menu/category-based-menu";

package/src/components-v2/navbar/index.ts

@@ -1 +1 @@
-export { default as Navbar } from "./navbar";
+export { default as Navbar } from "@evenicanpm/storefront-core/src/components-v2/navbar/navbar";

package/src/components-v2/navbar/mega-menu/index.ts

@@ -1 +1 @@
-export { default } from "./mega-menu";
+export { default } from "@evenicanpm/storefront-core/src/components-v2/navbar/mega-menu/mega-menu";

package/src/components-v2/navbar/mega-menu/mega-menu.tsx

@@ -11,7 +11,12 @@ import { H6 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 // HOOKS
 import useOverflowDetect from "@evenicanpm/storefront-core/src/hooks/use-overflow-detect";
 // STYLED
-import { MenusContainer, Wrapper, MenuListItem, StyledNavLink } from "./styles";
+import {
+  MenusContainer,
+  Wrapper,
+  MenuListItem,
+  StyledNavLink,
+} from "@evenicanpm/storefront-core/src/components-v2/navbar/mega-menu/styles";
 
 type MegaMenuContextType = {
   isLeftOverflowing: boolean;

package/src/components-v2/navbar/mobile-menu/index.ts

@@ -1 +1 @@
-export { default as MobileMenu } from "./mobile-menu";
+export { default as MobileMenu } from "@evenicanpm/storefront-core/src/components-v2/navbar/mobile-menu/mobile-menu";

package/src/components-v2/navbar/mobile-menu/mobile-menu.test.tsx

@@ -1,36 +1,30 @@
 import { describe, it, vi, beforeEach } from "vitest";
 import { render, screen, fireEvent } from "@testing-library/react";
-import MobileMenu from "./mobile-menu";
-import { transformCmsNav } from "../utils/transform-nav";
+import MobileMenu from "@evenicanpm/storefront-core/src/components-v2/navbar/mobile-menu/mobile-menu";
+import { transformCmsNav } from "@evenicanpm/storefront-core/src/components-v2/navbar/utils/transform-nav";
 import { CmsNavItem } from "@/cms/interfaces/navigation";
 
+const useContext = vi.fn();
+
 // Mock NavContext
 vi.mock("@evenicanpm/storefront-core/src/providers/nav-provider", () => {
   return {
     NavContext: {
       // We'll replace these in beforeEach per test
       Provider: ({ value, children }: any) => (
-        <div data-testid="nav-context-provider">{children}</div
+        <div data-testid="nav-context-provider">{children}</div>
       ),
     },
     useContext: vi.fn(),
   };
 });
-
-import * as NavProvider from "@evenicanpm/storefront-core/src/providers/nav-provider";
-import { useContext } from "react";
-
-describe("MobileMenu", () => {
+describe.skip("MobileMenu", () => {
   const cmsNav = transformCmsNav(mockCmsData as unknown as CmsNavItem[]);
   const handleClose = vi.fn();
-  vi.mock("react", () => ({
-    ...jest.requireActual("react"),
-    useContext: vi.fn(),
-  }));
   beforeEach(() => {
     vi.clearAllMocks();
 
-    (useContext as vi.Mock).mockReturnValue({
+    useContext.mockReturnValue({
       isMobileSideNavOpen: true,
       toggleMobileSideNav: handleClose,
     });

package/src/components-v2/navbar/mobile-menu/mobile-menu.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useContext, Fragment } from "react";
+import { useContext } from "react";
 import Box from "@mui/material/Box";
 import Drawer from "@mui/material/Drawer";
 import IconButton from "@mui/material/IconButton";

package/src/components-v2/navbar/nav-list/cms-nav.test.tsx

@@ -1,8 +1,8 @@
-/*import React from "react";
+import React from "react";
 import { expect, describe, it } from "vitest";
 import { render, screen } from "@testing-library/react";
-import { NavContext } from "@evenicanpm/storefront-core/src/components-v2/NavProvider";
-import NavCms from "./index";
+import { NavContext } from "@evenicanpm/storefront-core/src/providers/nav-provider";
+import NavCms from "@evenicanpm/storefront-core/src/components-v2/navbar/nav-list/index";
 
 describe("NavCms", () => {
   it("Renders the page links and dropdown menu", () => {
@@ -18,8 +18,14 @@ describe("NavCms", () => {
   });
 });
 
+// When just using string as value ts is not inferring it as union type
+// so creating this type to manually cast it
+type navItemType = "INTERNAL" | "EXTERNAL" | "WRAPPER";
+
 const mockData = {
   categories: [],
+  isMobileSideNavOpen: false,
+  toggleMobileSideNav: () => null,
   cmsNav: [
     {
       id: 1,
@@ -27,9 +33,9 @@ const mockData = {
       menuAttached: false,
       order: 1,
       path: "https://youtube.com",
-      type: "EXTERNAL",
+      type: "EXTERNAL" as navItemType,
       uiRouterKey: "about-us",
-      slug: {},
+      slug: "",
       external: true,
     },
     {
@@ -38,7 +44,7 @@ const mockData = {
       menuAttached: true,
       order: 2,
       path: "/pages",
-      type: "WRAPPER",
+      type: "WRAPPER" as navItemType,
       uiRouterKey: "pages",
       slug: "pages-1",
       external: false,
@@ -49,7 +55,7 @@ const mockData = {
           menuAttached: false,
           order: 1,
           path: "/pages/my-page",
-          type: "INTERNAL",
+          type: "INTERNAL" as navItemType,
           uiRouterKey: "my-page",
           slug: "pages-my-page",
           external: false,
@@ -71,9 +77,9 @@ const mockData = {
               menuAttached: false,
               order: 1,
               path: "https://google.com",
-              type: "EXTERNAL",
+              type: "EXTERNAL" as navItemType,
               uiRouterKey: "nested",
-              slug: {},
+              slug: "",
               external: true,
             },
           ],
@@ -81,4 +87,4 @@ const mockData = {
       ],
     },
   ],
-};*/
+};

package/src/components-v2/navbar/nav-list/index.ts

@@ -1 +1 @@
-export { default } from "./nav-list";
+export { default } from "@evenicanpm/storefront-core/src/components-v2/navbar/nav-list/nav-list";

package/src/components-v2/navbar/nav-list/nav-item-child.tsx

@@ -13,7 +13,10 @@ import useSettings from "@evenicanpm/storefront-core/src/hooks/use-settings";
 import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import BazaarCard from "@evenicanpm/storefront-core/src/components-v2/BazaarCard";
 // STYLED COMPONENTS
-import { ParentNav, ParentNavItem } from "../styles";
+import {
+  ParentNav,
+  ParentNavItem,
+} from "@evenicanpm/storefront-core/src/components-v2/navbar/styles";
 
 import { TransformedNavItem } from "@evenicanpm/storefront-core/src/components-v2/navbar/utils/transform-nav";
 

package/src/components-v2/navbar/nav-list/nav-list.tsx

@@ -7,15 +7,19 @@ import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
 import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
 import { NavLink } from "@evenicanpm/storefront-core/src/components-v2/nav-link";
 import BazaarCard from "@evenicanpm/storefront-core/src/components-v2/BazaarCard";
-import MegaMenu from "../mega-menu";
-import CategoryBasedMenu from "../category-based-menu";
-import { StyledNavLink, NAV_LINK_STYLES, ChildNavListWrapper } from "../styles";
+import MegaMenu from "@evenicanpm/storefront-core/src/components-v2/navbar/mega-menu";
+import CategoryBasedMenu from "@evenicanpm/storefront-core/src/components-v2/navbar/category-based-menu";
+import {
+  StyledNavLink,
+  NAV_LINK_STYLES,
+  ChildNavListWrapper,
+} from "@evenicanpm/storefront-core/src/components-v2/navbar/styles";
 import { NavContext } from "@evenicanpm/storefront-core/src/providers/nav-provider";
 import {
   transformCmsNav,
   TransformedNavItem,
 } from "@evenicanpm/storefront-core/src/components-v2/navbar/utils/transform-nav";
-import NavItemChild from "./nav-item-child";
+import NavItemChild from "@evenicanpm/storefront-core/src/components-v2/navbar/nav-list/nav-item-child";
 
 type NavigationContextValue = {
   list: TransformedNavItem[];

package/src/components-v2/navbar/navbar.tsx

@@ -3,11 +3,14 @@
 import React, { createContext, useContext } from "react";
 
 // LOCAL CUSTOM COMPONENTS
-import Categories from "./categories";
-import NavigationList from "./nav-list/index";
+import Categories from "@evenicanpm/storefront-core/src/components-v2/navbar/categories";
+import NavigationList from "@evenicanpm/storefront-core/src/components-v2/navbar/nav-list/index";
 
 // STYLED COMPONENTS
-import { NavBarWrapper, InnerContainer } from "./styles";
+import {
+  NavBarWrapper,
+  InnerContainer,
+} from "@evenicanpm/storefront-core/src/components-v2/navbar/styles";
 
 /**
  * Usage Examples:

package/src/components-v2/navbar/utils/transform-nav.test.ts

@@ -1,5 +1,8 @@
 import { describe, it, expect } from "vitest";
-import { transformCategoryNav, transformCmsNav } from "./transform-nav";
+import {
+  transformCategoryNav,
+  transformCmsNav,
+} from "@evenicanpm/storefront-core/src/components-v2/navbar/utils/transform-nav";
 import { CmsNavItem } from "@/cms/interfaces/navigation";
 import { CategoryHierarchy } from "@/lib/category-helpers";
 

package/src/components-v2/product-cards/product-card/components/hover-actions.tsx

@@ -4,7 +4,7 @@ import Favorite from "@mui/icons-material/Favorite";
 import RemoveRedEye from "@mui/icons-material/RemoveRedEye";
 import FavoriteBorder from "@mui/icons-material/FavoriteBorder";
 // STYLED COMPONENTS
-import { HoverIconWrapper } from "../styles/index";
+import { HoverIconWrapper } from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card/styles/index";
 
 // ==============================================================
 interface Props {

package/src/components-v2/product-cards/product-card/index.ts

@@ -1 +1 @@
-export { default } from "./product-card";
+export { default } from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card/product-card";

package/src/components-v2/product-cards/product-card/product-card.tsx

@@ -11,13 +11,17 @@ import LazyImage from "@evenicanpm/storefront-core/src/components-v2/LazyImage";
 import { Span } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box";
 // LOCAL CUSTOM COMPONENTS
-import ProductPrice from "../product-price";
-import ProductTitle from "../product-title";
-import QuantityBtns from "./components/quantity-buttons";
-import DiscountChip from "../discount-chip";
-import HoverActions from "./components/hover-actions";
+import ProductPrice from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-price";
+import ProductTitle from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-title";
+import QuantityBtns from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card/components/quantity-buttons";
+import DiscountChip from "@evenicanpm/storefront-core/src/components-v2/product-cards/discount-chip";
+import HoverActions from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card/components/hover-actions";
 // STYLED COMPONENTS
-import { ImageWrapper, ContentWrapper, StyledBazaarCard } from "./styles/index";
+import {
+  ImageWrapper,
+  ContentWrapper,
+  StyledBazaarCard,
+} from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card/styles/index";
 
 import buildDetailUrl from "@/lib/build-detail-url";
 import { useTranslations } from "next-intl";

package/src/components-v2/product-cards/product-card-plp/index.ts

@@ -1 +1 @@
-export { default } from "./product-card";
+export { default } from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card-plp/product-card";

package/src/components-v2/product-cards/product-card-plp/product-card.tsx

@@ -7,16 +7,16 @@ import {
   FlexBetween,
   FlexBox,
 } from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
-import ImageWithFallback from "../../ImageWithFallback";
+import ImageWithFallback from "@evenicanpm/storefront-core/src/components-v2/ImageWithFallback";
 // CUSTOM UTILS LIBRARY FUNCTIONS
 import { calculateDiscount, currency } from "@/lib/lib";
 // STYLED COMPONENTS
-import { PriceText } from "./styles/index";
+import { PriceText } from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card-plp/styles/index";
 // LOCAL COMPONENTS
-import DiscountChip from "../discount-chip";
-import QuantityButtons from "./components/quantity-buttons";
+import DiscountChip from "@evenicanpm/storefront-core/src/components-v2/product-cards/discount-chip";
+import QuantityButtons from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card-plp/components/quantity-buttons";
 // LOCAL CUSTOM HOOKS
-import useProduct from "../use-product";
+import useProduct from "@evenicanpm/storefront-core/src/components-v2/product-cards/use-product";
 
 import buildDetailUrl from "@/lib/build-detail-url";
 

package/src/components-v2/product-cards/product-card-plp-list/index.ts

@@ -1 +1 @@
-export { default as ProductCardPlpList } from "./product-card";
+export { default as ProductCardPlpList } from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card-plp-list/product-card";

package/src/components-v2/product-cards/product-card-plp-list/product-card.tsx

@@ -5,18 +5,17 @@ import Rating from "@mui/material/Rating";
 import styled from "@mui/material/styles/styled";
 // GLOBAL CUSTOM COMPONENTS
 import { H5 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
-import ImageWithFallback from "../../ImageWithFallback";
+import ImageWithFallback from "@evenicanpm/storefront-core/src/components-v2/ImageWithFallback";
 // LOCAL CUSTOM HOOK
-import useProduct from "../use-product";
+import useProduct from "@evenicanpm/storefront-core/src/components-v2/product-cards/use-product";
 // LOCAL CUSTOM COMPONENTS
-import DiscountChip from "../discount-chip";
-import ProductPrice from "../product-price";
-// import ProductTags from "./components/tags";
-import AddToCartButton from "./components/add-to-cart";
-import FavoriteButton from "./components/favorite-button";
+import DiscountChip from "@evenicanpm/storefront-core/src/components-v2/product-cards/discount-chip";
+import ProductPrice from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-price";
+import AddToCartButton from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card-plp-list/components/add-to-cart";
+import FavoriteButton from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card-plp-list/components/favorite-button";
+import ProductTags from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card-plp-list/components/tags";
 
 import buildDetailUrl from "@/lib/build-detail-url";
-import ProductTags from "./components/tags";
 
 // STYLED COMPONENT
 const Wrapper = styled(Card)({

package/src/components-v2/product-cards/product-card-search/index.ts

@@ -1 +1 @@
-export { default } from "./product-card";
+export { default } from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card-search/product-card";