@treely/strapi-slices 7.17.0 → 8.0.0

package/dist/test/defaultMocks/next.d.ts

@@ -1,2 +0,0 @@
-import type { NextRouter } from 'next/router';
-export declare const DEFAULT_USE_ROUTER_RETURN_VALUE: NextRouter;

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

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

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

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

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

@@ -1,3 +0,0 @@
-import { GetStaticPropsContext } from 'next';
-declare const getStaticPropsContextMock: GetStaticPropsContext;
-export default getStaticPropsContextMock;

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

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

package/dist/test/setupTests.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

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

@@ -1 +0,0 @@
-export declare const storybookAvatarUrl = "https://cdn.tree.ly/storybook/v1/avatar.jpeg";

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

@@ -1,8 +0,0 @@
-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>;
-export declare const storybookStrapiGradientBottomUpMock: IStrapiData<StrapiMedia>;
-export declare const storybookStrapiTreeIconMock: IStrapiData<StrapiMedia>;
-export declare const storybookStrapiMapMock: IStrapiData<StrapiMedia>;

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

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

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

@@ -1,12 +0,0 @@
-export declare const strapiAvatarWithNameMock: {
-    id: number;
-    name: string;
-    description: string;
-    image: {
-        id: number;
-        alt: string;
-        img: {
-            data: import("../../models/strapi/IStrapiData").default<import("../../models/strapi/StrapiMedia").default>;
-        };
-    };
-};

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

@@ -1,3 +0,0 @@
-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 +0,0 @@
-import StrapiContactArea from '../../models/strapi/StrapiContactArea';
-export declare const strapiContactMock: StrapiContactArea;

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

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

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

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

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

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

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

@@ -1,3 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-import StrapiMetadata from '../../models/strapi/StrapiMetadata';
-export declare const strapiMetadataMock: StrapiMetadata;

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

@@ -1,3 +0,0 @@
-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 +0,0 @@
-import StrapiPortfolioCard from '../../models/strapi/StrapiPortfolioCard';
-export declare const strapiPortfolioCardMock: StrapiPortfolioCard;

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

@@ -1,3 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-import StrapiProjectCard from '../../models/strapi/StrapiProjectCard';
-export declare const strapiProjectCardMock: StrapiProjectCard;

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

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

package/dist/test/testUtils.d.ts

@@ -1,6 +0,0 @@
-import userEvent from '@testing-library/user-event';
-declare const render: (ui: any, { locale, ...renderOptions }?: {
-    locale?: string | undefined;
-}) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
-export * from '@testing-library/react';
-export { render, userEvent };

package/src/components/ContextProvider/ContextProvider.tsx

@@ -1,81 +0,0 @@
-import React, { createContext } from 'react';
-import { createIntl, createIntlCache } from 'react-intl';
-import { Global } from '@emotion/react';
-import { GLOBAL_STYLE } from '../../constants/globalStyle';
-import getMessages from '../../utils/getMessages';
-import strapiClient from '../../integrations/strapi/strapiClient';
-import { SWRConfig } from 'swr/_internal';
-
-export type AnalyticsFunction = ({
-  type,
-  props,
-}: {
-  type: 'track' | 'page';
-  props?: Record<string, any>;
-}) => void;
-
-export const AnalyticsContext = createContext<AnalyticsFunction | undefined>(
-  undefined
-);
-
-const cache = createIntlCache();
-
-const intlFactory = (locale: string) =>
-  createIntl(
-    {
-      locale,
-      messages: getMessages(locale),
-    },
-    cache
-  );
-
-export const IntlContext = createContext(intlFactory('en'));
-
-export interface ContextProviderProps {
-  children: React.ReactNode;
-  locale: string;
-  analyticsFunction?: AnalyticsFunction;
-}
-
-export const ContextProvider: React.FC<ContextProviderProps> = ({
-  children,
-  locale,
-  analyticsFunction,
-}: ContextProviderProps): JSX.Element => {
-  const fetcher = async (resource: any, init: any) => {
-    const response = await strapiClient.get(`${resource}`, {
-      ...init,
-      headers: {},
-    });
-    // Check if the response was an error:
-    if (response.status < 200 || response.status >= 300) {
-      let errorData = { message: '' };
-      try {
-        errorData = await response.data;
-      } catch (error) {
-        errorData = {
-          message: `An unknown error occurred while fetching data.`,
-        };
-      }
-      throw new Error(errorData.message); // Throwing the error will lead to onError being called
-    }
-
-    return { body: await response.data, headers: response.headers };
-  };
-  return (
-    <>
-      <SWRConfig
-        value={{
-          fetcher,
-        }}
-      >
-        <Global styles={{ GLOBAL_STYLE }} />
-        <IntlContext.Provider value={intlFactory(locale)}>
-          <AnalyticsContext.Provider value={analyticsFunction}>
-            {children}
-          </AnalyticsContext.Provider>
-        </IntlContext.Provider>
-      </SWRConfig>
-    </>
-  );
-};

package/src/components/ContextProvider/index.ts

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

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

@@ -1,68 +0,0 @@
-import React from 'react';
-import { render, screen } from '../../test/testUtils';
-import CreditsAvailableBadge, {
-  CreditsAvailableBadgeProps,
-} from './CreditsAvailableBadge';
-import messagesEn from './messages.en';
-import { CreditAvailability } from '../../models/fpm/FPMProject';
-
-const defaultProps: CreditsAvailableBadgeProps = {
-  status: CreditAvailability.CREDITS_AVAILABLE,
-};
-
-const setup = (props: Partial<CreditsAvailableBadgeProps> = {}) => {
-  const combinedProps = { ...defaultProps, ...props };
-  render(<CreditsAvailableBadge {...combinedProps} />);
-};
-
-describe('The CreditsAvailableBadge component', () => {
-  it('renders successfully with minimal props', () => {
-    setup({});
-
-    expect(
-      screen.getByText(messagesEn['components.creditsAvailableBadge.text.yes'])
-    ).toBeInTheDocument();
-    expect(
-      screen.getByText(messagesEn['components.creditsAvailableBadge.text.yes'])
-    ).not.toHaveAttribute('href');
-  });
-
-  it('renders a link if specified', () => {
-    setup({ href: 'link-to' });
-
-    expect(
-      screen.getByText(messagesEn['components.creditsAvailableBadge.text.yes'])
-    ).toBeInTheDocument();
-    expect(
-      screen
-        .getByText(messagesEn['components.creditsAvailableBadge.text.yes'])
-        .closest('a')
-    ).toHaveAttribute('href', 'link-to');
-  });
-
-  it('renders correctly for the "some" case', () => {
-    setup({ status: CreditAvailability.SOME_CREDITS_AVAILABLE });
-
-    expect(
-      screen.getByText(messagesEn['components.creditsAvailableBadge.text.some'])
-    ).toBeInTheDocument();
-  });
-
-  it('renders correctly for the "no" case', () => {
-    setup({ status: CreditAvailability.NO_CREDITS_AVAILABLE });
-
-    expect(
-      screen.getByText(messagesEn['components.creditsAvailableBadge.text.no'])
-    ).toBeInTheDocument();
-  });
-
-  it('renders correctly for the "notYet" case', () => {
-    setup({ status: CreditAvailability.SOON_CREDITS_AVAILABLE });
-
-    expect(
-      screen.getByText(
-        messagesEn['components.creditsAvailableBadge.text.notYet']
-      )
-    ).toBeInTheDocument();
-  });
-});

package/src/components/CreditsAvailableBadge/CreditsAvailableBadge.tsx

@@ -1,65 +0,0 @@
-import React, { useContext } from 'react';
-import { Flex, Tag, Text } from 'boemly';
-import NextLink from 'next/link';
-import { IntlContext } from '../ContextProvider';
-import { CreditAvailability } from '../../models/fpm/FPMProject';
-
-export interface CreditsAvailableBadgeProps {
-  status: CreditAvailability;
-  href?: string;
-}
-
-const CreditsAvailableBadge = ({
-  status,
-  href,
-}: CreditsAvailableBadgeProps) => {
-  const { formatMessage } = useContext(IntlContext);
-
-  const variants: Record<
-    CreditAvailability,
-    { message: string; color: string }
-  > = {
-    [CreditAvailability.CREDITS_AVAILABLE]: {
-      message: formatMessage({
-        id: 'components.creditsAvailableBadge.text.yes',
-      }),
-      color: 'green.600',
-    },
-    [CreditAvailability.NO_CREDITS_AVAILABLE]: {
-      message: formatMessage({
-        id: 'components.creditsAvailableBadge.text.no',
-      }),
-      color: 'red.600',
-    },
-    [CreditAvailability.SOME_CREDITS_AVAILABLE]: {
-      message: formatMessage({
-        id: 'components.creditsAvailableBadge.text.some',
-      }),
-      color: 'orange.500',
-    },
-    [CreditAvailability.SOON_CREDITS_AVAILABLE]: {
-      message: formatMessage({
-        id: 'components.creditsAvailableBadge.text.notYet',
-      }),
-      color: 'blue.500',
-    },
-  };
-
-  const variant = variants[status];
-
-  return (
-    <Flex
-      justifyContent="flex-start"
-      as={href ? NextLink : undefined}
-      href={href}
-    >
-      <Tag backgroundColor={variant.color}>
-        <Text color="white" size="xsLowBold">
-          {variant.message}
-        </Text>
-      </Tag>
-    </Flex>
-  );
-};
-
-export default CreditsAvailableBadge;

package/src/components/CreditsAvailableBadge/index.ts

@@ -1,3 +0,0 @@
-import CreditsAvailableBadge from './CreditsAvailableBadge';
-
-export default CreditsAvailableBadge;

package/src/components/CreditsAvailableBadge/messages.de.ts

@@ -1,7 +0,0 @@
-const messagesDe = {
-  'components.creditsAvailableBadge.text.yes': 'Credits verfügbar',
-  'components.creditsAvailableBadge.text.some': 'Einige verbleibende Credits',
-  'components.creditsAvailableBadge.text.no': 'Keine verbleibenden Credits',
-  'components.creditsAvailableBadge.text.notYet': 'Credits bald verfügbar',
-};
-export default messagesDe;

package/src/components/CreditsAvailableBadge/messages.en.ts

@@ -1,7 +0,0 @@
-const messagesEn = {
-  'components.creditsAvailableBadge.text.yes': 'Credits available',
-  'components.creditsAvailableBadge.text.some': 'Some remaining credits',
-  'components.creditsAvailableBadge.text.no': 'No remaining credits',
-  'components.creditsAvailableBadge.text.notYet': 'Credits available soon',
-};
-export default messagesEn;

package/src/components/CustomerCard/CustomerCard.test.tsx

@@ -1,49 +0,0 @@
-import React from 'react';
-import { render, screen } from '../../test/testUtils';
-import { mergeDeep } from '../../utils/mergeDeep';
-import { strapiCustomerStoryMock } from '../../test/strapiMocks/strapiCustomerStory';
-import { CustomerCardProps } from './CustomerCard';
-import CustomerCard from '../CustomerCard';
-import messagesEn from './messages.en';
-
-const defaultProps: CustomerCardProps = {
-  customerStory: strapiCustomerStoryMock.attributes,
-};
-
-const setup = (props = {}) => {
-  const combinedProps = mergeDeep(defaultProps, props);
-  render(<CustomerCard {...combinedProps} />);
-};
-
-describe('The CustomerCard component', () => {
-  it('displays the customer card title', () => {
-    setup();
-
-    expect(
-      screen.getByText(strapiCustomerStoryMock.attributes.title || '')
-    ).toBeInTheDocument();
-  });
-
-  it('displays the customer card image', () => {
-    setup();
-
-    expect(screen.getByRole('img')).toBeInTheDocument();
-  });
-
-  it('displays the customer card industry', () => {
-    setup();
-
-    expect(
-      screen.getByText(
-        strapiCustomerStoryMock.attributes.customerCardCustomerIndustry || ''
-      )
-    ).toBeInTheDocument();
-  });
-
-  it('displays the button', () => {
-    setup();
-
-    expect(screen.getByRole('link')).toBeInTheDocument();
-    expect(screen.getByText(messagesEn['sections.customerCard.more']));
-  });
-});

package/src/components/CustomerCard/CustomerCard.tsx

@@ -1,58 +0,0 @@
-import { Container, Center, Heading, Button, Box, Text, Flex } from 'boemly';
-import React, { useContext } from 'react';
-import { StrapiCustomerStory, strapiMediaUrl } from '../..';
-import Image from 'next/image';
-import { IntlContext } from '../../components/ContextProvider';
-import Link from 'next/link';
-
-export interface CustomerCardProps {
-  customerStory: StrapiCustomerStory;
-}
-export const CustomerCard = ({
-  customerStory,
-}: CustomerCardProps): JSX.Element => {
-  const { formatMessage } = useContext(IntlContext);
-
-  return (
-    <Container padding="none" height="full">
-      <Flex flexDir="column" height="full">
-        <Center height="24" backgroundColor="primary.50" borderTopRadius="xl">
-          {customerStory.cardImage && (
-            <Box position="relative" height="12" width="12">
-              <Image
-                src={strapiMediaUrl(customerStory.cardImage.img, 'medium')}
-                alt={customerStory.cardImage.alt}
-                fill
-                style={{
-                  objectFit: customerStory.cardImage.objectFit,
-                }}
-              />
-            </Box>
-          )}
-        </Center>
-        <Box px="6" pt="8" pb="6" mb="auto">
-          {customerStory.customerCardCustomerIndustry && (
-            <Text size="xsMonoUppercase" color="gray.500" mb="2">
-              {customerStory.customerCardCustomerIndustry}
-            </Text>
-          )}
-          {customerStory.title && (
-            <Heading size="md" fontWeight="500">
-              {customerStory.title}
-            </Heading>
-          )}
-        </Box>
-        <Box px="6" pt="8" pb="6">
-          <Button
-            as={Link}
-            href={`/customer-stories/${customerStory.slug}`}
-            variant="outline"
-            size="sm"
-          >
-            {formatMessage({ id: 'sections.customerCard.more' })}
-          </Button>
-        </Box>
-      </Flex>
-    </Container>
-  );
-};

package/src/components/CustomerCard/index.ts

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

package/src/components/CustomerCard/messages.de.ts

@@ -1,4 +0,0 @@
-const messagesDe = {
-  'sections.customerCard.more': 'Weiterlesen',
-};
-export default messagesDe;

package/src/components/CustomerCard/messages.en.ts

@@ -1,4 +0,0 @@
-const messagesEn = {
-  'sections.customerCard.more': 'Read more',
-};
-export default messagesEn;

package/src/components/CustomerQuoteCard/CustomerQuoteCard.test.tsx

@@ -1,57 +0,0 @@
-import React from 'react';
-import { render, screen } from '../../test/testUtils';
-import { mergeDeep } from '../../utils/mergeDeep';
-import { strapiCustomerStoryMock } from '../../test/strapiMocks/strapiCustomerStory';
-import { CustomerQuoteCardProps } from './CustomerQuoteCard';
-import CustomerQuoteCard from '.';
-import messagesEn from './messages.en';
-
-const defaultProps: CustomerQuoteCardProps = {
-  customerStory: strapiCustomerStoryMock.attributes,
-};
-
-const setup = (props = {}) => {
-  const combinedProps = mergeDeep(defaultProps, props);
-  render(<CustomerQuoteCard {...combinedProps} />);
-};
-
-describe('The QuoteCustomerCard component', () => {
-  it('displays the customer name', () => {
-    setup();
-
-    expect(
-      screen.getByText(strapiCustomerStoryMock.attributes.customerName || '')
-    ).toBeInTheDocument();
-  });
-
-  it('displays the customer title', () => {
-    setup();
-
-    expect(
-      screen.getByText(
-        strapiCustomerStoryMock.attributes.quoteCardCustomerTitle || ''
-      )
-    ).toBeInTheDocument();
-  });
-
-  it('displays the customer quote text', () => {
-    setup();
-
-    expect(
-      screen.getByText(strapiCustomerStoryMock.attributes.quoteCardQuote || '')
-    ).toBeInTheDocument();
-  });
-
-  it('displays the customer card image', () => {
-    setup();
-
-    expect(screen.getByRole('img')).toBeInTheDocument();
-  });
-
-  it('displays the button', () => {
-    setup();
-
-    expect(screen.getByRole('link')).toBeInTheDocument();
-    expect(screen.getByText(messagesEn['sections.customerQuoteCard.more']));
-  });
-});

package/src/components/CustomerQuoteCard/CustomerQuoteCard.tsx

@@ -1,61 +0,0 @@
-import { Container, Heading, Button, Box, Text } from 'boemly';
-import React, { useContext } from 'react';
-import { StrapiCustomerStory, strapiMediaUrl } from '../..';
-import Image from 'next/image';
-import { IntlContext } from '../../components/ContextProvider';
-import Link from 'next/link';
-
-export interface CustomerQuoteCardProps {
-  customerStory: StrapiCustomerStory;
-}
-
-export const CustomerQuoteCard = ({
-  customerStory,
-}: CustomerQuoteCardProps): JSX.Element => {
-  const { formatMessage } = useContext(IntlContext);
-
-  return (
-    <Container p="1" backgroundColor="primary.100" height="full">
-      {customerStory.cardImage ? (
-        <Box
-          position="relative"
-          height="12"
-          width="12"
-          borderRadius="full"
-          overflow="hidden"
-        >
-          <Image
-            src={strapiMediaUrl(customerStory.cardImage.img, 'medium')}
-            alt={customerStory.cardImage.alt}
-            fill
-            style={{
-              objectFit: customerStory.cardImage.objectFit,
-            }}
-          />
-        </Box>
-      ) : (
-        <></>
-      )}
-      <Box>
-        <Box my="8">
-          <Heading size="md" fontWeight="500">
-            {customerStory.customerName}
-          </Heading>
-          <Text size="xs">{customerStory.quoteCardCustomerTitle}</Text>
-        </Box>
-        <Text size="xs" color="black">
-          {customerStory.quoteCardQuote}
-        </Text>
-        <Button
-          href={`/customer-stories/${customerStory.slug}`}
-          as={Link}
-          variant="outline"
-          size="sm"
-          mt="8"
-        >
-          {formatMessage({ id: 'sections.customerQuoteCard.more' })}
-        </Button>
-      </Box>
-    </Container>
-  );
-};

package/src/components/CustomerQuoteCard/index.ts

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

package/src/components/CustomerQuoteCard/messages.de.ts

@@ -1,4 +0,0 @@
-const messagesDe = {
-  'sections.customerQuoteCard.more': 'Weiterlesen',
-};
-export default messagesDe;

package/src/components/CustomerQuoteCard/messages.en.ts

@@ -1,4 +0,0 @@
-const messagesEn = {
-  'sections.customerQuoteCard.more': 'Read more',
-};
-export default messagesEn;