@treely/strapi-slices 2.2.0 → 2.3.0

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

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

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

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

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

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

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

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

package/dist/test/setupTests.d.ts

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

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

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

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,3 @@
+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

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

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

@@ -0,0 +1,3 @@
+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

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

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

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

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

@@ -0,0 +1,3 @@
+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

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

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

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

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

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

package/dist/test/testUtils.d.ts

@@ -0,0 +1,6 @@
+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/dist/unit.messages.de.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    'unit.formatter.tonsCo2': string;
+    'unit.formatter.tonsCo2PerYear': string;
+};
+export default _default;

package/dist/unit.messages.en.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    'unit.formatter.tonsCo2': string;
+    'unit.formatter.tonsCo2PerYear': string;
+};
+export default _default;

package/dist/utils/convertAreaM2ToHa.d.ts

@@ -0,0 +1,2 @@
+declare const convertAreaM2ToHa: (areaInM2: string) => number;
+export default convertAreaM2ToHa;

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

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

package/dist/utils/convertCo2AmountKgToTons.d.ts

@@ -0,0 +1,2 @@
+declare const convertCo2AmountKgToTons: (amount: string) => number;
+export default convertCo2AmountKgToTons;

package/dist/utils/convertToKebabCase.d.ts

@@ -0,0 +1,2 @@
+declare const convertToKebabCase: (str: string) => string;
+export default convertToKebabCase;

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

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

package/dist/utils/getTimeSpanInYears.d.ts

@@ -0,0 +1,2 @@
+declare const getTimeSpanInYears: (start: Date, end: Date) => number;
+export default getTimeSpanInYears;

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

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

package/dist/utils/mergeBoundingBoxes.d.ts

@@ -0,0 +1,3 @@
+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/mergeDeep.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Simple object check.
+ * @param item
+ * @returns {boolean}
+ */
+export declare function isObject(item: any): any;
+/**
+ * Deep merge two objects.
+ * @param target
+ * @param ...sources
+ */
+export declare function mergeDeep(target: any, ...sources: any): any;

package/dist/utils/mergeGlobalAndStrapiBlogPostData.d.ts

@@ -0,0 +1,5 @@
+import { GetStaticPropsContext } from 'next';
+import { IStrapiData, StrapiBlogPost, StrapiBlogPostProps, StrapiGlobal } from '..';
+import PortfolioProject from '../models/PortfolioProject';
+declare const mergeGlobalAndStrapiBlogPostData: (context: GetStaticPropsContext, global: IStrapiData<StrapiGlobal>, post: IStrapiData<StrapiBlogPost>, blog: IStrapiData<StrapiBlogPost>[], projects: PortfolioProject[]) => StrapiBlogPostProps;
+export default mergeGlobalAndStrapiBlogPostData;

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

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

package/dist/utils/mergeGlobalAndStrapiCustomerStoryData.d.ts

@@ -0,0 +1,4 @@
+import { GetStaticPropsContext } from 'next';
+import { IStrapiData, StrapiCustomerStory, StrapiCustomerStoryProps, StrapiGlobal } from '..';
+declare const mergeGlobalAndStrapiCustomerStoryData: (context: GetStaticPropsContext, global: IStrapiData<StrapiGlobal>, customerStory: IStrapiData<StrapiCustomerStory>, customerStories: IStrapiData<StrapiCustomerStory>[]) => StrapiCustomerStoryProps;
+export default mergeGlobalAndStrapiCustomerStoryData;

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

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

package/dist/utils/mergeGlobalAndStrapiPageData.d.ts

@@ -0,0 +1,5 @@
+import { GetStaticPropsContext } from 'next';
+import { IStrapiData, StrapiBlogPost, StrapiCustomerStory, StrapiGlobal, StrapiPage, StrapiPageProps } from '..';
+import PortfolioProject from '../models/PortfolioProject';
+declare const mergeGlobalAndStrapiPageData: (context: GetStaticPropsContext, global: IStrapiData<StrapiGlobal>, page: IStrapiData<StrapiPage>, blogPosts: IStrapiData<StrapiBlogPost>[], customerStories: IStrapiData<StrapiCustomerStory>[], projects: PortfolioProject[]) => StrapiPageProps;
+export default mergeGlobalAndStrapiPageData;

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

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

package/dist/utils/mergeGlobalAndStrapiProjectData.d.ts

@@ -0,0 +1,5 @@
+import { GetStaticPropsContext } from 'next';
+import { IStrapiData, StrapiBlogPost, StrapiGlobal, StrapiProject, StrapiProjectProps } from '..';
+import PortfolioProject from '../models/PortfolioProject';
+declare const mergeGlobalAndStrapiProject: (context: GetStaticPropsContext, global: IStrapiData<StrapiGlobal>, project: IStrapiData<StrapiProject>, blogPosts: IStrapiData<StrapiBlogPost>[], projects: PortfolioProject[]) => StrapiProjectProps;
+export default mergeGlobalAndStrapiProject;

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

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

package/dist/utils/openHubSpotChat.d.ts

@@ -0,0 +1,2 @@
+declare const openHubSpotChat: () => void;
+export default openHubSpotChat;

package/dist/utils/strapiLinkUrl.d.ts

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,5 @@
+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": "2.2.0",
+  "version": "2.3.0",
   "license": "MIT",
   "author": "Tree.ly GmbH",
   "description": "@treely/strapi-slices is a open source library maintained by Tree.ly.",

package/src/components/portfolio/SmallCheckout/SmallCheckout.tsx

@@ -1,6 +1,4 @@
-import React, { useContext, useCallback } from 'react';
-import { CDN_URI, FPM_API_URI } from '../../../constants/api';
-import StrapiLinkButton from '../../../components/StrapiLinkButton';
+import React, { useCallback, useContext } from 'react';
 import {
   BoemlyFormControl,
   Box,
@@ -21,12 +19,14 @@ import {
 } from 'formik';
 import { useRouter } from 'next/router';
 import Image from 'next/image';
-import StrapiLink from '../../../models/strapi/StrapiLink';
+import { StrapiLink } from '../../..';
+import { IntlContext } from '../../ContextProvider';
 import {
   MAXIMUM_CONTRIBUTION_VALUE_IN_MONEY,
   MINIMUM_CONTRIBUTION_VALUE_IN_MONEY,
 } from '../../../constants/domain';
-import { IntlContext } from '../../ContextProvider';
+import { CDN_URI, FPM_API_URI } from '../../../constants/api';
+import StrapiLinkButton from '../../StrapiLinkButton';
 
 export interface SmallCheckoutProps {
   batchId: string;
@@ -85,13 +85,12 @@ const SmallCheckout = ({
     [locale]
   );
 
-  const onSubmit = async ({ contributionValueCurrency }: SmallCheckoutForm) => {
+  const onSubmit = async ({ contributionValueCurrency }: SmallCheckoutForm) =>
     push(
       `${FPM_API_URI}/v1/webhooks/shop/checkout?batchId=${batchId}&quantity=${Math.floor(
         contributionValueCurrency / pricePerKg
       )}`
     );
-  };
 
   return (
     <Flex
@@ -143,12 +142,12 @@ const SmallCheckout = ({
                     <BoemlyFormControl
                       id="contributionValueCurrency"
                       size="md"
-                      inputType="NumberInput"
-                      numberInputProps={{
+                      inputProps={{
+                        type: 'number',
                         value: field.value,
-                        onChange: (valueString) => {
+                        onChange: (e) => {
                           // valueAsNumber might be NaN
-                          const value = parseInt(valueString || '0', 10);
+                          const value = e.target.valueAsNumber || 0;
 
                           setValues({
                             contributionValueCurrency: value,
@@ -182,11 +181,11 @@ const SmallCheckout = ({
                     <BoemlyFormControl
                       id="contributionValueKgs"
                       size="md"
-                      inputType="NumberInput"
-                      numberInputProps={{
+                      inputProps={{
+                        type: 'number',
                         value: field.value,
-                        onChange: (valueString) => {
-                          const value = parseInt(valueString || '0', 10);
+                        onChange: (e) => {
+                          const value = e.target.valueAsNumber || 0;
 
                           setValues({
                             contributionValueCurrency:

package/src/index.tsx

@@ -47,6 +47,8 @@ import mergeGlobalAndStrapiBlogPostData from './utils/mergeGlobalAndStrapiBlogPo
 import mergeGlobalAndStrapiCustomerStoryData from './utils/mergeGlobalAndStrapiCustomerStoryData';
 import mergeGlobalAndStrapiPageData from './utils/mergeGlobalAndStrapiPageData';
 import mergeGlobalAndStrapiProjectData from './utils/mergeGlobalAndStrapiProjectData';
+import strapiLinkUrl from './utils/strapiLinkUrl';
+import strapiMediaUrl from './utils/strapiMediaUrl';
 
 import {
   SECTIONS_WITH_BLOG_POSTS,
@@ -63,6 +65,8 @@ export {
   mergeGlobalAndStrapiCustomerStoryData,
   mergeGlobalAndStrapiPageData,
   mergeGlobalAndStrapiProjectData,
+  strapiLinkUrl,
+  strapiMediaUrl,
 
   // Constants
   SECTIONS_WITH_BLOG_POSTS,

package/src/slices/ProjectFacts/ProjectFacts.stories.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { StoryFn, Meta } from '@storybook/react';
 
 import fpmProjectMock from '../../test/integrationMocks/fpmProjectMock';
+import { storybookStrapiAvatarMock } from '../../test/storybookMocks/storybookStrapiMedia';
 import CreditsAvailableState from '../../models/CreditsAvailableState';
 import ProjectFacts from '.';
 
@@ -90,3 +91,55 @@ FullProps.args = {
     },
   },
 };
+
+export const WithContact = Template.bind({});
+WithContact.args = {
+  project: fpmProjectMock,
+  slice: {
+    projectId: fpmProjectMock.id,
+
+    contactTitle: 'Contact Title',
+    contactText: 'Contact Text',
+    contactButton: {
+      id: 1,
+      text: 'Contact our Sales Team',
+      url: 'https://example.org',
+    },
+    contactAvatar: {
+      id: 1,
+      alt: 'Avatar image alt text',
+      img: {
+        data: storybookStrapiAvatarMock,
+      },
+    },
+  },
+};
+
+export const WithDocumentsAndContact = Template.bind({});
+WithDocumentsAndContact.args = {
+  project: fpmProjectMock,
+  slice: {
+    projectId: fpmProjectMock.id,
+
+    documentUrls: [
+      { id: 1, text: 'Document 1', url: 'https://example.org' },
+      { id: 2, text: 'Document 2', url: 'https://example.org' },
+      { id: 3, text: 'Document 3', url: 'https://example.org' },
+    ],
+
+    contactTitle: 'Contact Title',
+    contactText: 'Contact Text',
+    contactButton: {
+      id: 1,
+      text: 'Contact our Sales Team',
+      url: 'https://example.org',
+    },
+    contactAvatar: {
+      id: 1,
+      alt: 'Avatar image alt text',
+      img: {
+        data: storybookStrapiAvatarMock,
+      },
+    },
+  },
+};