@finspringinnovations/fdsdk 0.0.1 → 0.0.3

package/lib/hooks/usePaymentStatusTimer.js

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePaymentStatusTimer = void 0;
+const react_1 = require("react");
+const fdApi_1 = require("../api/fdApi");
+const store_1 = require("../store");
+const appDataConfig_1 = require("../config/appDataConfig");
+const paymentSession_1 = require("../state/paymentSession");
+const usePaymentStatusTimer = ({ transactionId, overrides, initialDelayMs = 60000, repeatDelayMs = 15000, maxDurationMs = 15 * 60000, onStatusUpdate, }) => {
+    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; });
+    const { transactionId: sessionTransactionId } = (0, paymentSession_1.getPaymentSession)();
+    const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+    const resolvedTransactionId = (overrides === null || overrides === void 0 ? void 0 : overrides.transactionId) || transactionId || sessionTransactionId || '';
+    const requestPayload = (0, react_1.useMemo)(() => ({
+        providerId: (overrides === null || overrides === void 0 ? void 0 : overrides.providerId) || providerId,
+        workflowInstanceId: (overrides === null || overrides === void 0 ? void 0 : overrides.workflowInstanceId) || workflowInstanceId,
+        userreferenceid: (overrides === null || overrides === void 0 ? void 0 : overrides.userreferenceid) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id),
+        applicationid: (overrides === null || overrides === void 0 ? void 0 : overrides.applicationid) || applicationId,
+        entityid: (overrides === null || overrides === void 0 ? void 0 : overrides.entityid) || entityId,
+        transactionId: resolvedTransactionId,
+    }), [
+        applicationId,
+        entityId,
+        overrides === null || overrides === void 0 ? void 0 : overrides.applicationid,
+        overrides === null || overrides === void 0 ? void 0 : overrides.entityid,
+        overrides === null || overrides === void 0 ? void 0 : overrides.providerId,
+        overrides === null || overrides === void 0 ? void 0 : overrides.transactionId,
+        overrides === null || overrides === void 0 ? void 0 : overrides.userreferenceid,
+        overrides === null || overrides === void 0 ? void 0 : overrides.workflowInstanceId,
+        providerId,
+        resolvedTransactionId,
+        userInfo === null || userInfo === void 0 ? void 0 : userInfo.id,
+        workflowInstanceId,
+    ]);
+    const [paymentReverseFeed, { isLoading: isCheckingStatus }] = (0, fdApi_1.usePaymentReverseFeedMutation)();
+    const timeoutRef = (0, react_1.useRef)(null);
+    const startTimestampRef = (0, react_1.useRef)(0);
+    const isRunningRef = (0, react_1.useRef)(false);
+    const latestStatusRef = (0, react_1.useRef)('pending');
+    const clearTimer = (0, react_1.useCallback)(() => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+    }, []);
+    const stopTimer = (0, react_1.useCallback)(() => {
+        isRunningRef.current = false;
+        clearTimer();
+    }, [clearTimer]);
+    const triggerStatusCheck = (0, react_1.useCallback)(async () => {
+        var _a;
+        if (!requestPayload.transactionId) {
+            return latestStatusRef.current;
+        }
+        try {
+            const response = await paymentReverseFeed(requestPayload).unwrap();
+            const status = (((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.paymentStatus) || '').toUpperCase();
+            if (status === 'SUCCESS') {
+                latestStatusRef.current = 'success';
+                onStatusUpdate === null || onStatusUpdate === void 0 ? void 0 : onStatusUpdate('success', response);
+                return 'success';
+            }
+            if (status === 'FAILED') {
+                latestStatusRef.current = 'failed';
+                onStatusUpdate === null || onStatusUpdate === void 0 ? void 0 : onStatusUpdate('failed', response);
+                return 'failed';
+            }
+            // IN_PROGRESS OR ANY OTHER STATUS → do nothing
+            latestStatusRef.current = 'pending';
+            return 'pending';
+        }
+        catch (error) {
+            // // ANY error → Pending
+            // latestStatusRef.current = 'pending';
+            // onStatusUpdate?.('pending', {
+            //     status: 'pending',
+            //     message: 'Reverse feed API failed or backend unreachable',
+            //     error
+            // });
+            // return 'pending';
+        }
+    }, [onStatusUpdate, paymentReverseFeed, requestPayload]);
+    const scheduleNext = (0, react_1.useCallback)((delay) => {
+        clearTimer();
+        timeoutRef.current = setTimeout(async () => {
+            if (!isRunningRef.current) {
+                clearTimer();
+                return;
+            }
+            if (Date.now() - startTimestampRef.current >= maxDurationMs) {
+                stopTimer();
+                return;
+            }
+            const status = await triggerStatusCheck();
+            if (status === 'success' || status === 'failed') {
+                stopTimer();
+                return;
+            }
+            scheduleNext(repeatDelayMs);
+        }, delay);
+    }, [clearTimer, maxDurationMs, repeatDelayMs, stopTimer, triggerStatusCheck]);
+    const startTimer = (0, react_1.useCallback)(() => {
+        if (isRunningRef.current) {
+            return;
+        }
+        isRunningRef.current = true;
+        startTimestampRef.current = Date.now();
+        scheduleNext(initialDelayMs);
+    }, [initialDelayMs, scheduleNext]);
+    (0, react_1.useEffect)(() => stopTimer, [stopTimer]);
+    return {
+        startTimer,
+        stopTimer,
+        triggerStatusCheck,
+        isCheckingStatus,
+        latestStatusRef,
+    };
+};
+exports.usePaymentStatusTimer = usePaymentStatusTimer;

package/lib/index.d.ts

@@ -38,8 +38,8 @@ export * from './utils/encryption';
 export { getEncryptionConfig, getEncryptionConfigs, getEnvironmentConfig as getEncryptionEnvironmentConfig, validateEncryptionConfig } from './config/encryptionConfig';
 export * from './config/apiConfig';
 export { debugApiConfig, debugApiCall, logEnvironmentInfo } from './config/apiConfig';
-export { initializeSDK, getAppData, isSDKInitialized, getUserInfoForAPI, getUserDemographics, validateAppData, clearAppData, initializeEnvironment, getEnvironmentData, isEnvironmentInitialized, clearEnvironmentData, clearAllData, } from './config/appDataConfig';
-export type { AppData, EnvironmentData } from './config/appDataConfig';
+export { initializeSDK, getAppData, isSDKInitialized, getUserInfoForAPI, getUserDemographics, validateAppData, clearAppData, initializeEnvironment, getEnvironmentData, isEnvironmentInitialized, clearEnvironmentData, clearAllData, setSDKColors, getSDKColors, clearSDKColors, } from './config/appDataConfig';
+export type { AppData, EnvironmentData, CustomColors } from './config/appDataConfig';
 export { showValidationErrorAlert, validateAndProceed } from './components/ValidationErrorAlert';
 export type { ValidationErrorAlertProps } from './components/ValidationErrorAlert';
 export { WORKFLOW_STATES, WORKFLOW_TASKS, WORKFLOW_CONSTANTS, getWorkflowStateName, getWorkflowTaskName, } from './config/workflowConstants';

package/lib/index.js

@@ -39,8 +39,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateAndProceed = exports.showValidationErrorAlert = exports.clearAllData = exports.clearEnvironmentData = exports.isEnvironmentInitialized = exports.getEnvironmentData = exports.initializeEnvironment = exports.clearAppData = exports.validateAppData = exports.getUserDemographics = exports.getUserInfoForAPI = exports.isSDKInitialized = exports.getAppData = exports.initializeSDK = exports.logEnvironmentInfo = exports.debugApiCall = exports.debugApiConfig = exports.validateEncryptionConfig = exports.getEncryptionEnvironmentConfig = exports.getEncryptionConfigs = exports.getEncryptionConfig = exports.useAppSelector = exports.useAppDispatch = exports.store = exports.useAuth = exports.useFDData = exports.useMasterData = exports.MasterDataProvider = exports.ApiProvider = exports.useSpacing = exports.useShadows = exports.useTypography = exports.useColors = exports.useTheme = exports.ThemeProvider = exports.ShriramSDKNavigator = exports.SimpleNavigator = exports.SDKNavigationContainer = exports.PendingFDBottomSheet = exports.PaymentStatus = exports.Payment = exports.PayNow = exports.FindIFSC = exports.AddBankAccount = exports.BankDetail = exports.NomineeDetail = exports.Employee = exports.ReviewKYC = exports.AadhaarVerification = exports.FDList = void 0;
-exports.ShriramSDK = exports.getFDData = exports.getCurrentApiConfig = exports.isEncryptionEnabled = exports.toggleEncryption = exports.ApiLogger = exports.apiLogger = exports.getWorkflowTaskName = exports.getWorkflowStateName = exports.WORKFLOW_CONSTANTS = exports.WORKFLOW_TASKS = exports.WORKFLOW_STATES = void 0;
+exports.getSDKColors = exports.setSDKColors = exports.clearAllData = exports.clearEnvironmentData = exports.isEnvironmentInitialized = exports.getEnvironmentData = exports.initializeEnvironment = exports.clearAppData = exports.validateAppData = exports.getUserDemographics = exports.getUserInfoForAPI = exports.isSDKInitialized = exports.getAppData = exports.initializeSDK = exports.logEnvironmentInfo = exports.debugApiCall = exports.debugApiConfig = exports.validateEncryptionConfig = exports.getEncryptionEnvironmentConfig = exports.getEncryptionConfigs = exports.getEncryptionConfig = exports.useAppSelector = exports.useAppDispatch = exports.store = exports.useAuth = exports.useFDData = exports.useMasterData = exports.MasterDataProvider = exports.ApiProvider = exports.useSpacing = exports.useShadows = exports.useTypography = exports.useColors = exports.useTheme = exports.ThemeProvider = exports.ShriramSDKNavigator = exports.SimpleNavigator = exports.SDKNavigationContainer = exports.PendingFDBottomSheet = exports.PaymentStatus = exports.Payment = exports.PayNow = exports.FindIFSC = exports.AddBankAccount = exports.BankDetail = exports.NomineeDetail = exports.Employee = exports.ReviewKYC = exports.AadhaarVerification = exports.FDList = void 0;
+exports.ShriramSDK = exports.getFDData = exports.getCurrentApiConfig = exports.isEncryptionEnabled = exports.toggleEncryption = exports.ApiLogger = exports.apiLogger = exports.getWorkflowTaskName = exports.getWorkflowStateName = exports.WORKFLOW_CONSTANTS = exports.WORKFLOW_TASKS = exports.WORKFLOW_STATES = exports.validateAndProceed = exports.showValidationErrorAlert = exports.clearSDKColors = void 0;
 // React Native crypto polyfill - MUST be imported first
 require("react-native-get-random-values");
 // Main SDK exports
@@ -128,6 +128,9 @@ Object.defineProperty(exports, "getEnvironmentData", { enumerable: true, get: fu
 Object.defineProperty(exports, "isEnvironmentInitialized", { enumerable: true, get: function () { return appDataConfig_1.isEnvironmentInitialized; } });
 Object.defineProperty(exports, "clearEnvironmentData", { enumerable: true, get: function () { return appDataConfig_1.clearEnvironmentData; } });
 Object.defineProperty(exports, "clearAllData", { enumerable: true, get: function () { return appDataConfig_1.clearAllData; } });
+Object.defineProperty(exports, "setSDKColors", { enumerable: true, get: function () { return appDataConfig_1.setSDKColors; } });
+Object.defineProperty(exports, "getSDKColors", { enumerable: true, get: function () { return appDataConfig_1.getSDKColors; } });
+Object.defineProperty(exports, "clearSDKColors", { enumerable: true, get: function () { return appDataConfig_1.clearSDKColors; } });
 // Export validation utilities
 var ValidationErrorAlert_1 = require("./components/ValidationErrorAlert");
 Object.defineProperty(exports, "showValidationErrorAlert", { enumerable: true, get: function () { return ValidationErrorAlert_1.showValidationErrorAlert; } });

package/lib/navigation/RootNavigator.js

@@ -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(), 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
@@ -190,6 +190,11 @@ const RootNavigator = ({ config = {}, onExit }) => {
                     status: 'failed',
                     paymentData: error
                 });
+            }, onPaymentPending: (info) => {
+                (0, helpers_2.navigate)('PaymentStatus', {
+                    status: 'pending',
+                    paymentData: info
+                });
             } }, props)))),
         react_1.default.createElement(Stack.Screen, { name: "PaymentStatus", options: { title: 'Payment Status' } }, (props) => {
             var _a, _b, _c;

package/lib/navigation/index.d.ts

@@ -2,11 +2,13 @@ import React from 'react';
 import SimpleNavigator from './SimpleNavigator';
 import type { SDKNavigationConfig } from './types';
 import type { ThemeName, Theme } from '../theme';
+import { type CustomColors } from '../config/appDataConfig';
 interface SDKNavigationContainerProps {
     config?: SDKNavigationConfig;
     onExit?: (fdDetails?: any) => void;
     children?: React.ReactNode;
     theme?: ThemeName | Theme;
+    colors?: CustomColors;
     useReactNavigation?: boolean;
 }
 export declare const SDKNavigationContainer: React.FC<SDKNavigationContainerProps>;

package/lib/navigation/index.js

@@ -13,26 +13,28 @@ const ThemeContext_1 = require("../theme/ThemeContext");
 const ApiProvider_1 = require("../providers/ApiProvider");
 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, useReactNavigation = true, // Default to React Navigation
+const SDKNavigationContainer = ({ config, onExit, 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)();
+    const colorOverrides = (propColors || globalColors)
+        ? 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(SimpleNavigator_1.default, { config: config, onExit: onExit });
     const content = children || (useReactNavigation ? (react_1.default.createElement(native_1.NavigationContainer, { ref: helpers_1.navigationRef }, navigator)) : (navigator));
-    if (theme) {
-        const themeProps = typeof theme === 'string'
-            ? { initialTheme: theme }
-            : { theme };
-        return (react_1.default.createElement(ApiProvider_1.ApiProvider, null,
-            react_1.default.createElement(MasterDataProvider_1.MasterDataProvider, null,
-                react_1.default.createElement(ThemeContext_1.ThemeProvider, Object.assign({}, themeProps), content))));
-    }
-    // Default theme provider with API provider
+    // Build ThemeProvider props
+    const themeProps = typeof theme === 'string'
+        ? { initialTheme: theme, colorOverrides }
+        : theme
+            ? { theme, colorOverrides }
+            : { colorOverrides };
     return (react_1.default.createElement(ApiProvider_1.ApiProvider, null,
         react_1.default.createElement(MasterDataProvider_1.MasterDataProvider, null,
-            react_1.default.createElement(ThemeContext_1.ThemeProvider, null, content))));
+            react_1.default.createElement(ThemeContext_1.ThemeProvider, Object.assign({}, themeProps), content))));
 };
 exports.SDKNavigationContainer = SDKNavigationContainer;
 // Default export for easy import

package/lib/screens/FDCalculator.d.ts

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

package/lib/screens/FDCalculator.js

@@ -55,7 +55,7 @@ const fdListSelectedSlice_1 = require("../store/fdListSelectedSlice");
 const helpers_1 = require("../navigation/helpers");
 const strings_1 = require("../constants/strings");
 const base64Images_1 = require("../constants/strings/base64Images");
-const FDCalculator = ({ onGoBack, onNavigateToReviewKYC, fdData }) => {
+const FDCalculator = ({ onGoBack, onExitSDK, onNavigateToReviewKYC, fdData }) => {
     const typography = (0, ThemeContext_1.useTypography)();
     const colors = (0, ThemeContext_1.useColors)();
     const { themeName } = (0, ThemeContext_1.useTheme)();
@@ -180,15 +180,6 @@ const FDCalculator = ({ onGoBack, onNavigateToReviewKYC, fdData }) => {
             setPayoutValue(defaultOption);
         }
     }, [payoutOptions]);
-    react_1.default.useEffect(() => {
-        if (amount && payoutValue) {
-            // Only call if amount is valid
-            const numericValue = parseInt(amount.replace(/,/g, ''), 10);
-            if (numericValue >= 5000 && numericValue <= 50000000 && numericValue % 1000 === 0) {
-                handleCalculateFD(amount, payoutValue);
-            }
-        }
-    }, [payoutValue]);
     // Master data processing complete
     // FD Calculator API
     const [calculateFD, { isLoading: isCalculating }] = (0, fdCalculatorApi_1.useCalculateFDMutation)();
@@ -210,6 +201,16 @@ const FDCalculator = ({ onGoBack, onNavigateToReviewKYC, fdData }) => {
         return unique.map(m => `${m} Months`);
     }, [interestRates]);
     const [tenureValue, setTenureValue] = (0, react_1.useState)('');
+    // Effect to recalculate when payout or tenure changes
+    react_1.default.useEffect(() => {
+        if (amount && payoutValue && tenureValue) {
+            // Only call if amount is valid
+            const numericValue = parseInt(amount.replace(/,/g, ''), 10);
+            if (numericValue >= 5000 && numericValue <= 50000000 && numericValue % 1000 === 0) {
+                handleCalculateFD(amount, payoutValue, tenureValue);
+            }
+        }
+    }, [payoutValue, tenureValue]);
     react_1.default.useEffect(() => {
         if (tenureOptions.length > 0) {
             // If effectiveFdData has tenure, use it; otherwise use first option
@@ -230,15 +231,16 @@ const FDCalculator = ({ onGoBack, onNavigateToReviewKYC, fdData }) => {
         setShowPayoutModal(false);
     };
     // Function to call FD calculator API
-    const handleCalculateFD = react_1.default.useCallback(async (currentAmount, selectedPayout) => {
+    const handleCalculateFD = react_1.default.useCallback(async (currentAmount, selectedPayout, selectedTenure) => {
         var _a, _b;
         const payoutToUse = selectedPayout || payoutValue;
         const amountToUse = currentAmount || amount; // ✅ use latest if provided
-        if (!amountToUse || !payoutToUse)
+        const tenureToUse = selectedTenure || tenureValue; // ✅ use latest if provided
+        if (!amountToUse || !payoutToUse || !tenureToUse)
             return;
         try {
             const amountValue = parseFloat(amountToUse.replace(/,/g, ''));
-            const tenureMonths = parseInt(tenureValue.replace(' Months', ''));
+            const tenureMonths = parseInt(tenureToUse.replace(' Months', ''));
             if (isNaN(amountValue) || isNaN(tenureMonths) || amountValue <= 0 || tenureMonths <= 0)
                 return;
             const sdr = ((_a = interestRates === null || interestRates === void 0 ? void 0 : interestRates.data) === null || _a === void 0 ? void 0 : _a.sdrScheme) || [];
@@ -247,7 +249,7 @@ const FDCalculator = ({ onGoBack, onNavigateToReviewKYC, fdData }) => {
             const providerId = firstRate === null || firstRate === void 0 ? void 0 : firstRate.providerId;
             const appData = (0, appDataConfig_1.getAppData)();
             const userDob = (appData === null || appData === void 0 ? void 0 : appData.dob) || '1990-01-01';
-            const isWomenDepositor = (appData === null || appData === void 0 ? void 0 : appData.gender) === 'F';
+            const isWomenDepositor = (appData === null || appData === void 0 ? void 0 : appData.gender) === 'Female';
             const requestData = {
                 principalAmount: amountValue,
                 tenureInMonths: tenureMonths,
@@ -259,6 +261,7 @@ const FDCalculator = ({ onGoBack, onNavigateToReviewKYC, fdData }) => {
             };
             const result = await calculateFD(requestData).unwrap();
             setCalculationResult(result);
+            console.log(';following is the calculation result', result, 'requestData', requestData, 'appData', appData);
         }
         catch (error) {
             // FD calculation failed
@@ -299,17 +302,17 @@ const FDCalculator = ({ onGoBack, onNavigateToReviewKYC, fdData }) => {
             clearTimeout(debounceTimer);
         // Step 7: Debounced API call
         const isValidLocal = numericValue >= 5000 && numericValue <= 50000000 && numericValue % 1000 === 0;
-        if (cleanedText && isValidLocal && payoutValue) {
+        if (cleanedText && isValidLocal && payoutValue && tenureValue) {
             const newTimer = setTimeout(() => {
-                // Pass latest cleanedText directly to avoid stale state
-                handleCalculateFD(cleanedText);
+                // Pass latest values directly to avoid stale state
+                handleCalculateFD(cleanedText, payoutValue, tenureValue);
             }, 1000);
             setDebounceTimer(newTimer);
         }
     }, [debounceTimer, handleCalculateFD, payoutValue]);
     // Function to call onboarding API
     const handleStartOnboarding = react_1.default.useCallback(async (selectedPayout) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         if (isBooking)
             return;
         setIsBooking(true);
@@ -328,20 +331,35 @@ const FDCalculator = ({ onGoBack, onNavigateToReviewKYC, fdData }) => {
             if (amountValue < 5000) {
                 return;
             }
+            const appData = (0, appDataConfig_1.getAppData)();
+            const hasEssentialData = (_a = appData === null || appData === void 0 ? void 0 : appData.panNumber) === null || _a === void 0 ? void 0 : _a.trim();
+            if (!hasEssentialData) {
+                const alertMessage = (appData === null || appData === void 0 ? void 0 : appData.startFDAlertMessage) || 'Please complete your KYC details to start an FD, Update your profile in the app and try again.';
+                react_native_1.Alert.alert('Action Required', alertMessage, [
+                    {
+                        text: 'OK',
+                        onPress: () => {
+                            if (onExitSDK) {
+                                onExitSDK();
+                            }
+                        },
+                    },
+                ], { cancelable: false });
+                return;
+            }
             // Get providerId from interest rates data
-            const sdr = ((_a = interestRates === null || interestRates === void 0 ? void 0 : interestRates.data) === null || _a === void 0 ? void 0 : _a.sdrScheme) || [];
-            const fdr = ((_b = interestRates === null || interestRates === void 0 ? void 0 : interestRates.data) === null || _b === void 0 ? void 0 : _b.fdrScheme) || [];
+            const sdr = ((_b = interestRates === null || interestRates === void 0 ? void 0 : interestRates.data) === null || _b === void 0 ? void 0 : _b.sdrScheme) || [];
+            const fdr = ((_c = interestRates === null || interestRates === void 0 ? void 0 : interestRates.data) === null || _c === void 0 ? void 0 : _c.fdrScheme) || [];
             const firstRate = sdr[0] || fdr[0];
             const providerId = firstRate === null || firstRate === void 0 ? void 0 : firstRate.providerId;
             // Get user data for all required fields
-            const appData = (0, appDataConfig_1.getAppData)();
             const userDob = (appData === null || appData === void 0 ? void 0 : appData.dob) || '1990-01-01';
             const isWomenDepositor = (appData === null || appData === void 0 ? void 0 : appData.gender) === 'F';
             // Get calculated values from API response based on investment type
             const investmentType = payoutValue === 'On Maturity' ? 'SDR' : 'FDR';
             const calcData = investmentType === 'SDR'
-                ? (_d = (_c = calculationResult === null || calculationResult === void 0 ? void 0 : calculationResult.data) === null || _c === void 0 ? void 0 : _c.sdrCalc) === null || _d === void 0 ? void 0 : _d[0]
-                : (_f = (_e = calculationResult === null || calculationResult === void 0 ? void 0 : calculationResult.data) === null || _e === void 0 ? void 0 : _e.fdrCalc) === null || _f === void 0 ? void 0 : _f[0];
+                ? (_e = (_d = calculationResult === null || calculationResult === void 0 ? void 0 : calculationResult.data) === null || _d === void 0 ? void 0 : _d.sdrCalc) === null || _e === void 0 ? void 0 : _e[0]
+                : (_g = (_f = calculationResult === null || calculationResult === void 0 ? void 0 : calculationResult.data) === null || _f === void 0 ? void 0 : _f.fdrCalc) === null || _g === void 0 ? void 0 : _g[0];
             const interestRate = calcData === null || calcData === void 0 ? void 0 : calcData.wRoi;
             const maturityAmount = calcData === null || calcData === void 0 ? void 0 : calcData.maturityAmount;
             // Calculate maturity date
@@ -353,8 +371,8 @@ const FDCalculator = ({ onGoBack, onNavigateToReviewKYC, fdData }) => {
                 mobile: (appData === null || appData === void 0 ? void 0 : appData.mobNo) || '',
                 prefix: (appData === null || appData === void 0 ? void 0 : appData.gender) === 'M' ? 'Mr.' : ((appData === null || appData === void 0 ? void 0 : appData.gender) === 'F' ? 'Ms.' : 'Mr.'),
                 fullName: (appData === null || appData === void 0 ? void 0 : appData.name) || '',
-                firstName: ((_g = appData === null || appData === void 0 ? void 0 : appData.name) === null || _g === void 0 ? void 0 : _g.split(' ')[0]) || '',
-                lastName: ((_h = appData === null || appData === void 0 ? void 0 : appData.name) === null || _h === void 0 ? void 0 : _h.split(' ').slice(1).join(' ')) || '',
+                firstName: ((_h = appData === null || appData === void 0 ? void 0 : appData.name) === null || _h === void 0 ? void 0 : _h.split(' ')[0]) || '',
+                lastName: ((_j = appData === null || appData === void 0 ? void 0 : appData.name) === null || _j === void 0 ? void 0 : _j.split(' ').slice(1).join(' ')) || '',
                 userReferenceId: (appData === null || appData === void 0 ? void 0 : appData.id) || '',
                 dob: userDob,
                 email: (appData === null || appData === void 0 ? void 0 : appData.email) || '',
@@ -400,11 +418,11 @@ const FDCalculator = ({ onGoBack, onNavigateToReviewKYC, fdData }) => {
             // Persist onboarding identifiers globally for subsequent API calls
             try {
                 const ids = {
-                    workflowInstanceId: (_j = result === null || result === void 0 ? void 0 : result.data) === null || _j === void 0 ? void 0 : _j.workflowInstanceId,
-                    applicationId: (_k = result === null || result === void 0 ? void 0 : result.data) === null || _k === void 0 ? void 0 : _k.applicationId,
-                    entityid: (_l = result === null || result === void 0 ? void 0 : result.data) === null || _l === void 0 ? void 0 : _l.entityid,
-                    customerId: (_m = result === null || result === void 0 ? void 0 : result.data) === null || _m === void 0 ? void 0 : _m.customerId,
-                    fdId: (_o = result === null || result === void 0 ? void 0 : result.data) === null || _o === void 0 ? void 0 : _o.fdId,
+                    workflowInstanceId: (_k = result === null || result === void 0 ? void 0 : result.data) === null || _k === void 0 ? void 0 : _k.workflowInstanceId,
+                    applicationId: (_l = result === null || result === void 0 ? void 0 : result.data) === null || _l === void 0 ? void 0 : _l.applicationId,
+                    entityid: (_m = result === null || result === void 0 ? void 0 : result.data) === null || _m === void 0 ? void 0 : _m.entityid,
+                    customerId: (_o = result === null || result === void 0 ? void 0 : result.data) === null || _o === void 0 ? void 0 : _o.customerId,
+                    fdId: (_p = result === null || result === void 0 ? void 0 : result.data) === null || _p === void 0 ? void 0 : _p.fdId,
                 };
                 if (dispatch && setOnboardingIds) {
                     dispatch(setOnboardingIds(ids));
@@ -538,10 +556,10 @@ const FDCalculator = ({ onGoBack, onNavigateToReviewKYC, fdData }) => {
         const backHandler = react_native_1.BackHandler.addEventListener('hardwareBackPress', onHardwareBackPress);
         return () => backHandler.remove();
     }, []);
-    return (react_1.default.createElement(SafeAreaWrapper_1.default, { includeTop: false, bottomPadding: 25, statusBarColor: "#000000", statusBarStyle: "light-content" },
+    return (react_1.default.createElement(SafeAreaWrapper_1.default, { includeTop: false, bottomPadding: 25, statusBarColor: colors.background, statusBarStyle: themeName === 'dark' ? 'light-content' : 'dark-content' },
         react_1.default.createElement(react_native_1.View, { style: styles.header },
             react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: () => (0, helpers_1.navigate)('FDList'), style: styles.backButton },
-                react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.backArrow }, style: [styles.backIcon, { tintColor: themeName === 'dark' ? colors.headerText : undefined }], resizeMode: "contain", width: 24, height: 24 }))),
+                react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.backArrow }, style: [styles.backIcon, { tintColor: colors.text }], resizeMode: "contain", width: 24, height: 24 }))),
         react_1.default.createElement(react_native_1.View, { style: { flex: 1, justifyContent: 'space-between' } },
             react_1.default.createElement(react_native_1.ScrollView, { style: styles.scrollContainer, contentContainerStyle: styles.scrollContent, showsVerticalScrollIndicator: false, onScrollBeginDrag: closeAllMenus, scrollEnabled: !(isOnboarding || isBooking), keyboardShouldPersistTaps: "handled", bounces: true, alwaysBounceVertical: true },
                 react_1.default.createElement(components_1.CompanyHeader, { companyName: (effectiveFdData === null || effectiveFdData === void 0 ? void 0 : effectiveFdData.name) || '', rating: (effectiveFdData === null || effectiveFdData === void 0 ? void 0 : effectiveFdData.creditRating) || 'AA+' }),
@@ -554,8 +572,8 @@ const FDCalculator = ({ onGoBack, onNavigateToReviewKYC, fdData }) => {
                 showTenureMenu && (react_1.default.createElement(react_native_1.View, { style: styles.inlineMenu }, (tenureOptions.length > 0 ? tenureOptions : [strings_1.FD_STRINGS.TENURE_12_MONTHS, strings_1.FD_STRINGS.TENURE_24_MONTHS, strings_1.FD_STRINGS.TENURE_36_MONTHS]).map((option) => (react_1.default.createElement(react_native_1.TouchableOpacity, { key: option, style: styles.modalOption, onPress: () => {
                         setTenureValue(option);
                         setShowTenureMenu(false);
-                        // Call API after dropdown value changes
-                        setTimeout(() => handleCalculateFD(), 100);
+                        // Call API with the new tenure value directly to avoid closure issues
+                        setTimeout(() => handleCalculateFD(amount, payoutValue, option), 100);
                     } },
                     react_1.default.createElement(react_native_1.Text, { style: styles.modalOptionText }, option)))))),
                 react_1.default.createElement(components_1.DropdownSelector, { label: strings_1.FD_STRINGS.INTEREST_PAYOUT_TERM_LABEL, value: payoutValue, onPress: () => {
@@ -568,9 +586,8 @@ const FDCalculator = ({ onGoBack, onNavigateToReviewKYC, fdData }) => {
                     .map((option) => (react_1.default.createElement(react_native_1.TouchableOpacity, { key: option, style: styles.modalOption, onPress: () => {
                         setPayoutValue(option);
                         setShowPayoutModal(false);
-                        handleCalculateFD(amount, option);
-                        // Pass the selected option directly to avoid stale state
-                        // setTimeout(() => handleCalculateFD(option), 100);
+                        // Pass all values directly to avoid stale state
+                        handleCalculateFD(amount, option, tenureValue);
                     } },
                     react_1.default.createElement(react_native_1.Text, { style: styles.modalOptionText }, option)))))),
                 isCalculating && (react_1.default.createElement(react_native_1.View, { style: styles.loadingContainer },
@@ -680,29 +697,28 @@ const createStyles = (typography, colors, themeName) => react_native_1.StyleShee
         position: 'relative',
     },
     startButton: {
-        backgroundColor: themeName === 'dark' ? colors.buttonBackground : colors.headerBg,
-        paddingVertical: themeName === 'dark' ? 1 : 20,
+        backgroundColor: colors.buttonBackground || colors.headerBg,
+        paddingVertical: 20,
         paddingHorizontal: 20,
-        borderRadius: themeName === 'dark' ? 10 : 30,
+        borderRadius: 30,
         marginTop: 30,
         alignItems: 'center',
         justifyContent: 'center',
-        height: themeName === 'dark' ? 50 : 56,
+        height: 56,
         width: '90%',
         alignSelf: 'center',
     },
     startButtonDisabled: {
-        backgroundColor: '#909090',
-        color: '#ffffff',
+        backgroundColor: colors.muted || '#909090',
     },
-    startButtonText: Object.assign(Object.assign({}, typography.styles.button), { color: themeName === 'dark' ? colors.buttonTextColor : colors.background, lineHeight: themeName === 'dark' ? 24 : typography.styles.button.lineHeight, fontSize: 16 }),
+    startButtonText: Object.assign(Object.assign({}, typography.styles.button), { color: colors.buttonTextColor || colors.background, fontSize: 16 }),
     startButtonTextDisabled: {
-        color: themeName === 'dark' ? "#ffffff" : colors.tabSelected,
+        color: colors.textSecondary,
     },
     inlineMenu: {
-        backgroundColor: themeName === 'dark' ? colors.inputBackground : colors.background,
-        borderWidth: themeName === 'dark' ? 1 : 0.5,
-        borderColor: themeName === 'dark' ? '#ffffff' : 'rgba(0,0,0,0.2)',
+        backgroundColor: colors.inputBackground || colors.background,
+        borderWidth: 0.5,
+        borderColor: colors.inputBorder || colors.border,
         borderRadius: 8,
         marginTop: 6,
         paddingHorizontal: 12,

package/lib/screens/FDList.js

@@ -774,20 +774,18 @@ const FDList = ({ onGoBack, onSelectFD, onNavigateToFDCalculator, customStyles =
     }, [fdList, activeTab]);
     const tabs = [strings_1.FD_STRINGS.ALL_FDS_TAB, strings_1.FD_STRINGS.LESS_THAN_1Y_TAB, strings_1.FD_STRINGS.LESS_THAN_1_3Y_TAB, strings_1.FD_STRINGS.LESS_THAN_3_5Y_TAB, strings_1.FD_STRINGS.GREATER_THAN_5Y_TAB];
     if (!isAllDataReady) {
-        return (react_1.default.createElement(SafeAreaWrapper_1.default, { style: customStyles.container, includeTop: false, statusBarColor: "#000000", statusBarStyle: "light-content" },
+        return (react_1.default.createElement(SafeAreaWrapper_1.default, { style: customStyles.container, includeTop: false, statusBarColor: colors.headerBg, statusBarStyle: "light-content" },
             react_1.default.createElement(react_native_1.View, { style: { flex: 1, alignItems: 'center', justifyContent: 'center' } },
                 react_1.default.createElement(react_native_1.ActivityIndicator, { size: "large", color: colors.primary }),
                 react_1.default.createElement(react_native_1.Text, { style: { marginTop: 12, color: colors.textSecondary } }, strings_1.FD_STRINGS.LOADING_FD_DATA))));
     }
-    return (react_1.default.createElement(SafeAreaWrapper_1.default, { style: customStyles.container, includeTop: false, statusBarColor: "#0A1929", statusBarStyle: "light-content" },
+    return (react_1.default.createElement(SafeAreaWrapper_1.default, { style: customStyles.container, includeTop: false, statusBarColor: colors.headerBg, statusBarStyle: "light-content" },
         react_1.default.createElement(react_native_1.View, { style: styles.customHeader },
             react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.backButton, onPress: onGoBack, activeOpacity: 0.7 },
                 react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.backArrow }, style: styles.backIcon, resizeMode: "contain" })),
             react_1.default.createElement(react_native_1.View, { style: styles.headerContent },
                 react_1.default.createElement(react_native_1.Text, { style: styles.headerTitle }, strings_1.FD_STRINGS.CORPORATE_FDS_TITLE),
-                react_1.default.createElement(react_native_1.View, { style: styles.poweredByContainer },
-                    react_1.default.createElement(react_native_1.Text, { style: styles.poweredByText }, "Powered by"),
-                    react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.simplfylogo }, style: styles.simplifyLogo, resizeMode: "contain" })))),
+                react_1.default.createElement(react_native_1.View, { style: styles.poweredByContainer }))),
         react_1.default.createElement(react_native_1.ScrollView, { style: styles.content },
             hasActiveFD && (react_1.default.createElement(react_native_1.View, { style: styles.section },
                 react_1.default.createElement(react_native_1.Text, { style: styles.sectionTitle }, strings_1.FD_STRINGS.ACTIVE_FDS_SECTION),
@@ -877,7 +875,7 @@ const createStyles = (colors, typography, spacing, themeName) => react_native_1.
         backgroundColor: colors.surface,
     },
     customHeader: {
-        backgroundColor: '#0A1929',
+        backgroundColor: colors.headerBg,
         paddingTop: react_native_1.Platform.OS === 'ios' ? 50 : 20,
         paddingBottom: spacing.md,
         paddingHorizontal: spacing.lg,
@@ -893,19 +891,19 @@ const createStyles = (colors, typography, spacing, themeName) => react_native_1.
     backIcon: {
         width: 24,
         height: 24,
-        tintColor: '#FFFFFF',
+        tintColor: colors.headerText,
     },
     headerContent: {
         flex: 1,
         alignItems: 'flex-start',
         marginRight: 40, // Balance the back button width
     },
-    headerTitle: Object.assign(Object.assign({}, typography.styles.h3), { color: '#FFFFFF', marginBottom: spacing.xs }),
+    headerTitle: Object.assign(Object.assign({}, typography.styles.h3), { color: colors.headerText, marginBottom: spacing.xs }),
     poweredByContainer: {
         flexDirection: 'row',
         alignItems: 'center',
     },
-    poweredByText: Object.assign(Object.assign({}, typography.styles.text10Regular), { color: '#FFFFFF', opacity: 0.7, marginRight: 0 }),
+    poweredByText: Object.assign(Object.assign({}, typography.styles.text10Regular), { color: colors.headerText, opacity: 0.7, marginRight: 0 }),
     simplifyLogo: {
         width: 70,
         height: 20,
@@ -934,14 +932,14 @@ const createStyles = (colors, typography, spacing, themeName) => react_native_1.
         paddingVertical: spacing.md,
         marginHorizontal: 2,
         borderBottomWidth: 3,
-        borderBottomColor: 'white',
+        borderBottomColor: colors.surface,
         borderBottomLeftRadius: 8,
         borderBottomRightRadius: 8,
         backgroundColor: 'transparent',
     },
     activeTab: {
         borderBottomColor: colors.tabSelected,
-        backgroundColor: themeName === 'dark' ? '#000000' : '#fff',
+        backgroundColor: colors.background,
         borderBottomLeftRadius: 12,
         borderBottomRightRadius: 12,
     },
@@ -1003,6 +1001,6 @@ const createStyles = (colors, typography, spacing, themeName) => react_native_1.
         borderRadius: spacing.sm,
         marginTop: spacing.md,
     },
-    showAllButtonText: Object.assign(Object.assign({}, typography.styles.text14Medium), { color: '#ffffff', textAlign: 'center' }),
+    showAllButtonText: Object.assign(Object.assign({}, typography.styles.text14Medium), { color: colors.headerText, textAlign: 'center' }),
 });
 exports.default = FDList;