"use client" import { useIntl } from "react-intl" import JsonToHtml from "@/components/JsonToHtml" import Button from "@/components/TempDesignSystem/Button" import Body from "@/components/TempDesignSystem/Text/Body" import Title from "@/components/TempDesignSystem/Text/Title" import { isRestaurantOnSiteTierReward } from "@/utils/rewards" import { RewardIcon } from "../../RewardIcon" import ActiveRedeemedBadge from "../ActiveRedeemedBadge" import MembershipNumberBadge from "../MembershipNumberBadge" import TimedRedeemedBadge from "../TimedRedeemedBadge" import useRedeemFlow from "../useRedeemFlow" import styles from "../redeem.module.css" import type { Surprise, Tier } from "@scandic-hotels/trpc/types/rewards" export default function Tier({ reward, membershipNumber, }: { reward: Tier | Surprise membershipNumber: string }) { const { onRedeem, redeemStep, setRedeemStep, isRedeeming } = useRedeemFlow() const intl = useIntl() return ( <>
{redeemStep === "redeemed" && (
{isRestaurantOnSiteTierReward(reward) ? ( ) : ( )}
)} {reward.label} {reward.redeemLocation !== "Non-redeemable" && ( <> {redeemStep === "initial" && ( {reward.description} )} {redeemStep === "confirmation" && reward.redeem_description && ( )} {redeemStep === "redeemed" && isRestaurantOnSiteTierReward(reward) && membershipNumber && ( )} )} {reward.redeemLocation === "Non-redeemable" && reward.redeem_description && ( )}
{reward.redeemLocation !== "Non-redeemable" ? ( <> {redeemStep === "initial" && ( )} {redeemStep === "confirmation" && ( )} ) : null} ) }