@finspringinnovations/fdsdk 0.0.5 → 0.0.7

package/lib/screens/Payment.js

@@ -42,9 +42,11 @@ 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 appDataConfig_1 = require("../config/appDataConfig");
+const apiConfig_1 = require("../config/apiConfig");
 const store_1 = require("../store");
-const usePaymentSSE_1 = require("../hooks/usePaymentSSE");
 const Payment = ({ onGoBack, onPaymentSuccess, onPaymentFailure, onPaymentPending, paymentUrl, successUrl = 'payment/success', failureUrl = 'payment/failure', }) => {
     const colors = (0, ThemeContext_1.useColors)();
     const styles = createStyles(colors);
@@ -54,11 +56,21 @@ const Payment = ({ onGoBack, onPaymentSuccess, onPaymentFailure, onPaymentPendin
     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 { start: startPaymentSSE, stop: stopPaymentSSE } = (0, usePaymentSSE_1.usePaymentSSE)();
+    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;
+        }
+        sseLastIndexRef.current = 0;
+        sseBufferRef.current = { value: '' };
+    }, []);
     const handleNavigationStateChange = async (navState) => {
         const { url } = navState;
         if (url.includes('payment/status')) {
@@ -82,35 +94,141 @@ const Payment = ({ onGoBack, onPaymentSuccess, onPaymentFailure, onPaymentPendin
     };
     // SSE: listen for payment status while user is on Payment WebView (same as web integration)
     (0, react_1.useEffect)(() => {
-        if (!applicationId || !(paymentUrl === null || paymentUrl === void 0 ? void 0 : paymentUrl.trim()))
+        var _a;
+        if (!applicationId || !(paymentUrl === null || paymentUrl === void 0 ? void 0 : paymentUrl.trim())) {
+            stopPaymentSSE();
             return;
-        startPaymentSSE(applicationId, {
-            onPaymentStatus: (status, payload) => {
-                var _a, _b;
-                const normalized = String(status || '').toUpperCase();
-                if (normalized === 'SUCCESS') {
+        }
+        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();
-                    (_a = onSuccessRef.current) === null || _a === void 0 ? void 0 : _a.call(onSuccessRef, payload);
+                    (_e = onSuccessRef.current) === null || _e === void 0 ? void 0 : _e.call(onSuccessRef, payload);
                     return;
                 }
-                if (normalized === 'FAILED') {
+                if (status === 'FAILED') {
                     stopPaymentSSE();
-                    (_b = onFailureRef.current) === null || _b === void 0 ? void 0 : _b.call(onFailureRef, payload);
+                    (_f = onFailureRef.current) === null || _f === void 0 ? void 0 : _f.call(onFailureRef, payload);
                 }
-            },
-            onError: () => {
-                if (__DEV__)
-                    console.warn('[Payment] SSE connection error');
-            },
-            onConnected: () => {
+            }
+            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');
-            },
-        }, { workflowInstanceId, applicationId, entityid: entityId, providerId });
+            }
+        };
+        xhr.onerror = () => {
+            if (__DEV__)
+                console.warn('[Payment] SSE connection error');
+        };
+        xhr.send();
         return () => {
             stopPaymentSSE();
         };
-    }, [applicationId, paymentUrl, workflowInstanceId, entityId, providerId, startPaymentSSE, stopPaymentSSE]);
+    }, [applicationId, paymentUrl, workflowInstanceId, entityId, providerId, stopPaymentSSE]);
     const handleMessage = async (event) => {
         var _a, _b, _c;
         try {

package/lib/screens/PaymentStatus.js

@@ -48,12 +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 usePaymentSSE_1 = require("../hooks/usePaymentSSE");
+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)();
@@ -74,7 +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 { start: startPaymentSSE, stop: stopPaymentSSE } = (0, usePaymentSSE_1.usePaymentSSE)();
+    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
@@ -98,32 +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)(() => {
+        var _a;
         if (currentStatus !== 'pending' || !applicationId) {
             stopPaymentSSE();
             return;
         }
-        startPaymentSSE(applicationId, {
-            onPaymentStatus: (status) => {
-                const normalized = String(status || '').toUpperCase();
-                if (normalized === 'SUCCESS') {
+        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;
+            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 (normalized === 'FAILED') {
+                if (status === 'FAILED') {
                     setCurrentStatus('failed');
                     stopPaymentSSE();
                 }
-            },
-            onError: () => {
-                // keep pending state; stream can be restarted on re-render
-            },
-        });
+            }
+            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 () => {
             stopPaymentSSE();
         };
-    }, [applicationId, currentStatus, startPaymentSSE, stopPaymentSSE]);
+    }, [
+        applicationId,
+        currentStatus,
+        entityId,
+        providerId,
+        stopPaymentSSE,
+        workflowInstanceId
+    ]);
     // Handle payment retry when status is failed
     const handlePaymentRetry = async () => {
         var _a;

package/lib/utils/sseParser.js

@@ -4,10 +4,26 @@ exports.parseSSEBuffer = parseSSEBuffer;
 function parseSSEBuffer(buffer, chunk) {
     const results = [];
     buffer.value += chunk;
-    let idx;
-    while ((idx = buffer.value.indexOf('\n\n')) >= 0) {
+    let idx = -1;
+    let delimiterLength = 0;
+    const findDelimiter = () => {
+        const unixIdx = buffer.value.indexOf('\n\n');
+        const windowsIdx = buffer.value.indexOf('\r\n\r\n');
+        if (windowsIdx >= 0 && (unixIdx < 0 || windowsIdx < unixIdx)) {
+            idx = windowsIdx;
+            delimiterLength = 4;
+            return true;
+        }
+        if (unixIdx >= 0) {
+            idx = unixIdx;
+            delimiterLength = 2;
+            return true;
+        }
+        return false;
+    };
+    while (findDelimiter()) {
         const block = buffer.value.slice(0, idx);
-        buffer.value = buffer.value.slice(idx + 2);
+        buffer.value = buffer.value.slice(idx + delimiterLength);
         let eventType = 'message';
         const dataparts = [];
         for (const line of block.split(/\r?\n/)) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@finspringinnovations/fdsdk",
-    "version": "0.0.5",
+    "version": "0.0.7",
     "description": "FD SDK for React Native applications",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",

package/src/components/InterestRateCard.tsx

@@ -5,12 +5,18 @@ import { useColors, useTypography, useTheme } from '../theme/ThemeContext';
 interface InterestRateCardProps {
     interestRate: string;
     maturityAmount: string;
+    /** Interest payout amount (e.g. from sdrCalc[0].intPayAmt), shown below Interest Rate */
+    intPayAmt?: string;
+    /** Total interest earnings (e.g. from sdrCalc[0].totalInterestEarnings), shown below On Maturity */
+    totalInterestEarnings?: string;
     children?: React.ReactNode;
 }
 
 const InterestRateCard: React.FC<InterestRateCardProps> = ({
     interestRate,
     maturityAmount,
+    intPayAmt,
+    totalInterestEarnings,
     children,
 }) => {
     const colors = useColors();
@@ -26,15 +32,31 @@ const InterestRateCard: React.FC<InterestRateCardProps> = ({
                     <Text style={styles.value}>{interestRate}</Text>
                 </View>
                 <View style={styles.right}>
-
-                    <Text style={styles.label}>On Maturity</Text>
+                    <Text style={styles.label}>Amount On Maturity</Text>
                     <Text style={styles.valueRight}>{maturityAmount}</Text>
-
                 </View>
-
             </View>
+            {(intPayAmt != null || totalInterestEarnings != null) && (
+                <View style={[styles.row, styles.secondRow]}>
+                    <View style={styles.left}>
+                        {intPayAmt != null && (
+                            <>
+                                <Text style={styles.label}>Total Interest</Text>
+                                <Text style={styles.value}>{intPayAmt}</Text>
+                            </>
+                        )}
+                    </View>
+                    <View style={styles.right}>
+                        {totalInterestEarnings != null && (
+                            <>
+                                <Text style={styles.label}>On Maturity Interest</Text>
+                                <Text style={styles.valueRight}>{totalInterestEarnings}</Text>
+                            </>
+                        )}
+                    </View>
+                </View>
+            )}
             {children}
-
         </View>
     );
 };
@@ -51,6 +73,9 @@ const createStyles = (colors: any, typography: any, themeName: string) => StyleS
         flexDirection: 'row',
         justifyContent: 'space-between',
     },
+    secondRow: {
+        marginTop: 12,
+    },
     left: {
         flex: 1,
     },
@@ -72,6 +97,9 @@ const createStyles = (colors: any, typography: any, themeName: string) => StyleS
         ...typography.styles.bodyLarge,
         fontWeight: '700',
         color: colors.text,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginRight: 10,
     },
 });
 

package/src/config/appDataConfig.ts

@@ -6,6 +6,11 @@ export interface EnvironmentData {
     apiKey?: string;
     encryptionKey?: string;
     enableLogging?: boolean;
+    sseMinimalLogs?: boolean;
+    enableVerboseSSELogging?: boolean;
+    sseReconnectAttempts?: number;
+    sseReconnectDelayMs?: number;
+    sseConnectTimeoutMs?: number;
 }
 
 /**