refactor(LOY-175): rewrite reward types according to new api endpoints

apps/scandic-web/components/Blocks/DynamicContent/Rewards/Redeem/useRedeemFlow.ts

@@ -4,8 +4,10 @@ import { createContext, useCallback, useContext, useEffect } from "react"
 
 import { trpc } from "@/lib/trpc/client"
 
+import { getFirstRedeemableCoupon } from "@/utils/rewards"
+
 import type { RedeemFlowContext } from "@/types/components/myPages/myPage/accountPage"
-import type { RewardWithRedeem } from "@/server/routers/contentstack/reward/output"
+import type { RewardWithRedeem } from "@/types/components/myPages/rewards"
 
 export const RedeemContext = createContext<RedeemFlowContext>({
   reward: null,
@@ -31,9 +33,10 @@ export default function useRedeemFlow() {
   }>()
 
   const onRedeem = useCallback(() => {
-    if (reward?.id) {
+    if (reward?.data.id) {
+      const coupon = getFirstRedeemableCoupon(reward.data)
       update.mutate(
-        { rewardId: reward.id, couponCode: reward.couponCode },
+        { rewardId: reward.data.id, couponCode: coupon.couponCode },
         {
           onSuccess() {
             setRedeemStep("redeemed")