feat(SW-353): dynamic rewards

types/components/header/myPagesMenu.ts

@@ -1,6 +1,6 @@
 import { navigationQueryRouter } from "@/server/routers/contentstack/myPages/navigation/query"
 
-import { MembershipLevel } from "@/utils/user"
+import { FriendsMembership } from "@/utils/user"
 
 import type { User } from "@/types/user"
 
@@ -11,7 +11,7 @@ type MyPagesNavigation = Awaited<
 export interface MyPagesMenuProps {
   navigation: MyPagesNavigation
   user: Pick<User, "firstName" | "lastName">
-  membership?: MembershipLevel | null
+  membership?: FriendsMembership | null
 }
 
 export interface MyPagesMenuContentProps extends MyPagesMenuProps {

types/components/myPages/membership.ts

@@ -1,8 +1,10 @@
-import { membershipLevels } from "@/constants/membershipLevels"
+import { MembershipLevel } from "@/constants/membershipLevels"
 
-export type MembershipLevelProps = {
-  level: membershipLevels
-}
+import { LevelProps } from "@/components/Levels/levels"
+
+export type MembershipLevelIconProps = {
+  level: MembershipLevel
+} & LevelProps
 
 export type CopyButtonProps = {
   membershipNumber: string

types/components/overviewTable.ts

@@ -1,69 +1,36 @@
-import { Lang } from "@/constants/languages"
-import { membershipLevels } from "@/constants/membershipLevels"
-
-import { MembershipLevel } from "@/utils/user"
-
-import type { IntlFormatters } from "@formatjs/intl"
-
-type BenefitTitle = { title: string }
+import { MembershipLevel } from "@/constants/membershipLevels"
+import { LoyaltyLevel } from "@/server/routers/contentstack/loyaltyLevel/output"
+import { Reward } from "@/server/routers/contentstack/reward/output"
 
 export type OverviewTableClientProps = {
   activeMembership: MembershipLevel | null
-}
-
-export type Level = {
-  level: membershipLevels
-  name: string
-  requiredPoints: number
-  requiredNights?: number
-  benefits: BenefitTitle[]
+  levels: ComparisonLevel[]
 }
 
 export type LevelCardProps = {
-  formatMessage: IntlFormatters["formatMessage"]
-  lang: Lang
-  level: Level
+  level: LevelWithRewards
 }
 
-export type ComparisonLevel = {
-  level: membershipLevels
-  name: string
-  description: string
-  requirement: string
-  icon: string
-  benefits: Benefit[]
-}
+export type LevelWithRewards = LoyaltyLevel & { rewards: Reward[] }
 
-export type Benefit = {
-  name: string
-  description: string
-  unlocked: boolean
-  value?: string
-  valueDetails?: string
-}
+export type ComparisonLevel = LevelWithRewards
 
 export type LevelSummaryProps = {
   level: ComparisonLevel
   showDescription?: boolean
 }
 
-export type BenefitCardProps = {
-  comparedValues: BenefitValueInformation[]
+export type RewardCardProps = {
+  comparedValues: (Reward | undefined)[]
   title: string
   description: string
 }
 
-type BenefitValueInformation = {
-  unlocked: boolean
-  value?: string
-  valueDetails?: string
+export type RewardValueProps = {
+  reward?: Reward
 }
 
-export type BenefitValueProps = {
-  benefit: BenefitValueInformation
-}
-
-export type BenefitListProps = {
+export type RewardListProps = {
   levels: ComparisonLevel[]
 }
 
@@ -77,16 +44,16 @@ export type DesktopSelectColumns = {
 
 export type LargeTableProps = {
   levels: ComparisonLevel[]
-  activeLevel: membershipLevels | null
+  activeLevel: MembershipLevel | null
   Select?: (column: DesktopSelectColumns) => JSX.Element | null
 }
 
-export type BenefitTableHeaderProps = {
+export type RewardTableHeaderProps = {
   name: string
   description: string
 }
 
-export enum overviewTableActionsEnum {
+export enum OverviewTableActionsEnum {
   SET_SELECTED_LEVEL_A_MOBILE = "SET_SELECTED_LEVEL_A_MOBILE",
   SET_SELECTED_LEVEL_B_MOBILE = "SET_SELECTED_LEVEL_B_MOBILE",
   SET_SELECTED_LEVEL_A_DESKTOP = "SET_SELECTED_LEVEL_A_DESKTOP",
@@ -95,6 +62,6 @@ export enum overviewTableActionsEnum {
 }
 
 export type OverviewTableReducerAction = {
-  type: overviewTableActionsEnum
+  type: OverviewTableActionsEnum
   payload: ComparisonLevel
 }