@treely/strapi-slices 7.17.0 → 8.0.1

package/src/slices/QuoteCards/index.ts

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

package/src/slices/Redirect/Redirect.test.tsx

@@ -1,73 +0,0 @@
-import React from 'react';
-import { render } from '../../test/testUtils';
-import { mergeDeep } from '../../utils/mergeDeep';
-import { useRouter, replaceSpy } from '../../../__mocks__/next/router';
-import { DEFAULT_USE_ROUTER_RETURN_VALUE } from '../../test/defaultMocks/next';
-import Redirect from '.';
-import type { RedirectProps } from './Redirect';
-
-const defaultProps: RedirectProps = {
-  slice: { url: 'https://redirect.com' },
-};
-
-const setup = (
-  props: Partial<RedirectProps> = {},
-  routerOverrides: any = {}
-) => {
-  const combinedProps = mergeDeep(defaultProps, props);
-  useRouter.mockReturnValue({
-    ...DEFAULT_USE_ROUTER_RETURN_VALUE,
-    asPath: '/from',
-    query: { utm_source: 'linkedin' },
-    replace: replaceSpy,
-    ...routerOverrides,
-  });
-  render(<Redirect {...combinedProps} />);
-};
-
-describe('Redirect component', () => {
-  const originalDateNow = Date.now;
-  const originalLocation = window.location;
-  const mockDateNow = jest.fn(() => 1730284800000);
-  const mockOrigin = 'https://origin.com';
-
-  beforeEach(() => {
-    Date.now = mockDateNow;
-    // @ts-ignore - Mocking window.location
-    Object.defineProperty(window, 'location', {
-      value: { ...originalLocation, origin: mockOrigin },
-      writable: true,
-    });
-    jest.clearAllMocks();
-  });
-
-  afterEach(() => {
-    Date.now = originalDateNow;
-    Object.defineProperty(window, 'location', {
-      value: originalLocation,
-      writable: true,
-    });
-    useRouter.mockRestore();
-    replaceSpy.mockRestore();
-  });
-
-  it('calls the redirect URL when rendering preserving the utm_* params and passing the source and ts params', () => {
-    setup();
-
-    expect(replaceSpy).toHaveBeenCalledTimes(1);
-    const calledUrl = replaceSpy.mock.calls[0][0];
-    const url = new URL(calledUrl);
-
-    // URLSearchParams.get automatically decodes values
-    expect(url.searchParams.get('source')).toBe('https://origin.com/from');
-    expect(url.searchParams.get('utm_source')).toBe('linkedin');
-    expect(url.searchParams.get('ts')).toBe('1730284800000');
-    expect(url.origin + url.pathname).toBe('https://redirect.com/');
-  });
-
-  it('does nothing when slice.url is empty', () => {
-    setup({ slice: { url: '' } });
-
-    expect(replaceSpy).not.toHaveBeenCalled();
-  });
-});

package/src/slices/Redirect/Redirect.tsx

@@ -1,29 +0,0 @@
-import { useRouter } from 'next/router';
-import React, { useEffect } from 'react';
-import { buildRedirectUrl } from '../../utils/buildRedirectUrl';
-
-export interface RedirectProps {
-  slice: {
-    url: string;
-  };
-}
-
-export const Redirect = ({ slice }: RedirectProps): JSX.Element => {
-  const router = useRouter();
-
-  useEffect(() => {
-    if (!slice.url) return;
-
-    // Build redirect URL
-    const redirectUrl = buildRedirectUrl(
-      slice.url,
-      router.asPath,
-      router.query
-    );
-
-    // Redirect
-    router.replace(redirectUrl);
-  }, [slice.url, router]);
-
-  return <></>;
-};

package/src/slices/Redirect/index.ts

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

package/src/slices/RichTextSection/RichTextSection.stories.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
-
-import RichTextSection from '.';
-
-export default {
-  title: 'slices/RichTextSection',
-  component: RichTextSection,
-} as Meta<typeof RichTextSection>;
-
-const Template: StoryFn<typeof RichTextSection> = (args) => (
-  <RichTextSection {...args} />
-);
-
-export const Minimal = Template.bind({});
-Minimal.args = {
-  slice: {
-    content: `
-# Heading 1
-
-## Heading 2
-
-### Heading 3
-
-Text
-`,
-  },
-};

package/src/slices/RichTextSection/RichTextSection.test.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import { render, screen } from '../../test/testUtils';
-import RichTextSection from '.';
-import { RichTextSectionProps } from './RichTextSection';
-
-const defaultProps: RichTextSectionProps = {
-  slice: { content: 'Content' },
-};
-
-const setup = (props = {}) => {
-  const combinedProps = { ...defaultProps, ...props };
-  render(<RichTextSection {...combinedProps} />);
-};
-
-describe('The RichText component', () => {
-  it('displays the content', () => {
-    setup();
-
-    expect(screen.getByText(defaultProps.slice.content)).toBeInTheDocument();
-  });
-});

package/src/slices/RichTextSection/RichTextSection.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import {
-  DefaultSectionContainer,
-  Grid,
-  GridItem,
-  RichText,
-  Wrapper,
-} from 'boemly';
-
-export interface RichTextSectionProps {
-  slice: {
-    content: string;
-  };
-}
-
-export const RichTextSection: React.FC<RichTextSectionProps> = ({
-  slice,
-}: RichTextSectionProps) => (
-  <DefaultSectionContainer>
-    <Wrapper>
-      <Grid templateColumns="repeat(12, 1fr)" gap="4">
-        <GridItem colSpan={[12, null, null, 7]}>
-          <RichText content={slice.content} />
-        </GridItem>
-      </Grid>
-    </Wrapper>
-  </DefaultSectionContainer>
-);

package/src/slices/RichTextSection/index.ts

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

package/src/slices/ShopCheckout/ShopCheckout.stories.tsx

@@ -1,90 +0,0 @@
-import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
-
-import ShopCheckout from '.';
-
-export default {
-  title: 'shop/ShopCheckout',
-  component: ShopCheckout,
-} as Meta<typeof ShopCheckout>;
-
-const Template: StoryFn<typeof ShopCheckout> = (args) => (
-  <ShopCheckout {...args} />
-);
-
-export const Minimal = Template.bind({});
-Minimal.args = {
-  slice: {
-    title: 'Title',
-    batchId: 'batchId',
-    pricePerKg: 0.06,
-    initialContributionValue: 60,
-    checkoutText: 'Checkout Text',
-    currency: 'EUR',
-  },
-};
-
-export const WithTagline = Template.bind({});
-WithTagline.args = {
-  slice: {
-    title: 'Title',
-    batchId: 'batchId',
-    pricePerKg: 0.06,
-    initialContributionValue: 60,
-    checkoutText: 'Checkout Text',
-    tagline: 'Tagline',
-    currency: 'EUR',
-  },
-};
-
-export const WithText = Template.bind({});
-WithText.args = {
-  slice: {
-    title: 'Title',
-    batchId: 'batchId',
-    pricePerKg: 0.06,
-    initialContributionValue: 60,
-    checkoutText: 'Checkout Text',
-    text: 'Text',
-    currency: 'EUR',
-  },
-};
-
-export const WithBadge = Template.bind({});
-WithBadge.args = {
-  slice: {
-    title: 'Title',
-    batchId: 'batchId',
-    pricePerKg: 0.06,
-    initialContributionValue: 60,
-    checkoutText: 'Checkout Text',
-    badge: 'Badge Text',
-    currency: 'EUR',
-  },
-};
-
-export const WithCHF = Template.bind({});
-WithCHF.args = {
-  slice: {
-    title: 'Title',
-    batchId: 'batchId',
-    pricePerKg: 0.06,
-    initialContributionValue: 60,
-    checkoutText: 'Checkout Text',
-    badge: 'Badge Text',
-    currency: 'CHF',
-  },
-};
-
-export const WithTaxMessage = Template.bind({});
-WithTaxMessage.args = {
-  slice: {
-    title: 'Title',
-    batchId: 'batchId',
-    pricePerKg: 0.06,
-    initialContributionValue: 60,
-    checkoutText: 'Checkout Text',
-    taxInPercent: 20,
-    currency: 'EUR',
-  },
-};

package/src/slices/ShopCheckout/ShopCheckout.test.tsx

@@ -1,194 +0,0 @@
-import React from 'react';
-import { render, screen, userEvent, waitFor } from '../../test/testUtils';
-import { DEFAULT_USE_ROUTER_RETURN_VALUE } from '../../test/defaultMocks/next';
-import { ShopCheckoutProps } from './ShopCheckout';
-import ShopCheckout from '.';
-import { useRouter } from '../../../__mocks__/next/router';
-import messagesEn from './messages.en';
-
-const pushSpy = jest.fn();
-
-const defaultProps: ShopCheckoutProps = {
-  slice: {
-    title: 'Title',
-    batchId: 'batchId',
-    pricePerKg: 0.06,
-    initialContributionValue: 60,
-    taxInPercent: 20,
-    checkoutText: 'Checkout Text',
-    currency: 'EUR',
-  },
-};
-
-const setup = (props = {}) => {
-  const combinedProps = { ...defaultProps, ...props };
-  render(<ShopCheckout {...combinedProps} />);
-};
-
-describe('The ShowCheckout section', () => {
-  beforeEach(() => {
-    useRouter.mockReturnValue({
-      ...DEFAULT_USE_ROUTER_RETURN_VALUE,
-      push: pushSpy,
-    });
-  });
-
-  afterEach(() => {
-    pushSpy.mockRestore();
-    useRouter.mockRestore();
-  });
-
-  it('displays the title', () => {
-    setup();
-
-    expect(screen.getByText('Title')).toBeInTheDocument();
-  });
-
-  it('displays the badge', () => {
-    setup({ slice: { ...defaultProps.slice, badge: 'Badge Text' } });
-
-    expect(screen.getByText('Badge Text')).toBeInTheDocument();
-  });
-
-  it('displays the amount in euro included taxes', () => {
-    setup();
-
-    expect(screen.getByText('Price including tax: €72.00')).toBeInTheDocument();
-  });
-
-  it('navigates to the checkout on submit', async () => {
-    setup();
-
-    await userEvent.click(
-      screen.getByText(messagesEn['sections.shopCheckout.submit'])
-    );
-
-    await waitFor(() => {
-      expect(pushSpy).toHaveBeenCalledWith(
-        'https://api.fpm.t-staging.com/v1/webhooks/shop/checkout?batchId=batchId&quantity=1000&cancelPath=%2F'
-      );
-    });
-  });
-
-  it('adds the coupon-id to the url if it is set', async () => {
-    setup({ slice: { ...defaultProps.slice, couponId: 'coupon-id' } });
-
-    await userEvent.click(
-      screen.getByText(messagesEn['sections.shopCheckout.submit'])
-    );
-
-    await waitFor(() => {
-      expect(pushSpy).toHaveBeenCalledWith(
-        'https://api.fpm.t-staging.com/v1/webhooks/shop/checkout?batchId=batchId&quantity=1000&cancelPath=%2F&couponId=coupon-id'
-      );
-    });
-  });
-
-  it('works with CHF', async () => {
-    setup({ slice: { ...defaultProps.slice, currency: 'CHF' } });
-
-    expect(
-      screen.getByLabelText(
-        messagesEn['sections.shopCheckout.contributionValue.label.CHF']
-      )
-    ).toBeInTheDocument();
-
-    await userEvent.clear(
-      screen.getByLabelText(
-        messagesEn['sections.shopCheckout.contributionValue.label.CHF']
-      )
-    );
-    await userEvent.type(
-      screen.getByLabelText(
-        messagesEn['sections.shopCheckout.contributionValue.label.CHF']
-      ),
-      '1'
-    );
-    await userEvent.click(
-      screen.getByText(messagesEn['sections.shopCheckout.submit'])
-    );
-
-    expect(
-      await screen.findByText(
-        messagesEn[
-          'sections.shopCheckout.contributionValue.validation.tooLow.CHF'
-        ]
-      )
-    ).toBeInTheDocument();
-  });
-
-  describe('does not submit', () => {
-    it('if the value is empty', async () => {
-      setup();
-
-      await userEvent.clear(
-        screen.getByLabelText(
-          messagesEn['sections.shopCheckout.contributionValue.label.EUR']
-        )
-      );
-      await userEvent.click(
-        screen.getByText(messagesEn['sections.shopCheckout.submit'])
-      );
-
-      expect(
-        await screen.findByText(
-          messagesEn['sections.shopCheckout.contributionValue.validation.empty']
-        )
-      ).toBeInTheDocument();
-    });
-
-    it('if the value is too low', async () => {
-      setup();
-
-      await userEvent.clear(
-        screen.getByLabelText(
-          messagesEn['sections.shopCheckout.contributionValue.label.EUR']
-        )
-      );
-      await userEvent.type(
-        screen.getByLabelText(
-          messagesEn['sections.shopCheckout.contributionValue.label.EUR']
-        ),
-        '1'
-      );
-      await userEvent.click(
-        screen.getByText(messagesEn['sections.shopCheckout.submit'])
-      );
-
-      expect(
-        await screen.findByText(
-          messagesEn[
-            'sections.shopCheckout.contributionValue.validation.tooLow.EUR'
-          ]
-        )
-      ).toBeInTheDocument();
-    });
-
-    it('if the value is too high', async () => {
-      setup();
-
-      await userEvent.clear(
-        screen.getByLabelText(
-          messagesEn['sections.shopCheckout.contributionValue.label.EUR']
-        )
-      );
-      await userEvent.type(
-        screen.getByLabelText(
-          messagesEn['sections.shopCheckout.contributionValue.label.EUR']
-        ),
-        '1000000'
-      );
-      await userEvent.click(
-        screen.getByText(messagesEn['sections.shopCheckout.submit'])
-      );
-
-      expect(
-        await screen.findByText(
-          messagesEn[
-            'sections.shopCheckout.contributionValue.validation.tooHigh'
-          ]
-        )
-      ).toBeInTheDocument();
-    });
-  });
-});