get rid of milestones, refactor for facts

.env.local.template

@@ -2,7 +2,7 @@ APP_VERSION=$npm_package_version
 APP_NAME=$npm_package_name
 NEXT_PUBLIC_KONTENT_ENVIRONMENT_ID=2cedc519-a547-01ba-dde7-b01e00b909a1
 KONTENT_COLLECTION_CODENAME=ficto_healthtech_surgical
-# Domain for toher collection links in format <COLLECTION_CODENAME>:<DOMAIN_WITOUHOUT_PROTOCOL> i.e. "ficto_healthtech_imaging:ficto-healthtech-imaging.vercel.app,ficto_healthtech_surgical:ficto-healthtech-surgical.vercel.app
+# Domain for other collection links in format <COLLECTION_CODENAME>:<DOMAIN_WITOUHOUT_PROTOCOL> i.e. "ficto_healthtech_imaging:ficto-healthtech-imaging.vercel.app,ficto_healthtech_surgical:ficto-healthtech-surgical.vercel.app
 OTHER_COLLECTIONS_DOMAINS=
 KONTENT_PREVIEW_API_KEY=
 KONTENT_MANAGEMENT_API_KEY=

components/shared/visualContainer/Grid.tsx

@@ -1,11 +1,11 @@
 import React, { FC } from 'react'
 
 import { mainColorBgClass } from '../../../lib/constants/colors'
-import { Milestone } from '../../../models';
+import { Fact } from '../../../models';
 import { useSiteCodename } from '../siteCodenameContext'
 
 type Props = Readonly<{
-  items: ReadonlyArray<Milestone>;
+  items: ReadonlyArray<Fact>;
 }>;
 
 export const GridComponent: FC<Props> = props => {
@@ -19,8 +19,8 @@ export const GridComponent: FC<Props> = props => {
             className="p-4 flex flex-col text-center items-center"
             key={link.system.id}
           >
-            <div className="font-bold text-3xl">{link.elements.achievement.value}</div>
-            <div>{link.elements.subject.value}</div>
+            <div className="font-bold text-3xl">{link.elements.title.value}</div>
+            <div>{link.elements.message.value}</div>
           </div>
         ))}
       </div>

components/shared/visualContainer/Stack.tsx

@@ -3,7 +3,7 @@ import { FC, useState } from "react";
 import { mainColorBorderClass } from "../../../lib/constants/colors";
 import { createElementSmartLink, createItemSmartLink, createRelativeAddSmartLink } from "../../../lib/utils/smartLinkUtils";
 import { contentTypes, Fact } from "../../../models"
-import { FactComponent } from "../GenericAction";
+import { FactComponent } from "../Fact";
 import { useSiteCodename } from "../siteCodenameContext";
 import { StandaloneSmartLinkButton } from "../StandaloneSmartLinkButton";
 

components/shared/visualContainer/VisualContainer.tsx

@@ -1,6 +1,6 @@
 import { FC } from "react";
 
-import { Block_HeroUnit, Block_VisualContainer, contentTypes, Fact, Milestone } from "../../../models"
+import { Block_HeroUnit, Block_VisualContainer, contentTypes, Fact } from "../../../models"
 import { BuildError } from "../ui/BuildError";
 import { CarouselComponent } from "./Carousel";
 import { GridComponent } from "./Grid";
@@ -15,9 +15,9 @@ export const VisualContainer: FC<Props> = props => {
     case visualRepresentation.grid:
       return (
         <>
-          {!props.item.elements.items.linkedItems.every(isMilestone) && <BuildError>Grid representation can only have Milestone items. Some items are of a wrong type.</BuildError>}
+          {!props.item.elements.items.linkedItems.every(isFact) && <BuildError>Grid representation can only have Fact items. Some items are of a wrong type.</BuildError>}
           <GridComponent
-            items={props.item.elements.items.linkedItems.filter(isMilestone)}
+            items={props.item.elements.items.linkedItems.filter(isFact)}
           />
         </>
       );
@@ -55,10 +55,7 @@ const visualRepresentation = {
   stack: "stack",
 } as const;
 
-type VisualContainerItem = Fact | Milestone | Block_HeroUnit;
-
-const isMilestone = (item: VisualContainerItem): item is Milestone =>
-  item.system.type === contentTypes.milestone.codename;
+type VisualContainerItem = Fact | Block_HeroUnit;
 
 const isFact = (item: VisualContainerItem): item is Fact =>
   item.system.type === contentTypes.fact.codename;

lib/kontentClient.ts

@@ -66,7 +66,7 @@ export const getItemByCodename = <ItemType extends IContentItem>(codename: PerCo
 
 const homepageTypeCodename = "web_spotlight_root" as const;
 
-export const getHomepage = (usePreview: boolean) =>
+export const getHomepage = async (usePreview: boolean) =>
   deliveryClient
     .items()
     .type(homepageTypeCodename)
@@ -76,10 +76,10 @@ export const getHomepage = (usePreview: boolean) =>
       waitForLoadingNewContent: usePreview
     })
     .depthParameter(10)
-    .toPromise()
+    .toAllPromise()
     .then(res => res.data.items[0] as WSL_WebSpotlightRoot | undefined)
 
-export const getProductsForListing = (usePreview: boolean, page?: number, categories?: string[], pageSize: number = ProductsPageSize) => {
+export const getProductsForListing = async (usePreview: boolean, page?: number, categories?: string[], pageSize: number = ProductsPageSize) => {
   const query = deliveryClient
     .items<Product>()
     .type(contentTypes.product.codename)

models/content-types/Block_VisualContainer.ts

@@ -2,7 +2,6 @@ import { type IContentItem, type Elements } from '@kontent-ai/delivery-sdk';
 import { type Block_EmojiGuideline } from '../content-type-snippets/Block_EmojiGuideline';
 import { type Block_HeroUnit } from './Block_HeroUnit';
 import { type Fact } from './fact';
-import { type Milestone } from './milestone';
 
 /**
  * Generated by '@kontent-ai/[email protected]'
@@ -18,7 +17,7 @@ export type Block_VisualContainer = IContentItem<{
    * Id: 081f63c6-9589-5f8d-a9de-bc3b1ceb24e7
    * Codename: items
    */
-  items: Elements.LinkedItemsElement<Fact | Milestone | Block_HeroUnit>;
+  items: Elements.LinkedItemsElement<Fact | Block_HeroUnit>;
 
   /**
    * Subtitle (text)

models/content-types/WSL_Page.ts

@@ -11,14 +11,14 @@ import { type WSL_WebSpotlightRoot } from './WSL_WebSpotlightRoot';
  * Generated by '@kontent-ai/[email protected]'
  *
  * 💡 Page
- * Id: 2d783b04-c9ac-42f5-bd34-959340e8e2ac
+ * Id: 0cb81f69-3f4b-46a1-8ce2-0aada4cdc358
  * Codename: page
  */
 export type WSL_Page = IContentItem<{
   /**
    * Content (modular_content)
    * Required: false
-   * Id: dc3e831e-0157-41c8-b4a4-ff95b576a71e
+   * Id: 27bc37be-796c-4219-a85d-cd61fc2e4f43
    * Codename: content
    */
   content: Elements.LinkedItemsElement<
@@ -28,23 +28,23 @@ export type WSL_Page = IContentItem<{
   /**
    * Subpages (subpages)
    * Required: false
-   * Id: ce96b539-ab2f-4ddf-8e94-e79acf2aec1a
+   * Id: 7e159b22-7b95-4a9b-9e2a-a79d407edd76
    * Codename: subpages
    */
   subpages: Elements.LinkedItemsElement<WSL_Page | WSL_WebSpotlightRoot>;
 
   /**
    * Title (text)
    * Required: false
-   * Id: aa8bd39c-ad1d-4557-ada1-7422f07a4f47
+   * Id: c2808c7e-9f57-4d0b-815c-f535752ed1cd
    * Codename: title
    */
   title: Elements.TextElement;
 
   /**
    * URL (url_slug)
    * Required: false
-   * Id: 4e9acc07-f7e9-49ae-a992-88e791b07204
+   * Id: 434f911b-c645-46e1-a633-0c8a3b1e9207
    * Codename: url
    */
   url: Elements.UrlSlugElement;

models/content-types/WSL_WebSpotlightRoot.ts

@@ -12,14 +12,14 @@ import { type WSL_Page } from './WSL_Page';
  * Generated by '@kontent-ai/[email protected]'
  *
  * 💡 Web spotlight root
- * Id: 746e489b-4dbe-403a-a9db-0876fddfb68b
+ * Id: eba96027-914d-48f7-a7f8-38502fa7e869
  * Codename: web_spotlight_root
  */
 export type WSL_WebSpotlightRoot = IContentItem<{
   /**
    * Content (modular_content)
    * Required: false
-   * Id: 376309cf-f65e-43ab-a104-118f5c143413
+   * Id: 0273c87b-86ae-4c9b-8e49-d064f25d1417
    * Codename: content
    */
   content: Elements.LinkedItemsElement<
@@ -37,15 +37,15 @@ export type WSL_WebSpotlightRoot = IContentItem<{
   /**
    * Subpages (subpages)
    * Required: false
-   * Id: a96ae5ad-8971-47ca-9a06-330193ebb7ef
+   * Id: 9e2d4dd9-7d9f-4365-99e0-6b1528f25215
    * Codename: subpages
    */
   subpages: Elements.LinkedItemsElement<WSL_Page | WSL_WebSpotlightRoot>;
 
   /**
    * Title (text)
    * Required: false
-   * Id: 60ff91ab-cd43-4003-a9ba-d50639b57d18
+   * Id: fba9369c-61f3-4a91-a809-70129484c3ca
    * Codename: title
    */
   title: Elements.TextElement;

models/content-types/index.ts

@@ -7,7 +7,6 @@ export * from './Block_Navigation';
 export * from './Block_VisualContainer';
 export * from './article';
 export * from './fact';
-export * from './milestone';
 export * from './person';
 export * from './product';
 export * from './testimonial';

models/project/assetFolders.ts

@@ -1,9 +1,9 @@
 /**
  * Generated by '@kontent-ai/[email protected]'
  *
- * Project name: New sample migrations (TMP) (Kontent)
- * Environment: App test
- * Project Id: 89962bec-344a-01fd-58aa-40c92b21f579
+ * Project name: Migration test
+ * Environment: Production
+ * Project Id: b5905129-8bdb-0115-aca0-d1700790cd2a
  */
 export const assetFolders = {
   /**

models/project/collections.ts

@@ -1,9 +1,9 @@
 /**
  * Generated by '@kontent-ai/[email protected]'
  *
- * Project name: New sample migrations (TMP) (Kontent)
- * Environment: App test
- * Project Id: 89962bec-344a-01fd-58aa-40c92b21f579
+ * Project name: Migration test
+ * Environment: Production
+ * Project Id: b5905129-8bdb-0115-aca0-d1700790cd2a
  */
 export const collections = {
   /**

models/project/contentTypeSnippets.ts

@@ -1,9 +1,9 @@
 /**
  * Generated by '@kontent-ai/[email protected]'
  *
- * Project name: New sample migrations (TMP) (Kontent)
- * Environment: App test
- * Project Id: 89962bec-344a-01fd-58aa-40c92b21f579
+ * Project name: Migration test
+ * Environment: Production
+ * Project Id: b5905129-8bdb-0115-aca0-d1700790cd2a
  */
 export const contentTypeSnippets = {
   /**