@evenicanpm/storefront-core 1.0.6 → 1.1.0

package/src/api-manager/services/create-query.ts

@@ -26,6 +26,7 @@ const mutex = new Mutex();
  * @param route the route to the corresponding route handler
  * @param apiManagerPath a tuple of two items, entity name and method
  * @param options.disableProperty if these input properties are undefined then disable query
+ * @param options.enabled raw enabled for certain use cases
  * @returns
  */
 export const createQuery = <TInput, TOutput>(
@@ -117,8 +118,11 @@ export const createQuery = <TInput, TOutput>(
    * Client-side hook to call data from react query cache
    * @returns
    */
-  const useData = (input?: TInput): UseQueryResult<TOutput> => {
-    return useQuery(getQueryData(input));
+  const useData = (
+    input?: TInput,
+    options?: { enabled: boolean },
+  ): UseQueryResult<TOutput> => {
+    return useQuery({ ...getQueryData(input), enabled: options?.enabled });
   };
 
   /**
@@ -153,8 +157,11 @@ export const createQuery = <TInput, TOutput>(
    * TODO: need to fix this naming so we're properly shadowing
    * the names of tanstack-query
    */
-  const getData = async (queryClient: QueryClient): Promise<TOutput> => {
-    return await queryClient.getQueryData([config.queryKey]);
+  const getData = async (
+    queryClient: QueryClient,
+  ): Promise<TOutput | undefined> => {
+    const cacheKey = buildCacheKey();
+    return await queryClient.getQueryData(cacheKey);
   };
 
   /**

package/src/api-manager/services/product/queries/get-product-availability.ts

@@ -8,11 +8,10 @@ import {
 const apiPath = createApiPath("product", "getInventory");
 
 const getProductAvailability = createQuery<
-  InventorySearchCriteriaInput,
+  InventorySearchCriteriaInput | undefined | null,
   ProductWarehouseInventoryInformation
 >(apiPath, {
   queryKey: "product-inventory",
-  disableProperties: ["searchCriteria"],
 });
 
 export default getProductAvailability;

package/src/api-manager/services/user/mutations/add-to-wishlist.ts

@@ -25,13 +25,13 @@ const useAddToWishlist = () => {
       // https://tanstack.com/query/latest/docs/reference/QueryClient
       await queryClient.cancelQueries({ queryKey: [getWishlistsQueryKey] });
       const previousWishlists = await getWishlists.getData(queryClient);
-      const optimisticData = previousWishlists.map((list) => {
+      const optimisticData = previousWishlists?.map((list) => {
         if (list.Id === input.Id) {
           // Add the input product line to list
           return {
             ...list,
             ProductListLines: [
-              ...list.ProductListLines,
+              ...(list?.ProductListLines ?? []),
               { ProductId: input.ProductListLines[0].ProductId },
             ],
           };

package/src/api-manager/services/user/mutations/copy-cart-to-wishlist.ts

@@ -5,6 +5,7 @@ import {
 } from "@/api-manager/schemas/user.schema";
 import { createApiPath } from "@/api-manager/services/create-query";
 import { useCreateMutation } from "@/api-manager/services/create-mutation";
+import { WISHLIST_DETAILS_QUERY_KEY } from "@/api-manager/services/user/queries/get-wishlist-details";
 
 const apiPath = createApiPath("user", "copyCartToWishlist");
 
@@ -14,7 +15,7 @@ const useCopyCartToWishlist = () => {
   return useCreateMutation<CopyCartToWishlistInput, Wishlist>(apiPath, {
     onSuccess: (_data, _variables) => {
       queryClient.invalidateQueries({
-        queryKey: ["wishlistDetails", _variables.Id],
+        queryKey: [WISHLIST_DETAILS_QUERY_KEY, { Id: _variables.Id }],
       });
     },
   });

package/src/api-manager/services/user/mutations/remove-from-wishlist.ts

@@ -2,7 +2,7 @@ import { useQueryClient } from "@tanstack/react-query";
 import { WishlistLinesInput } from "@/api-manager/schemas/user.schema";
 import { createApiPath } from "@/api-manager/services/create-query";
 import { useCreateMutation } from "@/api-manager/services/create-mutation";
-import { getWishlistDetailsQueryKey } from "@/api-manager/services/user/queries/get-wishlist-details";
+import { WISHLIST_DETAILS_QUERY_KEY } from "@/api-manager/services/user/queries/get-wishlist-details";
 import getWishlists, {
   getWishlistsQueryKey,
 } from "@/api-manager/services/user/queries/get-wishlists";
@@ -15,7 +15,7 @@ const useRemoveFromWishlist = () => {
   return useCreateMutation<WishlistLinesInput, void>(apiPath, {
     onSuccess: (_data, _variables) => {
       queryClient.invalidateQueries({
-        queryKey: [getWishlistDetailsQueryKey, { Id: _variables.Id }],
+        queryKey: [WISHLIST_DETAILS_QUERY_KEY, { Id: _variables.Id }],
       });
       queryClient.invalidateQueries({
         queryKey: [getWishlistsQueryKey],
@@ -26,12 +26,12 @@ const useRemoveFromWishlist = () => {
       // https://tanstack.com/query/latest/docs/reference/QueryClient
       await queryClient.cancelQueries({ queryKey: [getWishlistsQueryKey] });
       const previousWishlists = await getWishlists.getData(queryClient);
-      const optimisticData = previousWishlists.map((list) => {
+      const optimisticData = previousWishlists?.map((list) => {
         if (list.Id === input.Id) {
           // Remove the product line of our input id
           return {
             ...list,
-            ProductListLines: list.ProductListLines.filter(
+            ProductListLines: list?.ProductListLines?.filter(
               (item) => item.ProductId !== input.ProductListLines[0].ProductId,
             ),
           };

package/src/api-manager/services/user/mutations/update-wishlist.ts

@@ -5,6 +5,7 @@ import {
 } from "@/api-manager/schemas/user.schema";
 import { useCreateMutation } from "@/api-manager/services/create-mutation";
 import { createApiPath } from "@/api-manager/services/create-query";
+import { WISHLIST_DETAILS_QUERY_KEY } from "@/api-manager/services/user/queries/get-wishlist-details";
 
 const apiPath = createApiPath("user", "updateWishlist");
 
@@ -14,7 +15,7 @@ const useUpdateWishlist = () => {
   return useCreateMutation<WishlistLinesInput, Wishlist>(apiPath, {
     onSuccess: (_data, _variables) => {
       queryClient.invalidateQueries({
-        queryKey: ["wishlistDetails", _variables.Id],
+        queryKey: [WISHLIST_DETAILS_QUERY_KEY, { Id: _variables.Id }],
       });
     },
   });

package/src/api-manager/services/user/queries/get-wishlist-details.ts

@@ -7,13 +7,13 @@ import {
   createQuery,
 } from "@/api-manager/services/create-query";
 
-export const getWishlistDetailsQueryKey = "wish-list-details";
+export const WISHLIST_DETAILS_QUERY_KEY = "wishlist-details";
 const apiPath = createApiPath("user", "getWishlistDetails");
 
 const getWishListDetails = createQuery<WishlistDetailInput, ExtendedWishlist>(
   apiPath,
   {
-    queryKey: getWishlistDetailsQueryKey,
+    queryKey: WISHLIST_DETAILS_QUERY_KEY,
   },
 );
 

package/src/cms/blocks/components/product-carousel/index.tsx

@@ -8,7 +8,7 @@ import { Section } from "@evenicanpm/storefront-core/src/components-v2/section";
 // CMS
 import ProductCard from "@evenicanpm/storefront-core/src/components-v2/product-cards/product-card/product-card";
 import { getImageUrl } from "@/cms/endpoints";
-import getProductByIds from "@/services/product/queries/get-product-by-ids";
+import getProductByIds from "@evenicanpm/storefront-core/src/api-manager/services/product/queries/get-product-by-ids";
 import { SimpleProduct } from "@msdyn365-commerce/retail-proxy";
 import { Product, ProductCarouselBlock } from "@/cms/blocks/interfaces";
 
@@ -75,8 +75,11 @@ export default function ProductCarousel(data: ProductCarouselBlock) {
                   <ProductCard.Price />
                 </ProductCard.Info>
                 <ProductCard.Actions>
-                  <ProductCard.QuantityButtons />
-                  <ProductCard.HoverActions />
+                  {/* <ProductCard.QuantityButtons /> */}
+                  <ProductCard.HoverActions>
+                    <ProductCard.QuickViewButton />
+                    <ProductCard.FavoriteButton />
+                  </ProductCard.HoverActions>
                 </ProductCard.Actions>
               </ProductCard.Body>
             </ProductCard>

package/src/cms/blocks/components/product-section-fullwidth/index.tsx

@@ -17,8 +17,8 @@ import { currency } from "@/lib/lib";
 import { getImageUrl } from "@/cms/endpoints";
 
 // API
-import getProductByIds from "@/services/product/queries/get-product-by-ids";
-import { getQueryClient } from "@/services/get-query-client";
+import getProductByIds from "@evenicanpm/storefront-core/src/api-manager/services/product/queries/get-product-by-ids";
+import { getQueryClient } from "@evenicanpm/storefront-core/src/api-manager/services/get-query-client";
 import buildDetailUrl from "@/lib/build-detail-url";
 
 import {

package/src/cms/blocks/components/shared/product-grid.tsx

@@ -49,8 +49,11 @@ export default function ProductGridList({ products, heading }: Props) {
                     <ProductCard.Price />
                   </ProductCard.Info>
                   <ProductCard.Actions>
-                    <ProductCard.QuantityButtons />
-                    <ProductCard.HoverActions />
+                    {/* <ProductCard.QuantityButtons /> */}
+                    <ProductCard.HoverActions>
+                      <ProductCard.QuickViewButton />
+                      <ProductCard.FavoriteButton />
+                    </ProductCard.HoverActions>
                   </ProductCard.Actions>
                 </ProductCard.Body>
               </ProductCard>

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" | "WRAPPER";
-  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/components/Blocks/Components/CategoryCarousel/index.tsx

@@ -7,9 +7,9 @@ import NextLink from "next/link";
 import CategoryIcon from "../../Icons/Components/Category";
 
 // GLOBAL CUSTOM COMPONENT
-import BazaarCard from "@/components/_components/BazaarCard";
-import { Carousel } from "@/components/_components/carousel/index";
-import { SectionCreator } from "@/components/_components/section-header/index";
+import BazaarCard from "@evenicanpm/storefront-core/src/components/_components/BazaarCard";
+import { Carousel } from "@evenicanpm/storefront-core/src/components/_components/carousel/index";
+import { SectionCreator } from "@evenicanpm/storefront-core/src/components/_components/section-header/index";
 
 // LOCAL CUSTOM COMPONENT
 import TopCategoriesCard from "../shared/top-categories-card";

package/src/components/Blocks/Components/HeroCarousel/index.tsx

@@ -4,8 +4,8 @@ import React from "react";
 import { Box, Container } from "@mui/material";
 
 // GLOBAL CUSTOM COMPONENTS
-import { Carousel } from "@/components/_components/carousel/index";
-import CarouselCard1 from "@/components/_components/carousel-cards/carousel-card-1/index";
+import { Carousel } from "@evenicanpm/storefront-core/src/components/_components/carousel/index";
+import CarouselCard1 from "@evenicanpm/storefront-core/src/components/_components/carousel-cards/carousel-card-1/index";
 
 import { getImageUrl } from "@/cms/endpoints";
 import { HeroCarouselBlock, Slide } from "../../interfaces";

package/src/components/Blocks/Components/ProductCarousel/index.tsx

@@ -6,16 +6,16 @@ import { Light } from "../../Icons/index";
 import { Box } from "@mui/system";
 
 // GLOBAL COMPONENTS
-import { Carousel } from "@/components/_components/carousel/index";
-import { SectionCreator } from "@/components/_components/section-header/index";
-import ProductCard1Wrapper from "@/components/_components/product-cards/product-card-1/product-card-1-wrapper";
+import { Carousel } from "@evenicanpm/storefront-core/src/components/_components/carousel/index";
+import { SectionCreator } from "@evenicanpm/storefront-core/src/components/_components/section-header/index";
+import ProductCard1Wrapper from "@evenicanpm/storefront-core/src/components/_components/product-cards/product-card-1/product-card-1-wrapper";
 
 // CMS
 import { getImageUrl } from "@/cms/endpoints";
 
 // API
-import getProductByIds from "@/services/product/queries/get-product-by-ids";
-import { getQueryClient } from "@/services/get-query-client";
+import getProductByIds from "@evenicanpm/storefront-core/src/api-manager/services/product/queries/get-product-by-ids";
+import { getQueryClient } from "@evenicanpm/storefront-core/src/api-manager/services/get-query-client";
 import { SimpleProduct } from "@msdyn365-commerce/retail-proxy";
 import { Product, ProductCarouselBlock } from "../../interfaces";
 

package/src/components/Blocks/Components/ProductSectionFullWidth/index.tsx

@@ -7,18 +7,18 @@ import { getIcon } from "../../Icons/index";
 
 // Components
 import Grid from "@mui/material/Grid2";
-import HoverBox from "@/components/_components/HoverBox";
-import { H4 } from "@/components/_components/Typography";
-import BazaarCard from "@/components/_components/BazaarCard";
-import { SectionCreator } from "@/components/_components/section-header/index";
+import HoverBox from "@evenicanpm/storefront-core/src/components/_components/HoverBox";
+import { H4 } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import BazaarCard from "@evenicanpm/storefront-core/src/components/_components/BazaarCard";
+import { SectionCreator } from "@evenicanpm/storefront-core/src/components/_components/section-header/index";
 
 // Utils
 import { currency } from "@/lib/lib";
 import { getImageUrl } from "@/cms/endpoints";
 
 // API
-import getProductByIds from "@/services/product/queries/get-product-by-ids";
-import { getQueryClient } from "@/services/get-query-client";
+import getProductByIds from "@evenicanpm/storefront-core/src/api-manager/services/product/queries/get-product-by-ids";
+import { getQueryClient } from "@evenicanpm/storefront-core/src/api-manager/services/get-query-client";
 import buildDetailUrl from "@/lib/build-detail-url";
 
 import {

package/src/components/Blocks/Components/Services/service-card.tsx

@@ -10,7 +10,10 @@ import styled from "@mui/material/styles/styled";
 import { getIcon } from "../../Icons/index";
 
 // GLOBAL CUSTOM COMPONENTS
-import { H4, Span } from "@/components/_components/Typography";
+import {
+  H4,
+  Span,
+} from "@evenicanpm/storefront-core/src/components/_components/Typography";
 
 // CUSTOM DATA MODEL
 interface Service {

package/src/components/Blocks/Components/shared/featured-product-card.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 // GLOBAL CUSTOM COMPONENTS
-import HoverBox from "@/components/_components/HoverBox";
-import { H4 } from "@/components/_components/Typography";
+import HoverBox from "@evenicanpm/storefront-core/src/components/_components/HoverBox";
+import { H4 } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 import Image from "@/components/Shared/Image";
 
 // ==========================================================

package/src/components/Blocks/Components/shared/product-category-item.tsx

@@ -2,9 +2,9 @@ import React from "react";
 import { HtmlHTMLAttributes } from "react";
 import { styled, SxProps, Theme } from "@mui/material/styles";
 // GLOBAL CUSTOM COMPONENTS
-import { H4 } from "@/components/_components/Typography";
-import BazaarCard from "@/components/_components/BazaarCard";
-import BazaarImage from "@/components/_components/BazaarImage";
+import { H4 } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import BazaarCard from "@evenicanpm/storefront-core/src/components/_components/BazaarCard";
+import BazaarImage from "@evenicanpm/storefront-core/src/components/_components/BazaarImage";
 
 // STYLED COMPONENT
 const StyledBazaarCard = styled(BazaarCard)(({ theme }) => ({

package/src/components/Blocks/Components/shared/product-grid.tsx

@@ -2,8 +2,8 @@ import React from "react";
 import Box from "@mui/material/Box";
 import Grid from "@mui/material/Grid2";
 // GLOBAL CUSTOM COMPONENTS
-import { SectionHeader } from "@/components/_components/section-header/index";
-import ProductCard1 from "@/components/_components/product-cards/product-card-1/index";
+import { SectionHeader } from "@evenicanpm/storefront-core/src/components/_components/section-header/index";
+import ProductCard1 from "@evenicanpm/storefront-core/src/components/_components/product-cards/product-card-1/index";
 // CUSTOM DATA MODEL
 
 interface Product {

package/src/components/Blocks/Components/shared/top-categories-card.tsx

@@ -5,7 +5,7 @@ import Chip from "@mui/material/Chip";
 import styled from "@mui/material/styles/styled";
 import Image from "@/components/Shared/Image";
 // GLOBAL CUSTOM COMPONENTS
-import HoverBox from "@/components/_components/HoverBox";
+import HoverBox from "@evenicanpm/storefront-core/src/components/_components/HoverBox";
 import { lightOrDarkText } from "@/lib/hexToLuma";
 import { useTheme } from "@mui/material/styles";
 

package/src/components/Blocks/Components/shared/top-rating-product-card.tsx

@@ -1,10 +1,13 @@
 import React from "react";
 import Rating from "@mui/material/Rating";
 // GLOBAL CUSTOM COMPONENTS
-import HoverBox from "@/components/_components/HoverBox";
+import HoverBox from "@evenicanpm/storefront-core/src/components/_components/HoverBox";
 import Image from "@/components/Shared/Image";
-import { H4, Small } from "@/components/_components/Typography";
-import { FlexRowCenter } from "@/components/_components/flex-box/index";
+import {
+  H4,
+  Small,
+} from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import { FlexRowCenter } from "@evenicanpm/storefront-core/src/components/_components/flex-box/index";
 // CUSTOM UTILS LIBRARY FUNCTION
 import { currency } from "@/lib/lib";
 

package/src/components/Footer/sections/FooterAppStore.tsx

@@ -1,5 +1,5 @@
 import React, { Fragment } from "react";
-import FlexBox from "@/components/_components/flex-box/flex-box";
+import FlexBox from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-box";
 import { MdFacebook as Facebook } from "react-icons/md";
 import { Link } from "react-router-dom";
 import { Box } from "@mui/material";

package/src/components/Footer/sections/FooterContact.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Heading } from "../styles/index";
-import { Paragraph } from "@/components/_components/Typography";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 import Grid from "@mui/material/Grid2";
 import SocialLinks from "./FooterSocialLinks";
 import { SocialLink } from "../interfaces";

package/src/components/Footer/sections/FooterLogo.tsx

@@ -2,8 +2,8 @@
 
 import React from "react";
 import Grid from "@mui/material/Grid2";
-import { Paragraph } from "@/components/_components/Typography";
-import SiteLogo from "@/components/_components/site-logo";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import SiteLogo from "@evenicanpm/storefront-core/src/components/_components/site-logo";
 import useTheme from "@mui/material/styles/useTheme";
 import useMediaQuery from "@mui/material/useMediaQuery";
 

package/src/components/Footer/sections/FooterSocialLinks.tsx

@@ -11,7 +11,7 @@ import { FaTwitter as Twitter } from "react-icons/fa";
 import { FaInstagram as Instagram } from "react-icons/fa";
 
 // Custom Components
-import FlexBox from "@/components/_components/flex-box/flex-box";
+import FlexBox from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-box";
 import { SocialLink } from "../interfaces";
 
 // Styled Components

package/src/components/_components/MiniCartClient.tsx

@@ -2,11 +2,11 @@
 // DUPLICATE - Remove storefront/app version
 import React, { useState } from "react";
 import { MdOutlineShoppingBag as ShoppingBagOutlined } from "react-icons/md";
-import MobileCartBag from "@/components/_components/icons/cart-bag";
+import MobileCartBag from "@evenicanpm/storefront-core/src/components/_components/icons/cart-bag";
 import { Badge, Drawer, IconButton } from "@mui/material";
 import { Cart } from "@/schemas/cart.schema";
 import { useNotification } from "@evenicanpm/storefront-core/src/providers/notifications/use-notification";
-import { MiniCart } from "@/components/_components/mini-cart/index";
+import { MiniCart } from "@evenicanpm/storefront-core/src/components/_components/mini-cart/index";
 
 const BADGE_STYLES = {
   "& .MuiBadge-badge": {

package/src/components/_components/accordion/accordion-header.tsx

@@ -4,7 +4,7 @@ import { styled, SxProps, Theme } from "@mui/material/styles";
 // MUI ICON COMPONENTS
 import ChevronRight from "@mui/icons-material/ChevronRight";
 // GLOBAL CUSTOM COMPONENT
-import FlexBox from "@/components/_components/flex-box/flex-box";
+import FlexBox from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-box";
 
 // STYLED COMPONENT
 const RootContainer = styled(FlexBox, {

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

@@ -1,8 +1,8 @@
 import Grid from "@mui/material/Grid2";
 import Button from "@mui/material/Button";
 // GLOBAL CUSTOM COMPONENTS
-import BazaarImage from "@/components/_components/BazaarImage";
-import { Paragraph } from "@/components/_components/Typography";
+import BazaarImage from "@evenicanpm/storefront-core/src/components/_components/BazaarImage";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components/_components/Typography";
 // STYLED COMPONENT
 import { StyledRoot } from "./styles";
 

package/src/components/_components/carousel-cards/carousel-card-2/carousel-card-2.tsx

@@ -3,10 +3,15 @@ import Button from "@mui/material/Button";
 // MUI ICON COMPONENT
 import Favorite from "@mui/icons-material/Favorite";
 // GLOBAL CUSTOM COMPONENTS
-import BazaarImage from "@/components/_components/BazaarImage";
-import { Countdown } from "@/components/_components/countdown/index";
-import FlexBox from "@/components/_components/flex-box/flex-box";
-import { H2, H3, H4, Paragraph } from "@/components/_components/Typography";
+import BazaarImage from "@evenicanpm/storefront-core/src/components/_components/BazaarImage";
+import { Countdown } from "@evenicanpm/storefront-core/src/components/_components/countdown/index";
+import FlexBox from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-box";
+import {
+  H2,
+  H3,
+  H4,
+  Paragraph,
+} from "@evenicanpm/storefront-core/src/components/_components/Typography";
 // STYLED COMPONENT
 import { ContentWrapper, FavoriteButton } from "./styles";
 

package/src/components/_components/carousel-cards/carousel-card-3/carousel-card-3.tsx

@@ -1,11 +1,14 @@
 import Link from "next/link";
 // GLOBAL CUSTOM COMPONENTS
-import BazaarImage from "@/components/_components/BazaarImage";
-import { H2, Paragraph } from "@/components/_components/Typography";
+import BazaarImage from "@evenicanpm/storefront-core/src/components/_components/BazaarImage";
+import {
+  H2,
+  Paragraph,
+} from "@evenicanpm/storefront-core/src/components/_components/Typography";
 // STYLED COMPONENTS
 import { ContentWrapper, LinkText, RootStyled } from "./styles";
 // CUSTOM DATA MODEL
-import { Product } from "@/components/_components/bazaar-types";
+import { Product } from "@evenicanpm/storefront-core/src/components/_components/bazaar-types";
 
 // ==========================================================
 type Props = { product: Product };

package/src/components/_components/carousel-cards/carousel-card-4/carousel-card-4.tsx

@@ -1,7 +1,12 @@
 import Link from "next/link";
 import Button from "@mui/material/Button";
 // GLOBAL CUSTOM COMPONENTS
-import { H1, H4, Paragraph, Span } from "@/components/_components/Typography";
+import {
+  H1,
+  H4,
+  Paragraph,
+  Span,
+} from "@evenicanpm/storefront-core/src/components/_components/Typography";
 // STYLED COMPONENT
 import { CardWrapper } from "./styles";
 

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

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

package/src/components/_components/categories/mega-menu/banner.tsx

@@ -2,9 +2,13 @@ import Link from "next/link";
 import Box from "@mui/material/Box";
 import Grid from "@mui/material/Grid2";
 // GLOBAL CUSTOM COMPONENTS
-import LazyImage from "@/components/_components/LazyImage";
-import { H3, Paragraph, Small } from "@/components/_components/Typography";
-import FlexBox from "@/components/_components/flex-box/flex-box";
+import LazyImage from "@evenicanpm/storefront-core/src/components/_components/LazyImage";
+import {
+  H3,
+  Paragraph,
+  Small,
+} from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import FlexBox from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-box";
 
 export default function OfferBanner() {
   return (

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

@@ -4,9 +4,9 @@ import Link from "next/link";
 import Box from "@mui/material/Box";
 import Grid from "@mui/material/Grid2";
 // GLOBAL CUSTOM COMPONENTS
-import LazyImage from "@/components/_components/LazyImage";
-import { FlexBox } from "@/components/_components/flex-box/index";
-import { NavLink } from "@/components/_components/nav-link/index";
+import LazyImage from "@evenicanpm/storefront-core/src/components/_components/LazyImage";
+import { FlexBox } from "@evenicanpm/storefront-core/src/components/_components/flex-box/index";
+import { NavLink } from "@evenicanpm/storefront-core/src/components/_components/nav-link/index";
 // STYLED COMPONENTS
 import { StyledRoot } from "./styles";
 // DATA TYPES

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

@@ -2,7 +2,7 @@ import Link from "next/link";
 // MUI
 import Box from "@mui/material/Box";
 // GLOBAL CUSTOM COMPONENTS
-import LazyImage from "@/components/_components/LazyImage";
+import LazyImage from "@evenicanpm/storefront-core/src/components/_components/LazyImage";
 // LOCAL CUSTOM COMPONENTS
 import ColumnList from "./column-list";
 // DATA TYPE
@@ -27,7 +27,7 @@ export default function MegaMenu1({ banner, data }: Props) {
               fill
               alt="banner"
               src={banner.url}
-              sx={{ objectFit: "cover", objectPosition: "center center" }}
+              style={{ objectFit: "cover", objectPosition: "center center" }}
             />
           </Box>
         </Link>

package/src/components/_components/category-cards/category-card-1/category-card-1.tsx

@@ -1,6 +1,6 @@
 // GLOBAL CUSTOM COMPONENTS
-import { H4 } from "@/components/_components/Typography";
-import LazyImage from "@/components/_components/LazyImage";
+import { H4 } from "@evenicanpm/storefront-core/src/components/_components/Typography";
+import LazyImage from "@evenicanpm/storefront-core/src/components/_components/LazyImage";
 // STYLED COMPONENTS
 import { CategoryTitle, Wrapper } from "./styles";
 

package/src/components/_components/countdown/count-box.tsx

@@ -1,4 +1,7 @@
-import { H3, Span } from "@/components/_components/Typography";
+import {
+  H3,
+  Span,
+} from "@evenicanpm/storefront-core/src/components/_components/Typography";
 
 // ==============================================================
 type Props = { digit: number; title: string };

package/src/components/_components/countdown/count-down.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 // GLOBAL CUSTOM COMPONENT
-import FlexBetween from "@/components/_components/flex-box/flex-between";
+import FlexBetween from "@evenicanpm/storefront-core/src/components/_components/flex-box/flex-between";
 // Local CUSTOM COMPONENT
 import CountBox from "./count-box";
 import useCountDown from "./useCountDown";