@evenicanpm/storefront-core 1.0.3 → 1.0.5

package/src/api-manager/services/organization/queries/get-stores.ts

@@ -2,7 +2,10 @@ import {
   GetOrgUnitLocationsByAreaInput,
   OrgUnitLocationReturnType,
 } from "@/api-manager/schemas/organization.schema";
-import { createApiPath, createQuery } from "../../create-query";
+import {
+  createApiPath,
+  createQuery,
+} from "@/api-manager/services/create-query";
 
 const apiPath = createApiPath("organization", "getStoresList");
 const config = {

package/src/api-manager/services/product/mutations/search-products.ts

@@ -1,7 +1,7 @@
 import { searchProductsInput } from "@/api-manager/schemas/product.schema";
 import { useMutation } from "@tanstack/react-query";
 import { ProductSearchResult } from "@msdyn365-commerce/retail-proxy";
-import { searchProductsServer } from "../server/product.server";
+import { searchProductsServer } from "@/api-manager/services/product/server/product.server";
 import { UseMutationResult } from "@tanstack/react-query";
 
 // TODO: once migrating to query version this interface is no longer needed

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

@@ -1,6 +1,9 @@
 import { ProductWarehouseInventoryInformation } from "@msdyn365-commerce/retail-proxy";
 import { InventorySearchCriteriaInput } from "@/api-manager/schemas/product.schema";
-import { createApiPath, createQuery } from "../../create-query";
+import {
+  createApiPath,
+  createQuery,
+} from "@/api-manager/services/create-query";
 
 const apiPath = createApiPath("product", "getInventory");
 
@@ -9,7 +12,7 @@ const getProductAvailability = createQuery<
   ProductWarehouseInventoryInformation
 >(apiPath, {
   queryKey: "product-inventory",
-  disableProperties: ["allDimensionsSelected", "searchCriteria"],
+  disableProperties: ["searchCriteria"],
 });
 
 export default getProductAvailability;

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

@@ -1,8 +1,11 @@
 import {
   GetProductByIdInput,
   ProductDetails,
-} from "../../../schemas/product.schema";
-import { createApiPath, createQuery } from "../../create-query";
+} from "@/api-manager/schemas/product.schema";
+import {
+  createApiPath,
+  createQuery,
+} from "@/api-manager/services/create-query";
 
 const apiPath = createApiPath("product", "getProductById");
 

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

@@ -1,6 +1,9 @@
-import { GetProductByIdsInput } from "../../../schemas/product.schema";
+import { GetProductByIdsInput } from "@/api-manager/schemas/product.schema";
 import { SimpleProduct } from "@msdyn365-commerce/retail-proxy";
-import { createApiPath, createQuery } from "../../create-query";
+import {
+  createApiPath,
+  createQuery,
+} from "@/api-manager/services/create-query";
 
 const apiPath = createApiPath("product", "getProductByIds");
 

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

@@ -2,7 +2,10 @@ import {
   SearchByCriteriaInput,
   SearchByCriteriaResponse,
 } from "@/api-manager/schemas/product.schema";
-import { createApiPath, createQuery } from "../../create-query";
+import {
+  createApiPath,
+  createQuery,
+} from "@/api-manager/services/create-query";
 
 const apiPath = createApiPath("product", "getProductsList");
 

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

@@ -2,7 +2,10 @@ import {
   ProductPriceInput,
   ProductPrice,
 } from "@/api-manager/schemas/product.schema";
-import { createApiPath, createQuery } from "../../create-query";
+import {
+  createApiPath,
+  createQuery,
+} from "@/api-manager/services/create-query";
 
 const apiPath = createApiPath("product", "getProductPrices");
 

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

@@ -1,6 +1,9 @@
-import { GetRelatedProductsInput } from "../../../schemas/product.schema";
+import { GetRelatedProductsInput } from "@/api-manager/schemas/product.schema";
 import { ProductSearchResult } from "@msdyn365-commerce/retail-proxy";
-import { createApiPath, createQuery } from "../../create-query";
+import {
+  createApiPath,
+  createQuery,
+} from "@/api-manager/services/create-query";
 
 const apiPath = createApiPath("product", "getRelatedProducts");
 

package/src/api-manager/services/product/queries/search-products.ts

@@ -1,6 +1,9 @@
 import { searchProductsInput } from "@/api-manager/schemas/product.schema";
 import { ProductSearchResult } from "@msdyn365-commerce/retail-proxy";
-import { createApiPath, createQuery } from "../../create-query";
+import {
+  createApiPath,
+  createQuery,
+} from "@/api-manager/services/create-query";
 
 const apiPath = createApiPath("product", "searchProducts");
 const searchProducts = createQuery<searchProductsInput, ProductSearchResult[]>(

package/src/api-manager/services/product/server/product.server.ts

@@ -1,9 +1,9 @@
 "use server";
 
-import parseObject from "../../../datasources/d365/utils/parse-object";
+import parseObject from "@/api-manager/datasources/d365/utils/parse-object";
 import { ProductSearchResult } from "@msdyn365-commerce/retail-proxy";
 import { searchProductsInput } from "@/api-manager/schemas/product.schema";
-import createApiManager from "../../../index";
+import createApiManager from "@/api-manager/index";
 
 export const searchProductsServer = async (
   input: searchProductsInput,

package/src/api-manager/services/session/mutations/session-init.ts

@@ -3,8 +3,8 @@ import {
   Session,
   SessionInitInput,
 } from "@/api-manager/schemas/session.schema";
-import { useCreateMutation } from "../../create-mutation";
-import { createApiPath } from "../../create-query";
+import { useCreateMutation } from "@/api-manager/services/create-mutation";
+import { createApiPath } from "@/api-manager/services/create-query";
 
 const apiPath = createApiPath("session", "sessionInit");
 

package/src/api-manager/services/session/mutations/session-logout.ts

@@ -1,6 +1,6 @@
 import { useQueryClient } from "@tanstack/react-query";
-import { useCreateMutation } from "../../create-mutation";
-import { createApiPath } from "../../create-query";
+import { useCreateMutation } from "@/api-manager/services/create-mutation";
+import { createApiPath } from "@/api-manager/services/create-query";
 
 const apiPath = createApiPath("session", "sessionLogout");
 

package/src/api-manager/services/session/queries/get-session.ts

@@ -1,5 +1,8 @@
 import { Session } from "@/api-manager/schemas/session.schema";
-import { createApiPath, createQuery } from "../../create-query";
+import {
+  createApiPath,
+  createQuery,
+} from "@/api-manager/services/create-query";
 
 const apiPath = createApiPath("session", "getSession");
 

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

@@ -3,9 +3,11 @@ import {
   Wishlist,
   WishlistLinesInput,
 } from "@/api-manager/schemas/user.schema";
-import { createApiPath } from "../../create-query";
-import { useCreateMutation } from "../../create-mutation";
-import { getWishlistsQueryKey } from "../queries/get-wishlists";
+import { createApiPath } from "@/api-manager/services/create-query";
+import { useCreateMutation } from "@/api-manager/services/create-mutation";
+import getWishlists, {
+  getWishlistsQueryKey,
+} from "@/api-manager/services/user/queries/get-wishlists";
 
 const apiPath = createApiPath("user", "addProductsToWishlist");
 
@@ -13,11 +15,31 @@ const useAddToWishlist = () => {
   const queryClient = useQueryClient();
 
   return useCreateMutation<WishlistLinesInput, Wishlist>(apiPath, {
-    onSuccess: (_data, variables) => {
+    onSuccess: (_data) => {
       queryClient.invalidateQueries({
-        queryKey: [getWishlistsQueryKey, variables.Id],
+        queryKey: [getWishlistsQueryKey],
       });
     },
+    onMutate: async (input) => {
+      // Based on Tanstack Optimistic Update Pattern
+      // https://tanstack.com/query/latest/docs/reference/QueryClient
+      await queryClient.cancelQueries({ queryKey: [getWishlistsQueryKey] });
+      const previousWishlists = await getWishlists.getData(queryClient);
+      const optimisticData = previousWishlists.map((list) => {
+        if (list.Id === input.Id) {
+          // Add the input product line to list
+          return {
+            ...list,
+            ProductListLines: [
+              ...list.ProductListLines,
+              { ProductId: input.ProductListLines[0].ProductId },
+            ],
+          };
+        }
+        return list;
+      });
+      queryClient.setQueryData([getWishlistsQueryKey], optimisticData);
+    },
   });
 };
 

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

@@ -3,8 +3,8 @@ import {
   CopyCartToWishlistInput,
   Wishlist,
 } from "@/api-manager/schemas/user.schema";
-import { createApiPath } from "../../create-query";
-import { useCreateMutation } from "../../create-mutation";
+import { createApiPath } from "@/api-manager/services/create-query";
+import { useCreateMutation } from "@/api-manager/services/create-mutation";
 
 const apiPath = createApiPath("user", "copyCartToWishlist");
 

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

@@ -1,6 +1,6 @@
 import { useQueryClient } from "@tanstack/react-query";
-import { createApiPath } from "../../create-query";
-import { useCreateMutation } from "../../create-mutation";
+import { createApiPath } from "@/api-manager/services/create-query";
+import { useCreateMutation } from "@/api-manager/services/create-mutation";
 import {
   Wishlist,
   WishlistCreateInput,

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

@@ -1,8 +1,8 @@
 import { useQueryClient } from "@tanstack/react-query";
-import { createApiPath } from "../../create-query";
-import { useCreateMutation } from "../../create-mutation";
+import { createApiPath } from "@/api-manager/services/create-query";
+import { useCreateMutation } from "@/api-manager/services/create-mutation";
 import { WishlistDetailInput } from "@/api-manager/schemas/user.schema";
-import { getWishlistsQueryKey } from "../queries/get-wishlists";
+import { getWishlistsQueryKey } from "@/api-manager/services/user/queries/get-wishlists";
 
 const apiPath = createApiPath("user", "deleteWishlist");
 

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

@@ -1,8 +1,11 @@
 import { useQueryClient } from "@tanstack/react-query";
 import { WishlistLinesInput } from "@/api-manager/schemas/user.schema";
-import { createApiPath } from "../../create-query";
-import { useCreateMutation } from "../../create-mutation";
-import { getWishlistDetailsQueryKey } from "../queries/get-wishlist-details";
+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 getWishlists, {
+  getWishlistsQueryKey,
+} from "@/api-manager/services/user/queries/get-wishlists";
 
 const apiPath = createApiPath("user", "removeProductsFromWishlist");
 
@@ -14,6 +17,28 @@ const useRemoveFromWishlist = () => {
       queryClient.invalidateQueries({
         queryKey: [getWishlistDetailsQueryKey, { Id: _variables.Id }],
       });
+      queryClient.invalidateQueries({
+        queryKey: [getWishlistsQueryKey],
+      });
+    },
+    onMutate: async (input) => {
+      // Based on Tanstack Optimistic Update Pattern
+      // https://tanstack.com/query/latest/docs/reference/QueryClient
+      await queryClient.cancelQueries({ queryKey: [getWishlistsQueryKey] });
+      const previousWishlists = await getWishlists.getData(queryClient);
+      const optimisticData = previousWishlists.map((list) => {
+        if (list.Id === input.Id) {
+          // Remove the product line of our input id
+          return {
+            ...list,
+            ProductListLines: list.ProductListLines.filter(
+              (item) => item.ProductId !== input.ProductListLines[0].ProductId,
+            ),
+          };
+        }
+        return list;
+      });
+      queryClient.setQueryData([getWishlistsQueryKey], optimisticData);
     },
   });
 };

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

@@ -1,7 +1,7 @@
 import { useQueryClient } from "@tanstack/react-query";
 import { User } from "@/api-manager/schemas/user.schema";
-import { useCreateMutation } from "../../create-mutation";
-import { createApiPath } from "../../create-query";
+import { useCreateMutation } from "@/api-manager/services/create-mutation";
+import { createApiPath } from "@/api-manager/services/create-query";
 
 const apiPath = createApiPath("user", "updateUser");
 

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

@@ -3,8 +3,8 @@ import {
   Wishlist,
   WishlistLinesInput,
 } from "@/api-manager/schemas/user.schema";
-import { useCreateMutation } from "../../create-mutation";
-import { createApiPath } from "../../create-query";
+import { useCreateMutation } from "@/api-manager/services/create-mutation";
+import { createApiPath } from "@/api-manager/services/create-query";
 
 const apiPath = createApiPath("user", "updateWishlist");
 

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

@@ -1,5 +1,8 @@
 import { UserCounts } from "@/api-manager/schemas/user.schema";
-import { createApiPath, createQuery } from "../../create-query";
+import {
+  createApiPath,
+  createQuery,
+} from "@/api-manager/services/create-query";
 
 const apiPath = createApiPath("user", "getUserCounts");
 

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

@@ -1,4 +1,7 @@
-import { createApiPath, createQuery } from "../../create-query";
+import {
+  createApiPath,
+  createQuery,
+} from "@/api-manager/services/create-query";
 import { User } from "@/api-manager/schemas/user.schema";
 
 const apiPath = createApiPath("user", "getUser");

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

@@ -2,7 +2,10 @@ import {
   ExtendedWishlist,
   WishlistDetailInput,
 } from "@/api-manager/schemas/user.schema";
-import { createApiPath, createQuery } from "../../create-query";
+import {
+  createApiPath,
+  createQuery,
+} from "@/api-manager/services/create-query";
 
 export const getWishlistDetailsQueryKey = "wish-list-details";
 const apiPath = createApiPath("user", "getWishlistDetails");

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

@@ -1,5 +1,8 @@
 import { Wishlist } from "@/api-manager/schemas/user.schema";
-import { createApiPath, createQuery } from "../../create-query";
+import {
+  createApiPath,
+  createQuery,
+} from "@/api-manager/services/create-query";
 
 export const getWishlistsQueryKey = "wishlists";
 const apiPath = createApiPath("user", "getWishlists");

package/src/api-manager/types/Datasource.ts

@@ -22,7 +22,7 @@ import {
   SalesOrderInput,
   SalesOrder,
 } from "@/api-manager/schemas/order.schema";
-import { CategoryHierarchy } from "../lib/category-helpers";
+import { CategoryHierarchy } from "@/api-manager/lib/category-helpers";
 import {
   CardPaymentAcceptPoint,
   CardPaymentAcceptResult,
@@ -34,7 +34,7 @@ import {
   ProductWarehouseInventoryAvailability,
   ProductWarehouseInventoryInformation,
 } from "@msdyn365-commerce/retail-proxy";
-import { CategoriesQuery } from "../datasources/e4/graphqlRequestSdk";
+import { CategoriesQuery } from "@/api-manager/datasources/e4/graphqlRequestSdk";
 
 /**
  * Datasource Interface, defines the methods and I/O types that a datasource must implement.

package/src/auth/auth-options.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect } from "vitest";
-import authOptions, { ExtendedJwtToken } from "./auth-options";
+import authOptions, { ExtendedJwtToken } from "@/auth/auth-options";
 import { JWT } from "next-auth/jwt";
 import { Account } from "next-auth";
 import { Session } from "next-auth";

package/src/auth/auth-options.ts

@@ -6,7 +6,7 @@ import {
   NextApiRequest,
   NextApiResponse,
 } from "next";
-import { getProviders } from "./providers";
+import { getProviders } from "@/auth/providers";
 import { deleteCartCookie } from "@/lib/cart-cookie-handler";
 import { getSecret } from "@evenicanpm/common-core/keyvault";
 

package/src/auth/providers/index.ts

@@ -1,6 +1,6 @@
-import azureADB2CProvider from "./aadb2c-provider";
-import authentikProvider from "./authentik-provider";
-import keycloakProvider from "./keycloak-provider";
+import azureADB2CProvider from "@/auth/providers/aadb2c-provider";
+import authentikProvider from "@/auth/providers/authentik-provider";
+import keycloakProvider from "@/auth/providers/keycloak-provider";
 
 export const getProviders = () => {
   const azureProvider = azureADB2CProvider();

package/src/auth/refresh-token.ts

@@ -3,8 +3,8 @@ import { JWT } from "next-auth/jwt";
 // TODO: what is going on here?
 import { AuthorizationEndpointHandler, OAuthConfig } from "next-auth/providers";
 import jwt from "jsonwebtoken";
-import { ExtendedJwtToken } from "./auth-options";
-import { getProviders } from "./providers";
+import { ExtendedJwtToken } from "@/auth/auth-options";
+import { getProviders } from "@/auth/providers";
 
 type TokenResponse = {
   token: ExtendedJwtToken;

package/src/cms/blocks/{BlockManager.tsx → block-manager.tsx}

@@ -13,8 +13,8 @@ import {
   Footer,
   Image,
   RichText,
-} from "./index";
-import { Block } from "./interfaces";
+} from "@/cms/blocks/index";
+import { Block } from "@/cms/blocks/interfaces";
 
 const componentMap = {
   "blocks.hero-section": Hero,

package/src/cms/blocks/{Components/BrandLogosScroller.tsx → components/brand-logos-scroller.tsx}

@@ -5,7 +5,7 @@ import Image from "next/image";
 import { Box, Container } from "@mui/material";
 import { keyframes } from "@emotion/react";
 import cmsEndPoints from "@/cms/endpoints";
-import { LogoScrollerBlock } from "../interfaces";
+import { LogoScrollerBlock } from "@/cms/blocks/interfaces";
 
 const bounce = keyframes`
   from {

package/src/cms/blocks/{Components/CategoryCarousel → components/category-carousel}/index.tsx

@@ -4,18 +4,18 @@ import React from "react";
 import NextLink from "next/link";
 
 // CUSTOM ICON COMPONENT
-import CategoryIcon from "../../Icons/Components/Category";
+import CategoryIcon from "@/cms/blocks/icons/components/category";
 
 // GLOBAL CUSTOM COMPONENT
 import BazaarCard from "@evenicanpm/storefront-core/src/components-v2/BazaarCard";
 import { Carousel } from "@evenicanpm/storefront-core/src/components-v2/carousel/index";
-import { SectionCreator } from "@evenicanpm/storefront-core/src/components-v2/section-header/index";
+import { Section } from "@evenicanpm/storefront-core/src/components-v2/section";
 
 // LOCAL CUSTOM COMPONENT
-import TopCategoriesCard from "../shared/top-categories-card";
+import TopCategoriesCard from "@/cms/blocks/components/shared/top-categories-card";
 import { getImageUrl } from "@/cms/endpoints";
 
-import { CategoryCarouselBlock } from "../../interfaces";
+import { CategoryCarouselBlock } from "@/cms/blocks/interfaces";
 
 export default function CategoryCarousel(data: CategoryCarouselBlock) {
   const responsive = [
@@ -25,11 +25,10 @@ export default function CategoryCarousel(data: CategoryCarouselBlock) {
 
   // see more link should be updated to categories page when available
   return (
-    <SectionCreator
-      seeMoreLink=""
-      title="Top Categories"
-      icon={<CategoryIcon color="primary" />}
-    >
+    <Section>
+      <Section.Header>
+        <Section.Header.Title title="Categories" icon={<CategoryIcon />} />
+      </Section.Header>
       <Carousel
         slidesToShow={3}
         responsive={responsive}
@@ -55,6 +54,6 @@ export default function CategoryCarousel(data: CategoryCarouselBlock) {
           );
         })}
       </Carousel>
-    </SectionCreator>
+    </Section>
   );
 }

package/src/cms/blocks/{Components/FeaturePill.tsx → components/feature-pill.tsx}

@@ -6,7 +6,7 @@ import {
   MdAddLocation as AddLocation,
   MdMonetizationOn as MonetizationOn,
 } from "react-icons/md";
-import { FeaturesPillBlock } from "../interfaces";
+import { FeaturesPillBlock } from "@/cms/blocks/interfaces";
 const FeaturePill = (featurePillData: FeaturesPillBlock) => {
   return (
     <Box

package/src/cms/blocks/{Components/FeaturedCategories.tsx → components/featured-categories.tsx}

@@ -3,8 +3,8 @@ import { Box, Container } from "@mui/material";
 import Grid from "@mui/material/Grid2";
 
 // Local components
-import CategoryCard from "./CategoryCard";
-import { Category, FeaturedCategoriesBlock } from "../interfaces";
+import CategoryCard from "@/cms/blocks/components/category-card";
+import { Category, FeaturedCategoriesBlock } from "@/cms/blocks/interfaces";
 
 const FeaturedCategories = (categoriesData: FeaturedCategoriesBlock) => {
   return (

package/src/cms/blocks/{Components/FeaturedProducts.tsx → components/featured-products.tsx}

@@ -3,8 +3,8 @@ import { Box, Container } from "@mui/material";
 import Grid from "@mui/material/Grid2";
 
 // Local components
-import MediaCard from "./MediaCard";
-import { FeaturedProductsBlock, Product } from "../interfaces";
+import MediaCard from "@/cms/blocks/components/media-card";
+import { FeaturedProductsBlock, Product } from "@/cms/blocks/interfaces";
 
 const FeaturedProducts = (productsData: FeaturedProductsBlock) => {
   return (

package/src/cms/blocks/{Components/Footer → components/footer}/index.tsx

@@ -5,13 +5,16 @@ import { Box, Container } from "@mui/material";
 import Grid from "@mui/material/Grid2";
 
 // Local Custom Components
-import Logo from "./sections/FooterLogo";
-import Links from "./sections/FooterLinks";
-import Contact from "./sections/FooterContact";
+import Logo from "@/cms/blocks/components/footer/sections/footer-logo";
+import Links from "@/cms/blocks/components/footer/sections/footer-links";
+import Contact from "@/cms/blocks/components/footer/sections/footer-contact";
 
 import cms from "@/cms/endpoints";
 
-import { FooterBlock, FooterResponse } from "./interfaces";
+import {
+  FooterBlock,
+  FooterResponse,
+} from "@/cms/blocks/components/footer/interfaces";
 
 const getBlockComponent = (block: FooterBlock, index: number) => {
   let Block;

package/src/cms/blocks/{Components/Footer/sections/FooterContact.tsx → components/footer/sections/footer-contact.tsx}

@@ -1,9 +1,9 @@
 import React from "react";
-import { Heading } from "../styles/index";
+import { Heading } from "@/cms/blocks/components/footer/styles/index";
 import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import Grid from "@mui/material/Grid2";
-import SocialLinks from "./FooterSocialLinks";
-import { SocialLink } from "../interfaces";
+import SocialLinks from "@/cms/blocks/components/footer/sections/footer-social-links";
+import { SocialLink } from "@/cms/blocks/components/footer/interfaces";
 
 interface Props {
   isDark?: boolean;

package/src/cms/blocks/{Components/Footer/sections/FooterLinks.tsx → components/footer/sections/footer-links.tsx}

@@ -1,8 +1,11 @@
 import React, { Fragment } from "react";
-import { Heading, StyledLink } from "../styles/index";
+import {
+  Heading,
+  StyledLink,
+} from "@/cms/blocks/components/footer/styles/index";
 import { Box } from "@mui/material";
 import Grid from "@mui/material/Grid2";
-import { Link } from "../interfaces";
+import { Link } from "@/cms/blocks/components/footer/interfaces";
 
 interface Props {
   isDark?: boolean;

package/src/cms/blocks/{Components/Footer/sections/FooterSocialLinks.tsx → components/footer/sections/footer-social-links.tsx}

@@ -12,7 +12,7 @@ import { FaInstagram as Instagram } from "react-icons/fa";
 
 // Custom Components
 import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
-import { SocialLink } from "../interfaces";
+import { SocialLink } from "@/cms/blocks/components/footer/interfaces";
 
 // Styled Components
 const StyledIconButton = styled(IconButton, {

package/src/cms/blocks/{Components/Footer.tsx → components/footer.tsx}

@@ -9,7 +9,7 @@ import {
   MdEmail as Email,
 } from "react-icons/md";
 import { useTheme } from "@mui/material/styles";
-import { FooterBlock } from "../interfaces";
+import { FooterBlock } from "@/cms/blocks/interfaces";
 
 const contactItemSx = {
   display: "flex",