Merged in fix/LOY-359-revert-to-loyalty-level-to-support-boosted-level (pull request #2954)

fix(LOY-359): Revert back to allow non-native loyalty level in overview cards

* fix(LOY-359): Revert back to allow non-native loyalty level in overview cards


Approved-by: Erik Tiekstra

apps/scandic-web/components/Blocks/DynamicContent/Overview/MembershipOverviewCard/index.tsx

@@ -2,10 +2,7 @@ import { MembershipLevelEnum } from "@scandic-hotels/common/constants/membership
 import { Divider } from "@scandic-hotels/design-system/Divider"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
-import {
-  getEurobonusMembership,
-  getScandicNativeMembership,
-} from "@scandic-hotels/trpc/routers/user/helpers"
+import { getEurobonusMembership } from "@scandic-hotels/trpc/routers/user/helpers"
 
 import { membershipLevels } from "@/constants/membershipLevels"
 
@@ -28,19 +25,13 @@ export default async function MembershipOverviewCard({
 }: MembershipOverviewCardProps) {
   const intl = await getIntl()
 
-  const friendsMembership = user.loyalty
-    ? getScandicNativeMembership(user.loyalty)
-    : null
-
-  if (!user.membership || !friendsMembership) {
+  if (!user.membership?.membershipLevel) {
     return null
   }
 
-  const currentPoints = user.membership.currentPoints
-
   const pointsToSpendText =
-    typeof currentPoints === "number"
-      ? intl.formatNumber(currentPoints)
+    typeof user.membership.currentPoints === "number"
+      ? intl.formatNumber(user.membership.currentPoints)
       : intl.formatMessage({ defaultMessage: "N/A" })
 
   const sasMembership = user.loyalty
@@ -64,7 +55,7 @@ export default async function MembershipOverviewCard({
               {
                 defaultMessage: "LEVEL {level}",
               },
-              { level: membershipLevels[friendsMembership.tier] }
+              { level: membershipLevels[user.membership.membershipLevel] }
             )}
           </h2>
         </Typography>
@@ -74,7 +65,7 @@ export default async function MembershipOverviewCard({
       </header>
 
       <MembershipLevelIcon
-        level={MembershipLevelEnum[friendsMembership.tier]}
+        level={MembershipLevelEnum[user.membership.membershipLevel]}
         height="44"
         width="268"
         rows={1}

apps/scandic-web/components/MyPages/LevelProgressCard/index.tsx

@@ -1,6 +1,5 @@
 import { dt } from "@scandic-hotels/common/dt"
 import { Typography } from "@scandic-hotels/design-system/Typography"
-import { getScandicNativeMembership } from "@scandic-hotels/trpc/routers/user/helpers"
 
 import { getIntl } from "@/i18n"
 import { getLang } from "@/i18n/serverContext"
@@ -21,17 +20,13 @@ export default async function LevelProgressCard({
   className,
   color = "Surface/Brand/Primary 1/OnSurface/Default",
 }: levelProgressCardProps) {
-  const friendsMembership = user.loyalty
-    ? getScandicNativeMembership(user.loyalty)
-    : null
-
-  if (!friendsMembership) {
+  if (!user.membership?.membershipLevel) {
     return null
   }
 
   const intl = await getIntl()
   const lang = await getLang()
-  const data = await getLevelProgressData(friendsMembership)
+  const data = await getLevelProgressData(user.membership)
   const classNames = levelProgressCardVariants({ className, color })
 
   return (
@@ -49,7 +44,7 @@ export default async function LevelProgressCard({
             {intl.formatMessage(
               { defaultMessage: "Valid until {date}" },
               {
-                date: dt(friendsMembership.tierExpires)
+                date: dt(user.membership.tierExpirationDate)
                   .locale(lang)
                   .format("D MMM YYYY"),
               }
@@ -58,7 +53,7 @@ export default async function LevelProgressCard({
         </Typography>
         <LevelProgressModal
           color={color}
-          tierExpires={friendsMembership.tierExpires}
+          tierExpires={user.membership.tierExpirationDate}
         />
       </header>
 

apps/scandic-web/components/MyPages/LevelProgressCard/utils.ts

@@ -6,14 +6,14 @@ import { isHighestMembership } from "@/utils/user"
 
 import { type LevelProgressData, type ProgressCalculation } from "./types"
 
-import type { NativeFriendsMembership } from "@scandic-hotels/trpc/types/user"
+import type { FriendsMembership } from "@scandic-hotels/trpc/types/user"
 
 export async function getLevelProgressData(
-  membership: NonNullable<NativeFriendsMembership>
+  membership: NonNullable<FriendsMembership>
 ): Promise<LevelProgressData> {
   const caller = await serverClient()
   const currentLevel = await caller.contentstack.loyaltyLevels.byLevel({
-    level: MembershipLevelEnum[membership.tier],
+    level: MembershipLevelEnum[membership.membershipLevel],
   })
 
   const earned = membership.tierPoints ?? 0
@@ -24,7 +24,7 @@ export async function getLevelProgressData(
       ? currentLevel.required_points - earned
       : undefined
 
-  if (isHighestMembership(membership.tier)) {
+  if (isHighestMembership(membership.membershipLevel)) {
     return toKeepCurrent
       ? {
           type: "highest-incomplete",
@@ -38,7 +38,7 @@ export async function getLevelProgressData(
   return {
     type: "lower-level",
     earned,
-    toNext: membership.pointsToNextTier ?? 0,
+    toNext: membership.pointsRequiredToNextlevel ?? 0,
     toKeepCurrent,
   }
 }