@finspringinnovations/fdsdk 0.0.4 → 0.0.6

package/lib/screens/FDCalculator.js

@@ -127,8 +127,12 @@ const FDCalculator = ({ onGoBack, onExitSDK, onPanRequired, onNavigateToReviewKY
     const defaultProviderId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.providerId; }); // Default Shriram provider ID
     // Default Shriram provider ID
     const { data: fallbackMasterData, isLoading: isLoadingFallback, error: fallbackError, refetch: refetchMasterData } = (0, masterDataApi_1.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
     // Store only the data parameter after stringifying instead of complete response
     const effectiveMasterData = react_1.default.useMemo(() => {

package/lib/screens/FDList.js

@@ -46,7 +46,6 @@ const customerApi_1 = require("../api/customerApi");
 const masterDataApi_1 = require("../api/masterDataApi");
 const MasterDataProvider_1 = require("../providers/MasterDataProvider");
 const workflowApi_1 = require("../api/workflowApi");
-const fdApi_1 = require("../api/fdApi");
 const SafeAreaWrapper_1 = __importDefault(require("../components/SafeAreaWrapper"));
 const appDataConfig_1 = require("../config/appDataConfig");
 const helpers_1 = require("../navigation/helpers");
@@ -75,15 +74,8 @@ const FDList = ({ onGoBack, onSelectFD, onNavigateToFDCalculator, customStyles =
     const [getInterestRates, { data: interestRates, error: interestRatesError, isLoading: isLoadingRates, }] = (0, interestRateApi_1.useGetInterestRatesMutation)();
     const [getCustomerApplications, { data: customerApplications, error: customerApplicationsError, isLoading: isLoadingApplications, }] = (0, customerApi_1.useGetCustomerApplicationsMutation)();
     const [terminateWorkflow, { data: terminateWorkflowData, error: terminateWorkflowError, isLoading: isTerminatingWorkflow, }] = (0, workflowApi_1.useTerminateWorkflowMutation)();
-    // Payment Reverse Feed API
-    const [paymentReverseFeed, { data: paymentReverseFeedResponse, error: paymentReverseFeedError, isLoading: isLoadingPaymentReverseFeed, }] = (0, fdApi_1.usePaymentReverseFeedMutation)();
     const styles = createStyles(colors, typography, spacing, themeName);
     const { setMasterData } = (0, MasterDataProvider_1.useMasterData)();
-    // Redux selectors for workflow IDs
-    const workflowInstanceId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.workflowInstanceId; });
-    const applicationId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.applicationId; });
-    const entityId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.entityid; });
-    const providerId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.providerId; });
     // Helper function to check if customer applications is empty
     const isCustomerApplicationsEmpty = () => {
         if (!customerApplications) {
@@ -179,7 +171,12 @@ const FDList = ({ onGoBack, onSelectFD, onNavigateToFDCalculator, customStyles =
             return interestRates.data.fdrScheme[0].providerId;
         return defaultProviderId; // Use default if no rates data yet
     }, [interestRates]);
-    const { data: masterData, isLoading: isLoadingMaster } = (0, masterDataApi_1.useGetMasterDataQuery)({ providerId: inferredProviderId }, { skip: !inferredProviderId });
+    const { data: masterData, isLoading: isLoadingMaster } = (0, masterDataApi_1.useGetMasterDataQuery)({ providerId: inferredProviderId }, {
+        skip: !inferredProviderId,
+        refetchOnMountOrArgChange: true,
+        refetchOnFocus: true,
+        refetchOnReconnect: true,
+    });
     // Only render once all three API calls have completed (success or error)
     // Show loading initially until all APIs have completed
     const isAllDataReady = react_1.default.useMemo(() => {
@@ -413,25 +410,34 @@ const FDList = ({ onGoBack, onSelectFD, onNavigateToFDCalculator, customStyles =
             // Customer applications loaded successfully
             // 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 === null || customerApplications === void 0 ? void 0 : customerApplications.data) || customerApplications;
-                let applicationData = Array.isArray(responseData) ? responseData[0] : responseData;
-                // Prefer the application with wf_status === 'Active'
+                let applicationsData = [];
                 if (Array.isArray(responseData)) {
-                    const activeOnly = responseData.find((app) => {
+                    applicationsData = responseData;
+                }
+                else if ((responseData === null || responseData === void 0 ? void 0 : responseData.applications) && Array.isArray(responseData.applications)) {
+                    applicationsData = responseData.applications;
+                }
+                else if (Array.isArray(customerApplications === null || customerApplications === void 0 ? void 0 : 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 (applicationsData.length > 0) {
+                    const activeOnly = applicationsData.find((app) => {
                         const status = (app.wf_status || app.status || '').toString();
                         return status === 'Active';
                     });
                     if (activeOnly)
                         applicationData = activeOnly;
                 }
-                if (Array.isArray(responseData)) {
-                    completeFDData = responseData.find((app) => {
-                        const status = (app.wf_status || app.status || '').toString();
-                        return status === 'Completed';
-                    });
-                    (0, globalData_1.setGlobalData)({ completeFDData: !!completeFDData });
-                }
+                // Set completed flag robustly for downstream ReviewKYC/Aadhaar flow decisions
+                completeFDData = applicationsData.find((app) => {
+                    const status = (app.wf_status || app.status || '').toString().toLowerCase();
+                    return status === 'completed';
+                });
+                (0, globalData_1.setGlobalData)({ completeFDData: !!completeFDData });
                 if (applicationData) {
                     const ids = {
                         workflowInstanceId: applicationData.workflow_instance_id,
@@ -460,7 +466,6 @@ const FDList = ({ onGoBack, onSelectFD, onNavigateToFDCalculator, customStyles =
     }, [customerApplications, dispatch]);
     // Unified handler: behave like bottom sheet Continue flow
     const handlePendingFDContinue = async () => {
-        var _a;
         // Persist active FD data to store for use across screens
         try {
             if (activeFD) {
@@ -516,50 +521,18 @@ const FDList = ({ onGoBack, onSelectFD, onNavigateToFDCalculator, customStyles =
         catch (error) {
             // 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 === workflowConstants_1.WORKFLOW_STATES.PAYMENT && transactionId) {
-            try {
-                // Get user info and required IDs
-                const userInfo = (0, appDataConfig_1.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 = (((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.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;
-                (0, helpers_1.navigate)('PaymentStatus', { status: statusParam, transactionId, fdData: fdDataParam });
-                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;
-                (0, helpers_1.navigate)('PaymentStatus', { status: 'pending', transactionId, fdData: fdDataParam });
-                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;
+            (0, helpers_1.navigate)('PaymentStatus', { status: 'pending', transactionId, fdData: fdDataParam });
+            return;
         }
         // Use workflow navigation based on current state (non-payment states or no transactionId)
         if (currentState && Object.values(workflowConstants_1.WORKFLOW_STATES).includes(currentState)) {

package/lib/screens/Payment.js

@@ -42,35 +42,35 @@ const react_native_webview_1 = require("react-native-webview");
 const SafeAreaWrapper_1 = __importDefault(require("../components/SafeAreaWrapper"));
 const ThemeContext_1 = require("../theme/ThemeContext");
 const encryption_1 = require("../utils/encryption");
+const sseParser_1 = require("../utils/sseParser");
 const encryptionConfig_1 = require("../config/encryptionConfig");
-const native_1 = require("@react-navigation/native");
-const paymentSession_1 = require("../state/paymentSession");
-const usePaymentStatusTimer_1 = require("../hooks/usePaymentStatusTimer");
+const appDataConfig_1 = require("../config/appDataConfig");
+const apiConfig_1 = require("../config/apiConfig");
+const store_1 = require("../store");
 const Payment = ({ onGoBack, onPaymentSuccess, onPaymentFailure, onPaymentPending, paymentUrl, successUrl = 'payment/success', failureUrl = 'payment/failure', }) => {
     const colors = (0, ThemeContext_1.useColors)();
     const styles = createStyles(colors);
     const webViewRef = (0, react_1.useRef)(null);
     const [loading, setLoading] = (0, react_1.useState)(true);
-    const currentStatusRef = (0, react_1.useRef)('pending');
-    const { transactionId } = (0, paymentSession_1.getPaymentSession)();
-    const { startTimer, stopTimer } = (0, usePaymentStatusTimer_1.usePaymentStatusTimer)({
-        transactionId,
-        onStatusUpdate: (status, response) => {
-            currentStatusRef.current = status;
-            if (status === 'success') {
-                onPaymentSuccess === null || onPaymentSuccess === void 0 ? void 0 : onPaymentSuccess(response);
-            }
-            else if (status === 'failed') {
-                onPaymentFailure === null || onPaymentFailure === void 0 ? void 0 : onPaymentFailure(response);
-            }
-            else if (status === 'pending') {
-                onPaymentPending === null || onPaymentPending === void 0 ? void 0 : onPaymentPending(response);
-            }
+    const applicationId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.applicationId; });
+    const workflowInstanceId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.workflowInstanceId; });
+    const entityId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.entityid; });
+    const providerId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.providerId; });
+    const sseXhrRef = (0, react_1.useRef)(null);
+    const sseLastIndexRef = (0, react_1.useRef)(0);
+    const sseBufferRef = (0, react_1.useRef)({ value: '' });
+    const onSuccessRef = (0, react_1.useRef)(onPaymentSuccess);
+    const onFailureRef = (0, react_1.useRef)(onPaymentFailure);
+    onSuccessRef.current = onPaymentSuccess;
+    onFailureRef.current = onPaymentFailure;
+    const stopPaymentSSE = (0, react_1.useCallback)(() => {
+        if (sseXhrRef.current) {
+            sseXhrRef.current.abort();
+            sseXhrRef.current = null;
         }
-    });
-    (0, native_1.useFocusEffect)(react_1.default.useCallback(() => {
-        startTimer();
-    }, [startTimer, stopTimer]));
+        sseLastIndexRef.current = 0;
+        sseBufferRef.current = { value: '' };
+    }, []);
     const handleNavigationStateChange = async (navState) => {
         const { url } = navState;
         if (url.includes('payment/status')) {
@@ -92,6 +92,143 @@ const Payment = ({ onGoBack, onPaymentSuccess, onPaymentFailure, onPaymentPendin
     const handleLoadEnd = () => {
         setLoading(false);
     };
+    // SSE: listen for payment status while user is on Payment WebView (same as web integration)
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (!applicationId || !(paymentUrl === null || paymentUrl === void 0 ? void 0 : paymentUrl.trim())) {
+            stopPaymentSSE();
+            return;
+        }
+        const envData = (0, appDataConfig_1.getEnvironmentData)();
+        const apiConfig = (0, apiConfig_1.getApiConfig)();
+        const baseUrl = ((envData === null || envData === void 0 ? void 0 : envData.apiBaseUrl) || (apiConfig === null || apiConfig === void 0 ? void 0 : apiConfig.baseUrl) || '').replace(/\/$/, '');
+        const url = baseUrl ? `${baseUrl}/events?applicationId=${encodeURIComponent(applicationId)}` : '';
+        if (!url)
+            return;
+        stopPaymentSSE();
+        const xhr = new XMLHttpRequest();
+        sseXhrRef.current = xhr;
+        xhr.open('GET', url);
+        const apiKey = (envData === null || envData === void 0 ? void 0 : envData.apiKey) || ((_a = apiConfig === null || apiConfig === void 0 ? void 0 : apiConfig.headers) === null || _a === void 0 ? void 0 : _a['X-API-Key']) || '';
+        if (apiKey) {
+            xhr.setRequestHeader('x-api-key', apiKey);
+            xhr.setRequestHeader('X-API-Key', apiKey);
+        }
+        const secureHeaders = (0, apiConfig_1.getSecureHeaders)();
+        Object.entries(secureHeaders).forEach(([key, value]) => {
+            if (key.toLowerCase() !== 'content-type') {
+                xhr.setRequestHeader(key, value);
+            }
+        });
+        xhr.setRequestHeader('Accept', 'text/event-stream');
+        xhr.setRequestHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
+        xhr.setRequestHeader('Pragma', 'no-cache');
+        xhr.setRequestHeader('Expires', '0');
+        try {
+            const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+            const userRefId = (userInfo === null || userInfo === void 0 ? void 0 : userInfo.userReferenceId) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id);
+            if (userRefId) {
+                xhr.setRequestHeader('userreferenceid', userRefId);
+                xhr.setRequestHeader('userReferenceId', userRefId);
+            }
+        }
+        catch (_b) {
+            // ignore
+        }
+        if (providerId) {
+            xhr.setRequestHeader('provider', providerId);
+            xhr.setRequestHeader('providerid', providerId);
+            xhr.setRequestHeader('providerId', providerId);
+        }
+        if (workflowInstanceId) {
+            xhr.setRequestHeader('workflowInstanceId', workflowInstanceId);
+            xhr.setRequestHeader('workflowinstanceid', workflowInstanceId);
+        }
+        if (applicationId) {
+            xhr.setRequestHeader('applicationId', applicationId);
+            xhr.setRequestHeader('applicationid', applicationId);
+        }
+        if (entityId) {
+            xhr.setRequestHeader('entityid', entityId);
+            xhr.setRequestHeader('entityId', entityId);
+        }
+        const handleEventData = async (rawData) => {
+            var _a, _b, _c, _d, _e, _f;
+            try {
+                const parsed = JSON.parse(rawData || '{}');
+                let payload = parsed;
+                if (typeof (parsed === null || parsed === void 0 ? void 0 : parsed.encryptedResponse) === 'string' && parsed.encryptedResponse) {
+                    try {
+                        const config = (0, encryptionConfig_1.getEncryptionConfig)();
+                        const decrypted = await (0, encryption_1.decryptResponse)({ encryptedResponse: parsed.encryptedResponse }, config);
+                        payload = (decrypted || {});
+                    }
+                    catch (_g) {
+                        // ignore and use raw payload
+                    }
+                }
+                const payloadData = (payload === null || payload === void 0 ? void 0 : payload.data) || {};
+                const status = String((_d = (_c = (_b = (_a = payload === null || payload === void 0 ? void 0 : payload.paymentStatus) !== null && _a !== void 0 ? _a : payload === null || payload === void 0 ? void 0 : payload.payment_status) !== null && _b !== void 0 ? _b : payloadData === null || payloadData === void 0 ? void 0 : payloadData.paymentStatus) !== null && _c !== void 0 ? _c : payloadData === null || payloadData === void 0 ? void 0 : payloadData.payment_status) !== null && _d !== void 0 ? _d : '').toUpperCase();
+                if (status === 'SUCCESS') {
+                    stopPaymentSSE();
+                    (_e = onSuccessRef.current) === null || _e === void 0 ? void 0 : _e.call(onSuccessRef, payload);
+                    return;
+                }
+                if (status === 'FAILED') {
+                    stopPaymentSSE();
+                    (_f = onFailureRef.current) === null || _f === void 0 ? void 0 : _f.call(onFailureRef, payload);
+                }
+            }
+            catch (_h) {
+                // ignore parse errors
+            }
+        };
+        xhr.onprogress = () => {
+            setLoading(false);
+            const newText = xhr.responseText.slice(sseLastIndexRef.current);
+            sseLastIndexRef.current = xhr.responseText.length;
+            if (!newText)
+                return;
+            const events = (0, sseParser_1.parseSSEBuffer)(sseBufferRef.current, newText);
+            for (const { eventType, data } of events) {
+                if (!data)
+                    continue;
+                const normalizedEventType = String(eventType || '').trim().toLowerCase();
+                if (normalizedEventType === 'fd_payment_status') {
+                    handleEventData(data);
+                }
+                else if (normalizedEventType === 'message') {
+                    try {
+                        const parsed = JSON.parse(data);
+                        const embeddedEvent = String((parsed === null || parsed === void 0 ? void 0 : parsed.event) || '').trim().toLowerCase();
+                        if (embeddedEvent === 'fd_payment_status') {
+                            handleEventData(data);
+                        }
+                    }
+                    catch (_a) {
+                        // ignore
+                    }
+                }
+            }
+        };
+        xhr.onreadystatechange = () => {
+            if ((xhr.readyState === XMLHttpRequest.HEADERS_RECEIVED ||
+                xhr.readyState === XMLHttpRequest.LOADING) &&
+                xhr.status === 200) {
+                setLoading(false);
+                if (__DEV__)
+                    console.log('[Payment] SSE connected for payment status');
+            }
+        };
+        xhr.onerror = () => {
+            if (__DEV__)
+                console.warn('[Payment] SSE connection error');
+        };
+        xhr.send();
+        return () => {
+            stopPaymentSSE();
+        };
+    }, [applicationId, paymentUrl, workflowInstanceId, entityId, providerId, stopPaymentSSE]);
     const handleMessage = async (event) => {
         var _a, _b, _c;
         try {
@@ -130,13 +267,9 @@ const Payment = ({ onGoBack, onPaymentSuccess, onPaymentFailure, onPaymentPendin
                 // Check payment status in data
                 const paymentStatus = (_c = (_b = response.data) === null || _b === void 0 ? void 0 : _b.paymentStatus) === null || _c === void 0 ? void 0 : _c.toLowerCase();
                 if (paymentStatus === 'success') {
-                    currentStatusRef.current = "success";
-                    stopTimer();
                     onPaymentSuccess === null || onPaymentSuccess === void 0 ? void 0 : onPaymentSuccess(response);
                 }
                 else if (paymentStatus === 'failed') {
-                    currentStatusRef.current = "failed";
-                    stopTimer();
                     onPaymentFailure === null || onPaymentFailure === void 0 ? void 0 : onPaymentFailure(response);
                 }
                 else {
@@ -144,7 +277,6 @@ const Payment = ({ onGoBack, onPaymentSuccess, onPaymentFailure, onPaymentPendin
                 }
             }
             else {
-                currentStatusRef.current = "pending";
                 onPaymentPending === null || onPaymentPending === void 0 ? void 0 : onPaymentPending(response);
             }
             setLoading(false);

package/lib/screens/PaymentStatus.js

@@ -48,13 +48,15 @@ const fdApi_1 = require("../api/fdApi");
 const customerApi_1 = require("../api/customerApi");
 const store_1 = require("../store");
 const appDataConfig_1 = require("../config/appDataConfig");
+const apiConfig_1 = require("../config/apiConfig");
 const helpers_1 = require("../navigation/helpers");
 const paymentSession_1 = require("../state/paymentSession");
 const native_1 = require("@react-navigation/native");
 const bank_1 = require("../constants/strings/bank");
 const common_1 = require("../constants/strings/common");
-const apiConfig_1 = require("../config/apiConfig");
-const usePaymentStatusTimer_1 = require("../hooks/usePaymentStatusTimer");
+const sseParser_1 = require("../utils/sseParser");
+const encryption_1 = require("../utils/encryption");
+const encryptionConfig_1 = require("../config/encryptionConfig");
 const PaymentStatus = ({ onRetry, onContinue, status, transactionId, fdData }) => {
     var _a;
     const colors = (0, ThemeContext_1.useColors)();
@@ -75,18 +77,9 @@ const PaymentStatus = ({ onRetry, onContinue, status, transactionId, fdData }) =
     const applicationId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.applicationId; });
     const entityId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.entityid; });
     const providerId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.providerId; });
-    const { startTimer, stopTimer, triggerStatusCheck, isCheckingStatus, } = (0, usePaymentStatusTimer_1.usePaymentStatusTimer)({
-        transactionId: finalTransactionId,
-        overrides: {
-            providerId,
-            workflowInstanceId,
-            applicationid: applicationId,
-            entityid: entityId,
-        },
-        onStatusUpdate: (nextStatus) => {
-            setCurrentStatus(nextStatus);
-        },
-    });
+    const sseXhrRef = (0, react_1.useRef)(null);
+    const sseLastIndexRef = (0, react_1.useRef)(0);
+    const sseBufferRef = (0, react_1.useRef)({ value: '' });
     // Payment Retry API
     const [paymentRetry, { data: paymentRetryResponse, error: paymentRetryError, isLoading: isLoadingPaymentRetry, }] = (0, fdApi_1.usePaymentRetryMutation)();
     // Get Customer Applications API
@@ -110,20 +103,143 @@ const PaymentStatus = ({ onRetry, onContinue, status, transactionId, fdData }) =
     const formatAmount = (amount) => {
         return amount.toLocaleString('en-IN');
     };
+    const stopPaymentSSE = (0, react_1.useCallback)(() => {
+        if (sseXhrRef.current) {
+            sseXhrRef.current.abort();
+            sseXhrRef.current = null;
+        }
+        sseLastIndexRef.current = 0;
+        sseBufferRef.current = { value: '' };
+    }, []);
     (0, react_1.useEffect)(() => {
-        if (currentStatus === 'pending') {
-            startTimer();
+        var _a;
+        if (currentStatus !== 'pending' || !applicationId) {
+            stopPaymentSSE();
+            return;
+        }
+        const envData = (0, appDataConfig_1.getEnvironmentData)();
+        const apiConfig = (0, apiConfig_1.getApiConfig)();
+        const baseUrl = ((envData === null || envData === void 0 ? void 0 : envData.apiBaseUrl) || (apiConfig === null || apiConfig === void 0 ? void 0 : apiConfig.baseUrl) || '').replace(/\/$/, '');
+        const url = baseUrl ? `${baseUrl}/events?applicationId=${encodeURIComponent(applicationId)}` : '';
+        if (!url)
+            return;
+        stopPaymentSSE();
+        const xhr = new XMLHttpRequest();
+        sseXhrRef.current = xhr;
+        xhr.open('GET', url);
+        const apiKey = (envData === null || envData === void 0 ? void 0 : envData.apiKey) || ((_a = apiConfig === null || apiConfig === void 0 ? void 0 : apiConfig.headers) === null || _a === void 0 ? void 0 : _a['X-API-Key']) || '';
+        if (apiKey) {
+            xhr.setRequestHeader('x-api-key', apiKey);
+            xhr.setRequestHeader('X-API-Key', apiKey);
+        }
+        const secureHeaders = (0, apiConfig_1.getSecureHeaders)();
+        Object.entries(secureHeaders).forEach(([key, value]) => {
+            if (key.toLowerCase() !== 'content-type') {
+                xhr.setRequestHeader(key, value);
+            }
+        });
+        xhr.setRequestHeader('Accept', 'text/event-stream');
+        xhr.setRequestHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
+        xhr.setRequestHeader('Pragma', 'no-cache');
+        xhr.setRequestHeader('Expires', '0');
+        try {
+            const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+            const userRefId = (userInfo === null || userInfo === void 0 ? void 0 : userInfo.userReferenceId) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id);
+            if (userRefId) {
+                xhr.setRequestHeader('userreferenceid', userRefId);
+                xhr.setRequestHeader('userReferenceId', userRefId);
+            }
         }
-        else {
-            stopTimer();
+        catch (_b) {
+            // ignore
         }
+        if (providerId) {
+            xhr.setRequestHeader('provider', providerId);
+            xhr.setRequestHeader('providerid', providerId);
+            xhr.setRequestHeader('providerId', providerId);
+        }
+        if (workflowInstanceId) {
+            xhr.setRequestHeader('workflowInstanceId', workflowInstanceId);
+            xhr.setRequestHeader('workflowinstanceid', workflowInstanceId);
+        }
+        if (applicationId) {
+            xhr.setRequestHeader('applicationId', applicationId);
+            xhr.setRequestHeader('applicationid', applicationId);
+        }
+        if (entityId) {
+            xhr.setRequestHeader('entityid', entityId);
+            xhr.setRequestHeader('entityId', entityId);
+        }
+        const handleEventData = async (rawData) => {
+            var _a, _b, _c, _d;
+            try {
+                const parsed = JSON.parse(rawData || '{}');
+                let payload = parsed;
+                if (typeof (parsed === null || parsed === void 0 ? void 0 : parsed.encryptedResponse) === 'string' && parsed.encryptedResponse) {
+                    try {
+                        const config = (0, encryptionConfig_1.getEncryptionConfig)();
+                        const decrypted = await (0, encryption_1.decryptResponse)({ encryptedResponse: parsed.encryptedResponse }, config);
+                        payload = (decrypted || {});
+                    }
+                    catch (_e) {
+                        // ignore and use raw payload
+                    }
+                }
+                const payloadData = (payload === null || payload === void 0 ? void 0 : payload.data) || {};
+                const status = String((_d = (_c = (_b = (_a = payload === null || payload === void 0 ? void 0 : payload.paymentStatus) !== null && _a !== void 0 ? _a : payload === null || payload === void 0 ? void 0 : payload.payment_status) !== null && _b !== void 0 ? _b : payloadData === null || payloadData === void 0 ? void 0 : payloadData.paymentStatus) !== null && _c !== void 0 ? _c : payloadData === null || payloadData === void 0 ? void 0 : payloadData.payment_status) !== null && _d !== void 0 ? _d : '').toUpperCase();
+                if (status === 'SUCCESS') {
+                    setCurrentStatus('success');
+                    stopPaymentSSE();
+                    return;
+                }
+                if (status === 'FAILED') {
+                    setCurrentStatus('failed');
+                    stopPaymentSSE();
+                }
+            }
+            catch (_f) {
+                // ignore parse errors
+            }
+        };
+        xhr.onprogress = () => {
+            const newText = xhr.responseText.slice(sseLastIndexRef.current);
+            sseLastIndexRef.current = xhr.responseText.length;
+            if (!newText)
+                return;
+            const events = (0, sseParser_1.parseSSEBuffer)(sseBufferRef.current, newText);
+            for (const { eventType, data } of events) {
+                if (!data)
+                    continue;
+                const normalizedEventType = String(eventType || '').trim().toLowerCase();
+                if (normalizedEventType === 'fd_payment_status') {
+                    handleEventData(data);
+                }
+                else if (normalizedEventType === 'message') {
+                    try {
+                        const parsed = JSON.parse(data);
+                        const embeddedEvent = String((parsed === null || parsed === void 0 ? void 0 : parsed.event) || '').trim().toLowerCase();
+                        if (embeddedEvent === 'fd_payment_status') {
+                            handleEventData(data);
+                        }
+                    }
+                    catch (_a) {
+                        // ignore
+                    }
+                }
+            }
+        };
+        xhr.send();
         return () => {
-            stopTimer();
+            stopPaymentSSE();
         };
-    }, [currentStatus, startTimer, stopTimer]);
-    const handlePaymentReverseFeed = async () => {
-        await triggerStatusCheck();
-    };
+    }, [
+        applicationId,
+        currentStatus,
+        entityId,
+        providerId,
+        stopPaymentSSE,
+        workflowInstanceId
+    ]);
     // Handle payment retry when status is failed
     const handlePaymentRetry = async () => {
         var _a;
@@ -167,8 +283,6 @@ const PaymentStatus = ({ onRetry, onContinue, status, transactionId, fdData }) =
         try {
             // Get user info from app data
             const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
-            // Get API configuration
-            const apiConfig = (0, apiConfig_1.getApiConfig)();
             // Prepare request payload
             const requestPayload = {
                 userReferenceId: userInfo.id