@finspringinnovations/fdsdk 0.0.2 → 0.0.4

package/lib/assets/images/images.d.ts

@@ -1,4 +1,5 @@
 export namespace images {
     let arrowLeft: any;
     let chevronDown: any;
+    let shriramLogo: any;
 }

package/lib/assets/images/images.js

@@ -7,4 +7,5 @@ exports.images = void 0;
 exports.images = {
     arrowLeft: require('./arrow-left.png'),
     chevronDown: require('./chevron-down.png'),
+    shriramLogo: require('./shriram.png'),
 };

package/lib/components/AmountInput.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
+const Ionicons_1 = __importDefault(require("react-native-vector-icons/Ionicons"));
 const base64Images_1 = require("../constants/strings/base64Images");
 const ThemeContext_1 = require("../theme/ThemeContext");
 const theme_1 = require("../theme");
@@ -39,7 +40,7 @@ const AmountInput = ({ label, value, onChangeText, onBlur, onFocus, placeholder
             react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.error }, style: { width: 16, height: 16, marginRight: 6 }, resizeMode: "contain" }),
             react_1.default.createElement(react_native_1.Text, { style: styles.errorText }, errorMessage))),
         noteText && (react_1.default.createElement(react_native_1.View, { style: styles.noteRow },
-            react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.info }, style: [styles.noteIcon, { width: 14, height: 14, tintColor: colors.textLight }], resizeMode: "contain" }),
+            react_1.default.createElement(Ionicons_1.default, { name: "information-circle-outline", size: 14, color: themeName === 'dark' ? colors.labelColor : colors.textLight, style: styles.noteIcon }),
             react_1.default.createElement(react_native_1.Text, { style: styles.noteText }, noteText))),
         minMaxText && (react_1.default.createElement(react_native_1.View, { style: styles.limitContainer },
             react_1.default.createElement(react_native_1.Text, { style: styles.limitLabel }, "Min: "),

package/lib/components/CheckboxOption.js

@@ -21,20 +21,20 @@ const createStyles = (colors, typography, themeName) => react_native_1.StyleShee
         flexDirection: 'row',
         alignItems: 'center',
         paddingVertical: 0,
-        paddingHorizontal: 5
     },
     checkbox: {
         width: 18,
         height: 18,
         borderRadius: 3,
         borderWidth: 1.5,
-        borderColor: colors.inputBorder || colors.border,
+        borderColor: themeName === 'dark' ? colors.tabSelected : colors.primary,
         marginRight: 12,
         alignItems: 'center',
         justifyContent: 'center',
     },
     checkboxChecked: {
-        borderColor: colors.inputBorder || colors.border,
+        // backgroundColor: colors.tabSelected,
+        borderColor: colors.tabSelected,
     },
     label: Object.assign(Object.assign({}, typography.styles.bodyMedium), { color: colors.text, flex: 1 }),
 });

package/lib/components/FDCard.js

@@ -7,6 +7,7 @@ const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const ThemeContext_1 = require("../theme/ThemeContext");
 const theme_1 = require("../theme");
+const base64Images_1 = require("../constants/strings/base64Images");
 const FDCard = ({ id, name, accountNumber, roi, tenure, amount, maturityDate, status, creditRating, onPress, customStyles = {}, }) => {
     const colors = (0, ThemeContext_1.useColors)();
     const typography = (0, ThemeContext_1.useTypography)();
@@ -31,6 +32,8 @@ const FDCard = ({ id, name, accountNumber, roi, tenure, amount, maturityDate, st
     };
     return (react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.fdCard, customStyles.container], onPress: () => onPress === null || onPress === void 0 ? void 0 : onPress(id), activeOpacity: 0.8 },
         react_1.default.createElement(react_native_1.View, { style: styles.fdCardHeader },
+            react_1.default.createElement(react_native_1.View, null,
+                react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.shriramLogo }, style: styles.logo, resizeMode: "contain" })),
             react_1.default.createElement(react_native_1.Text, { style: [styles.fdName, customStyles.name] }, name)),
         react_1.default.createElement(react_native_1.View, { style: styles.fdDetailsRow },
             react_1.default.createElement(react_native_1.View, { style: styles.fdDetailItem },
@@ -91,6 +94,12 @@ const createStyles = (colors, typography, spacing, shadows, themeName) => {
         roiText: {
             color: colors.success,
         },
+        logo: {
+            width: 25,
+            height: 25,
+            marginRight: 5,
+            borderRadius: 15,
+        },
     });
 };
 exports.default = FDCard;

package/lib/components/OTPInput.js

@@ -117,7 +117,7 @@ const createStyles = (colors, typography, themeName) => react_native_1.StyleShee
         marginBottom: 16,
         gap: 8,
     },
-    otpInput: Object.assign(Object.assign({ width: 48, height: 48, borderWidth: 1, borderColor: colors.inputBorder || colors.border, borderRadius: 8 }, typography.styles.bodyLarge), { color: colors.text, backgroundColor: themeName === 'dark' ? colors.inputBackground : 'white' }),
+    otpInput: Object.assign(Object.assign({ width: 48, height: 48, borderWidth: 1, borderColor: themeName === 'dark' ? colors.inputBorder : colors.primary, borderRadius: 8 }, typography.styles.bodyLarge), { color: colors.text, backgroundColor: themeName === 'dark' ? colors.inputBackground : 'white' }),
     otpInputError: {
         borderColor: colors.error,
         borderWidth: 2,

package/lib/components/PendingFDBottomSheet.js

@@ -47,11 +47,11 @@ const createStyles = (colors, typography, spacing, themeName) => react_native_1.
     },
     bottomSheet: {
         padding: spacing.sm,
-        backgroundColor: colors.background,
+        backgroundColor: themeName === 'dark' ? colors.background : 'white',
         borderTopLeftRadius: 20,
         borderTopRightRadius: 20,
         borderWidth: themeName === 'dark' ? 1 : 0,
-        borderColor: themeName === 'dark' ? colors.border : 'transparent',
+        borderColor: themeName === 'dark' ? '#ffffff' : 'transparent',
         maxHeight: react_native_1.Dimensions.get('window').height * 0.8,
         minHeight: react_native_1.Platform.OS === 'ios' ? 430 : 400,
     },
@@ -71,7 +71,7 @@ const createStyles = (colors, typography, spacing, themeName) => react_native_1.
     title: {
         fontSize: 17,
         fontWeight: '500',
-        color: colors.text,
+        color: themeName === 'dark' ? colors.labelColor : '#333',
         flex: 1,
         marginRight: spacing.md,
         lineHeight: 24,
@@ -80,7 +80,7 @@ const createStyles = (colors, typography, spacing, themeName) => react_native_1.
         width: 32,
         height: 32,
         borderRadius: 16,
-        backgroundColor: colors.surface,
+        backgroundColor: '#f5f5f5',
         justifyContent: 'center',
         alignItems: 'center',
     },
@@ -90,13 +90,13 @@ const createStyles = (colors, typography, spacing, themeName) => react_native_1.
         paddingTop: spacing.lg,
         paddingBottom: react_native_1.Platform.OS === 'ios' ? 20 : 0,
     },
-    sectionTitle: Object.assign(Object.assign({}, typography.styles.h3), { color: colors.text, marginBottom: spacing.md }),
+    sectionTitle: Object.assign(Object.assign({}, typography.styles.h3), { color: themeName === 'dark' ? colors.labelColor : '#333', marginBottom: spacing.md }),
     bookNewButton: {
         marginTop: spacing.xxxl,
         marginBottom: spacing.xxxl,
         alignItems: 'center',
     },
-    bookNewText: Object.assign(Object.assign({}, typography.styles.body2), { color: colors.text }),
+    bookNewText: Object.assign(Object.assign({}, typography.styles.body2), { color: themeName === 'dark' ? colors.labelColor : '#000000' }),
     disabledButton: {
         opacity: 0.6,
     },
@@ -110,13 +110,13 @@ const createStyles = (colors, typography, spacing, themeName) => react_native_1.
     },
     continueButton: {
         height: 50,
-        backgroundColor: colors.buttonBackground || colors.headerBg,
+        backgroundColor: colors.buttonBackground || colors.headerBg || '#007AFF',
         borderRadius: 25,
         paddingHorizontal: spacing.lg,
         alignItems: 'center',
         justifyContent: 'center',
         marginBottom: react_native_1.Platform.OS === 'ios' ? spacing.lg + 20 : spacing.lg,
     },
-    continueButtonText: Object.assign(Object.assign({}, typography.styles.button), { color: colors.buttonTextColor || colors.headerText, fontWeight: '600' }),
+    continueButtonText: Object.assign(Object.assign({}, typography.styles.button), { color: colors.buttonTextColor || colors.headerText || '#FFFFFF', fontWeight: '600' }),
 });
 exports.default = PendingFDBottomSheet;

package/lib/components/TextFieldWithLabel.js

@@ -91,7 +91,7 @@ const TextFieldWithLabel = ({ label, value, onChangeText, placeholder, placehold
             return { borderColor: colors.success, borderWidth: 1 };
         }
         if (isFocused) {
-            return { borderColor: colors.inputBorder || colors.border, borderWidth: 1 };
+            return { borderColor: colors.primary, borderWidth: 1 };
         }
         if (themeName === 'dark') {
             return {
@@ -238,7 +238,7 @@ const createStyles = (colors, typography, themeName) => react_native_1.StyleShee
         height: '100%',
     },
     disabledTextInput: {
-        color: '#000000',
+        color: colors.text,
     },
     leftIcon: {
         marginRight: 12,

package/lib/config/appDataConfig.d.ts

@@ -41,7 +41,7 @@ export interface AppData {
     gender: string;
     mobNo: string;
     email: string;
-    panNumber: string;
+    panNumber?: string;
     address?: string;
     area?: string;
     city?: string;
@@ -55,6 +55,7 @@ export interface AppData {
     maritalStatus?: string;
     userReferenceId?: string;
     eventNotifyUrl?: string;
+    startFDAlertMessage?: string;
 }
 /**
  * Initialize the SDK with app data from the main application
@@ -90,7 +91,7 @@ export declare const getUserInfoForAPI: () => {
     name: string;
     dob: string;
     gender: string;
-    panNumber: string;
+    panNumber: string | undefined;
     mobileNumber: string;
     email: string;
     eventNotifyUrl: string | undefined;

package/lib/config/appDataConfig.js

@@ -54,7 +54,7 @@ const initializeSDK = (appData, onValidationError) => {
         { field: 'gender', label: 'Gender' },
         { field: 'mobNo', label: 'Mobile Number' },
         { field: 'email', label: 'Email' },
-        { field: 'panNumber', label: 'PAN Number' },
+        // { field: 'panNumber', label: 'PAN Number' },
     ];
     const missingFields = [];
     requiredFields.forEach(({ field, label }) => {
@@ -203,7 +203,7 @@ exports.getUserDemographics = getUserDemographics;
  * Validate app data
  */
 const validateAppData = (appData) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
     const errors = [];
     // Required fields validation
     if (!((_a = appData.id) === null || _a === void 0 ? void 0 : _a.trim()))
@@ -218,13 +218,13 @@ const validateAppData = (appData) => {
         errors.push('Mobile number is required');
     if (!((_e = appData.email) === null || _e === void 0 ? void 0 : _e.trim()))
         errors.push('Email is required');
-    if (!((_f = appData.panNumber) === null || _f === void 0 ? void 0 : _f.trim()))
-        errors.push('PAN number is required');
+    // PAN is optional — validated later on FD Calculator screen
+    // if (!appData.panNumber?.trim()) errors.push('PAN number is required');
     // Format validation (only if fields are provided)
     if (appData.dob && !/^\d{4}-\d{2}-\d{2}$/.test(appData.dob)) {
         errors.push('Date of birth must be in YYYY-MM-DD format');
     }
-    if (appData.panNumber && !/^[A-Z]{5}[0-9]{4}[A-Z]{1}$/.test(appData.panNumber)) {
+    if (appData.panNumber && appData.panNumber.trim() && !/^[A-Z]{5}[0-9]{4}[A-Z]{1}$/.test(appData.panNumber)) {
         errors.push('PAN number must be in valid format (e.g., ABCDE1234F)');
     }
     if (appData.mobNo && !/^[6-9]\d{9}$/.test(appData.mobNo)) {

package/lib/hooks/usePaymentSSE.d.ts

@@ -1,23 +1,19 @@
 /**
  * usePaymentSSE - React Native SSE hook for payment status tracking.
  *
- * Mirrors the web app's usePaymentSSE (FDWebApplication/src/hooks/usePaymentSSE.ts).
- * Uses XMLHttpRequest instead of fetch+ReadableStream because
+ * Uses XMLHttpRequest instead of fetch streams because
  * React Native does not support ReadableStream / getReader().
  *
- * Backend spec:
- *   Endpoint:  GET /events?applicationId=<id>
- *   Events:    fd_payment_status, digilocker_verification_status
- *   Format:    Standard SSE  →  event: fd_payment_status\ndata: {"paymentStatus":"FAILED"}\n\n
- *
  * Usage:
  *   const { start, stop } = usePaymentSSE();
- *   start(applicationId, { onPaymentStatus: (status, payload) => { ... } });
- *   stop();
+ *   start(applicationId, {
+ *       onPaymentStatus: (status, payload) => { ... },
+ *       onError: (error) => { ... },
+ *   });
+ *   stop(); // to cancel
  */
-export interface UsePaymentSSECallbacks {
+interface UsePaymentSSECallbacks {
     onPaymentStatus: (status: string, payload: Record<string, unknown>) => void;
-    onDigilockerStatus?: (payload: Record<string, unknown>) => void;
     onError?: (error: any) => void;
     onConnected?: () => void;
 }
@@ -25,3 +21,4 @@ export declare function usePaymentSSE(): {
     start: (applicationId: string, callbacks: UsePaymentSSECallbacks) => void;
     stop: () => void;
 };
+export {};

package/lib/hooks/usePaymentSSE.js

@@ -2,85 +2,34 @@
 /**
  * usePaymentSSE - React Native SSE hook for payment status tracking.
  *
- * Mirrors the web app's usePaymentSSE (FDWebApplication/src/hooks/usePaymentSSE.ts).
- * Uses XMLHttpRequest instead of fetch+ReadableStream because
+ * Uses XMLHttpRequest instead of fetch streams because
  * React Native does not support ReadableStream / getReader().
  *
- * Backend spec:
- *   Endpoint:  GET /events?applicationId=<id>
- *   Events:    fd_payment_status, digilocker_verification_status
- *   Format:    Standard SSE  →  event: fd_payment_status\ndata: {"paymentStatus":"FAILED"}\n\n
- *
  * Usage:
  *   const { start, stop } = usePaymentSSE();
- *   start(applicationId, { onPaymentStatus: (status, payload) => { ... } });
- *   stop();
+ *   start(applicationId, {
+ *       onPaymentStatus: (status, payload) => { ... },
+ *       onError: (error) => { ... },
+ *   });
+ *   stop(); // to cancel
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePaymentSSE = usePaymentSSE;
 const react_1 = require("react");
+const sseParser_1 = require("../utils/sseParser");
 const appDataConfig_1 = require("../config/appDataConfig");
 const apiConfig_1 = require("../config/apiConfig");
-const baseApi_1 = require("../api/baseApi");
-const encryption_1 = require("../utils/encryption");
-const encryptionConfig_1 = require("../config/encryptionConfig");
-// ─── SSE Parser (standard format: event:/data: lines separated by \n\n) ─────
-function parseSSEBuffer(buffer, chunk) {
-    const results = [];
-    buffer.value += chunk;
-    const delim = '\n\n';
-    let idx;
-    while ((idx = buffer.value.indexOf(delim)) >= 0) {
-        const block = buffer.value.slice(0, idx);
-        buffer.value = buffer.value.slice(idx + delim.length);
-        let eventType = 'message';
-        const dataParts = [];
-        for (const line of block.split(/\r?\n/)) {
-            if (line.startsWith('event:')) {
-                eventType = line.slice(6).trim();
-            }
-            else if (line.startsWith('data:')) {
-                dataParts.push(line.slice(5).trim());
-            }
-        }
-        const data = dataParts.join('\n').trim();
-        if (data)
-            results.push({ eventType, data });
-    }
-    return results;
-}
-// ─── SSE Data Parser (handles encrypted responses) ──────────────────────────
-async function parseSSEData(raw) {
-    const parsed = JSON.parse(raw || '{}');
-    const encrypted = parsed === null || parsed === void 0 ? void 0 : parsed.encryptedResponse;
-    if (typeof encrypted === 'string' && encrypted.length > 0) {
-        try {
-            const encryptionConfig = (0, encryptionConfig_1.getEncryptionConfig)();
-            const decrypted = await (0, encryption_1.decryptResponse)({ encryptedResponse: encrypted }, encryptionConfig);
-            return (decrypted || {});
-        }
-        catch (e) {
-            if (__DEV__) {
-                console.warn('[usePaymentSSE] Failed to decrypt SSE data, using raw:', e);
-            }
-            return parsed;
-        }
-    }
-    return parsed;
-}
-// ─── Hook ───────────────────────────────────────────────────────────────────
+// -- Hook --
 function usePaymentSSE() {
+    // Store the XMLHttpRequest so we can abort it later
     const xhrRef = (0, react_1.useRef)(null);
+    // Track how much of responseText we've already parsed
     const lastIndexRef = (0, react_1.useRef)(0);
+    // SSE text buffer (persists across onprogress calls)
     const bufferRef = (0, react_1.useRef)({ value: '' });
     const start = (0, react_1.useCallback)((applicationId, callbacks) => {
-        var _a, _b;
-        if (!(applicationId === null || applicationId === void 0 ? void 0 : applicationId.trim())) {
-            if (__DEV__)
-                console.warn('[usePaymentSSE] start() skipped: applicationId is empty');
-            return;
-        }
-        // Clean up any existing connection
+        var _a;
+        // Clean up any existing connection first
         if (xhrRef.current) {
             xhrRef.current.abort();
             xhrRef.current = null;
@@ -88,113 +37,50 @@ function usePaymentSSE() {
         // Reset parsing state
         lastIndexRef.current = 0;
         bufferRef.current = { value: '' };
-        // 1. Build URL
+        // 1. Build the SSE endpoint URL
         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) || '';
         const url = `${baseUrl}/events?applicationId=${encodeURIComponent(applicationId)}`;
-        // 2. Create XHR
+        // 2. Create XMLHttpRequest
         const xhr = new XMLHttpRequest();
         xhrRef.current = xhr;
         xhr.open('GET', url);
-        // 3. Set headers — mirror web app's getApiHeaders() exactly
-        //    (Content-Type, x-api-key, onboarding IDs, userReferenceId, provider)
-        xhr.setRequestHeader('Content-Type', 'application/json');
-        xhr.setRequestHeader('Accept', 'text/event-stream');
-        xhr.setRequestHeader('Cache-Control', 'no-cache');
-        // API key
+        // 3. Set headers (same headers your baseApi interceptor uses)
         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);
         }
-        // Onboarding identifiers from Redux store
-        const storeRef = (0, baseApi_1.getSDKStoreRef)();
-        if (storeRef) {
-            const state = storeRef.getState();
-            const onboarding = state === null || state === void 0 ? void 0 : state.onboarding;
-            if (onboarding === null || onboarding === void 0 ? void 0 : onboarding.workflowInstanceId) {
-                xhr.setRequestHeader('workflowInstanceId', onboarding.workflowInstanceId);
-            }
-            if (onboarding === null || onboarding === void 0 ? void 0 : onboarding.applicationId) {
-                xhr.setRequestHeader('applicationId', onboarding.applicationId);
-            }
-            if (onboarding === null || onboarding === void 0 ? void 0 : onboarding.entityid) {
-                // Web app sends BOTH casings
-                xhr.setRequestHeader('entityid', onboarding.entityid);
-                xhr.setRequestHeader('entityId', onboarding.entityid);
-            }
-            if (onboarding === null || onboarding === void 0 ? void 0 : onboarding.providerId) {
-                xhr.setRequestHeader('provider', onboarding.providerId);
-            }
-        }
-        // userReferenceId from app data
-        const appData = (0, appDataConfig_1.getAppData)();
-        if (appData === null || appData === void 0 ? void 0 : appData.id) {
-            xhr.setRequestHeader('userReferenceId', appData.id);
-        }
+        xhr.setRequestHeader('Accept', 'text/event-stream');
+        xhr.setRequestHeader('Cache-Control', 'no-cache');
         // 4. Handle incoming data
         xhr.onprogress = () => {
+            var _a;
+            // responseText contains ALL text received so far
+            // Only parse the NEW text since last call
             const newText = xhr.responseText.slice(lastIndexRef.current);
             lastIndexRef.current = xhr.responseText.length;
             if (!newText)
                 return;
-            const events = parseSSEBuffer(bufferRef.current, newText);
+            // Parse new text into SSE events
+            const events = (0, sseParser_1.parseSSEBuffer)(bufferRef.current, newText);
+            // Handle each event
             for (const { eventType, data } of events) {
-                if (!data)
-                    continue;
-                const handlePaymentStatus = async () => {
-                    var _a;
+                if (eventType === 'fd_payment_status') {
                     try {
-                        const parsed = await parseSSEData(data);
+                        const parsed = JSON.parse(data);
                         const status = ((_a = parsed.paymentStatus) !== null && _a !== void 0 ? _a : '').toUpperCase();
-                        if (__DEV__) {
-                            console.log('[usePaymentSSE] fd_payment_status:', { status, payload: parsed });
-                        }
                         callbacks.onPaymentStatus(status, parsed);
                     }
-                    catch (err) {
-                        if (__DEV__) {
-                            console.warn('[usePaymentSSE] Failed to parse fd_payment_status:', err);
-                        }
-                    }
-                };
-                const handleDigilockerStatus = async () => {
-                    var _a;
-                    try {
-                        const parsed = await parseSSEData(data);
-                        (_a = callbacks.onDigilockerStatus) === null || _a === void 0 ? void 0 : _a.call(callbacks, parsed);
-                    }
-                    catch (err) {
+                    catch (parseError) {
                         if (__DEV__) {
-                            console.warn('[usePaymentSSE] Failed to parse digilocker_verification_status:', err);
-                        }
-                    }
-                };
-                // Match event type — same logic as web app
-                if (eventType === 'fd_payment_status') {
-                    handlePaymentStatus();
-                }
-                else if (eventType === 'digilocker_verification_status') {
-                    handleDigilockerStatus();
-                }
-                else if (eventType === 'message') {
-                    // Fallback: check "event" field inside the JSON data
-                    try {
-                        const parsed = JSON.parse(data);
-                        if (parsed.event === 'fd_payment_status') {
-                            handlePaymentStatus();
+                            console.error('[usePaymentSSE] Failed to parse event data:', parseError);
                         }
-                        else if (parsed.event === 'digilocker_verification_status') {
-                            handleDigilockerStatus();
-                        }
-                    }
-                    catch (_a) {
-                        // ignore
                     }
                 }
             }
         };
-        // 5. Handle connection status
+        // 5. Handle successful connection
         xhr.onreadystatechange = () => {
             var _a, _b;
             if (xhr.readyState === XMLHttpRequest.HEADERS_RECEIVED) {
@@ -228,12 +114,10 @@ function usePaymentSSE() {
             }
             (_a = callbacks.onError) === null || _a === void 0 ? void 0 : _a.call(callbacks, new Error('SSE connection timed out'));
         };
-        // 8. Send
+        // 8. Send the request (connection stays open)
         xhr.send();
         if (__DEV__) {
-            const onboarding = (_b = storeRef === null || storeRef === void 0 ? void 0 : storeRef.getState()) === null || _b === void 0 ? void 0 : _b.onboarding;
-            console.log('[usePaymentSSE] Connecting to:', url);
-            console.log('[usePaymentSSE] Headers → apiKey:', !!apiKey, '| entityid:', onboarding === null || onboarding === void 0 ? void 0 : onboarding.entityid, '| applicationId:', onboarding === null || onboarding === void 0 ? void 0 : onboarding.applicationId, '| workflowInstanceId:', onboarding === null || onboarding === void 0 ? void 0 : onboarding.workflowInstanceId, '| providerId:', onboarding === null || onboarding === void 0 ? void 0 : onboarding.providerId, '| userReferenceId:', appData === null || appData === void 0 ? void 0 : appData.id);
+            console.log('[usePaymentSSE] Starting SSE connection to:', url);
         }
     }, []);
     const stop = (0, react_1.useCallback)(() => {

package/lib/navigation/RootNavigator.d.ts

@@ -3,6 +3,7 @@ import type { SDKNavigationConfig } from './types';
 interface RootNavigatorProps {
     config?: SDKNavigationConfig;
     onExit?: (fdDetails?: any) => void;
+    onPanRequired?: () => void;
 }
 declare const RootNavigator: React.FC<RootNavigatorProps>;
 export default RootNavigator;

package/lib/navigation/RootNavigator.js

@@ -57,7 +57,7 @@ const PaymentStatus_1 = __importDefault(require("../screens/PaymentStatus"));
 const helpers_2 = require("./helpers");
 const paymentSession_1 = require("../state/paymentSession");
 const Stack = (0, stack_1.createStackNavigator)();
-const RootNavigator = ({ config = {}, onExit }) => {
+const RootNavigator = ({ config = {}, onExit, onPanRequired, }) => {
     // Handle Android hardware back button
     (0, react_1.useEffect)(() => {
         if (react_native_1.Platform.OS !== 'android')
@@ -131,7 +131,7 @@ const RootNavigator = ({ config = {}, onExit }) => {
             } }, props)))),
         react_1.default.createElement(Stack.Screen, { name: "FDCalculator", options: { title: 'FD Calculator' } }, (props) => {
             var _a;
-            return (react_1.default.createElement(FDCalculator_1.default, Object.assign({ onGoBack: () => (0, helpers_2.goBack)(), onNavigateToReviewKYC: () => { var _a; return (0, helpers_2.navigate)('ReviewKYC', { fdData: (_a = props.route.params) === null || _a === void 0 ? void 0 : _a.fdData }); }, fdData: (_a = props.route.params) === null || _a === void 0 ? void 0 : _a.fdData }, props)));
+            return (react_1.default.createElement(FDCalculator_1.default, Object.assign({ onGoBack: () => (0, helpers_2.goBack)(), onExitSDK: () => onExit === null || onExit === void 0 ? void 0 : onExit(), onPanRequired: onPanRequired, onNavigateToReviewKYC: () => { var _a; return (0, helpers_2.navigate)('ReviewKYC', { fdData: (_a = props.route.params) === null || _a === void 0 ? void 0 : _a.fdData }); }, fdData: (_a = props.route.params) === null || _a === void 0 ? void 0 : _a.fdData }, props)));
         }),
         react_1.default.createElement(Stack.Screen, { name: "AadhaarVerification", options: { title: 'Aadhaar Verification' } }, (props) => (react_1.default.createElement(AadhaarVerification_1.default, Object.assign({ onGoBack: () => (0, helpers_2.goBack)(), onVerificationComplete: (aadhaarNumber) => {
                 // Navigate to Employee (occupation) screen after verification

package/lib/navigation/index.d.ts

@@ -6,6 +6,7 @@ import { type CustomColors } from '../config/appDataConfig';
 interface SDKNavigationContainerProps {
     config?: SDKNavigationConfig;
     onExit?: (fdDetails?: any) => void;
+    onPanRequired?: () => void;
     children?: React.ReactNode;
     theme?: ThemeName | Theme;
     colors?: CustomColors;

package/lib/navigation/index.js

@@ -15,7 +15,7 @@ const MasterDataProvider_1 = require("../providers/MasterDataProvider");
 const helpers_1 = require("./helpers");
 const appDataConfig_1 = require("../config/appDataConfig");
 // Main navigation container for the SDK
-const SDKNavigationContainer = ({ config, onExit, children, theme, colors: propColors, useReactNavigation = true, // Default to React Navigation
+const SDKNavigationContainer = ({ config, onExit, onPanRequired, children, theme, colors: propColors, useReactNavigation = true, // Default to React Navigation
  }) => {
     // Merge color overrides: prop-level colors take priority over global SDK colors
     const globalColors = (0, appDataConfig_1.getSDKColors)();
@@ -23,7 +23,7 @@ const SDKNavigationContainer = ({ config, onExit, children, theme, colors: propC
         ? Object.assign(Object.assign({}, (globalColors || {})), (propColors || {})) : null;
     // Choose navigator based on flag
     const navigator = useReactNavigation
-        ? react_1.default.createElement(RootNavigator_1.default, { config: config, onExit: onExit })
+        ? react_1.default.createElement(RootNavigator_1.default, { config: config, onExit: onExit, onPanRequired: onPanRequired })
         : react_1.default.createElement(SimpleNavigator_1.default, { config: config, onExit: onExit });
     const content = children || (useReactNavigation ? (react_1.default.createElement(native_1.NavigationContainer, { ref: helpers_1.navigationRef }, navigator)) : (navigator));
     // Build ThemeProvider props

package/lib/screens/FDCalculator.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 export interface FDCalculatorProps {
     onGoBack?: () => void;
+    onExitSDK?: () => void;
+    onPanRequired?: () => void;
     onNavigateToReviewKYC?: () => void;
     fdData?: {
         id: string;