@finspringinnovations/fdsdk 0.0.4 → 0.0.5

package/src/hooks/usePaymentSSE.ts

@@ -14,9 +14,11 @@
  */
 
 import { useCallback, useRef } from 'react';
-import { parseSSEBuffer, type SSEEvent } from '../utils/sseParser';
-import { getEnvironmentData } from '../config/appDataConfig';
-import { getApiConfig } from '../config/apiConfig';
+import { parseSSEBuffer } from '../utils/sseParser';
+import { getEnvironmentData, getUserInfoForAPI } from '../config/appDataConfig';
+import { getApiConfig, getSecureHeaders } from '../config/apiConfig';
+import { decryptResponse } from '../utils/encryption';
+import { getEncryptionConfig } from '../config/encryptionConfig';
 
 // -- Types --
 
@@ -26,6 +28,13 @@ interface UsePaymentSSECallbacks {
     onConnected?: () => void;
 }
 
+export interface PaymentSSEExtraHeaders {
+    workflowInstanceId?: string;
+    applicationId?: string;
+    entityid?: string;
+    providerId?: string;
+}
+
 // -- Hook --
 
 export function usePaymentSSE() {
@@ -37,7 +46,7 @@ export function usePaymentSSE() {
     const bufferRef = useRef<{ value: string }>({ value: '' });
 
     const start = useCallback(
-        (applicationId: string, callbacks: UsePaymentSSECallbacks) => {
+        (applicationId: string, callbacks: UsePaymentSSECallbacks, extraHeaders?: PaymentSSEExtraHeaders) => {
             // Clean up any existing connection first
             if (xhrRef.current) {
                 xhrRef.current.abort();
@@ -51,8 +60,13 @@ export function usePaymentSSE() {
             // 1. Build the SSE endpoint URL
             const envData = getEnvironmentData();
             const apiConfig = getApiConfig();
-            const baseUrl = envData?.apiBaseUrl || apiConfig?.baseUrl || '';
-            const url = `${baseUrl}/events?applicationId=${encodeURIComponent(applicationId)}`;
+            const baseUrl = (envData?.apiBaseUrl || apiConfig?.baseUrl || '').replace(/\/$/, '');
+            const url = baseUrl ? `${baseUrl}/events?applicationId=${encodeURIComponent(applicationId)}` : '';
+
+            if (!url) {
+                if (__DEV__) console.warn('[usePaymentSSE] No base URL, skipping SSE');
+                return;
+            }
 
             // 2. Create XMLHttpRequest
             const xhr = new XMLHttpRequest();
@@ -65,8 +79,50 @@ export function usePaymentSSE() {
             if (apiKey) {
                 xhr.setRequestHeader('x-api-key', apiKey);
             }
+            
+            // Add secure headers (Content-Type, User-Agent, etc.)
+            const secureHeaders = getSecureHeaders();
+            Object.entries(secureHeaders).forEach(([key, value]) => {
+                if (key.toLowerCase() !== 'content-type') {
+                    xhr.setRequestHeader(key, value);
+                }
+            });
+            
+            // SSE-specific headers
             xhr.setRequestHeader('Accept', 'text/event-stream');
-            xhr.setRequestHeader('Cache-Control', 'no-cache');
+            xhr.setRequestHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
+            xhr.setRequestHeader('Pragma', 'no-cache');
+            xhr.setRequestHeader('Expires', '0');
+            
+            // Add userreferenceid header (required for authentication) - both cases
+            try {
+                const userInfo = getUserInfoForAPI();
+                const userRefId = userInfo?.userReferenceId || userInfo?.id;
+                if (userRefId) {
+                    xhr.setRequestHeader('userreferenceid', userRefId);
+                    xhr.setRequestHeader('userReferenceId', userRefId);
+                }
+            } catch {
+                if (__DEV__) console.warn('[usePaymentSSE] Could not get userReferenceId');
+            }
+            
+            // Add provider header (required for authentication)
+            if (extraHeaders?.providerId) {
+                xhr.setRequestHeader('provider', extraHeaders.providerId);
+            }
+            
+            // Add onboarding headers - both camelCase and lowercase variants
+            if (extraHeaders?.workflowInstanceId) {
+                xhr.setRequestHeader('workflowInstanceId', extraHeaders.workflowInstanceId);
+            }
+            if (extraHeaders?.applicationId) {
+                xhr.setRequestHeader('applicationId', extraHeaders.applicationId);
+                xhr.setRequestHeader('applicationid', extraHeaders.applicationId);
+            }
+            if (extraHeaders?.entityid) {
+                xhr.setRequestHeader('entityid', extraHeaders.entityid);
+                xhr.setRequestHeader('entityId', extraHeaders.entityid);
+            }
 
             // 4. Handle incoming data
             xhr.onprogress = () => {
@@ -80,17 +136,40 @@ export function usePaymentSSE() {
                 // Parse new text into SSE events
                 const events = parseSSEBuffer(bufferRef.current, newText);
 
-                // Handle each event
+                // Handle each event (support encrypted payload like web)
+                const handleEventData = async (rawData: string) => {
+                    try {
+                        const parsed = JSON.parse(rawData || '{}') as Record<string, unknown>;
+                        let payload = parsed;
+                        if (typeof parsed?.encryptedResponse === 'string' && parsed.encryptedResponse) {
+                            try {
+                                const config = getEncryptionConfig();
+                                const decrypted = await decryptResponse(
+                                    { encryptedResponse: parsed.encryptedResponse },
+                                    config
+                                );
+                                payload = (decrypted || {}) as Record<string, unknown>;
+                            } catch {
+                                if (__DEV__) console.warn('[usePaymentSSE] Decrypt failed, using raw');
+                            }
+                        }
+                        const status = String(payload?.paymentStatus ?? payload?.payment_status ?? '').toUpperCase();
+                        if (status) callbacks.onPaymentStatus(status, payload);
+                    } catch (parseError) {
+                        if (__DEV__) console.error('[usePaymentSSE] Failed to parse event data:', parseError);
+                    }
+                };
+
                 for (const { eventType, data } of events) {
+                    if (!data) continue;
                     if (eventType === 'fd_payment_status') {
+                        handleEventData(data);
+                    } else if (eventType === 'message') {
                         try {
-                            const parsed = JSON.parse(data);
-                            const status = (parsed.paymentStatus ?? '').toUpperCase();
-                            callbacks.onPaymentStatus(status, parsed);
-                        } catch (parseError) {
-                            if (__DEV__) {
-                                console.error('[usePaymentSSE] Failed to parse event data:', parseError);
-                            }
+                            const parsed = JSON.parse(data) as { event?: string; [k: string]: unknown };
+                            if (parsed?.event === 'fd_payment_status') handleEventData(data);
+                        } catch {
+                            // ignore
                         }
                     }
                 }
@@ -134,6 +213,21 @@ export function usePaymentSSE() {
 
             if (__DEV__) {
                 console.log('[usePaymentSSE] Starting SSE connection to:', url);
+                console.log('[usePaymentSSE] Headers:', {
+                    'x-api-key': apiKey ? '***' : 'missing',
+                    'userreferenceid': (() => {
+                        try {
+                            const userInfo = getUserInfoForAPI();
+                            return userInfo?.userReferenceId || userInfo?.id || 'missing';
+                        } catch {
+                            return 'missing';
+                        }
+                    })(),
+                    'provider': extraHeaders?.providerId || 'missing',
+                    'workflowInstanceId': extraHeaders?.workflowInstanceId || 'missing',
+                    'applicationId': extraHeaders?.applicationId || 'missing',
+                    'entityid': extraHeaders?.entityid || 'missing',
+                });
             }
         },
         []

package/src/navigation/RootNavigator.tsx

@@ -312,15 +312,21 @@ const RootNavigator: React.FC<RootNavigatorProps> = ({
                         onGoBack={() => goBack()}
                         paymentUrl={(getPaymentSession().paymentUrl) || ''}
                         onPaymentSuccess={(data) => {
+                            const payload = data && typeof data === 'object' ? data : {};
+                            const transactionId = (payload as any)?.transactionId ?? (payload as any)?.transaction_id ?? (payload as any)?.TransactionId;
                             navigate('PaymentStatus', {
                                 status: 'success',
-                                paymentData: data
+                                paymentData: data,
+                                transactionId,
                             } as any);
                         }}
                         onPaymentFailure={(error) => {
+                            const payload = error && typeof error === 'object' ? error : {};
+                            const transactionId = (payload as any)?.transactionId ?? (payload as any)?.transaction_id ?? (payload as any)?.TransactionId;
                             navigate('PaymentStatus', {
                                 status: 'failed',
-                                paymentData: error
+                                paymentData: error,
+                                transactionId,
                             } as any);
                         }}
                         onPaymentPending={(info) => {

package/src/screens/AadhaarVerification.tsx

@@ -295,7 +295,7 @@ const AadhaarVerification: React.FC<AadhaarVerificationProps> = ({
                         applicationid: applicationId,
                         entityid: entityId,
                         // Request params/body
-                        targetTaskId: WORKFLOW_TASKS.VALIDATE_OTP,
+                        targetTaskCaption: WORKFLOW_TASKS.VALIDATE_OTP,
                     }).unwrap();
                     setIsValidateOtpTaskCalled(true);
                 } else {
@@ -357,7 +357,7 @@ const AadhaarVerification: React.FC<AadhaarVerificationProps> = ({
                 applicationid: applicationId,
                 entityid: entityId,
                 // Request params/body
-                targetTaskId: WORKFLOW_TASKS.RESEND_OTP,
+                targetTaskCaption: WORKFLOW_TASKS.RESEND_OTP,
             }).unwrap();
 
 

package/src/screens/FDCalculator.tsx

@@ -140,7 +140,12 @@ const FDCalculator: React.FC<FDCalculatorProps> = ({ onGoBack, onExitSDK, onPanR
 
     const { data: fallbackMasterData, isLoading: isLoadingFallback, error: fallbackError, refetch: refetchMasterData } = useGetMasterDataQuery(
         { providerId: defaultProviderId }, // Use default provider ID
-        { skip: !!masterData } // Skip if master data is already available
+        {
+            skip: !!masterData || !defaultProviderId,
+            refetchOnMountOrArgChange: true,
+            refetchOnFocus: true,
+            refetchOnReconnect: true,
+        }
     );
 
     // Use fallback master data if global master data is not available
@@ -1011,4 +1016,4 @@ const createStyles = (typography: any, colors: any, themeName: string) => StyleS
         backgroundColor: 'rgba(0, 0, 0, 0.3)',
         zIndex: 1000,
     },
-});
+});

package/src/screens/FDList.tsx

@@ -20,7 +20,6 @@ import { useGetCustomerApplicationsMutation } from '../api/customerApi';
 import { useGetMasterDataQuery } from '../api/masterDataApi';
 import { useMasterData } from '../providers/MasterDataProvider';
 import { useTerminateWorkflowMutation } from '../api/workflowApi';
-import { usePaymentReverseFeedMutation } from '../api/fdApi';
 import type { ColorScheme, ThemeName } from '../theme';
 import SafeAreaWrapper from '../components/SafeAreaWrapper';
 import { getUserInfoForAPI, getAppData } from '../config/appDataConfig';
@@ -99,22 +98,9 @@ const FDList: React.FC<FDListProps> = ({
         isLoading: isTerminatingWorkflow,
     }] = useTerminateWorkflowMutation();
 
-    // Payment Reverse Feed API
-    const [paymentReverseFeed, {
-        data: paymentReverseFeedResponse,
-        error: paymentReverseFeedError,
-        isLoading: isLoadingPaymentReverseFeed,
-    }] = usePaymentReverseFeedMutation();
-
     const styles = createStyles(colors, typography, spacing, themeName);
     const { setMasterData } = useMasterData();
 
-    // Redux selectors for workflow IDs
-    const workflowInstanceId = useAppSelector((state: any) => state?.onboarding?.workflowInstanceId);
-    const applicationId = useAppSelector((state: any) => state?.onboarding?.applicationId);
-    const entityId = useAppSelector((state: any) => state?.onboarding?.entityid);
-    const providerId = useAppSelector((state: any) => state?.onboarding?.providerId);
-
     // Helper function to check if customer applications is empty
     const isCustomerApplicationsEmpty = () => {
         if (!customerApplications) {
@@ -223,7 +209,12 @@ const FDList: React.FC<FDListProps> = ({
 
     const { data: masterData, isLoading: isLoadingMaster } = useGetMasterDataQuery(
         { providerId: inferredProviderId },
-        { skip: !inferredProviderId }
+        {
+            skip: !inferredProviderId,
+            refetchOnMountOrArgChange: true,
+            refetchOnFocus: true,
+            refetchOnReconnect: true,
+        }
     );
 
     // Only render once all three API calls have completed (success or error)
@@ -491,26 +482,34 @@ const FDList: React.FC<FDListProps> = ({
 
             // Persist onboarding identifiers globally for subsequent API calls (like FDCalculator)
             try {
-                // Extract workflow parameters from response
+                // Extract workflow parameters from response (support array / data[] / applications[])
                 const responseData = customerApplications?.data || customerApplications;
-                let applicationData = Array.isArray(responseData) ? responseData[0] : responseData;
+                let applicationsData: any[] = [];
+                if (Array.isArray(responseData)) {
+                    applicationsData = responseData;
+                } else if (responseData?.applications && Array.isArray(responseData.applications)) {
+                    applicationsData = responseData.applications;
+                } else if (Array.isArray(customerApplications?.applications)) {
+                    applicationsData = customerApplications.applications;
+                }
+
+                let applicationData = applicationsData.length > 0 ? applicationsData[0] : (Array.isArray(responseData) ? responseData[0] : responseData);
 
                 // Prefer the application with wf_status === 'Active'
-                if (Array.isArray(responseData)) {
-                    const activeOnly = responseData.find((app: any) => {
+                if (applicationsData.length > 0) {
+                    const activeOnly = applicationsData.find((app: any) => {
                         const status = (app.wf_status || app.status || '').toString();
                         return status === 'Active';
                     });
                     if (activeOnly) applicationData = activeOnly;
                 }
 
-                if (Array.isArray(responseData)) {
-                    completeFDData = responseData.find((app: any) => {
-                        const status = (app.wf_status || app.status || '').toString();
-                        return status === 'Completed';
-                    });
-                    setGlobalData({ completeFDData: !!completeFDData });
-                }
+                // Set completed flag robustly for downstream ReviewKYC/Aadhaar flow decisions
+                completeFDData = applicationsData.find((app: any) => {
+                    const status = (app.wf_status || app.status || '').toString().toLowerCase();
+                    return status === 'completed';
+                });
+                setGlobalData({ completeFDData: !!completeFDData });
                 if (applicationData) {
                     const ids = {
                         workflowInstanceId: applicationData.workflow_instance_id,
@@ -593,56 +592,18 @@ const FDList: React.FC<FDListProps> = ({
             // Handle error silently
         }
 
-        // If current state is payment and transactionId is available, call payment reverse feed API
+        // If current state is payment and transactionId is available,
+        // open PaymentStatus and let SSE (/events) drive status updates.
         if (currentState === WORKFLOW_STATES.PAYMENT && transactionId) {
-            try {
-                // Get user info and required IDs
-                const userInfo = getUserInfoForAPI();
-
-                // Prepare payment reverse feed request
-                const paymentReverseFeedRequest = {
-                    // Headers
-                    providerId: providerId,
-                    workflowInstanceId: workflowInstanceId,
-                    userreferenceid: userInfo.id,
-                    applicationid: applicationId,
-                    entityid: entityId,
-                    // Body
-                    transactionId: transactionId,
-                };
-
-                const response = await paymentReverseFeed(paymentReverseFeedRequest).unwrap();
-
-                // Handle the response based on payment status
-                const paymentStatus = (response?.data?.paymentStatus || '').toLowerCase();
-                const statusParam = paymentStatus === 'success' ? 'success' : paymentStatus === 'failed' ? 'failed' : 'pending';
-
-                // Build fdData for display
-                const fdDataParam = activeFD ? {
-                    companyName: activeFD.name,
-                    amount: Number(activeFD.invested) || 0,
-                    fdRate: `${activeFD.returns}% p.a.`,
-                    tenure: activeFD.maturityDate ? `${activeFD.maturityDate}` : '-',
-                    interestPayout: activeFD.interestPayout || 'Yearly',
-                } : undefined;
-
-                navigate('PaymentStatus', { status: statusParam, transactionId, fdData: fdDataParam } as any);
-                return;
-
-            } catch (error) {
-                // Handle error silently
-
-                // On error, navigate with pending status as fallback
-                const fdDataParam = activeFD ? {
-                    companyName: activeFD.name,
-                    amount: Number(activeFD.invested) || 0,
-                    fdRate: `${activeFD.returns}% p.a.`,
-                    tenure: activeFD.maturityDate ? `${activeFD.maturityDate}` : '-',
-                    interestPayout: activeFD.interestPayout || 'Yearly',
-                } : undefined;
-                navigate('PaymentStatus', { status: 'pending', transactionId, fdData: fdDataParam } as any);
-                return;
-            }
+            const fdDataParam = activeFD ? {
+                companyName: activeFD.name,
+                amount: Number(activeFD.invested) || 0,
+                fdRate: `${activeFD.returns}% p.a.`,
+                tenure: activeFD.maturityDate ? `${activeFD.maturityDate}` : '-',
+                interestPayout: activeFD.interestPayout || 'Yearly',
+            } : undefined;
+            navigate('PaymentStatus', { status: 'pending', transactionId, fdData: fdDataParam } as any);
+            return;
         }
 
         // Use workflow navigation based on current state (non-payment states or no transactionId)
@@ -1281,4 +1242,4 @@ const createStyles = (colors: ColorScheme, typography: any, spacing: any, themeN
     },
 });
 
-export default FDList;
+export default FDList;

package/src/screens/Payment.tsx

@@ -5,9 +5,8 @@ import SafeAreaWrapper from '../components/SafeAreaWrapper';
 import { useColors } from '../theme/ThemeContext';
 import { decryptResponse } from '../utils/encryption';
 import { getEncryptionConfig } from '../config/encryptionConfig';
-import { useFocusEffect } from '@react-navigation/native';
-import { getPaymentSession } from '../state/paymentSession';
-import { usePaymentStatusTimer, PaymentStatus } from '../hooks/usePaymentStatusTimer';
+import { useAppSelector } from '../store';
+import { usePaymentSSE } from '../hooks/usePaymentSSE';
 
 export interface PaymentProps {
     onGoBack?: () => void;
@@ -32,33 +31,16 @@ const Payment: React.FC<PaymentProps> = ({
     const styles = createStyles(colors);
     const webViewRef = useRef<WebView>(null);
     const [loading, setLoading] = useState(true);
-    const currentStatusRef = useRef<PaymentStatus>('pending');
-    const { transactionId } = getPaymentSession();
 
-    const { startTimer, stopTimer } = usePaymentStatusTimer({
-        transactionId,
-        onStatusUpdate: (status, response) => {
-            currentStatusRef.current = status;
-
-            if (status === 'success') {
-                onPaymentSuccess?.(response);
-            }
-            else if (status === 'failed') {
-                onPaymentFailure?.(response);
-            }
-            else if (status === 'pending') {
-                onPaymentPending?.(response);  
-            }
-        }
-
-    });
-
-    useFocusEffect(
-        React.useCallback(() => {
-            startTimer();
-
-        }, [startTimer, stopTimer])
-    );
+    const applicationId = useAppSelector((state: any) => state?.onboarding?.applicationId);
+    const workflowInstanceId = useAppSelector((state: any) => state?.onboarding?.workflowInstanceId);
+    const entityId = useAppSelector((state: any) => state?.onboarding?.entityid);
+    const providerId = useAppSelector((state: any) => state?.onboarding?.providerId);
+    const { start: startPaymentSSE, stop: stopPaymentSSE } = usePaymentSSE();
+    const onSuccessRef = useRef(onPaymentSuccess);
+    const onFailureRef = useRef(onPaymentFailure);
+    onSuccessRef.current = onPaymentSuccess;
+    onFailureRef.current = onPaymentFailure;
 
 
 
@@ -89,6 +71,40 @@ const Payment: React.FC<PaymentProps> = ({
         setLoading(false);
     };
 
+    // SSE: listen for payment status while user is on Payment WebView (same as web integration)
+    useEffect(() => {
+        if (!applicationId || !paymentUrl?.trim()) return;
+
+        startPaymentSSE(
+            applicationId,
+            {
+                onPaymentStatus: (status, payload) => {
+                    const normalized = String(status || '').toUpperCase();
+                    if (normalized === 'SUCCESS') {
+                        stopPaymentSSE();
+                        onSuccessRef.current?.(payload);
+                        return;
+                    }
+                    if (normalized === 'FAILED') {
+                        stopPaymentSSE();
+                        onFailureRef.current?.(payload);
+                    }
+                },
+                onError: () => {
+                    if (__DEV__) console.warn('[Payment] SSE connection error');
+                },
+                onConnected: () => {
+                    if (__DEV__) console.log('[Payment] SSE connected for payment status');
+                },
+            },
+            { workflowInstanceId, applicationId, entityid: entityId, providerId }
+        );
+
+        return () => {
+            stopPaymentSSE();
+        };
+    }, [applicationId, paymentUrl, workflowInstanceId, entityId, providerId, startPaymentSSE, stopPaymentSSE]);
+
     const handleMessage = async (event: any) => {
         try {
             const dataString = event.nativeEvent.data;
@@ -133,18 +149,13 @@ const Payment: React.FC<PaymentProps> = ({
                 const paymentStatus = response.data?.paymentStatus?.toLowerCase();
 
                 if (paymentStatus === 'success') {
-                    currentStatusRef.current = "success";
-                    stopTimer();
                     onPaymentSuccess?.(response);
                 } else if (paymentStatus === 'failed') {
-                    currentStatusRef.current = "failed";
-                    stopTimer();
                     onPaymentFailure?.(response);
                 } else {
                     onPaymentPending?.(response);
                 }
             } else {
-                currentStatusRef.current = "pending";
                 onPaymentPending?.(response);
             }
 
@@ -252,4 +263,3 @@ const createStyles = (colors: any) => StyleSheet.create({
 });
 
 export default Payment;
-

package/src/screens/PaymentStatus.tsx

@@ -15,8 +15,7 @@ import { setPaymentSession, getPaymentSession } from '../state/paymentSession';
 import { useRoute } from '@react-navigation/native';
 import { BANK_STRINGS } from '../constants/strings/bank';
 import { COMMON_STRINGS } from '../constants/strings/common';
-import { getApiConfig } from '../config/apiConfig';
-import { usePaymentStatusTimer } from '../hooks/usePaymentStatusTimer';
+import { usePaymentSSE } from '../hooks/usePaymentSSE';
 
 export interface PaymentStatusProps {
     onRetry?: () => void;
@@ -64,23 +63,7 @@ const PaymentStatus: React.FC<PaymentStatusProps> = ({
     const entityId = useAppSelector((state: any) => state?.onboarding?.entityid);
     const providerId = useAppSelector((state: any) => state?.onboarding?.providerId);
 
-    const {
-        startTimer,
-        stopTimer,
-        triggerStatusCheck,
-        isCheckingStatus,
-    } = usePaymentStatusTimer({
-        transactionId: finalTransactionId,
-        overrides: {
-            providerId,
-            workflowInstanceId,
-            applicationid: applicationId,
-            entityid: entityId,
-        },
-        onStatusUpdate: (nextStatus) => {
-            setCurrentStatus(nextStatus);
-        },
-    });
+    const { start: startPaymentSSE, stop: stopPaymentSSE } = usePaymentSSE();
 
     // Payment Retry API
     const [paymentRetry, {
@@ -118,20 +101,33 @@ const PaymentStatus: React.FC<PaymentStatusProps> = ({
     };
 
     useEffect(() => {
-        if (currentStatus === 'pending') {
-            startTimer();
-        } else {
-            stopTimer();
+        if (currentStatus !== 'pending' || !applicationId) {
+            stopPaymentSSE();
+            return;
         }
 
+        startPaymentSSE(applicationId, {
+            onPaymentStatus: (status) => {
+                const normalized = String(status || '').toUpperCase();
+                if (normalized === 'SUCCESS') {
+                    setCurrentStatus('success');
+                    stopPaymentSSE();
+                    return;
+                }
+                if (normalized === 'FAILED') {
+                    setCurrentStatus('failed');
+                    stopPaymentSSE();
+                }
+            },
+            onError: () => {
+                // keep pending state; stream can be restarted on re-render
+            },
+        });
+
         return () => {
-            stopTimer();
+            stopPaymentSSE();
         };
-    }, [currentStatus, startTimer, stopTimer]);
-
-    const handlePaymentReverseFeed = async () => {
-        await triggerStatusCheck();
-    };
+    }, [applicationId, currentStatus, startPaymentSSE, stopPaymentSSE]);
 
     // Handle payment retry when status is failed
     const handlePaymentRetry = async () => {
@@ -181,9 +177,6 @@ const PaymentStatus: React.FC<PaymentStatusProps> = ({
             // Get user info from app data
             const userInfo = getUserInfoForAPI();
 
-            // Get API configuration
-            const apiConfig = getApiConfig();
-
             // Prepare request payload
             const requestPayload = {
                 userReferenceId: userInfo.id
@@ -412,13 +405,6 @@ const PaymentStatus: React.FC<PaymentStatusProps> = ({
                             disabled={isLoadingPaymentRetry}
                         />
                     )}
-                    {/* {currentStatus === 'pending' && (
-                        <ActionButton
-                            title={isCheckingStatus ? COMMON_STRINGS.CHECKING : BANK_STRINGS.REFRESH_STATUS_BUTTON}
-                            onPress={handlePaymentReverseFeed}
-                            disabled={isCheckingStatus}
-                        />
-                    )} */}
                 </View>
             </View>
         </SafeAreaWrapper>
@@ -545,4 +531,3 @@ const createStyles = (colors: any, typography: any, status: 'success' | 'failed'
 };
 
 export default PaymentStatus;
-