feat(SW-391): Changes after PR

components/Blocks/CardsGrid.tsx

@@ -6,8 +6,7 @@ import LoyaltyCard from "@/components/TempDesignSystem/LoyaltyCard"
 import TeaserCard from "@/components/TempDesignSystem/TeaserCard"
 
 import type { CardsGridProps } from "@/types/components/blocks/cardsGrid"
-import { CardsGridEnum } from "@/types/enums/cardsGrid"
+import { CardsGridEnum, CardsGridLayoutEnum } from "@/types/enums/cardsGrid"
-import { CardsGridLayoutEnum } from "@/types/trpc/routers/contentstack/blocks"
 
 export default function CardsGrid({
   cards_grid,

components/TempDesignSystem/SidePeek/index.tsx

@@ -83,7 +83,7 @@ function SidePeek({
                     aria-label={intl.formatMessage({ id: "Close" })}
                     className={styles.closeButton}
                     intent="text"
-                    onClick={onClose}
+                    onPress={onClose}
                   >
                     <CloseLargeIcon color="burgundy" />
                   </Button>

components/TempDesignSystem/TeaserCard/Sidepeek/index.tsx

@@ -11,19 +11,19 @@ import SidePeek from "../../SidePeek"
 
 import styles from "./sidepeek.module.css"
 
-import { TeaserCardSidepeekProps } from "@/types/components/teaserCard"
+import type { TeaserCardSidepeekProps } from "@/types/components/teaserCard"
 
 export default function TeaserCardSidepeek({
   button,
-  data,
+  sidePeekContent,
 }: TeaserCardSidepeekProps) {
   const [sidePeekIsOpen, setSidePeekIsOpen] = useState(false)
-  const { heading, content, primary_button, secondary_button } = data
+  const { heading, content, primary_button, secondary_button } = sidePeekContent
 
   return (
     <>
       <Button
-        onClick={() => setSidePeekIsOpen(true)}
+        onPress={() => setSidePeekIsOpen(true)}
         theme="base"
         variant="icon"
         intent="text"

components/TempDesignSystem/TeaserCard/index.tsx

@@ -46,7 +46,10 @@ export default function TeaserCard({
           {description}
         </Body>
         {sidePeekButton && sidePeekContent ? (
-          <TeaserCardSidepeek button={sidePeekButton} data={sidePeekContent} />
+          <TeaserCardSidepeek
+            button={sidePeekButton}
+            sidePeekContent={sidePeekContent}
+          />
         ) : (
           <div className={styles.ctaContainer}>
             {primaryButton && (

lib/graphql/Fragments/Blocks/Refs/TeaserCard.graphql

@@ -30,6 +30,45 @@ fragment TeaserCardBlockRef on TeaserCard {
       }
     }
   }
+  sidepeek_content {
+    content {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...ContentPageRef
+            ...LoyaltyPageRef
+            ...HotelPageRef
+          }
+        }
+      }
+    }
+    primary_button {
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...ContentPageRef
+            ...LoyaltyPageRef
+            ...HotelPageRef
+          }
+        }
+      }
+    }
+    secondary_button {
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...ContentPageRef
+            ...LoyaltyPageRef
+            ...HotelPageRef
+          }
+        }
+      }
+    }
+  }
   system {
     ...System
   }

server/routers/contentstack/schemas/blocks/cardsGrid.ts

@@ -10,8 +10,7 @@ import { imageSchema } from "./image"
 import { imageContainerSchema } from "./imageContainer"
 
 import { BlocksEnums } from "@/types/enums/blocks"
-import { CardsGridEnum } from "@/types/enums/cardsGrid"
+import { CardsGridEnum, CardsGridLayoutEnum } from "@/types/enums/cardsGrid"
-import { CardsGridLayoutEnum } from "@/types/trpc/routers/contentstack/blocks"
 
 export const cardBlockSchema = z.object({
   __typename: z.literal(CardsGridEnum.cards.Card),
@@ -93,18 +92,12 @@ export const teaserCardBlockSchema = z.object({
       secondary_button: buttonSchema,
     })
     .optional(),
-  // sidepeek_content: z
-  //   .object({
-  //     heading: z.string(),
-  //   })
-  //   .optional(),
   system: systemSchema,
 })
 
 export function transformTeaserCardBlock(
   card: typeof teaserCardBlockSchema._type
 ) {
-  console.log({ has_sidepeek_button: card.sidepeek_content })
   return {
     __typename: card.__typename,
     body_text: card.body_text,

types/components/teaserCard.ts

@@ -24,5 +24,5 @@ export interface TeaserCardProps
 
 export interface TeaserCardSidepeekProps {
   button: SidePeekButton
-  data: NonNullable<TeaserCard["sidepeek_content"]>
+  sidePeekContent: NonNullable<TeaserCard["sidepeek_content"]>
 }

types/enums/cardsGrid.ts

@@ -5,3 +5,9 @@ export namespace CardsGridEnum {
     TeaserCard = "TeaserCard",
   }
 }
+
+export enum CardsGridLayoutEnum {
+  TWO_COLUMNS = "twoColumnGrid",
+  THREE_COLUMNS = "threeColumnGrid",
+  TWO_PLUS_ONE = "twoPlusOne", // Not sure if this is used?
+}

types/trpc/routers/contentstack/blocks.ts

@@ -11,12 +11,6 @@ import { tableSchema } from "@/server/routers/contentstack/schemas/blocks/table"
 import { textColsSchema } from "@/server/routers/contentstack/schemas/blocks/textCols"
 import { uspGridSchema } from "@/server/routers/contentstack/schemas/blocks/uspGrid"
 
-export enum CardsGridLayoutEnum {
-  TWO_COLUMNS = "twoColumnGrid",
-  THREE_COLUMNS = "threeColumnGrid",
-  TWO_PLUS_ONE = "twoPlusOne",
-}
-
 export interface TeaserCard extends z.output<typeof teaserCardBlockSchema> {}
 export interface CardsGrid extends z.output<typeof cardsGridSchema> {}
 export interface Content extends z.output<typeof contentSchema> {}