@treely/strapi-slices 1.0.0 → 1.0.2

package/dist/test/integrationMocks/fpmProjectMock.d.ts

@@ -1,3 +1,3 @@
-import FPMProject from '@/models/fpm/FPMProject';
+import FPMProject from '../../models/fpm/FPMProject';
 declare const fpmProjectMock: FPMProject;
 export default fpmProjectMock;

package/dist/test/mocks/portfolioProjectMock.d.ts

@@ -1,3 +1,3 @@
-import PortfolioProject from '@/models/PortfolioProject';
+import PortfolioProject from '../../models/PortfolioProject';
 declare const portfolioProjectMock: PortfolioProject;
 export default portfolioProjectMock;

package/dist/test/storybookMocks/storybookStrapiMedia.d.ts

@@ -1,5 +1,5 @@
-import IStrapiData from '@/models/strapi/IStrapiData';
-import StrapiMedia from '@/models/strapi/StrapiMedia';
+import IStrapiData from '../../models/strapi/IStrapiData';
+import StrapiMedia from '../../models/strapi/StrapiMedia';
 export declare const storybookStrapiAvatarMock: IStrapiData<StrapiMedia>;
 export declare const storybookStrapiCoverMock: IStrapiData<StrapiMedia>;
 export declare const storybookStrapiGradientTopDownMock: IStrapiData<StrapiMedia>;

package/dist/test/strapiMocks/minimalGlobalData.d.ts

@@ -1,4 +1,4 @@
-import IStrapiData from '@/models/strapi/IStrapiData';
-import StrapiGlobal from '@/models/strapi/StrapiGlobal';
+import IStrapiData from '../../models/strapi/IStrapiData';
+import StrapiGlobal from '../../models/strapi/StrapiGlobal';
 declare const minimalGlobalData: IStrapiData<StrapiGlobal>;
 export default minimalGlobalData;

package/dist/test/strapiMocks/strapiBlogPost.d.ts

@@ -1,3 +1,3 @@
-import IStrapiData from '@/models/strapi/IStrapiData';
-import StrapiBlogPost from '@/models/strapi/StrapiBlogPost';
+import IStrapiData from '../../models/strapi/IStrapiData';
+import StrapiBlogPost from '../../models/strapi/StrapiBlogPost';
 export declare const strapiBlogPostMock: IStrapiData<StrapiBlogPost>;

package/dist/test/strapiMocks/strapiContact.d.ts

@@ -1,2 +1,2 @@
-import StrapiContactArea from '@/models/strapi/StrapiContactArea';
+import StrapiContactArea from '../../models/strapi/StrapiContactArea';
 export declare const strapiContactMock: StrapiContactArea;

package/dist/test/strapiMocks/strapiCustomerStory.d.ts

@@ -1,3 +1,3 @@
-import IStrapiData from '@/models/strapi/IStrapiData';
-import StrapiCustomerStory from '@/models/strapi/StrapiCustomerStory';
+import IStrapiData from '../../models/strapi/IStrapiData';
+import StrapiCustomerStory from '../../models/strapi/StrapiCustomerStory';
 export declare const strapiCustomerStoryMock: IStrapiData<StrapiCustomerStory>;

package/dist/test/strapiMocks/strapiHeroCard.d.ts

@@ -1,2 +1,2 @@
-import StrapiHeroCard from '@/models/strapi/StrapiHeroCard';
+import StrapiHeroCard from '../../models/strapi/StrapiHeroCard';
 export declare const strapiHeroCardMock: StrapiHeroCard;

package/dist/test/strapiMocks/strapiLinkPage.d.ts

@@ -1,3 +1,3 @@
-import IStrapiData from '@/models/strapi/IStrapiData';
-import StrapiLinkPage from '@/models/strapi/StrapiLinkPage';
+import IStrapiData from '../../models/strapi/IStrapiData';
+import StrapiLinkPage from '../../models/strapi/StrapiLinkPage';
 export declare const strapiLinkPageMock: IStrapiData<StrapiLinkPage>;

package/dist/test/strapiMocks/strapiMedia.d.ts

@@ -1,3 +1,3 @@
-import IStrapiData from '@/models/strapi/IStrapiData';
-import StrapiMedia from '@/models/strapi/StrapiMedia';
+import IStrapiData from '../../models/strapi/IStrapiData';
+import StrapiMedia from '../../models/strapi/StrapiMedia';
 export declare const strapiMediaMock: IStrapiData<StrapiMedia>;

package/dist/test/strapiMocks/strapiMetadata.d.ts

@@ -1,2 +1,2 @@
-import StrapiMetadata from '@/models/strapi/StrapiMetadata';
+import StrapiMetadata from '../../models/strapi/StrapiMetadata';
 export declare const strapiMetadataMock: StrapiMetadata;

package/dist/test/strapiMocks/strapiPage.d.ts

@@ -1,3 +1,3 @@
-import IStrapiData from '@/models/strapi/IStrapiData';
-import StrapiPage from '@/models/strapi/StrapiPage';
+import IStrapiData from '../../models/strapi/IStrapiData';
+import StrapiPage from '../../models/strapi/StrapiPage';
 export declare const strapiPageMock: IStrapiData<StrapiPage>;

package/dist/test/strapiMocks/strapiPortfolioCard.d.ts

@@ -1,2 +1,2 @@
-import StrapiPortfolioCard from '@/models/strapi/StrapiPortfolioCard';
+import StrapiPortfolioCard from '../../models/strapi/StrapiPortfolioCard';
 export declare const strapiPortfolioCardMock: StrapiPortfolioCard;

package/dist/test/strapiMocks/strapiPortfolioMock.d.ts

@@ -1,3 +1,3 @@
-import IStrapiData from '@/models/strapi/IStrapiData';
-import StrapiPortfolio from '@/models/strapi/StrapiPortfolio';
+import IStrapiData from '../../models/strapi/IStrapiData';
+import StrapiPortfolio from '../../models/strapi/StrapiPortfolio';
 export declare const strapiPortfolioMock: IStrapiData<StrapiPortfolio>;

package/dist/test/strapiMocks/strapiProject.d.ts

@@ -1,3 +1,3 @@
-import IStrapiData from '@/models/strapi/IStrapiData';
-import StrapiProject from '@/models/strapi/StrapiProject';
+import IStrapiData from '../../models/strapi/IStrapiData';
+import StrapiProject from '../../models/strapi/StrapiProject';
 export declare const strapiProjectMock: IStrapiData<StrapiProject>;

package/dist/test/strapiMocks/strapiProjectCard.d.ts

@@ -1,2 +1,2 @@
-import StrapiProjectCard from '@/models/strapi/StrapiProjectCard';
+import StrapiProjectCard from '../../models/strapi/StrapiProjectCard';
 export declare const strapiProjectCardMock: StrapiProjectCard;

package/dist/test/strapiMocks/strapiQuoteCard.d.ts

@@ -1,2 +1,2 @@
-import StrapiQuoteCard from '@/models/strapi/StrapiQuoteCard';
+import StrapiQuoteCard from '../../models/strapi/StrapiQuoteCard';
 export declare const strapiQuoteCardMock: StrapiQuoteCard;

package/dist/utils/convertAreaM2ToHa.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/convertToKebabCase.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/getTimeSpanInYears.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/mergeBoundingBoxes.d.ts

@@ -1,3 +1,3 @@
-import BBox from '@/models/BBox';
+import BBox from '../models/BBox';
 declare const mergeBoundingBoxes: (boundingBoxes: BBox[]) => BBox;
 export default mergeBoundingBoxes;

package/dist/utils/mergeBoundingBoxes.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/strapiLinkUrl.d.ts

@@ -1,3 +1,3 @@
-import StrapiLink from '@/models/strapi/StrapiLink';
+import StrapiLink from '../models/strapi/StrapiLink';
 declare const strapiLinkUrl: (strapiLink?: StrapiLink | undefined) => string;
 export default strapiLinkUrl;

package/dist/utils/strapiLinkUrl.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/strapiMediaUrl.d.ts

@@ -1,5 +1,5 @@
-import IStrapi from '@/models/strapi/IStrapi';
-import IStrapiData from '@/models/strapi/IStrapiData';
-import StrapiMedia from '@/models/strapi/StrapiMedia';
+import IStrapi from '../models/strapi/IStrapi';
+import IStrapiData from '../models/strapi/IStrapiData';
+import StrapiMedia from '../models/strapi/StrapiMedia';
 declare const strapiMediaUrl: (media: IStrapi<IStrapiData<StrapiMedia>>, preferredSize?: 'native' | 'thumbnail' | 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge') => string;
 export default strapiMediaUrl;

package/dist/utils/strapiMediaUrl.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@treely/strapi-slices",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "license": "MIT",
   "author": "Tree.ly GmbH",
   "description": "@treely/strapi-slices is a open source library maintained by Tree.ly.",
@@ -73,6 +73,8 @@
     ]
   },
   "peerDependencies": {
+    "@emotion/react": ">=11",
+    "@emotion/styled": ">=11",
     "next": "^14.0.3",
     "react": ">=18",
     "react-intl": ">=6"
@@ -83,11 +85,11 @@
   "size-limit": [
     {
       "path": "dist/strapi-slices.cjs.production.min.js",
-      "limit": "10 KB"
+      "limit": "2 MB"
     },
     {
       "path": "dist/strapi-slices.esm.js",
-      "limit": "10 KB"
+      "limit": "600 KB"
     }
   ],
   "devDependencies": {
@@ -113,13 +115,13 @@
     "esbuild": "^0.19.8",
     "husky": "^8.0.3",
     "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
     "mq-polyfill": "^1.1.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "semantic-release": "^22.0.8",
     "size-limit": "^11.0.0",
     "storybook": "^7.5.3",
-    "tslib": "^2.6.2",
     "typescript": "^5.3.2"
   },
   "dependencies": {
@@ -127,6 +129,7 @@
     "adblock-detect-react": "^1.1.0",
     "boemly": "^5.3.0",
     "formik": "^2.4.5",
+    "framer-motion": "^10.16.5",
     "mapbox-gl": "^2.15.0"
   }
 }

package/src/components/ContextProvider/ContextProvider.tsx

@@ -0,0 +1,40 @@
+import React, { createContext } from 'react';
+import { createIntl, createIntlCache } from 'react-intl';
+import rootMessagesDe from '../../rootMessages.de';
+import rootMessagesEn from '../../rootMessages.en';
+import Locale from '../../models/Locale';
+import { BoemlyThemeProvider } from 'boemly';
+import { Global } from '@emotion/react';
+import { GLOBAL_STYLE } from '../../constants/globalStyle';
+
+const cache = createIntlCache();
+
+const intlFactory = (locale: string) =>
+  createIntl(
+    {
+      locale,
+      messages: { de: rootMessagesDe, en: rootMessagesEn }[locale],
+    },
+    cache
+  );
+
+export const IntlContext = createContext(intlFactory('en'));
+
+export interface ContextProviderProps {
+  children: React.ReactNode;
+  locale: Locale;
+}
+
+export const ContextProvider: React.FC<ContextProviderProps> = ({
+  children,
+  locale,
+}: ContextProviderProps): JSX.Element => {
+  return (
+    <BoemlyThemeProvider>
+      <Global styles={{ GLOBAL_STYLE }} />
+      <IntlContext.Provider value={intlFactory(locale)}>
+        {children}
+      </IntlContext.Provider>
+    </BoemlyThemeProvider>
+  );
+};

package/src/components/ContextProvider/index.ts

@@ -0,0 +1 @@
+export { ContextProvider, IntlContext } from './ContextProvider';

package/src/components/CreditsAvailableBadge/CreditsAvailableBadge.test.tsx

@@ -1,5 +1,6 @@
-import { render, screen } from '@/test/testUtils';
-import CreditsAvailableState from '@/models/CreditsAvailableState';
+import React from 'react';
+import { render, screen } from '../../test/testUtils';
+import CreditsAvailableState from '../../models/CreditsAvailableState';
 import CreditsAvailableBadge, {
   CreditsAvailableBadgeProps,
 } from './CreditsAvailableBadge';

package/src/components/CreditsAvailableBadge/CreditsAvailableBadge.tsx

@@ -1,7 +1,8 @@
-import CreditsAvailableState from '@/models/CreditsAvailableState';
+import React, { useContext } from 'react';
+import CreditsAvailableState from '../../models/CreditsAvailableState';
 import { Badge } from 'boemly';
 import NextLink from 'next/link';
-import { useIntl } from 'react-intl';
+import { IntlContext } from '../ContextProvider';
 
 export interface CreditsAvailableBadgeProps {
   status: CreditsAvailableState;
@@ -12,7 +13,7 @@ const CreditsAvailableBadge = ({
   status,
   href,
 }: CreditsAvailableBadgeProps) => {
-  const { formatMessage } = useIntl();
+  const { formatMessage } = useContext(IntlContext);
 
   const variants: Record<
     CreditsAvailableState,

package/src/components/FullScreenImage/FullScreenImage.test.tsx

@@ -1,5 +1,6 @@
-import { render, screen } from '@/test/testUtils';
-import { strapiMediaMock } from '@/test/strapiMocks/strapiMedia';
+import React from 'react';
+import { render, screen } from '../../test/testUtils';
+import { strapiMediaMock } from '../../test/strapiMocks/strapiMedia';
 import FullScreenImage from '.';
 import { FullScreenImageProps } from './FullScreenImage';
 

package/src/components/FullScreenImage/FullScreenImage.tsx

@@ -1,7 +1,7 @@
+import React, { useEffect, useRef, useState } from 'react';
 import { BoemlyModal, Flex, IconButton } from 'boemly';
 import { useKey, useLockBodyScroll } from 'react-use';
-import StrapiImage from '@/models/strapi/StrapiImage';
-import { useEffect, useRef, useState } from 'react';
+import StrapiImage from '../../models/strapi/StrapiImage';
 import { CaretLeft, CaretRight } from '@phosphor-icons/react';
 import ZoomableImage from './ZoomableImage';
 

package/src/components/FullScreenImage/ZoomableImage.tsx

@@ -1,5 +1,5 @@
-import StrapiImage from '@/models/strapi/StrapiImage';
-import strapiMediaUrl from '@/utils/strapiMediaUrl';
+import StrapiImage from '../../models/strapi/StrapiImage';
+import strapiMediaUrl from '../../utils/strapiMediaUrl';
 import { Box } from 'boemly';
 import Head from 'next/head';
 import Image from 'next/image';

package/src/components/MinimalProviders/MinimalProviders.tsx

@@ -1,6 +1,7 @@
-import { FONT_CUSTOMIZATIONS } from '@/constants/fontCustomizations';
-import rootMessagesDe from '@/rootMessages.de';
-import rootMessagesEn from '@/rootMessages.en';
+import React from 'react';
+import { FONT_CUSTOMIZATIONS } from '../../constants/fontCustomizations';
+import rootMessagesDe from '../../rootMessages.de';
+import rootMessagesEn from '../../rootMessages.en';
 import { BoemlyThemeProvider } from 'boemly';
 import { IntlProvider } from 'react-intl';
 

package/src/components/SliceRenderer/SliceRenderer.test.tsx

@@ -1,5 +1,6 @@
-import { render, screen } from '@/test/testUtils';
-import SliceRenderer from '.';
+import React from 'react';
+import { render, screen } from '../../test/testUtils';
+import { SliceRenderer } from '.';
 import { SliceRendererProps } from './SliceRenderer';
 
 const defaultProps: SliceRendererProps = {

package/src/components/SliceRenderer/SliceRenderer.tsx

@@ -1,47 +1,51 @@
-import FullWidthImage from '@/slices/FullWidthImage';
-import Hero from '@/slices/Hero';
-import IconGrid from '@/slices/IconGrid';
-import ImageGrid from '@/slices/ImageGrid';
-import ImageTextSequence from '@/slices/ImageTextSequence';
-import LeftTextRightCard from '@/slices/LeftTextRightCard';
-import LogoGridWithText from '@/slices/LogoGridWithText';
-import MapHero from '@/slices/MapHero';
-import QAndA from '@/slices/QAndA';
-import QuoteCards from '@/slices/QuoteCards';
-import RichTextSection from '@/slices/RichTextSection';
-import Steps from '@/slices/Steps';
-import TextCardGrid from '@/slices/TextCardGrid';
-import TextCarousel from '@/slices/TextCarousel';
-import TextWithTextCards from '@/slices/TextWithTextCards';
-import TextWithCard from '@/slices/TextWithCard';
-import LinkCardsGrid from '@/slices/LinkCardsGrid';
-import SmallHero from '@/slices/SmallHero';
-import Blog from '@/slices/Blog';
-import StrapiBlogPost from '@/models/strapi/StrapiBlogPost';
-import ProjectsGrid from '@/slices/ProjectsGrid';
-import ProjectsMap from '@/slices/ProjectsMap';
-import Video from '@/slices/Video';
-import FullWidthHighlightQuote from '@/slices/FullWidthHighlightQuote';
-import FullWidthImageSlider from '@/slices/FullWidthImageSlider';
-import SideBySideImages from '@/slices/SideBySideImages';
-import IStrapiData from '@/models/strapi/IStrapiData';
-import Cta from '@/slices/Cta';
-import CtaOnly from '@/slices/CtaOnly';
-import Glossary from '@/slices/Glossary';
-import ShopCheckout from '@/slices/ShopCheckout';
-import Facts from '@/slices/Facts';
-import BlogCards from '@/slices/BlogCards';
-import PortfolioProject from '@/models/PortfolioProject';
-import ProjectFacts from '@/slices/ProjectFacts';
-import CustomerStories from '@/slices/CustomerStories';
-import StrapiCustomerStory from '@/models/strapi/StrapiCustomerStory';
-import Comparison from '@/slices/Comparison';
+import React from 'react';
+import FullWidthImage from '../../slices/FullWidthImage';
+import Hero from '../../slices/Hero';
+import IconGrid from '../../slices/IconGrid';
+import ImageGrid from '../../slices/ImageGrid';
+import ImageTextSequence from '../../slices/ImageTextSequence';
+import LeftTextRightCard from '../../slices/LeftTextRightCard';
+import LogoGridWithText from '../../slices/LogoGridWithText';
+import MapHero from '../../slices/MapHero';
+import QAndA from '../../slices/QAndA';
+import QuoteCards from '../../slices/QuoteCards';
+import RichTextSection from '../../slices/RichTextSection';
+import Steps from '../../slices/Steps';
+import TextCardGrid from '../../slices/TextCardGrid';
+import TextCarousel from '../../slices/TextCarousel';
+import TextWithTextCards from '../../slices/TextWithTextCards';
+import TextWithCard from '../../slices/TextWithCard';
+import LinkCardsGrid from '../../slices/LinkCardsGrid';
+import SmallHero from '../../slices/SmallHero';
+import Blog from '../../slices/Blog';
+import StrapiBlogPost from '../../models/strapi/StrapiBlogPost';
+import ProjectsGrid from '../../slices/ProjectsGrid';
+import ProjectsMap from '../../slices/ProjectsMap';
+import Video from '../../slices/Video';
+import FullWidthHighlightQuote from '../../slices/FullWidthHighlightQuote';
+import FullWidthImageSlider from '../../slices/FullWidthImageSlider';
+import SideBySideImages from '../../slices/SideBySideImages';
+import IStrapiData from '../../models/strapi/IStrapiData';
+import Cta from '../../slices/Cta';
+import CtaOnly from '../../slices/CtaOnly';
+import Glossary from '../../slices/Glossary';
+import ShopCheckout from '../../slices/ShopCheckout';
+import Facts from '../../slices/Facts';
+import BlogCards from '../../slices/BlogCards';
+import PortfolioProject from '../../models/PortfolioProject';
+import ProjectFacts from '../../slices/ProjectFacts';
+import CustomerStories from '../../slices/CustomerStories';
+import StrapiCustomerStory from '../../models/strapi/StrapiCustomerStory';
+import Comparison from '../../slices/Comparison';
+import Locale from '../../models/Locale';
+import { ContextProvider } from '../ContextProvider';
 
 export interface SliceRendererProps {
   slices: any;
   blogPosts: IStrapiData<StrapiBlogPost>[];
   projects: PortfolioProject[];
   customerStories: IStrapiData<StrapiCustomerStory>[];
+  locale?: Locale;
 }
 
 export const SliceRenderer = ({
@@ -49,8 +53,9 @@ export const SliceRenderer = ({
   blogPosts,
   projects,
   customerStories,
+  locale = 'en',
 }: SliceRendererProps): JSX.Element => (
-  <>
+  <ContextProvider locale={locale}>
     {slices.map((slice: any) => {
       switch (slice.__component) {
         case 'sections.hero':
@@ -290,5 +295,5 @@ export const SliceRenderer = ({
           );
       }
     })}
-  </>
+  </ContextProvider>
 );

package/src/components/SliceRenderer/index.ts

@@ -1,3 +1 @@
-import { SliceRenderer } from './SliceRenderer';
-
-export default SliceRenderer;
+export { SliceRenderer } from './SliceRenderer';

package/src/components/StrapiLinkButton/StrapiLinkButton.test.tsx

@@ -1,4 +1,5 @@
-import { render, screen } from '@/test/testUtils';
+import React from 'react';
+import { render, screen } from '../../test/testUtils';
 import StrapiLinkButton from '.';
 import { detectAdBlockSpy } from '../../../__mocks__/adblock-detect-react';
 import { StrapiLinkButtonProps } from './StrapiLinkButton';

package/src/components/StrapiLinkButton/StrapiLinkButton.tsx

@@ -1,9 +1,10 @@
+import React from 'react';
 import { Button } from 'boemly';
 import Link from 'next/link';
 import { useDetectAdBlock } from 'adblock-detect-react';
-import StrapiLink from '@/models/strapi/StrapiLink';
-import strapiLinkUrl from '@/utils/strapiLinkUrl';
-import openHubSpotChat from '@/utils/openHubSpotChat';
+import StrapiLink from '../../models/strapi/StrapiLink';
+import strapiLinkUrl from '../../utils/strapiLinkUrl';
+import openHubSpotChat from '../../utils/openHubSpotChat';
 
 export interface StrapiLinkButtonProps {
   link: StrapiLink;
@@ -30,11 +31,9 @@ export const StrapiLinkButton: React.FC<StrapiLinkButtonProps> = ({
   if (link.intercomLauncher) {
     if (adBlockDetected) {
       return (
-        <Link href="mailto:hello@tree.ly" passHref legacyBehavior>
-          <Button {...buttonProps} as="a">
-            {link.text}
-          </Button>
-        </Link>
+        <Button {...buttonProps} as={Link} href="mailto:hello@tree.ly">
+          {link.text}
+        </Button>
       );
     }
 
@@ -46,10 +45,8 @@ export const StrapiLinkButton: React.FC<StrapiLinkButtonProps> = ({
   }
 
   return (
-    <Link href={strapiLinkUrl(link)} passHref legacyBehavior>
-      <Button {...buttonProps} as="a">
-        {link.text}
-      </Button>
-    </Link>
+    <Button {...buttonProps} as={Link} href={strapiLinkUrl(link)}>
+      {link.text}
+    </Button>
   );
 };

package/src/components/StrapiLinkButtonWithIcon/StrapiLinkButtonWithIcon.test.tsx

@@ -1,4 +1,5 @@
-import { render, screen } from '@/test/testUtils';
+import React from 'react';
+import { render, screen } from '../../test/testUtils';
 import StrapiLinkButtonWithIcon from '.';
 import { StrapiLinkButtonWithIconProps } from './StrapiLinkButtonWithIcon';
 

package/src/components/StrapiLinkButtonWithIcon/StrapiLinkButtonWithIcon.tsx

@@ -1,6 +1,7 @@
+import React from 'react';
 import { CaretRight, Globe } from '@phosphor-icons/react';
-import LinkedInIcon from '@/icons/LinkedInIcon';
-import StrapiLinkWithIcon from '@/models/strapi/StrapiLinkWithIcon';
+import LinkedInIcon from '../../icons/LinkedInIcon';
+import StrapiLinkWithIcon from '../../models/strapi/StrapiLinkWithIcon';
 import StrapiLinkButton from '../StrapiLinkButton';
 import { StrapiLinkButtonProps } from '../StrapiLinkButton/StrapiLinkButton';
 

package/src/components/portfolio/Contact/Contact.test.tsx

@@ -1,6 +1,7 @@
-import { strapiMediaMock } from '@/test/strapiMocks/strapiMedia';
-import { mergeDeep } from '@/utils/mergeDeep';
-import { render, screen } from '@/test/testUtils';
+import React from 'react';
+import { strapiMediaMock } from '../../../test/strapiMocks/strapiMedia';
+import { mergeDeep } from '../../../utils/mergeDeep';
+import { render, screen } from '../../../test/testUtils';
 import { ContactProps } from './Contact';
 import Contact from '.';
 import { pushSpy, useRouter } from '../../../../__mocks__/next/router';

package/src/components/portfolio/Contact/Contact.tsx

@@ -1,9 +1,10 @@
-import StrapiImage from '@/models/strapi/StrapiImage';
-import StrapiLink from '@/models/strapi/StrapiLink';
-import strapiMediaUrl from '@/utils/strapiMediaUrl';
+import React from 'react';
+import StrapiImage from '../../../models/strapi/StrapiImage';
+import StrapiLink from '../../../models/strapi/StrapiLink';
+import strapiMediaUrl from '../../../utils/strapiMediaUrl';
 import { Text, Heading, Flex, Box, Container } from 'boemly';
 import Image from 'next/image';
-import StrapiLinkButton from '@/components/StrapiLinkButton';
+import StrapiLinkButton from '../../../components/StrapiLinkButton';
 
 export interface ContactProps {
   avatar?: StrapiImage;

package/src/components/portfolio/DocumentsDownloadList/DocumentsDownloadList.test.tsx

@@ -1,4 +1,5 @@
-import { render, screen } from '@/test/testUtils';
+import React from 'react';
+import { render, screen } from '../../../test/testUtils';
 import DocumentsDownloadList from '.';
 import { DocumentsDownloadListProps } from './DocumentsDownloadList';
 import messagesEn from './messages.en';

package/src/components/portfolio/DocumentsDownloadList/DocumentsDownloadList.tsx

@@ -1,4 +1,5 @@
-import StrapiLink from '@/models/strapi/StrapiLink';
+import React, { useContext } from 'react';
+import StrapiLink from '../../../models/strapi/StrapiLink';
 import {
   Center,
   Container,
@@ -10,7 +11,7 @@ import {
 } from 'boemly';
 import { DownloadSimple, FilePdf } from '@phosphor-icons/react';
 import Link from 'next/link';
-import { FormattedMessage, useIntl } from 'react-intl';
+import { IntlContext } from '../../ContextProvider';
 
 export interface DocumentsDownloadListProps {
   documentUrls: StrapiLink[];
@@ -19,12 +20,14 @@ export interface DocumentsDownloadListProps {
 export const DocumentsDownloadList: React.FC<DocumentsDownloadListProps> = ({
   documentUrls,
 }: DocumentsDownloadListProps) => {
-  const { formatMessage } = useIntl();
+  const { formatMessage } = useContext(IntlContext);
 
   return (
     <Container p="2">
       <Heading size="xl" textAlign="left">
-        <FormattedMessage id="features.portfolio.documentsDownloadList.projectDocuments" />
+        {formatMessage({
+          id: 'features.portfolio.documentsDownloadList.projectDocuments',
+        })}
       </Heading>
 
       <Flex flexDir="column">

package/src/components/portfolio/ProjectInfo/ProjectInfo.test.tsx

@@ -1,5 +1,6 @@
-import { render, screen } from '@/test/testUtils';
-import portfolioProjectMock from '@/test/mocks/portfolioProjectMock';
+import React from 'react';
+import { render, screen } from '../../../test/testUtils';
+import portfolioProjectMock from '../../../test/mocks/portfolioProjectMock';
 import ProjectInfo from '.';
 import { ProjectInfoProps } from './ProjectInfo';