"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" export default function Tier({ membershipNumber, }: { membershipNumber: string }) { const { reward, onRedeem, redeemStep, setRedeemStep, isRedeeming } = useRedeemFlow() const intl = useIntl() if (!reward) { return null } return ( <>
{redeemStep === "redeemed" && (
{isRestaurantOnSiteTierReward(reward) ? ( ) : ( )}
)} {reward.label} {reward.redeemLocation !== "Non-redeemable" ? ( <> {redeemStep === "initial" && ( {reward.description} )} {redeemStep === "confirmation" && ( )} {redeemStep === "redeemed" && isRestaurantOnSiteTierReward(reward) && membershipNumber && ( )} ) : ( )}
{reward.redeemLocation !== "Non-redeemable" ? ( <> {redeemStep === "initial" && ( )} {redeemStep === "confirmation" && ( )} ) : null} ) }