react-native-fpay 0.4.29 → 0.4.31

package/lib/module/ui/components/RecurringToggle.js

@@ -0,0 +1,94 @@
+"use strict";
+
+// components/RecurringToggle.tsx
+import React, { useState } from 'react';
+import { Switch } from 'react-native';
+import styled from 'styled-components/native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Wrapper = styled.View`
+  background-color: #f5f3ff;
+  border-radius: 14px;
+  padding: 14px 16px;
+  margin-top: 12px;
+  border-width: 1px;
+  border-color: #ede9fe;
+`;
+const TopRow = styled.View`
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`;
+const TextBlock = styled.View`flex: 1; margin-right: 12px;`;
+const ToggleLabel = styled.Text`
+  font-size: 14px;
+  font-weight: 600;
+  color: #4f46e5;
+`;
+const ToggleSubtext = styled.Text`
+  font-size: 12px;
+  color: #7c6fcd;
+  margin-top: 2px;
+`;
+const FreqRow = styled.View`
+  flex-direction: row;
+  gap: 8px;
+  margin-top: 12px;
+`;
+const FreqBtn = styled.TouchableOpacity`
+  flex: 1;
+  padding: 8px 4px;
+  border-radius: 8px;
+  align-items: center;
+  background-color: ${p => p.selected ? '#4f46e5' : '#fff'};
+  border-width: 1px;
+  border-color: ${p => p.selected ? '#4f46e5' : '#ddd6fe'};
+`;
+const FreqText = styled.Text`
+  font-size: 11px;
+  font-weight: 600;
+  color: ${p => p.selected ? '#fff' : '#7c6fcd'};
+`;
+const FREQUENCIES = ['DAILY', 'WEEKLY', 'MONTHLY', 'YEARLY'];
+export default function RecurringToggle({
+  onToggle
+}) {
+  const [enabled, setEnabled] = useState(false);
+  const [frequency, setFrequency] = useState('MONTHLY');
+  const handleSwitch = val => {
+    setEnabled(val);
+    onToggle(val, frequency);
+  };
+  const handleFreq = freq => {
+    setFrequency(freq);
+    if (enabled) onToggle(true, freq);
+  };
+  return /*#__PURE__*/_jsxs(Wrapper, {
+    children: [/*#__PURE__*/_jsxs(TopRow, {
+      children: [/*#__PURE__*/_jsxs(TextBlock, {
+        children: [/*#__PURE__*/_jsx(ToggleLabel, {
+          children: "\uD83D\uDD01 Make this recurring"
+        }), /*#__PURE__*/_jsx(ToggleSubtext, {
+          children: "Auto-pay this on a schedule"
+        })]
+      }), /*#__PURE__*/_jsx(Switch, {
+        value: enabled,
+        onValueChange: handleSwitch,
+        trackColor: {
+          false: '#ddd',
+          true: '#818cf8'
+        },
+        thumbColor: enabled ? '#4f46e5' : '#f4f3f4'
+      })]
+    }), enabled && /*#__PURE__*/_jsx(FreqRow, {
+      children: FREQUENCIES.map(freq => /*#__PURE__*/_jsx(FreqBtn, {
+        selected: frequency === freq,
+        onPress: () => handleFreq(freq),
+        children: /*#__PURE__*/_jsx(FreqText, {
+          selected: frequency === freq,
+          children: freq[0] + freq.slice(1).toLowerCase()
+        })
+      }, freq))
+    })]
+  });
+}
+//# sourceMappingURL=RecurringToggle.js.map

package/lib/module/ui/components/RecurringToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Switch","styled","jsx","_jsx","jsxs","_jsxs","Wrapper","View","TopRow","TextBlock","ToggleLabel","Text","ToggleSubtext","FreqRow","FreqBtn","TouchableOpacity","p","selected","FreqText","FREQUENCIES","RecurringToggle","onToggle","enabled","setEnabled","frequency","setFrequency","handleSwitch","val","handleFreq","freq","children","value","onValueChange","trackColor","false","true","thumbColor","map","onPress","slice","toLowerCase"],"sourceRoot":"../../../../src","sources":["ui/components/RecurringToggle.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/modals/FPShell.js

@@ -11,6 +11,7 @@ import { View, StyleSheet, Animated, Dimensions, StatusBar, Platform } from 'rea
 import { _onEvent } from "../../engine/FPEngine.js";
 import SendScreen from "../screens/SendScreen.js";
 import ReceiveScreen from "../screens/ReceiveScreen.js";
+import BillsScreen from "../screens/BillsScreen.js";
 import FPValidateBvn from "../modals/FPValidateBvn.js";
 import FPCreatePin from "../modals/FPCreatePin.js";
 import { FPPaymentRequestModal } from "./FPPaymentRequestModal.js";
@@ -70,11 +71,23 @@ export function FPShell() {
         currency: data?.currency
       });
     });
+    const unsubBills = _onEvent('show_bills', d => {
+      const data = d;
+      open({
+        mode: 'bills',
+        user: data?.user,
+        amount: data?.amount,
+        category: data?.category
+      });
+    });
     const unsubClose = _onEvent('close_send', () => close());
+    const unsubCloseBills = _onEvent('close_bills', () => close());
     return () => {
       unsubSend();
       unsubReceive();
+      unsubBills();
       unsubClose();
+      unsubCloseBills();
     };
   }, [open, close]);
   return /*#__PURE__*/_jsxs(_Fragment, {
@@ -104,6 +117,12 @@ export function FPShell() {
           onClose: close,
           onPaymentReceived: FPEngine.getCallbacks().onPaymentReceived,
           onError: FPEngine.getCallbacks().onError
+        }), sheet.mode === 'bills' && sheet.category && /*#__PURE__*/_jsx(BillsScreen, {
+          category: sheet.category,
+          amount: sheet.amount ?? 0,
+          user: user ?? null,
+          onClose: close,
+          onError: FPEngine.getCallbacks().onError
         })]
       })
     })]

package/lib/module/ui/modals/FPShell.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","useRef","View","StyleSheet","Animated","Dimensions","StatusBar","Platform","_onEvent","SendScreen","ReceiveScreen","FPValidateBvn","FPCreatePin","FPPaymentRequestModal","FPEngine","C","S","F","useFPStore","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","width","SCREEN_W","height","SCREEN_H","get","FPShell","sheet","setSheet","mode","visible","setVisible","slide","Value","current","user","s","open","state","spring","toValue","useNativeDriver","tension","friction","start","close","timing","duration","unsubSend","d","data","amount","currency","unsubReceive","unsubClose","children","verifyBvn","hasPin","style","st","fullscreen","transform","translateY","content","account","getAccount","onClose","onPaymentSent","tx","getCallbacks","onError","onPaymentReceived","create","position","top","left","backgroundColor","white","zIndex","elevation","safeArea","flex","header","flexDirection","alignItems","justifyContent","paddingHorizontal","lg","paddingTop","OS","currentHeight","sm","md","paddingBottom","closeBtn","borderRadius","surface","closeIcon","closeLine","ink","titleWrap","title","fontSize","fontWeight","color","letterSpacing","dot","marginRight","divider","border","marginHorizontal"],"sourceRoot":"../../../../src","sources":["ui/modals/FPShell.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","useRef","View","StyleSheet","Animated","Dimensions","StatusBar","Platform","_onEvent","SendScreen","ReceiveScreen","BillsScreen","FPValidateBvn","FPCreatePin","FPPaymentRequestModal","FPEngine","C","S","F","useFPStore","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","width","SCREEN_W","height","SCREEN_H","get","FPShell","sheet","setSheet","mode","visible","setVisible","slide","Value","current","user","s","open","state","spring","toValue","useNativeDriver","tension","friction","start","close","timing","duration","unsubSend","d","data","amount","currency","unsubReceive","unsubBills","category","unsubClose","unsubCloseBills","children","verifyBvn","hasPin","style","st","fullscreen","transform","translateY","content","account","getAccount","onClose","onPaymentSent","tx","getCallbacks","onError","onPaymentReceived","create","position","top","left","backgroundColor","white","zIndex","elevation","safeArea","flex","header","flexDirection","alignItems","justifyContent","paddingHorizontal","lg","paddingTop","OS","currentHeight","sm","md","paddingBottom","closeBtn","borderRadius","surface","closeIcon","closeLine","ink","titleWrap","title","fontSize","fontWeight","color","letterSpacing","dot","marginRight","divider","border","marginHorizontal"],"sourceRoot":"../../../../src","sources":["ui/modals/FPShell.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/screens/BillsScreen.js

@@ -0,0 +1,186 @@
+"use strict";
+
+// ─────────────────────────────────────────────
+// Bills Screen
+// Renders the category-specific sub-screen
+// (Airtime / Data / Electricity / Cable), then
+// runs the same Confirm (PIN) → Loading →
+// Result flow SendScreen uses, generalized.
+// ─────────────────────────────────────────────
+import { useState } from 'react';
+import { View, TouchableOpacity, Text } from 'react-native';
+import styled from 'styled-components/native';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import AirtimeSubScreen from "./sub/billPayment/AirtimeScreen.js";
+import DataSubScreen from "./sub/billPayment/DataScreen.js";
+import ElectricitySubScreen from "./sub/billPayment/ElectricityScreen.js";
+import CableSubScreen from "./sub/billPayment/CableScreen.js";
+import ConfirmScreen from "../components/ConfirmScreen.js";
+import { ResultScreen } from "./ResultScreen.js";
+import LoadingAnimation from "../components/LoadingAnimation/index.js";
+import { billsAPI } from "../../core/api/index.js";
+import { getFPStore } from "../../store/FPStore.js";
+import { C, F, S } from "../theme/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const Container = styled(View)`
+  flex: 1;
+  background-color: ${C.white};
+`;
+const Header = styled(View)`
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: ${S.md}px ${S.lg}px;
+`;
+const HeaderTitle = styled(Text)`
+  font-size: ${F.lg}px;
+  font-weight: 800;
+  color: ${C.ink};
+`;
+const CloseBtn = styled(TouchableOpacity)`
+  width: 36px;
+  height: 36px;
+  border-radius: 18px;
+  background-color: ${C.surface};
+  align-items: center;
+  justify-content: center;
+`;
+const CATEGORY_TITLES = {
+  AIRTIME: 'Buy Airtime',
+  DATA: 'Buy Data',
+  ELECTRICITY: 'Pay Electricity Bill',
+  CABLE: 'Pay TV Subscription'
+};
+export default function BillsScreen({
+  category,
+  amount,
+  user,
+  onClose,
+  onError
+}) {
+  const [stage, setStage] = useState('FORM');
+  const [loading, setLoading] = useState(false);
+  const [pendingPayload, setPendingPayload] = useState(null);
+  const [pendingSummaryRows, setPendingSummaryRows] = useState([]);
+  const [completedTx, setCompletedTx] = useState(null);
+  const handleFormContinue = (payload, summaryRows) => {
+    setPendingPayload(payload);
+    setPendingSummaryRows(summaryRows);
+    setStage('CONFIRM');
+  };
+  const handleResultClose = () => {
+    setCompletedTx(null);
+    setStage('FORM');
+    onClose();
+  };
+  const handlePinAuthorized = async tempId => {
+    if (!pendingPayload) return;
+    setLoading(true);
+    try {
+      let response;
+      switch (pendingPayload.category) {
+        case 'AIRTIME':
+          response = await billsAPI.purchaseAirtime(pendingPayload, tempId);
+          break;
+        case 'DATA':
+          response = await billsAPI.purchaseData(pendingPayload, tempId);
+          break;
+        case 'ELECTRICITY':
+          response = await billsAPI.purchaseElectricity(pendingPayload, tempId);
+          break;
+        case 'CABLE':
+          response = await billsAPI.purchaseCable(pendingPayload, tempId);
+          break;
+      }
+      if (!response?.status) {
+        onError?.({
+          code: 'PURCHASE_FAILED',
+          message: response?.message ?? 'Purchase failed'
+        });
+        // Still show the result screen — ResultScreen polls status itself
+        // and renders the failed state, same pattern SendScreen uses.
+      }
+      setCompletedTx(response?.payload ?? null);
+      setStage('RESULT');
+    } catch (error) {
+      onError?.(error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const renderForm = () => {
+    switch (category) {
+      case 'AIRTIME':
+        return /*#__PURE__*/_jsx(AirtimeSubScreen, {
+          amount: amount,
+          onProcessTransaction: handleFormContinue,
+          onError: onError
+        });
+      case 'DATA':
+        return /*#__PURE__*/_jsx(DataSubScreen, {
+          onProcessTransaction: handleFormContinue,
+          onError: onError
+        });
+      case 'ELECTRICITY':
+        return /*#__PURE__*/_jsx(ElectricitySubScreen, {
+          amount: amount,
+          user: user,
+          onProcessTransaction: handleFormContinue,
+          onError: onError
+        });
+      case 'CABLE':
+        return /*#__PURE__*/_jsx(CableSubScreen, {
+          onProcessTransaction: handleFormContinue,
+          onError: onError
+        });
+    }
+  };
+  if (stage === 'RESULT' && completedTx) {
+    return /*#__PURE__*/_jsx(ResultScreen, {
+      reference: completedTx.reference,
+      summaryRows: pendingSummaryRows,
+      allowRecurring: false,
+      statusFetcher: billsAPI.status,
+      onClose: handleResultClose
+    });
+  }
+  return /*#__PURE__*/_jsxs(Container, {
+    children: [loading && /*#__PURE__*/_jsx(LoadingAnimation, {
+      text: "Processing..."
+    }), stage === 'FORM' && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(Header, {
+        children: [/*#__PURE__*/_jsx(HeaderTitle, {
+          children: CATEGORY_TITLES[category]
+        }), /*#__PURE__*/_jsx(CloseBtn, {
+          onPress: onClose,
+          children: /*#__PURE__*/_jsx(Ionicons, {
+            name: "close",
+            size: 20,
+            color: C.ink
+          })
+        })]
+      }), renderForm()]
+    }), stage === 'CONFIRM' && pendingPayload && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(Header, {
+        children: [/*#__PURE__*/_jsx(HeaderTitle, {
+          children: "Confirm Purchase"
+        }), /*#__PURE__*/_jsx(CloseBtn, {
+          onPress: () => setStage('FORM'),
+          children: /*#__PURE__*/_jsx(Ionicons, {
+            name: "close",
+            size: 20,
+            color: C.ink
+          })
+        })]
+      }), /*#__PURE__*/_jsx(ConfirmScreen, {
+        amount: pendingPayload.amountInKobo / 100,
+        currency: "\u20A6",
+        subtitle: "Double check the details before you proceed. Please note that successful bill payments cannot be reversed.",
+        summaryRows: pendingSummaryRows,
+        validate: pin => billsAPI.validateBillPin(pin, getFPStore().psspId || ''),
+        onContinue: handlePinAuthorized
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=BillsScreen.js.map

package/lib/module/ui/screens/BillsScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","TouchableOpacity","Text","styled","Ionicons","AirtimeSubScreen","DataSubScreen","ElectricitySubScreen","CableSubScreen","ConfirmScreen","ResultScreen","LoadingAnimation","billsAPI","getFPStore","C","F","S","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Container","white","Header","md","lg","HeaderTitle","ink","CloseBtn","surface","CATEGORY_TITLES","AIRTIME","DATA","ELECTRICITY","CABLE","BillsScreen","category","amount","user","onClose","onError","stage","setStage","loading","setLoading","pendingPayload","setPendingPayload","pendingSummaryRows","setPendingSummaryRows","completedTx","setCompletedTx","handleFormContinue","payload","summaryRows","handleResultClose","handlePinAuthorized","tempId","response","purchaseAirtime","purchaseData","purchaseElectricity","purchaseCable","status","code","message","error","renderForm","onProcessTransaction","reference","allowRecurring","statusFetcher","children","text","onPress","name","size","color","amountInKobo","currency","subtitle","validate","pin","validateBillPin","psspId","onContinue"],"sourceRoot":"../../../../src","sources":["ui/screens/BillsScreen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/screens/ResultScreen.js

@@ -1,12 +1,13 @@
 "use strict";
 
-import { useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { Animated, Easing, TouchableOpacity } from 'react-native';
 import Svg, { Path, Circle } from 'react-native-svg';
 import styled from 'styled-components/native';
 import { C, F, R, S } from "../theme/index.js";
-import { transferAPI } from "../../core/api/index.js";
+import { subscriptionAPI, transferAPI } from "../../core/api/index.js";
 import Gradients from "../components/Gradients/index.js";
+import RecurringToggle from "../components/RecurringToggle.js";
 
 // ── Icons ─────────────────────────────────────────────────────
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -198,10 +199,10 @@ function CountdownRing({
 
 // ── Row ──────────────────────────────────────────────────────
 
-function Row({
+const Row = ({
   label,
   value
-}) {
+}) => {
   return /*#__PURE__*/_jsxs(RowWrap, {
     children: [/*#__PURE__*/_jsx(RowLabel, {
       children: label
@@ -209,12 +210,28 @@ function Row({
       children: value
     })]
   });
-}
+};
 
 // ── Main ─────────────────────────────────────────────────────
 
+/**
+ * Generalized props — ResultScreen no longer assumes a "recipient" or that
+ * the underlying transaction came through transferAPI.
+ *   - reference: used to poll status (via statusFetcher, defaults to transferAPI.status)
+ *   - summaryRows: extra rows to render in the detail card (e.g. "To", "Channel")
+ *     beyond the always-present Reference/Date/Status rows
+ *   - allowRecurring: SendScreen keeps the existing recurring-payment upsell;
+ *     domains with no concept of "this recipient" (bills) pass false
+ *   - statusFetcher: which endpoint to poll — defaults to the shared
+ *     agencyTransaction-backed transferAPI.status, which bill transactions
+ *     also live in
+ */
+
 export function ResultScreen({
-  transaction,
+  reference,
+  summaryRows,
+  allowRecurring = true,
+  statusFetcher = transferAPI.status,
   onClose
 }) {
   const [loading, setLoading] = useState(false);
@@ -223,27 +240,42 @@ export function ResultScreen({
   const slideAnim = useRef(new Animated.Value(0)).current; // ← start in place
   const scaleAnim = useRef(new Animated.Value(1)).current; // ← start full size
 
+  const [recurringEnabled, setRecurringEnabled] = useState(false);
+  const [recurringFrequency, setRecurringFrequency] = useState('MONTHLY');
   const isSuccess = transactionDetail?.status.toLowerCase() === 'successful';
   const accentColor = isSuccess ? C.green : C.red;
   const bgColor = isSuccess ? '#E3FCEF' : '#FFEBE6';
+  const timerRef = useRef(null);
+  const startTimeRef = useRef(Date.now());
+  const remainingTimeRef = useRef(COUNTDOWN_SECONDS * 1000);
+  const isPausedRef = useRef(false);
+  const startTimer = useCallback(duration => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    startTimeRef.current = Date.now();
+    timerRef.current = setTimeout(onClose, duration);
+  }, [onClose]);
+  const pauseTimer = useCallback(() => {
+    if (isPausedRef.current) return;
+    isPausedRef.current = true;
+    if (timerRef.current) clearTimeout(timerRef.current);
+    // Calculate how much time is left
+    const elapsed = Date.now() - startTimeRef.current;
+    remainingTimeRef.current = Math.max(remainingTimeRef.current - elapsed, 0);
+  }, []);
+  const resumeTimer = useCallback(() => {
+    if (!isPausedRef.current) return;
+    isPausedRef.current = false;
+    startTimer(remainingTimeRef.current);
+  }, [startTimer]);
   const formatted = `${transactionDetail?.currency || 'NGN'} ${Number(transactionDetail?.amount).toLocaleString('en-NG', {
     minimumFractionDigits: 2
   })}`;
-  const recipient = transaction?.recipient;
-  const recipientName = recipient?.accountName ?? recipient?.name ?? '—';
-  const channelLabel = {
-    transfer: 'Bank Transfer',
-    bluetooth: 'Bluetooth',
-    proximity: 'Nearby',
-    nqr: 'QR Code',
-    nfc: 'NFC Tap'
-  };
   const dateStr = transactionDetail?.createdAt ? new Date(transactionDetail?.createdAt).toLocaleString('en-NG') : '—';
   const loadTransaction = async () => {
     setLoading(true);
     setTransactionDetail(null);
     try {
-      const response = await transferAPI.status(transaction.reference);
+      const response = await statusFetcher(reference);
       console.log("Transaction payload: ", response);
       if (response.status) {
         setTransactionDetail(response.payload);
@@ -254,15 +286,65 @@ export function ResultScreen({
       setLoading(false);
     }
   };
+  const calculateNextDate = (current, frequency) => {
+    const date = new Date(current);
+    switch (frequency) {
+      case 'DAILY':
+        date.setDate(date.getDate() + 1);
+        break;
+      case 'WEEKLY':
+        date.setDate(date.getDate() + 7);
+        break;
+      case 'MONTHLY':
+        date.setMonth(date.getMonth() + 1);
+        break;
+      case 'YEARLY':
+        date.setFullYear(date.getFullYear() + 1);
+        break;
+      default:
+        throw new Error(`Unknown frequency: ${frequency}`);
+    }
+    return date;
+  };
+  const handlePayment = async () => {
+    pauseTimer();
+    try {
+      await subscriptionAPI.create({
+        serviceName: summaryRows?.find(r => r.label === 'To')?.value ?? 'Payment',
+        serviceCategory: 'Payment',
+        // default category
+        amount: transactionDetail.amount,
+        // from your existing payment data
+        currency: transactionDetail.currency,
+        frequency: recurringFrequency,
+        accountNumber: transactionDetail.senderAccountNumber,
+        receiverAccountNumber: transactionDetail.destAccountNumber,
+        logoUrl: transactionDetail.recipientLogo ?? '',
+        nextPaymentDate: calculateNextDate(new Date(), recurringFrequency).toISOString()
+      });
+    } catch {
+      console.warn('Subscription registration failed silently');
+    } finally {
+      resumeTimer();
+    }
+  };
+
+  // useEffect(() => {
+  //   const timer = setTimeout(onClose, COUNTDOWN_SECONDS * 1000);
+  //   return () => clearTimeout(timer);
+  // }, [onClose]);
+
   useEffect(() => {
-    const timer = setTimeout(onClose, COUNTDOWN_SECONDS * 1000);
-    return () => clearTimeout(timer);
-  }, [onClose]);
+    startTimer(remainingTimeRef.current);
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, [startTimer]);
   useEffect(() => {
-    if (transaction) {
+    if (reference) {
       loadTransaction();
     }
-  }, [transaction]);
+  }, [reference]);
   if (loading && !transactionDetail) {
     return /*#__PURE__*/_jsx(Gradients, {});
   }
@@ -289,13 +371,10 @@ export function ResultScreen({
     }), /*#__PURE__*/_jsx(Amount, {
       children: formatted
     }), /*#__PURE__*/_jsxs(Card, {
-      children: [/*#__PURE__*/_jsx(Row, {
-        label: "To",
-        value: recipientName
-      }), /*#__PURE__*/_jsx(Row, {
-        label: "Channel",
-        value: channelLabel[transactionDetail?.channel] ?? transaction?.channel
-      }), /*#__PURE__*/_jsx(Row, {
+      children: [summaryRows?.map(row => /*#__PURE__*/_jsx(Row, {
+        label: row.label,
+        value: row.value
+      }, row.label)), /*#__PURE__*/_jsx(Row, {
         label: "Reference",
         value: transactionDetail?.reference
       }), /*#__PURE__*/_jsx(Row, {
@@ -305,6 +384,12 @@ export function ResultScreen({
         label: "Status",
         value: transactionDetail?.status?.toUpperCase()
       })]
+    }), allowRecurring && /*#__PURE__*/_jsx(RecurringToggle, {
+      onToggle: (enabled, freq) => {
+        setRecurringEnabled(enabled);
+        setRecurringFrequency(freq);
+        handlePayment();
+      }
     }), /*#__PURE__*/_jsxs(Footer, {
       children: [/*#__PURE__*/_jsx(CountdownRing, {
         duration: COUNTDOWN_SECONDS * 1000