boxpay-checkout-reactnative-sdk 1.0.0-beta2 → 1.0.0-beta23

package/src/screens/emiScreen.tsx

@@ -9,12 +9,11 @@ import {
   SafeAreaView,
 } from 'react-native';
 import { useEffect, useRef, useState } from 'react';
-import { router } from 'expo-router';
 import {
   type Bank,
   type ChooseEmiModel,
   type Emi,
-  type PaymentResult,
+  type PaymentResultObject,
   type PaymentMethod,
   APIStatus
 } from '../interface';
@@ -37,8 +36,16 @@ import PaymentSelectorView from '../components/paymentSelector';
 import Toast from 'react-native-toast-message'
 import styles from '../styles/screens/emiScreenStyles';
 import { handleFetchStatusResponseHandler, handlePaymentResponse } from '../sharedContext/handlePaymentResponseHandler';
+import type { CheckoutStackParamList } from '../navigation';
+import type { NavigationProp } from '@react-navigation/native';
 
-const EmiScreen = () => {
+type EmiScreenNavigationProp = NavigationProp<CheckoutStackParamList, 'EmiScreen'>;
+
+interface Props {
+  navigation: EmiScreenNavigationProp;
+}
+
+const EmiScreen = ({ navigation }: Props) => {
   const [emiBankList, setEmiBankList] = useState<ChooseEmiModel>({ cards: [] });
   const [defaultEmiBankList, setDefaultEmiBankList] = useState<ChooseEmiModel>({
     cards: [],
@@ -364,7 +371,7 @@ const EmiScreen = () => {
   };
 
   const onProceedBack = () => {
-    router.back();
+    navigation.goBack()
     return true;
   };
   useEffect(() => {
@@ -399,19 +406,16 @@ const EmiScreen = () => {
     amount: string,
     percent: number
   ) => {
-    router.push({
-      pathname: '/sdk/screens/cardScreen',
-      params: {
-        duration: duration,
-        bankName: bankName,
-        bankUrl: bankUrl,
-        offerCode: offerCode,
-        amount: amount,
-        percent: percent,
-        cardType: selectedCard,
-        issuerBrand: selectedBank?.issuerBrand,
-      },
-    });
+    navigation.navigate("CardScreen", {
+      duration: duration,
+      bankName: bankName,
+      bankUrl: bankUrl,
+      offerCode: offerCode,
+      amount: amount,
+      percent: percent,
+      cardType: selectedCard,
+      issuerBrand: selectedBank?.issuerBrand,
+    })
   };
 
   useEffect(() => {
@@ -518,14 +522,11 @@ const EmiScreen = () => {
   };
 
   const onExitCheckout = () => {
-    const mockPaymentResult: PaymentResult = {
+    const mockPaymentResult: PaymentResultObject = {
       status: status || '',
       transactionId: transactionId || '',
     };
     paymentHandler.onPaymentResult(mockPaymentResult);
-    while (router.canGoBack()) {
-      router.back();
-    }
   };
 
   return (