@evenicanpm/storefront-core 1.0.4 → 1.0.6

package/src/cms/blocks/index.tsx

@@ -1,16 +1,16 @@
 // From scratch components
-export { default as BrandLogosScroller } from "./Components/BrandLogosScroller";
-export { default as CategoryCard } from "./Components/CategoryCard";
-export { default as FeaturedCategories } from "./Components/FeaturedCategories";
-export { default as FeaturedProducts } from "./Components/FeaturedProducts";
-export { default as FeaturePill } from "./Components/FeaturePill";
-export { default as Footer } from "./Components/Footer";
-export { default as Hero } from "./Components/Hero";
-export { default as MediaCard } from "./Components/MediaCard";
-export { default as RichText } from "./Components/RichText";
-export { default as Image } from "./Components/Image";
-export { default as HeroCarousel } from "./Components/HeroCarousel/index";
-export { default as Services } from "./Components/Services/index";
-export { default as ProductCarousel } from "./Components/ProductCarousel/index";
-export { default as ProductSectionFullWidth } from "./Components/ProductSectionFullWidth/index";
-export { default as CategoryCarousel } from "./Components/CategoryCarousel/index";
+export { default as BrandLogosScroller } from "@/cms/blocks/components/brand-logos-scroller";
+export { default as CategoryCard } from "@/cms/blocks/components/category-card";
+export { default as FeaturedCategories } from "@/cms/blocks/components/featured-categories";
+export { default as FeaturedProducts } from "@/cms/blocks/components/featured-products";
+export { default as FeaturePill } from "@/cms/blocks/components/feature-pill";
+export { default as Footer } from "@/cms/blocks/components/footer";
+export { default as Hero } from "@/cms/blocks/components/hero";
+export { default as MediaCard } from "@/cms/blocks/components/media-card";
+export { default as RichText } from "@/cms/blocks/components/rich-text";
+export { default as Image } from "@/cms/blocks/components/image";
+export { default as HeroCarousel } from "@/cms/blocks/components/hero-carousel/index";
+export { default as Services } from "@/cms/blocks/components/services/index";
+export { default as ProductCarousel } from "@/cms/blocks/components/product-carousel/index";
+export { default as ProductSectionFullWidth } from "@/cms/blocks/components/product-section-fullwidth/index";
+export { default as CategoryCarousel } from "@/cms/blocks/components/category-carousel/index";

package/src/cms/blog.ts

@@ -1,6 +1,6 @@
-import cms from "./endpoints";
+import cms from "@/cms/endpoints";
 import { type BlocksContent } from "@strapi/blocks-react-renderer";
-import { Formats } from "./interfaces/productData";
+import { Formats } from "@/cms/interfaces/product-data";
 
 export interface Blogs {
   data: Array<{

package/src/cms/endpoints.ts

@@ -1,4 +1,4 @@
-import { Formats } from "./interfaces/productData";
+import { Formats } from "@/cms/interfaces/product-data";
 
 const apiKeys = {
   pages: "/cms/pages",

package/src/cms/interfaces/navigation.ts

@@ -40,13 +40,13 @@ export interface CmsNavRelated {
 }
 
 export interface CmsNavItem {
-  title: string;
-  menuAttached: boolean;
-  path: string;
-  type: "INTERNAL" | "EXTERNAL";
-  uiRouterKey: string;
-  slug: string;
-  related: CmsNavRelated | null;
-  external: boolean;
-  items: CmsNavItem[];
+  title?: string;
+  menuAttached?: boolean;
+  path?: string;
+  type?: "INTERNAL" | "EXTERNAL" | "WRAPPER";
+  uiRouterKey?: string;
+  slug?: string;
+  related?: CmsNavRelated | null;
+  external?: boolean;
+  items?: CmsNavItem[];
 }

package/src/cms/pages.ts

@@ -1,4 +1,4 @@
-import cmsEndPoints from "./endpoints";
+import cmsEndPoints from "@/cms/endpoints";
 
 // TODO -> No types should be in CMS folder -> setup strapi codegen
 export interface Pages {

package/src/components-v2/BazaarMenu.tsx

@@ -19,6 +19,7 @@ export default function BazaarMenu({
   handler,
   options,
   direction = "left",
+  sx,
   ...props
 }: Props) {
   const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);
@@ -38,6 +39,7 @@ export default function BazaarMenu({
         open={open !== undefined ? open : !!anchorEl}
         anchorOrigin={{ vertical: "bottom", horizontal: direction }}
         transformOrigin={{ vertical: "top", horizontal: direction }}
+        sx={sx}
         {...props}
       >
         {options(handleClose)}

package/src/components-v2/BazaarTextField.tsx

@@ -1,7 +1,7 @@
 import Box, { BoxProps } from "@mui/material/Box";
 import TextField, { TextFieldProps } from "@mui/material/TextField";
 // CUSTOM COMPONENT
-import { H6 } from "./Typography";
+import { H6 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 
 // ==============================================================
 type Props = TextFieldProps & BoxProps;

package/src/components-v2/DropZone.tsx

@@ -6,7 +6,10 @@ import Divider from "@mui/material/Divider";
 // DROPZONE
 import { Accept, FileRejection, useDropzone } from "react-dropzone";
 // LOCAL CUSTOM COMPONENT
-import { H5, Small } from "./Typography";
+import {
+  H5,
+  Small,
+} from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import { useTranslations } from "next-intl";
 
 // ========================================================

package/src/components-v2/ImageWithFallback.tsx

@@ -2,7 +2,7 @@
 
 import React, { useState, useEffect } from "react";
 import { ImageProps } from "next/image";
-import LazyImage from "./LazyImage";
+import LazyImage from "@evenicanpm/storefront-core/src/components-v2/LazyImage";
 
 export interface ImageWithFallbackProps extends ImageProps {
   fallbackSrc?: string;

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

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

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

@@ -6,9 +6,9 @@ import Slider from "react-slick";
 import { Settings, CustomArrowProps } from "react-slick";
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
-import { createArrows } from "./components/carousel-arrows";
-import { createDots } from "./components/carousel-dots";
-import { RootStyle } from "./styles/index";
+import { createArrows } from "@evenicanpm/storefront-core/src/components-v2/carousel/components/carousel-arrows";
+import { createDots } from "@evenicanpm/storefront-core/src/components-v2/carousel/components/carousel-dots";
+import { RootStyle } from "@evenicanpm/storefront-core/src/components-v2/carousel/styles/index";
 
 type ArrowConfig = {
   sx?: SxProps<Theme>;

package/src/components-v2/carousel/components/carousel-arrows.tsx

@@ -4,7 +4,7 @@ import { SxProps, Theme } from "@mui/material/styles";
 import ArrowBack from "@mui/icons-material/ArrowBack";
 import ArrowForward from "@mui/icons-material/ArrowForward";
 // STYLED COMPONENT
-import { ArrowButton } from "../styles/index";
+import { ArrowButton } from "@evenicanpm/storefront-core/src/components-v2/carousel/styles/index";
 
 type ArrowConfig = {
   sx?: SxProps<Theme>;

package/src/components-v2/carousel/components/carousel-dots.tsx

@@ -1,7 +1,10 @@
 import { Settings } from "react-slick";
 import { SxProps, Theme } from "@mui/material/styles";
 // STYLED COMPONENTS
-import { Dot, DotList } from "../styles/index";
+import {
+  Dot,
+  DotList,
+} from "@evenicanpm/storefront-core/src/components-v2/carousel/styles/index";
 
 type DotConfig = {
   dotColor?: string;

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

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

package/src/components-v2/carousel-cards/carousel-card-1/carousel-card-1.tsx

@@ -5,7 +5,7 @@ import Button from "@mui/material/Button";
 import BazaarImage from "@evenicanpm/storefront-core/src/components-v2/BazaarImage";
 import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 // STYLED COMPONENT
-import { StyledRoot } from "./styles";
+import { StyledRoot } from "@evenicanpm/storefront-core/src/components-v2/carousel-cards/carousel-card-1/styles";
 
 type CarouselCard1Props = {
   children: ReactNode;

package/src/components-v2/carousel-cards/carousel-card-1/index.ts

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

package/src/components-v2/categories/category-list/category-list.tsx

@@ -1,13 +1,16 @@
 "use client";
 
 import React, { createContext, useContext, ReactNode } from "react";
-import getCategories from "@/services/categories/queries/get-categories";
-import { CategoryHierarchy } from "@/lib/category-helpers";
-import { StyledRoot, SubMenuStyledRoot } from "./styles";
+import getCategories from "@evenicanpm/storefront-core/src/api-manager/services/categories/queries/get-categories";
+import { CategoryHierarchy } from "@evenicanpm/storefront-core/src/lib/category-helpers";
+import {
+  StyledRoot,
+  SubMenuStyledRoot,
+} from "@evenicanpm/storefront-core/src/components-v2/categories/category-list/styles";
 
 import MegaMenu1 from "@evenicanpm/storefront-core/src/components-v2/categories/mega-menu/mega-menu-1";
 import MegaMenu2 from "@evenicanpm/storefront-core/src/components-v2/categories/mega-menu/mega-menu-2";
-import CategoryListItem from "../category-list-item/index";
+import CategoryListItem from "@evenicanpm/storefront-core/src/components-v2/categories/category-list-item/index";
 
 type MegaMenuType = "default" | "mega-menu-1" | "mega-menu-2";
 

package/src/components-v2/categories/category-list/index.ts

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

package/src/components-v2/categories/category-list/styles.ts

@@ -1,5 +1,5 @@
 import styled from "@mui/material/styles/styled";
-import { Props } from "./types";
+import { Props } from "@evenicanpm/storefront-core/src/components-v2/categories/category-list/types";
 import Card from "@mui/material/Card";
 
 interface StyledRootProps extends React.HTMLAttributes<HTMLDivElement> {

package/src/components-v2/categories/category-list-item/category-menu-item.tsx

@@ -4,7 +4,7 @@ import { ReactNode } from "react";
 import { SvgIconComponent } from "@mui/icons-material";
 import ChevronRight from "@mui/icons-material/ChevronRight";
 // STYLED COMPONENT
-import { Wrapper } from "./styles";
+import { Wrapper } from "@evenicanpm/storefront-core/src/components-v2/categories/category-list-item/styles";
 
 // =============================================================
 interface Props {

package/src/components-v2/categories/category-list-item/index.ts

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

package/src/components-v2/categories/category-menu.tsx

@@ -2,7 +2,7 @@
 
 import { MouseEvent, useCallback, useEffect, useState } from "react";
 import styled from "@mui/material/styles/styled";
-import CategoryList from "./category-list/index";
+import CategoryList from "@evenicanpm/storefront-core/src/components-v2/categories/category-list/index";
 
 // STYLED COMPONENT
 const Wrapper = styled("div", {

package/src/components-v2/categories/mega-menu/column-list.tsx

@@ -7,7 +7,7 @@ import Grid from "@mui/material/Grid2";
 import LazyImage from "@evenicanpm/storefront-core/src/components-v2/LazyImage";
 import { FlexBox } from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
 import { NavLink } from "@evenicanpm/storefront-core/src/components-v2/nav-link/index";
-import { StyledRoot } from "./styles";
+import { StyledRoot } from "@evenicanpm/storefront-core/src/components-v2/categories/mega-menu/styles";
 
 interface RootProps extends PropsWithChildren {
   minWidth?: number;

package/src/components-v2/categories/mega-menu/mega-menu-1.tsx

@@ -4,9 +4,9 @@ import Box from "@mui/material/Box";
 // GLOBAL CUSTOM COMPONENTS
 import LazyImage from "@evenicanpm/storefront-core/src/components-v2/LazyImage";
 // LOCAL CUSTOM COMPONENTS
-import ColumnList from "./column-list";
+import ColumnList from "@evenicanpm/storefront-core/src/components-v2/categories/mega-menu/column-list";
 // DATA TYPE
-import { CategoryItemOffer } from "../types";
+import { CategoryItemOffer } from "@evenicanpm/storefront-core/src/components-v2/categories/types";
 import { CategoryHierarchy } from "@/lib/category-helpers";
 
 // =========================================================

package/src/components-v2/categories/mega-menu/mega-menu-2.tsx

@@ -1,9 +1,9 @@
 // LOCAL CUSTOM COMPONENTS
-import OfferBanner from "./banner";
-import ColumnList from "./column-list";
-import CategoryMenuItem from "../category-list-item/index";
+import OfferBanner from "@evenicanpm/storefront-core/src/components-v2/categories/mega-menu/banner";
+import ColumnList from "@evenicanpm/storefront-core/src/components-v2/categories/mega-menu/column-list";
+import CategoryMenuItem from "@evenicanpm/storefront-core/src/components-v2/categories/category-list-item/index";
 // STYLED COMPONENT
-import { StyledRoot } from "./styles";
+import { StyledRoot } from "@evenicanpm/storefront-core/src/components-v2/categories/mega-menu/styles";
 // DATA TYPE
 import { CategoryHierarchy } from "@/lib/category-helpers";
 

package/src/components-v2/flex-box/index.ts

@@ -1,5 +1,5 @@
-import FlexBox from "./flex-box";
-import FlexBetween from "./flex-between";
-import FlexRowCenter from "./flex-row-center";
+import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
+import FlexBetween from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-between";
+import FlexRowCenter from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-row-center";
 
 export { FlexBox, FlexBetween, FlexRowCenter };

package/src/components-v2/header/{components → __tests__}/user.test.tsx

@@ -1,24 +1,32 @@
-/*
 import { render, screen, fireEvent, waitFor } from "@testing-library/react";
 import { useSession } from "next-auth/react";
 import { NextIntlClientProvider } from "next-intl";
 import { vi } from "vitest";
-import User from "./user";
-import { msalInstance } from "@/lib/auth/msal";
-import signOut from "@/lib/auth/signout";
+import Header from "@evenicanpm/storefront-core/src/components-v2/header/header";
+import signOut from "@evenicanpm/storefront-core/src/auth/signout";
 
-vi.mock("@/services | update | bd/session/mutations/session-init", () => ({
-  default: () => ({ mutateAsync: vi.fn() }),
-}));
+vi.mock(
+  "@evenicanpm/storefront-core/src/api-manager/services/session/mutations/session-init",
+  () => ({
+    default: () => ({ mutateAsync: vi.fn() }),
+  }),
+);
 
 const mockMutate = vi.fn().mockResolvedValue({});
-vi.mock("@/services | update | bd/user/mutations/update-user", () => ({
-  default: () => ({ mutateAsync: mockMutate }),
-}));
+const mockHandleRedirectPromise = vi.fn().mockResolvedValue(null);
+vi.mock(
+  "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/update-user",
+  () => ({
+    default: () => ({ mutateAsync: mockMutate }),
+  }),
+);
 
-vi.mock("@/services | update | bd/session/mutations/session-logout", () => ({
-  default: () => ({ mutateAsync: vi.fn() }),
-}));
+vi.mock(
+  "@evenicanpm/storefront-core/src/api-manager/services/session/mutations/session-logout",
+  () => ({
+    default: () => ({ mutateAsync: vi.fn() }),
+  }),
+);
 
 vi.mock("next/navigation", () => ({
   useRouter: () => ({
@@ -32,19 +40,19 @@ vi.mock("next-auth/react", () => ({
   signIn: vi.fn(),
 }));
 
-vi.mock("@/lib/auth/msal", () => ({
-  msalInstance: {
-    handleRedirectPromise: vi.fn().mockResolvedValue(null),
-  },
+vi.mock("@evenicanpm/storefront-core/src/auth/msal", () => ({
+  getMsalInstance: () => ({
+    handleRedirectPromise: mockHandleRedirectPromise,
+  }),
   initializeMsal: vi.fn().mockResolvedValue(undefined),
 }));
 
-vi.mock("@/lib/auth/signout", () => ({
+vi.mock("@evenicanpm/storefront-core/src/auth/signout", () => ({
   default: vi.fn(),
 }));
 
 describe("User Component", async () => {
-  const messages = (await import("@/../messages/en-USon")).default;
+  const messages = (await import("@messages/en-US.json")).default;
 
   it("renders login button when user is not authenticated", () => {
     (useSession as jest.Mock).mockReturnValue({
@@ -54,7 +62,9 @@ describe("User Component", async () => {
 
     render(
       <NextIntlClientProvider locale="en" messages={messages}>
-        <User />
+        <Header className="">
+          <Header.User />
+        </Header>
       </NextIntlClientProvider>,
     );
 
@@ -72,7 +82,9 @@ describe("User Component", async () => {
 
     render(
       <NextIntlClientProvider locale="en" messages={messages}>
-        <User />
+        <Header>
+          <Header.User />
+        </Header>
       </NextIntlClientProvider>,
     );
 
@@ -88,7 +100,11 @@ describe("User Component", async () => {
       status: "authenticated",
     });
 
-    render(<User />);
+    render(
+      <Header>
+        <Header.User />
+      </Header>,
+    );
 
     expect(signOut).toHaveBeenCalled();
   });
@@ -103,7 +119,9 @@ describe("User Component", async () => {
 
     render(
       <NextIntlClientProvider locale="en" messages={messages}>
-        <User />
+        <Header>
+          <Header.User />
+        </Header>
       </NextIntlClientProvider>,
     );
 
@@ -126,7 +144,7 @@ describe("User Component", async () => {
       status: "authenticated",
     });
 
-    vi.mocked(msalInstance.handleRedirectPromise).mockResolvedValue({
+    vi.mocked(mockHandleRedirectPromise).mockResolvedValue({
       authority: "https://login.microsoftonline.com/some_authority",
       uniqueId: "some_unique_id",
       tenantId: "some_tenant_id",
@@ -152,7 +170,9 @@ describe("User Component", async () => {
 
     render(
       <NextIntlClientProvider locale="en" messages={messages}>
-        <User />
+        <Header>
+          <Header.User />
+        </Header>
       </NextIntlClientProvider>,
     );
 
@@ -178,23 +198,25 @@ describe("User Component", async () => {
       status: "authenticated",
     });
 
-    vi.mocked(msalInstance.handleRedirectPromise).mockRejectedValue(
+    vi.mocked(mockHandleRedirectPromise).mockRejectedValue(
       new Error("MSAL Error"),
     );
 
     render(
       <NextIntlClientProvider locale="en" messages={messages}>
-        <User />
+        <Header>
+          <Header.User />
+        </Header>
       </NextIntlClientProvider>,
     );
 
     await waitFor(() =>
       expect(consoleErrorSpy).toHaveBeenCalledWith(
-        "MSAL Redirect Handling Error:",
+        "MSAL redirect error:",
         expect.any(Error),
       ),
     );
 
     consoleErrorSpy.mockRestore();
   });
-});*/
+});

package/src/components-v2/header/components/mobile-header.tsx

@@ -11,8 +11,8 @@ import {
   FlexBox,
 } from "@evenicanpm/storefront-core/src/components-v2/flex-box/index";
 import SiteLogo from "@evenicanpm/storefront-core/src/components-v2/site-logo";
-import MiniCartTrigger from "../../mini-cart/mini-cart-trigger";
-import User from "./user";
+import MiniCartTrigger from "@evenicanpm/storefront-core/src/components-v2/mini-cart/mini-cart-trigger";
+import User from "@evenicanpm/storefront-core/src/components-v2/header/components/user";
 // ICONS
 import { MdClear as Clear } from "react-icons/md";
 import Search from "@evenicanpm/storefront-core/src/components-v2/icons/search";
@@ -20,7 +20,7 @@ import MobileCartBag from "@evenicanpm/storefront-core/src/components-v2/icons/c
 // API
 import getCart from "@/api-manager/services/cart/queries/get-cart";
 
-import useHeader from "../hooks/use-header";
+import useHeader from "@evenicanpm/storefront-core/src/components-v2/header/hooks/use-header";
 import { SearchBarViewSm as SearchBar } from "@evenicanpm/storefront-core/src/components-v2/search-bar";
 import {
   transformCategoryNav,

package/src/components-v2/header/components/user.tsx

@@ -24,12 +24,15 @@ import { NavLink } from "@evenicanpm/storefront-core/src/components-v2/nav-link"
 import T from "@evenicanpm/storefront-core/src/components-v2/T";
 // Auth components
 import { signIn, useSession } from "next-auth/react";
-import { getMsalInstance, initializeMsal } from "@/auth/msal";
-import signOutCustom from "@/auth/signout";
+import {
+  getMsalInstance,
+  initializeMsal,
+} from "@evenicanpm/storefront-core/src/auth/msal";
+import signOutCustom from "@evenicanpm/storefront-core/src/auth/signout";
 // API hooks
-import useUpdateUser from "@/services/user/mutations/update-user";
-import useSessionInit from "@/services/session/mutations/session-init";
-import useSessionLogout from "@/services/session/mutations/session-logout";
+import useUpdateUser from "@evenicanpm/storefront-core/src/api-manager/services/user/mutations/update-user";
+import useSessionInit from "@evenicanpm/storefront-core/src/api-manager/services/session/mutations/session-init";
+import useSessionLogout from "@evenicanpm/storefront-core/src/api-manager/services/session/mutations/session-logout";
 
 interface IdTokenClaims {
   given_name?: string;

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

@@ -7,13 +7,16 @@ import { MdOutlineShoppingBag } from "react-icons/md";
 import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
 import SiteLogo from "@evenicanpm/storefront-core/src/components-v2/site-logo";
 // LOCAL CUSTOM COMPONENTS
-import CategoriesMenu from "./components/categories-menu";
-import User from "./components/user";
-import MiniCartTrigger from "../mini-cart/mini-cart-trigger";
+import CategoriesMenu from "@evenicanpm/storefront-core/src/components-v2/header/components/categories-menu";
+import User from "@evenicanpm/storefront-core/src/components-v2/header/components/user";
+import MiniCartTrigger from "@evenicanpm/storefront-core/src/components-v2/mini-cart/mini-cart-trigger";
 // STYLED COMPONENTS
-import { HeaderWrapper, StyledContainer } from "./styles/index";
+import {
+  HeaderWrapper,
+  StyledContainer,
+} from "@evenicanpm/storefront-core/src/components-v2/header/styles/index";
 // API
-import getCart from "@/api-manager/services/cart/queries/get-cart";
+import getCart from "@evenicanpm/storefront-core/src/api-manager/services/cart/queries/get-cart";
 
 import { useSession } from "next-auth/react";
 

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

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

package/src/components-v2/header/sticky-header.tsx

@@ -7,7 +7,7 @@ import { useCallback, useState } from "react";
 
 import useTheme from "@mui/material/styles/useTheme";
 import useMediaQuery from "@mui/material/useMediaQuery";
-import MobileHeader from "./components/mobile-header";
+import MobileHeader from "@evenicanpm/storefront-core/src/components-v2/header/components/mobile-header";
 
 export default function StickyHeader() {
   const [isFixed, setIsFixed] = useState(false);