@evenicanpm/storefront-core 1.2.1 → 1.3.0

package/src/auth/auth-options.ts

@@ -1,14 +1,14 @@
-import { Session, type NextAuthOptions } from "next-auth";
-import { getServerSession } from "next-auth/next";
-import { JWT } from "next-auth/jwt";
-import {
+// import { getSecret } from "@evenicanpm/common-core/src/lib/keyvault";
+import { deleteCartCookie } from "@evenicanpm/storefront-core/src/lib/cart-cookie-handler";
+import type {
 	GetServerSidePropsContext,
 	NextApiRequest,
 	NextApiResponse,
 } from "next";
+import type { NextAuthOptions, Session } from "next-auth";
+import type { JWT } from "next-auth/jwt";
+import { getServerSession } from "next-auth/next";
 import { getProviders } from "@/auth/providers";
-import { deleteCartCookie } from "@evenicanpm/storefront-core/src/lib/cart-cookie-handler";
-import { getSecret } from "@evenicanpm/common-core/keyvault";
 
 // Split providers into separate array so we can iterate them and match the provider ID
 export type ExtendedJwtToken = JWT & {
@@ -20,7 +20,7 @@ export type ExtendedSession = Session & { token?: JWT };
 
 const createAuthOptions = (): NextAuthOptions => {
 	const providers = getProviders();
-	const secret = getSecret("NEXTAUTH_SECRET");
+	const secret = process.env.NEXTAUTH_SECRET; //getSecret("NEXTAUTH_SECRET");
 	return {
 		providers,
 		secret,

package/src/auth/msal.ts

@@ -1,4 +1,7 @@
-import { PublicClientApplication, Configuration } from "@azure/msal-browser";
+import {
+	type Configuration,
+	PublicClientApplication,
+} from "@azure/msal-browser";
 
 const createMsalConfig = (): Configuration => {
 	return {

package/src/auth/next-auth-cookie-manager.ts

@@ -1,12 +1,13 @@
 "use server";
-import { RequestCookie } from "next/dist/compiled/@edge-runtime/cookies";
+import type { RequestCookie } from "next/dist/compiled/@edge-runtime/cookies";
 import { cookies } from "next/headers";
-import { encode, decode, JWT } from "next-auth/jwt";
-import { ExtendedJwtToken } from "@/auth/auth-options";
+import { decode, encode, type JWT } from "next-auth/jwt";
+import type { ExtendedJwtToken } from "@/auth/auth-options";
+
 const NEXT_AUTH_COOKIE_NAME = "next-auth.session-token";
 const SECURE_COOKIE_PREFIX = "__Secure-";
 
-import { getSecret } from "@evenicanpm/common-core/keyvault";
+// import { getSecret } from "@evenicanpm/common-core/src/lib/keyvault";
 
 /**
  * Retrieves and decodes the NextAuth session cookie from the request.
@@ -30,7 +31,7 @@ const manuallyRetrieveSessionCookie = async () => {
 	if (cookie) {
 		return decode({
 			token: cookie.value,
-			secret: getSecret("NEXTAUTH_SECRET") || "",
+			secret: process.env.NEXTAUTH_SECRET || "",
 		});
 	}
 	//If the cookie is not found, we need to see if there is a chunked cookie
@@ -51,7 +52,7 @@ const manuallyRetrieveSessionCookie = async () => {
 	if (cookieValues.length) {
 		return decode({
 			token: cookieValues.join(""),
-			secret: getSecret("NEXTAUTH_SECRET") || "",
+			secret: process.env.NEXTAUTH_SECRET || "",
 		});
 	}
 
@@ -75,7 +76,7 @@ const manuallySetSessionCookie = async (token: JWT | ExtendedJwtToken) => {
 	// Set the cookie with the name __Secure-next-auth.session-token
 	const value = await encode({
 		token,
-		secret: getSecret("NEXTAUTH_SECRET") || "",
+		secret: process.env.NEXTAUTH_SECRET || "",
 	});
 	cookieStore.set({
 		name: `${SECURE_COOKIE_PREFIX}${NEXT_AUTH_COOKIE_NAME}`,

package/src/auth/refresh-token.ts

@@ -1,9 +1,12 @@
 "use server";
-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/auth-options";
+import type { JWT } from "next-auth/jwt";
+// TODO: what is going on here?
+import type {
+	AuthorizationEndpointHandler,
+	OAuthConfig,
+} from "next-auth/providers";
+import type { ExtendedJwtToken } from "@/auth/auth-options";
 import { getProviders } from "@/auth/providers";
 
 type TokenResponse = {

package/src/cms/blocks/block-manager.tsx

@@ -1,20 +1,20 @@
 import { Box } from "@mui/material";
+import type { Block } from "@/cms/blocks/interfaces";
 import {
-	Hero,
-	FeaturePill,
-	FeaturedProducts,
-	FeaturedCategories,
 	BrandLogosScroller,
-	HeroCarousel,
-	Services,
-	ProductCarousel,
-	ProductSectionFullWidth,
 	CategoryCarousel,
+	FeaturedCategories,
+	FeaturedProducts,
+	FeaturePill,
 	Footer,
+	Hero,
+	HeroCarousel,
 	Image,
+	ProductCarousel,
+	ProductSectionFullWidth,
 	RichText,
-} from "@/cms/blocks/index";
-import { Block } from "@/cms/blocks/interfaces";
+	Services,
+} from "../blocks/index";
 
 const componentMap = {
 	"blocks.hero-section": Hero,

package/src/cms/blocks/components/brand-logos-scroller.tsx

@@ -1,11 +1,11 @@
 "use client";
 
-import React from "react";
-import Image from "next/image";
-import { Box, Container } from "@mui/material";
 import { keyframes } from "@emotion/react";
+import { Box, Container } from "@mui/material";
+import Image from "next/image";
+import React from "react";
+import type { LogoScrollerBlock } from "@/cms/blocks/interfaces";
 import cmsEndPoints from "@/cms/endpoints";
-import { LogoScrollerBlock } from "@/cms/blocks/interfaces";
 
 const bounce = keyframes`
   from {

package/src/cms/blocks/components/category-card.tsx

@@ -1,8 +1,8 @@
-import React from "react";
-import Card from "@mui/material/Card";
 import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
+import Card from "@mui/material/Card";
 import Image from "next/image";
+import React from "react";
 
 import cmsEndPoints from "@/cms/endpoints";
 

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

@@ -1,22 +1,18 @@
 "use client";
 
-import React from "react";
-import NextLink from "next/link";
-
-// CUSTOM ICON COMPONENT
-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 { Section } from "@evenicanpm/storefront-core/src/components-v2/section";
-
+import NextLink from "next/link";
+import React from "react";
 // LOCAL CUSTOM COMPONENT
 import TopCategoriesCard from "@/cms/blocks/components/shared/top-categories-card";
+// CUSTOM ICON COMPONENT
+import CategoryIcon from "@/cms/blocks/icons/components/category";
+import type { CategoryCarouselBlock } from "@/cms/blocks/interfaces";
 import { getImageUrl } from "@/cms/endpoints";
 
-import { CategoryCarouselBlock } from "@/cms/blocks/interfaces";
-
 export default function CategoryCarousel(data: CategoryCarouselBlock) {
 	const responsive = [
 		{ breakpoint: 959, settings: { slidesToShow: 2 } },

package/src/cms/blocks/components/feature-pill.tsx

@@ -1,12 +1,13 @@
-import { Box, Container, Typography, Divider, Paper } from "@mui/material";
+import { Box, Container, Divider, Paper, Typography } from "@mui/material";
 import Grid from "@mui/material/Grid2";
 import {
-	MdLocalOffer as LocalOffer,
-	MdShoppingBag as ShoppingBag,
 	MdAddLocation as AddLocation,
+	MdLocalOffer as LocalOffer,
 	MdMonetizationOn as MonetizationOn,
+	MdShoppingBag as ShoppingBag,
 } from "react-icons/md";
-import { FeaturesPillBlock } from "@/cms/blocks/interfaces";
+import type { FeaturesPillBlock } from "@/cms/blocks/interfaces";
+
 const FeaturePill = (featurePillData: FeaturesPillBlock) => {
 	return (
 		<Box

package/src/cms/blocks/components/featured-categories.tsx

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

package/src/cms/blocks/components/featured-products.tsx

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

package/src/cms/blocks/components/footer/data/index.ts

@@ -1,8 +1,11 @@
 // CUSTOM ICON COMPONENTS
+
+import {
+	FaGoogle as Google,
+	FaInstagram as Instagram,
+	FaTwitter as Twitter,
+} from "react-icons/fa";
 import { MdFacebook as Facebook } from "react-icons/md";
-import { FaGoogle as Google } from "react-icons/fa";
-import { FaTwitter as Twitter } from "react-icons/fa";
-import { FaInstagram as Instagram } from "react-icons/fa";
 
 export const ABOUT_LINKS = [
 	"Careers",

package/src/cms/blocks/components/footer/index.tsx

@@ -1,20 +1,16 @@
-import React from "react";
-
 // MUI
 import { Box, Container } from "@mui/material";
 import Grid from "@mui/material/Grid2";
-
-// Local Custom Components
-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 {
+import React from "react";
+import type {
 	FooterBlock,
 	FooterResponse,
 } from "@/cms/blocks/components/footer/interfaces";
+import Contact from "@/cms/blocks/components/footer/sections/footer-contact";
+import Links from "@/cms/blocks/components/footer/sections/footer-links";
+// Local Custom Components
+import Logo from "@/cms/blocks/components/footer/sections/footer-logo";
+import cms from "@/cms/endpoints";
 
 const getBlockComponent = (block: FooterBlock, index: number) => {
 	let Block;

package/src/cms/blocks/components/footer/sections/footer-app-store.tsx

@@ -1,8 +1,8 @@
-import React, { Fragment } from "react";
 import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
+import { Box } from "@mui/material";
+import React, { Fragment } from "react";
 import { MdFacebook as Facebook } from "react-icons/md";
 import { Link } from "react-router-dom";
-import { Box } from "@mui/material";
 
 export const PLAY_APP_STORE_DATA = [
 	{ url: "/", icon: Facebook, title: "Google Play", subtitle: "Get it on" },

package/src/cms/blocks/components/footer/sections/footer-contact.tsx

@@ -1,9 +1,9 @@
-import React from "react";
-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 React from "react";
+import type { SocialLink } from "@/cms/blocks/components/footer/interfaces";
 import SocialLinks from "@/cms/blocks/components/footer/sections/footer-social-links";
-import { SocialLink } from "@/cms/blocks/components/footer/interfaces";
+import { Heading } from "@/cms/blocks/components/footer/styles/index";
 
 interface Props {
 	isDark?: boolean;

package/src/cms/blocks/components/footer/sections/footer-links.tsx

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

package/src/cms/blocks/components/footer/sections/footer-logo.tsx

@@ -1,11 +1,11 @@
 "use client";
 
-import React from "react";
-import Grid from "@mui/material/Grid2";
-import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import SiteLogo from "@evenicanpm/storefront-core/src/components-v2/site-logo";
+import { Paragraph } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import Grid from "@mui/material/Grid2";
 import useTheme from "@mui/material/styles/useTheme";
 import useMediaQuery from "@mui/material/useMediaQuery";
+import React from "react";
 
 interface Props {
 	description: string;

package/src/cms/blocks/components/footer/sections/footer-social-links.tsx

@@ -1,18 +1,18 @@
 "use client";
 
-import React from "react";
+// Custom Components
+import FlexBox from "@evenicanpm/storefront-core/src/components-v2/flex-box/flex-box";
 import IconButton from "@mui/material/IconButton";
 import styled from "@mui/material/styles/styled";
-
+import React from "react";
+import {
+	FaGoogle as Google,
+	FaInstagram as Instagram,
+	FaTwitter as Twitter,
+} from "react-icons/fa";
 // Social Icons
 import { MdFacebook as Facebook } from "react-icons/md";
-import { FaGoogle as Google } from "react-icons/fa";
-import { FaTwitter as Twitter } from "react-icons/fa";
-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 "@/cms/blocks/components/footer/interfaces";
+import type { SocialLink } from "@/cms/blocks/components/footer/interfaces";
 
 // Styled Components
 const StyledIconButton = styled(IconButton, {

package/src/cms/blocks/components/footer/styles/index.ts

@@ -1,7 +1,7 @@
 "use client";
 
-import NextLink from "next/link";
 import styled from "@mui/material/styles/styled";
+import NextLink from "next/link";
 
 type LinkProps = { isDark?: boolean };
 

package/src/cms/blocks/components/footer.tsx

@@ -1,15 +1,15 @@
 "use client";
 
-import React from "react";
 import { Box, Container, Typography } from "@mui/material";
 import Grid from "@mui/material/Grid2";
+import { useTheme } from "@mui/material/styles";
+import React from "react";
 import {
+	MdEmail as Email,
 	MdLocationOn as LocationOn,
 	MdPhone as Phone,
-	MdEmail as Email,
 } from "react-icons/md";
-import { useTheme } from "@mui/material/styles";
-import { FooterBlock } from "@/cms/blocks/interfaces";
+import type { FooterBlock } from "@/cms/blocks/interfaces";
 
 const contactItemSx = {
 	display: "flex",

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

@@ -1,14 +1,13 @@
 // Template: Market1
 // This component works best with cutout product images
-import React from "react";
-import { Box, Container } from "@mui/material";
 
 // GLOBAL CUSTOM COMPONENTS
 import { Carousel } from "@evenicanpm/storefront-core/src/components-v2/carousel/index";
 import CarouselCard1 from "@evenicanpm/storefront-core/src/components-v2/carousel-cards/carousel-card-1/index";
-
+import { Box, Container } from "@mui/material";
+import React from "react";
+import type { HeroCarouselBlock, Slide } from "@/cms/blocks/interfaces";
 import { getImageUrl } from "@/cms/endpoints";
-import { HeroCarouselBlock, Slide } from "@/cms/blocks/interfaces";
 
 export default function HeroCarousel(data: HeroCarouselBlock) {
 	return (

package/src/cms/blocks/components/hero.tsx

@@ -1,10 +1,9 @@
-import React from "react";
-import NextLink from "next/link";
+import { Box, Button, Container, Typography } from "@mui/material";
 import Image from "next/image";
-import { Box, Container, Button, Typography } from "@mui/material";
-
+import NextLink from "next/link";
+import React from "react";
+import type { HeroSectionBlock } from "@/cms/blocks/interfaces";
 import cmsEndPoints from "@/cms/endpoints";
-import { HeroSectionBlock } from "@/cms/blocks/interfaces";
 
 const sxBanner = {
 	position: "relative",

package/src/cms/blocks/components/image.tsx

@@ -1,9 +1,8 @@
-import React from "react";
-import NextImage from "next/image";
-import { getImageUrl } from "@/cms/endpoints";
-import { sizes } from "@/cms/endpoints";
 import { Container, Paper } from "@mui/material";
-import { Media } from "@/cms/blocks/interfaces";
+import NextImage from "next/image";
+import React from "react";
+import type { Media } from "@/cms/blocks/interfaces";
+import { getImageUrl, type sizes } from "@/cms/endpoints";
 
 interface Props {
 	media: Media;

package/src/cms/blocks/components/media-card.tsx

@@ -1,9 +1,9 @@
-import React from "react";
+import Box from "@mui/material/Box";
 import Card from "@mui/material/Card";
 import CardContent from "@mui/material/CardContent";
-import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
 import Image from "next/image";
+import React from "react";
 
 import cmsEndPoints from "@/cms/endpoints";
 

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

@@ -1,16 +1,15 @@
 "use client";
-import React from "react";
-import { Light } from "@/cms/blocks/icons/index";
-import { Box } from "@mui/system";
+import getProductByIds from "@evenicanpm/storefront-core/src/api-manager/services/product/queries/get-product-by-ids";
 import { Carousel } from "@evenicanpm/storefront-core/src/components-v2/carousel/index";
-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 { Section } from "@evenicanpm/storefront-core/src/components-v2/section";
+import type { SimpleProduct } from "@msdyn365-commerce/retail-proxy";
+import { Box } from "@mui/system";
+import React from "react";
+import { Light } from "@/cms/blocks/icons/index";
+import type { Product, ProductCarouselBlock } from "@/cms/blocks/interfaces";
 import { getImageUrl } from "@/cms/endpoints";
-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";
 
 type CombinedProduct = Product & SimpleProduct;
 

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

@@ -1,32 +1,28 @@
-import React from "react";
-import NextLink from "next/link";
-import Image from "next/image";
-
-// Icons
-import { getIcon } from "@/cms/blocks/icons/index";
-
-// Components
-import Grid from "@mui/material/Grid2";
-import HoverBox from "@evenicanpm/storefront-core/src/components-v2/HoverBox";
-import { H4 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import { getQueryClient } from "@evenicanpm/storefront-core/src/api-manager/services/get-query-client";
+// API
+import getProductByIds from "@evenicanpm/storefront-core/src/api-manager/services/product/queries/get-product-by-ids";
 import BazaarCard from "@evenicanpm/storefront-core/src/components-v2/BazaarCard";
+import HoverBox from "@evenicanpm/storefront-core/src/components-v2/HoverBox";
 import { Section } from "@evenicanpm/storefront-core/src/components-v2/section";
-
+import { H4 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import buildDetailUrl from "@evenicanpm/storefront-core/src/lib/build-detail-url";
 // Utils
 import { currency } from "@evenicanpm/storefront-core/src/lib/lib";
-import { getImageUrl } from "@/cms/endpoints";
-
-// API
-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 "@evenicanpm/storefront-core/src/lib/build-detail-url";
+import type { SimpleProduct } from "@msdyn365-commerce/retail-proxy";
+// Components
+import Grid from "@mui/material/Grid2";
+import Image from "next/image";
+import NextLink from "next/link";
+import React from "react";
+// Icons
+import { getIcon } from "@/cms/blocks/icons/index";
 
-import {
+import type {
 	Product,
 	ProductSectionFullWidthBlock,
 	ProductWrapper,
 } from "@/cms/blocks/interfaces";
-import { SimpleProduct } from "@msdyn365-commerce/retail-proxy";
+import { getImageUrl } from "@/cms/endpoints";
 
 type CombinedProduct = Product & SimpleProduct;
 export default async function ProductSectionFullWidth(

package/src/cms/blocks/components/rich-text.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import React from "react";
-import Markdown from "marked-react";
 import { Container } from "@mui/material";
+import Markdown from "marked-react";
+import React from "react";
 
 interface Props {
 	content: string;

package/src/cms/blocks/components/seo/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
-import cmsEndPoints from "@/cms/endpoints";
 import { Helmet } from "react-helmet-async";
-import { MetaItem, SeoPageData } from "@/cms/blocks/interfaces";
+import type { MetaItem, SeoPageData } from "@/cms/blocks/interfaces";
+import cmsEndPoints from "@/cms/endpoints";
 
 // SEO Component to be populated
 // Included in storefront repo to ensure correct import of react-helmet-async,

package/src/cms/blocks/components/services/index.tsx

@@ -1,11 +1,11 @@
-import React from "react";
-import Grid from "@mui/material/Grid2";
 import Container from "@mui/material/Container";
+import Grid from "@mui/material/Grid2";
+import React from "react";
 // LOCAL CUSTOM COMPONENTS
 import ServiceCard from "@/cms/blocks/components/services/service-card";
-import {
-	ServicesBlock,
+import type {
 	ServiceCard as ServiceCardItem,
+	ServicesBlock,
 } from "@/cms/blocks/interfaces";
 
 export default function Services(data: ServicesBlock) {

package/src/cms/blocks/components/services/service-card.tsx

@@ -1,19 +1,17 @@
 "use client";
 
-import React from "react";
-import Fab from "@mui/material/Fab";
-import Grid from "@mui/material/Grid2";
-import Card from "@mui/material/Card";
-import styled from "@mui/material/styles/styled";
-
-// CUSTOM ICON COMPONENTS
-import { getIcon } from "@/cms/blocks/icons/index";
-
 // GLOBAL CUSTOM COMPONENTS
 import {
 	H4,
 	Span,
 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import Card from "@mui/material/Card";
+import Fab from "@mui/material/Fab";
+import Grid from "@mui/material/Grid2";
+import styled from "@mui/material/styles/styled";
+import React from "react";
+// CUSTOM ICON COMPONENTS
+import { getIcon } from "@/cms/blocks/icons/index";
 
 // CUSTOM DATA MODEL
 interface Service {

package/src/cms/blocks/components/shared/featured-product-card.tsx

@@ -1,8 +1,8 @@
-import React from "react";
 // GLOBAL CUSTOM COMPONENTS
 import HoverBox from "@evenicanpm/storefront-core/src/components-v2/HoverBox";
-import { H4 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
 import Image from "@evenicanpm/storefront-core/src/components-v2/Image";
+import { H4 } from "@evenicanpm/storefront-core/src/components-v2/Typography";
+import React from "react";
 
 // ==========================================================
 type Props = { title: string; imgUrl: string };

package/src/cms/blocks/components/shared/product-category-item.tsx

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