@finspringinnovations/fixeddepositsdk 1.0.0

package/lib/screens/FDCalculator.js

@@ -0,0 +1,767 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// FDCalculator.tsx
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const Ionicons_1 = __importDefault(require("react-native-vector-icons/Ionicons"));
+const SafeAreaWrapper_1 = __importDefault(require("../components/SafeAreaWrapper"));
+const components_1 = require("../components");
+const ThemeContext_1 = require("../theme/ThemeContext");
+const MasterDataProvider_1 = require("../providers/MasterDataProvider");
+const fdCalculatorApi_1 = require("../api/fdCalculatorApi");
+const interestRateApi_1 = require("../api/interestRateApi");
+const onboardingApi_1 = require("../api/onboardingApi");
+const masterDataApi_1 = require("../api/masterDataApi");
+const appDataConfig_1 = require("../config/appDataConfig");
+const store_1 = require("../store");
+// import { setFDCalculationData } from '../store/fdCalculationSlice';
+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 formatTenureDisplay = (months) => {
+    if (months <= 12) {
+        return `${months} Months`;
+    }
+    const years = Math.floor(months / 12);
+    const remainingMonths = months % 12;
+    if (remainingMonths === 0) {
+        return `${years} Y`;
+    }
+    return `${years} Y ${remainingMonths} M`;
+};
+const parseTenureToMonths = (displayValue) => {
+    const monthsMatch = displayValue.match(/^(\d+)\s*Months?$/i);
+    if (monthsMatch) {
+        return parseInt(monthsMatch[1], 10);
+    }
+    const yearMonthMatch = displayValue.match(/(\d+)\s*Y(?:\s+(\d+)\s*M)?/i);
+    if (yearMonthMatch) {
+        const years = parseInt(yearMonthMatch[1], 10);
+        const months = yearMonthMatch[2] ? parseInt(yearMonthMatch[2], 10) : 0;
+        return years * 12 + months;
+    }
+    const numberMatch = displayValue.match(/\d+/);
+    return numberMatch ? parseInt(numberMatch[0], 10) : 0;
+};
+const DEFAULT_FAQ_ITEMS = [
+    {
+        title: strings_1.FAQ_STRINGS.FAQ_WITHDRAWAL_QUESTION,
+        description: strings_1.FAQ_STRINGS.FAQ_WITHDRAWAL_ANSWER,
+    },
+    {
+        title: strings_1.FAQ_STRINGS.FAQ_CREDIT_QUESTION,
+        description: strings_1.FAQ_STRINGS.FAQ_CREDIT_ANSWER,
+    },
+    {
+        title: strings_1.FAQ_STRINGS.FAQ_TAX_EXEMPTION_QUESTION,
+        description: strings_1.FAQ_STRINGS.FAQ_TAX_EXEMPTION_ANSWER,
+    },
+    {
+        title: strings_1.FAQ_STRINGS.FAQ_CUMULATIVE_QUESTION,
+        description: strings_1.FAQ_STRINGS.FAQ_CUMULATIVE_ANSWER,
+    },
+    {
+        title: strings_1.FAQ_STRINGS.FAQ_OPENING_TIME_QUESTION,
+        description: strings_1.FAQ_STRINGS.FAQ_OPENING_TIME_ANSWER,
+    },
+    {
+        title: strings_1.FAQ_STRINGS.FAQ_TDS_AVOIDANCE_QUESTION,
+        description: strings_1.FAQ_STRINGS.FAQ_TDS_AVOIDANCE_ANSWER,
+    },
+];
+const FDCalculator = ({ onGoBack, onNavigateToReviewKYC, fdData }) => {
+    const typography = (0, ThemeContext_1.useTypography)();
+    const colors = (0, ThemeContext_1.useColors)();
+    const { themeName } = (0, ThemeContext_1.useTheme)();
+    const styles = react_1.default.useMemo(() => createStyles(typography, colors, themeName), [typography, colors, themeName]);
+    const { masterData, setMasterData } = (0, MasterDataProvider_1.useMasterData)();
+    // Get FD data from Redux as fallback if not passed as props
+    const fdListSelectedData = (0, store_1.useAppSelector)((state) => state === null || state === void 0 ? void 0 : state.fdListSelected);
+    const effectiveFdData = fdData || fdListSelectedData;
+    const [amount, setAmount] = (0, react_1.useState)('');
+    const [seniorCitizen, setSeniorCitizen] = (0, react_1.useState)(false);
+    const [taxResident, setTaxResident] = (0, react_1.useState)(true);
+    const [autoRenewal, setAutoRenewal] = (0, react_1.useState)(false);
+    const [expandedIndex, setExpandedIndex] = (0, react_1.useState)(null);
+    const [calculationResult, setCalculationResult] = (0, react_1.useState)(null);
+    const [debounceTimer, setDebounceTimer] = (0, react_1.useState)(null);
+    const [amountError, setAmountError] = (0, react_1.useState)('');
+    const [taxResidentError, setTaxResidentError] = (0, react_1.useState)('');
+    const [isAmountEditing, setIsAmountEditing] = (0, react_1.useState)(false);
+    // Calculate age from DOB and set senior citizen status
+    const calculateAgeAndSetSeniorCitizen = react_1.default.useCallback((dob) => {
+        if (!dob)
+            return;
+        const today = new Date();
+        const birthDate = new Date(dob);
+        let age = today.getFullYear() - birthDate.getFullYear();
+        const monthDiff = today.getMonth() - birthDate.getMonth();
+        if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {
+            age--;
+        }
+        setSeniorCitizen(age >= 60);
+    }, []);
+    // Interest payout dropdown state - will be updated after master data is loaded
+    const [payoutValue, setPayoutValue] = (0, react_1.useState)('');
+    const [showPayoutModal, setShowPayoutModal] = (0, react_1.useState)(false);
+    // Map dropdown values to API values
+    const mapPayoutToAPI = (dropdownValue) => {
+        const mapping = {
+            'On Maturity': 'On Maturity',
+            'Monthly': 'Monthly',
+            'Quarterly': 'Quarterly',
+            'Yearly': 'Yearly',
+            'Half-Yearly': 'Half-Yearly',
+        };
+        return mapping[dropdownValue] || '';
+    };
+    // Check senior citizen status on component mount
+    react_1.default.useEffect(() => {
+        try {
+            const appData = (0, appDataConfig_1.getAppData)();
+            if (appData === null || appData === void 0 ? void 0 : appData.dob) {
+                calculateAgeAndSetSeniorCitizen(appData.dob);
+            }
+        }
+        catch (error) {
+            // Handle error silently
+        }
+    }, [calculateAgeAndSetSeniorCitizen]);
+    // Interest rates for Tenure options (real API)
+    const [getInterestRates, { data: interestRates }] = (0, interestRateApi_1.useGetInterestRatesMutation)();
+    react_1.default.useEffect(() => {
+        try {
+            getInterestRates({});
+        }
+        catch (e) {
+            // Handle error silently
+        }
+    }, [getInterestRates]);
+    // Fallback: Load master data if not available from global state
+    const defaultProviderId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.providerId; }); // Default FD provider ID
+    const { data: fallbackMasterData, isLoading: isLoadingFallback, error: fallbackError, refetch: refetchMasterData } = (0, masterDataApi_1.useGetMasterDataQuery)({ providerId: defaultProviderId }, // Use default provider ID
+    { skip: !!masterData } // Skip if master data is already available
+    );
+    // Use fallback master data if global master data is not available
+    // Store only the data parameter after stringifying instead of complete response
+    const effectiveMasterData = react_1.default.useMemo(() => {
+        const sourceData = masterData || fallbackMasterData;
+        if (!sourceData)
+            return null;
+        // If sourceData has a data property, extract and stringify it
+        if (sourceData.data) {
+            return JSON.stringify(sourceData.data);
+        }
+        // If sourceData is already the data object, stringify it
+        return JSON.stringify(sourceData);
+    }, [masterData, fallbackMasterData]);
+    // Default payout options as fallback
+    //  const defaultPayoutOptions = ['Maturity', 'Monthly eee', 'Quarterly', 'Half-Yearly', 'Yearly'];
+    const payoutOptions = react_1.default.useMemo(() => {
+        try {
+            const parsedData = JSON.parse(effectiveMasterData || '{}');
+            // If master data gives a single value instead of an array
+            const rawValue = parsedData === null || parsedData === void 0 ? void 0 : parsedData.interestPayoutTerm;
+            if (!rawValue)
+                return [];
+            // Handle both array and string types
+            if (Array.isArray(rawValue)) {
+                return rawValue;
+            }
+            // If it's a comma-separated string or a single string
+            if (typeof rawValue === 'string') {
+                // e.g. "Maturity,Monthly,Quarterly" → ['Maturity', 'Monthly', 'Quarterly']
+                return rawValue.split(',').map(v => v.trim());
+            }
+            return [];
+        }
+        catch (error) {
+            return [];
+        }
+    }, [effectiveMasterData]);
+    // Store fallback master data in global state if it becomes available
+    react_1.default.useEffect(() => {
+        if (fallbackMasterData && !masterData) {
+            setMasterData(fallbackMasterData);
+        }
+    }, [fallbackMasterData, masterData, setMasterData]);
+    // Update payout value when master data becomes available
+    react_1.default.useEffect(() => {
+        if (payoutOptions.length > 0 && !payoutValue) {
+            // Set "On Maturity" as default if available, otherwise use first option
+            const defaultOption = payoutOptions.find(option => option === 'On Maturity') || payoutOptions[0];
+            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)();
+    // Onboarding API
+    const [startOnboarding, { isLoading: isOnboarding }] = (0, onboardingApi_1.useStartOnboardingMutation)();
+    const [isBooking, setIsBooking] = react_1.default.useState(false);
+    const dispatch = (0, store_1.useAppDispatch)();
+    const { setOnboardingIds } = require('../store/onboardingSlice');
+    const tenureOptions = react_1.default.useMemo(() => {
+        var _a, _b;
+        const months = [];
+        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) || [];
+        sdr.forEach((r) => { if (typeof (r === null || r === void 0 ? void 0 : r.perdMonth) === 'number')
+            months.push(r.perdMonth); });
+        fdr.forEach((r) => { if (typeof (r === null || r === void 0 ? void 0 : r.perdMonth) === 'number')
+            months.push(r.perdMonth); });
+        const unique = Array.from(new Set(months)).sort((a, b) => a - b);
+        return unique.map(m => formatTenureDisplay(m));
+    }, [interestRates]);
+    (0, react_1.useEffect)(() => {
+        console.log("following are the tenure options at the fd", tenureOptions);
+    });
+    const [tenureValue, setTenureValue] = (0, react_1.useState)('');
+    react_1.default.useEffect(() => {
+        if (tenureOptions.length > 0) {
+            // If effectiveFdData has tenure, use it; otherwise use first option
+            if (effectiveFdData === null || effectiveFdData === void 0 ? void 0 : effectiveFdData.tenure) {
+                const tenureMonths = parseTenureToMonths(effectiveFdData.tenure);
+                const formattedTenure = formatTenureDisplay(tenureMonths);
+                const matchingTenure = tenureOptions.find(option => option === formattedTenure);
+                setTenureValue(matchingTenure || formattedTenure);
+            }
+            else {
+                setTenureValue(tenureOptions[0]);
+            }
+        }
+    }, [tenureOptions, effectiveFdData === null || effectiveFdData === void 0 ? void 0 : effectiveFdData.tenure]);
+    const [showTenureMenu, setShowTenureMenu] = (0, react_1.useState)(false);
+    // Function to close all dropdown menus
+    const closeAllMenus = () => {
+        setShowTenureMenu(false);
+        setShowPayoutModal(false);
+    };
+    // Function to call FD calculator API
+    const handleCalculateFD = react_1.default.useCallback(async (currentAmount, selectedPayout) => {
+        var _a, _b;
+        const payoutToUse = selectedPayout || payoutValue;
+        const amountToUse = currentAmount || amount; // ✅ use latest if provided
+        if (!amountToUse || !payoutToUse)
+            return;
+        try {
+            const amountValue = parseFloat(amountToUse.replace(/,/g, ''));
+            const tenureMonths = parseTenureToMonths(tenureValue);
+            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) || [];
+            const fdr = ((_b = interestRates === null || interestRates === void 0 ? void 0 : interestRates.data) === null || _b === void 0 ? void 0 : _b.fdrScheme) || [];
+            const firstRate = sdr[0] || fdr[0];
+            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 requestData = {
+                principalAmount: amountValue,
+                tenureInMonths: tenureMonths,
+                dob: userDob,
+                isWomenDepositor,
+                investmentType: payoutToUse === 'On Maturity' ? 'SDR' : 'FDR',
+                providerId,
+                interestPayout: payoutToUse,
+            };
+            const result = await calculateFD(requestData).unwrap();
+            setCalculationResult(result);
+        }
+        catch (error) {
+            // FD calculation failed
+        }
+        finally {
+            setIsAmountEditing(false);
+        }
+    }, [amount, tenureValue, payoutValue, calculateFD, interestRates]);
+    // Debounced amount change handler
+    const handleAmountChange = react_1.default.useCallback((text) => {
+        setIsAmountEditing(true);
+        // Step 1: Always remove commas first
+        const unformatted = text.replace(/,/g, '');
+        // Step 2: Allow only numbers
+        let cleanedText = unformatted.replace(/[^0-9]/g, '');
+        if (cleanedText.length > 1 && cleanedText.startsWith('0')) {
+            cleanedText = cleanedText.replace(/^0+/, '');
+        }
+        // Step 3: Stop if greater than 5 crores
+        const numericValue = parseInt(cleanedText || '0', 10);
+        if (numericValue > 50000000)
+            return;
+        // Step 4: Update state with raw digits (not formatted)
+        setAmount(cleanedText);
+        // Step 5: Validate
+        if (!cleanedText) {
+            setAmountError('');
+            setIsAmountEditing(false);
+        }
+        else if (numericValue < 5000)
+            setAmountError(strings_1.FD_STRINGS.MINIMUM_AMOUNT_ERROR);
+        else if (numericValue % 1000 !== 0)
+            setAmountError(strings_1.FD_STRINGS.AMOUNT_MULTIPLES_ERROR);
+        else
+            setAmountError('');
+        // Step 6: Clear previous debounce timer
+        if (debounceTimer)
+            clearTimeout(debounceTimer);
+        // Step 7: Debounced API call
+        const isValidLocal = numericValue >= 5000 && numericValue <= 50000000 && numericValue % 1000 === 0;
+        if (cleanedText && isValidLocal && payoutValue) {
+            const newTimer = setTimeout(() => {
+                // Pass latest cleanedText directly to avoid stale state
+                handleCalculateFD(cleanedText);
+            }, 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;
+        if (isBooking)
+            return;
+        setIsBooking(true);
+        const payoutToUse = selectedPayout || payoutValue;
+        try {
+            // Check if required fields are filled
+            if (!amount || !tenureValue) {
+                return;
+            }
+            const amountValue = parseFloat(amount.replace(/,/g, ''));
+            const tenureMonths = parseTenureToMonths(tenureValue);
+            if (isNaN(amountValue) || isNaN(tenureMonths) || amountValue <= 0 || tenureMonths <= 0) {
+                return;
+            }
+            // Check minimum amount requirement
+            if (amountValue < 5000) {
+                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 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];
+            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
+            const maturityDate = new Date();
+            maturityDate.setMonth(maturityDate.getMonth() + tenureMonths);
+            const formattedMaturityDate = maturityDate.toISOString().split('T')[0];
+            const onboardingData = {
+                // User personal details
+                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(' ')) || '',
+                userReferenceId: (appData === null || appData === void 0 ? void 0 : appData.id) || '',
+                dob: userDob,
+                email: (appData === null || appData === void 0 ? void 0 : appData.email) || '',
+                gender: (appData === null || appData === void 0 ? void 0 : appData.gender) === 'M' ? 'Male' : ((appData === null || appData === void 0 ? void 0 : appData.gender) === 'F' ? 'Female' : 'Male'),
+                // FD details
+                autoRenewal: autoRenewal,
+                investmentAmount: amountValue,
+                tenureInMonths: tenureMonths,
+                interestPayoutTerm: payoutToUse,
+                interestRate: interestRate,
+                maturityDate: formattedMaturityDate,
+                maturityAmount: Math.round(maturityAmount),
+                // Additional fields
+                principalAmount: amountValue,
+                isWomenDepositor: isWomenDepositor,
+                investmentType: payoutToUse === 'On Maturity' ? 'SDR' : 'FDR',
+                providerId: providerId,
+                eventNotifyUrl: appData === null || appData === void 0 ? void 0 : appData.eventNotifyUrl,
+            };
+            const result = await startOnboarding(onboardingData).unwrap();
+            // Store FD calculation data directly into FDListSelected for PayNow screen
+            try {
+                const fdListSelectedData = {
+                    id: (effectiveFdData === null || effectiveFdData === void 0 ? void 0 : effectiveFdData.id) || '',
+                    providerId: providerId || '',
+                    name: (effectiveFdData === null || effectiveFdData === void 0 ? void 0 : effectiveFdData.name) || '',
+                    accountNumber: '',
+                    roi: (effectiveFdData === null || effectiveFdData === void 0 ? void 0 : effectiveFdData.roi) || '',
+                    tenure: tenureValue,
+                    amount: parseInt(amount) || 0,
+                    maturityDate: '',
+                    status: 'pending',
+                    creditRating: (effectiveFdData === null || effectiveFdData === void 0 ? void 0 : effectiveFdData.creditRating) || 'NA',
+                    companyName: (effectiveFdData === null || effectiveFdData === void 0 ? void 0 : effectiveFdData.name) || '',
+                    fdRate: (effectiveFdData === null || effectiveFdData === void 0 ? void 0 : effectiveFdData.roi) || '',
+                    interestPayout: payoutToUse,
+                };
+                dispatch((0, fdListSelectedSlice_1.setFDListSelected)(fdListSelectedData));
+            }
+            catch (e) {
+                // Handle error silently
+            }
+            // 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,
+                };
+                if (dispatch && setOnboardingIds) {
+                    dispatch(setOnboardingIds(ids));
+                }
+                else {
+                    // Dispatch or setOnboardingIds unavailable
+                }
+            }
+            catch (e) {
+                // Handle error silently
+            }
+            // Navigate to ReviewKYC after successful onboarding
+            if (result.status === 'success' && onNavigateToReviewKYC) {
+                onNavigateToReviewKYC();
+            }
+        }
+        catch (error) {
+            // Handle error silently
+        }
+        finally {
+            setIsBooking(false);
+        }
+    }, [amount, tenureValue, interestRates, startOnboarding, onNavigateToReviewKYC, isBooking, payoutValue, calculationResult, autoRenewal]);
+    // Cleanup timer on unmount
+    react_1.default.useEffect(() => {
+        return () => {
+            if (debounceTimer) {
+                clearTimeout(debounceTimer);
+            }
+        };
+    }, [debounceTimer]);
+    // Derived validation state for amount input
+    const isAmountValid = react_1.default.useMemo(() => {
+        const amountValue = parseFloat(amount.replace(/,/g, ''));
+        return !!amount && !isNaN(amountValue) && amountValue >= 5000 && amountValue <= 50000000 && amountValue % 1000 === 0;
+    }, [amount]);
+    // Derived validation state for payout selection
+    const isPayoutValid = react_1.default.useMemo(() => {
+        return !!payoutValue && payoutValue.trim() !== '';
+    }, [payoutValue]);
+    // Handle tax resident checkbox change
+    const handleTaxResidentChange = () => {
+        const newValue = !taxResident;
+        setTaxResident(newValue);
+        // Show error if unchecked
+        if (!newValue) {
+            setTaxResidentError(strings_1.FD_STRINGS.TAX_RESIDENT_ERROR);
+        }
+        else {
+            setTaxResidentError('');
+        }
+    };
+    // Extract FAQ data from master data API response
+    const faqData = react_1.default.useMemo(() => {
+        const fallback = [...DEFAULT_FAQ_ITEMS];
+        try {
+            const parsedData = JSON.parse(effectiveMasterData || '{}');
+            const masterDataFaq = (parsedData === null || parsedData === void 0 ? void 0 : parsedData.Faq) || (parsedData === null || parsedData === void 0 ? void 0 : parsedData.faq) || (parsedData === null || parsedData === void 0 ? void 0 : parsedData.faqData) || (parsedData === null || parsedData === void 0 ? void 0 : parsedData.frequentlyAskedQuestions);
+            if (masterDataFaq && Array.isArray(masterDataFaq) && masterDataFaq.length > 0) {
+                const normalized = masterDataFaq
+                    .map((faq) => ({
+                    title: faq.title || faq.question || faq.q || '',
+                    description: faq.description || faq.answer || faq.a || ''
+                }))
+                    .filter((faq) => faq.title && faq.description);
+                const containsLegacyBrand = normalized.some(item => /shriram/i.test(`${item.title} ${item.description}`));
+                if (!containsLegacyBrand && normalized.length > 0) {
+                    return normalized;
+                }
+            }
+        }
+        catch (error) {
+            // Ignore and use fallback
+        }
+        return fallback;
+    }, [effectiveMasterData]);
+    // Handle Android hardware back button - use same navigation as header back button
+    (0, react_1.useEffect)(() => {
+        if (react_native_1.Platform.OS !== 'android')
+            return;
+        const onHardwareBackPress = () => {
+            (0, helpers_1.navigate)('FDList'); // Same as header back button
+            return true; // Prevent default behavior
+        };
+        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" },
+        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.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+' }),
+                react_1.default.createElement(components_1.AmountInput, { label: strings_1.FD_STRINGS.INVESTMENT_AMOUNT_LABEL, value: amount, onChangeText: handleAmountChange, onFocus: closeAllMenus, placeholder: strings_1.FD_STRINGS.AMOUNT_PLACEHOLDER, noteText: strings_1.FD_STRINGS.AMOUNT_NOTE, minMaxText: strings_1.FD_STRINGS.AMOUNT_MIN_MAX, errorMessage: amountError }),
+                react_1.default.createElement(components_1.DropdownSelector, { label: strings_1.FD_STRINGS.TENURE_LABEL, value: tenureValue || strings_1.COMMON_STRINGS.SELECT, onPress: () => {
+                        react_native_1.Keyboard.dismiss();
+                        closeAllMenus();
+                        setShowTenureMenu(prev => !prev);
+                    } }),
+                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);
+                    } },
+                    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: () => {
+                        react_native_1.Keyboard.dismiss();
+                        closeAllMenus();
+                        setShowPayoutModal(prev => !prev);
+                    }, placeholder: strings_1.FD_STRINGS.PAYOUT_MONTHLY }),
+                showPayoutModal && (react_1.default.createElement(react_native_1.View, { style: styles.inlineMenu }, payoutOptions
+                    .filter((v, i, a) => !!v && a.indexOf(v) === i)
+                    .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);
+                    } },
+                    react_1.default.createElement(react_native_1.Text, { style: styles.modalOptionText }, option)))))),
+                isCalculating && (react_1.default.createElement(react_native_1.View, { style: styles.loadingContainer },
+                    react_1.default.createElement(react_native_1.ActivityIndicator, { size: "small", color: colors.primary }),
+                    react_1.default.createElement(react_native_1.Text, { style: styles.loadingText }, strings_1.COMMON_STRINGS.PROCESSING))),
+                react_1.default.createElement(components_1.InterestRateCard, { interestRate: (() => {
+                        var _a, _b;
+                        const data = calculationResult === null || calculationResult === void 0 ? void 0 : calculationResult.data;
+                        const investmentType = payoutValue === 'On Maturity' ? 'SDR' : 'FDR';
+                        const calcData = investmentType === 'SDR'
+                            ? (_a = data === null || data === void 0 ? void 0 : data.sdrCalc) === null || _a === void 0 ? void 0 : _a[0]
+                            : (_b = data === null || data === void 0 ? void 0 : data.fdrCalc) === null || _b === void 0 ? void 0 : _b[0];
+                        const wroi = (calcData === null || calcData === void 0 ? void 0 : calcData.wRoi) || (data === null || data === void 0 ? void 0 : data.wroi) || (data === null || data === void 0 ? void 0 : data.interestRate) || (data === null || data === void 0 ? void 0 : data.rate);
+                        return wroi ? `${Number(wroi).toFixed(2)}% p.a.` : "";
+                    })(), maturityAmount: (() => {
+                        var _a, _b;
+                        const data = calculationResult === null || calculationResult === void 0 ? void 0 : calculationResult.data;
+                        const investmentType = payoutValue === 'On Maturity' ? 'SDR' : 'FDR';
+                        const calcData = investmentType === 'SDR'
+                            ? (_a = data === null || data === void 0 ? void 0 : data.sdrCalc) === null || _a === void 0 ? void 0 : _a[0]
+                            : (_b = data === null || data === void 0 ? void 0 : data.fdrCalc) === null || _b === void 0 ? void 0 : _b[0];
+                        const maturityAmount = (calcData === null || calcData === void 0 ? void 0 : calcData.maturityAmount) || (data === null || data === void 0 ? void 0 : data.maturityAmount) || (data === null || data === void 0 ? void 0 : data.totalAmount) || (data === null || data === void 0 ? void 0 : data.finalAmount) || (data === null || data === void 0 ? void 0 : data.amount);
+                        return maturityAmount ? `₹${maturityAmount.toLocaleString()}` : "";
+                    })() },
+                    react_1.default.createElement(components_1.CheckboxOption, { label: strings_1.FD_STRINGS.SENIOR_CITIZEN_BENEFIT, checked: seniorCitizen, onPress: () => setSeniorCitizen(!seniorCitizen), numberOfLines: 1, containerStyle: { marginTop: 12 }, disabled: true })),
+                react_1.default.createElement(react_native_1.View, { style: [styles.checkboxCard, !taxResident && styles.checkboxCardError] },
+                    react_1.default.createElement(components_1.CheckboxOption, { label: strings_1.FD_STRINGS.TAX_RESIDENT_CONFIRMATION, checked: taxResident, onPress: handleTaxResidentChange })),
+                taxResidentError && (react_1.default.createElement(react_native_1.View, { style: styles.errorContainer },
+                    react_native_1.Platform.OS === 'android' && (react_1.default.createElement(Ionicons_1.default, { name: "warning", size: 16, color: colors.error || '#FF0000', style: styles.errorIcon })),
+                    react_1.default.createElement(react_native_1.Text, { style: styles.errorText }, taxResidentError))),
+                react_1.default.createElement(react_native_1.View, { style: styles.checkboxCard },
+                    react_1.default.createElement(components_1.CheckboxOption, { label: strings_1.FD_STRINGS.MATURITY_AUTO_RENEWAL, checked: autoRenewal, onPress: () => setAutoRenewal(!autoRenewal) })),
+                react_1.default.createElement(components_1.InfoBox, { message: strings_1.FD_STRINGS.WITHDRAWAL_INFO, containerStyle: styles.infoBoxCard, showNonStockIcon: true }),
+                react_1.default.createElement(react_native_1.Text, { style: styles.sectionTitle }, strings_1.FD_STRINGS.SAFETY_TRUST_TITLE),
+                react_1.default.createElement(react_native_1.View, { style: styles.trustRow },
+                    react_1.default.createElement(components_1.TrustBox, { title1: strings_1.FD_STRINGS.TRUSTED_BY, title2: strings_1.FD_STRINGS.CRORES_INDIANS }),
+                    react_1.default.createElement(components_1.TrustBox, { title1: strings_1.FD_STRINGS.AAA_RATING, title2: strings_1.FD_STRINGS.RATING, style: { marginLeft: 10 } })),
+                react_1.default.createElement(react_native_1.Text, { style: styles.sectionTitle }, strings_1.FD_STRINGS.FAQ_TITLE),
+                faqData.map((item, index) => (react_1.default.createElement(components_1.FAQItem, { key: index, question: item.title, answer: item.description, isExpanded: expandedIndex === index, onToggle: () => setExpandedIndex(expandedIndex === index ? null : index) })))),
+            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [
+                    styles.startButton,
+                    (!taxResident || isOnboarding || isBooking || !isAmountValid || !isPayoutValid || isCalculating || isAmountEditing) ? styles.startButtonDisabled : null
+                ], disabled: !taxResident || isOnboarding || isBooking || !isAmountValid || !isPayoutValid || isCalculating || isAmountEditing, activeOpacity: (!taxResident || isOnboarding || isBooking || !isAmountValid || !isPayoutValid || isCalculating || isAmountEditing) ? 1 : 0.7, onPress: () => {
+                    if (taxResident && !isOnboarding && !isBooking && isAmountValid && isPayoutValid && !isCalculating && !isAmountEditing) {
+                        handleStartOnboarding(payoutValue);
+                    }
+                } }, (isOnboarding || isBooking) ? (react_1.default.createElement(react_native_1.View, { style: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center' } },
+                react_1.default.createElement(react_native_1.ActivityIndicator, { size: "small", color: themeName === 'dark' ? colors.buttonTextColor : colors.background, style: { marginRight: 8 } }),
+                react_1.default.createElement(react_native_1.Text, { style: [
+                        styles.startButtonText,
+                        (!taxResident || isOnboarding || isBooking || !isAmountValid || !isPayoutValid || isCalculating || isAmountEditing) ? styles.startButtonTextDisabled : null
+                    ] }, strings_1.COMMON_STRINGS.PROCESSING))) : (react_1.default.createElement(react_native_1.Text, { style: [
+                    styles.startButtonText,
+                    (!taxResident || isOnboarding || isBooking || !isAmountValid || !isPayoutValid || isCalculating || isAmountEditing) ? styles.startButtonTextDisabled : null
+                ] }, strings_1.FD_STRINGS.BOOK_FD_BUTTON)))),
+        (isOnboarding || isBooking) && (react_1.default.createElement(react_native_1.View, { style: styles.loadingOverlay, pointerEvents: "auto" }))));
+};
+exports.default = FDCalculator;
+const isAndroid15OrHigher = react_native_1.Platform.OS === "android" && react_native_1.Platform.Version >= 15;
+const createStyles = (typography, colors, themeName) => react_native_1.StyleSheet.create({
+    header: {
+        flexDirection: 'row',
+        justifyContent: 'flex-start',
+        alignItems: 'center',
+        paddingHorizontal: 16,
+        paddingTop: react_native_1.Platform.OS === 'ios' ? 40 : 20,
+        paddingBottom: 10,
+        backgroundColor: colors.background,
+    },
+    backIcon: {
+        // Icon styling handled by Ionicons component
+        width: 24,
+        height: 24,
+        resizeMode: 'contain',
+        // backgroundColor: "red",
+    },
+    backButton: {
+        padding: 8,
+        marginTop: isAndroid15OrHigher ? 10 : 0,
+    },
+    scrollContainer: {
+        flex: 1,
+    },
+    scrollContent: {
+        paddingHorizontal: 16,
+        paddingBottom: 40,
+    },
+    checkboxCard: {
+        backgroundColor: themeName === 'dark' ? colors.inputBackground : 'rgba(0,235,180,0.1)',
+        padding: 12,
+        borderRadius: 4,
+        marginTop: 16,
+    },
+    infoBoxCard: {
+        backgroundColor: themeName === 'dark' ? colors.inputBackground : 'rgba(0,235,180,0.1)',
+        padding: 16,
+        borderRadius: 4,
+        marginTop: 16,
+    },
+    sectionTitle: Object.assign(Object.assign({}, typography.styles.bodyMedium), { fontWeight: typography.fontWeight.semiBold, marginTop: 25, marginBottom: 8, color: colors.text, fontSize: 16 }),
+    trustRow: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        marginTop: 10,
+    },
+    startButtonWrapper: {
+        position: 'relative',
+    },
+    startButton: {
+        backgroundColor: themeName === 'dark' ? colors.buttonBackground : colors.headerBg,
+        paddingVertical: themeName === 'dark' ? 1 : 20,
+        paddingHorizontal: 20,
+        borderRadius: themeName === 'dark' ? 10 : 30,
+        marginTop: 30,
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: themeName === 'dark' ? 50 : 56,
+        width: '90%',
+        alignSelf: 'center',
+    },
+    startButtonDisabled: {
+        backgroundColor: '#909090',
+        color: '#ffffff',
+    },
+    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 }),
+    startButtonTextDisabled: {
+        color: themeName === 'dark' ? "#ffffff" : colors.tabSelected,
+    },
+    inlineMenu: {
+        backgroundColor: themeName === 'dark' ? colors.inputBackground : colors.background,
+        borderWidth: themeName === 'dark' ? 1 : 0.5,
+        borderColor: themeName === 'dark' ? '#ffffff' : 'rgba(0,0,0,0.2)',
+        borderRadius: 8,
+        marginTop: 6,
+        paddingHorizontal: 12,
+        paddingVertical: 6,
+    },
+    modalOption: {
+        paddingVertical: 14,
+    },
+    modalOptionText: Object.assign(Object.assign({}, typography.styles.bodyLarge), { color: colors.text, fontSize: 16, placeholderTextColor: '#9ca9b0' }),
+    loadingContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingVertical: 12,
+        fontSize: 14,
+        marginTop: 16,
+    },
+    loadingText: Object.assign(Object.assign({}, typography.styles.bodyMedium), { color: colors.textLight, marginLeft: 8 }),
+    overlayAboveInterestRate: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        height: 20,
+        backgroundColor: 'rgba(128, 128, 128, 0.3)', // Light gray translucent overlay
+        zIndex: 1,
+    },
+    errorContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginTop: 8,
+    },
+    errorIcon: {
+        marginRight: 6,
+    },
+    errorText: {
+        fontSize: 14,
+        color: colors.error || '#FF0000',
+        fontWeight: '500',
+        flex: 1,
+    },
+    checkboxCardError: {
+        backgroundColor: 'rgba(255, 0, 0, 0.08)', // Red with same opacity as the original green
+    },
+    loadingOverlay: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: 'rgba(0, 0, 0, 0.3)',
+        zIndex: 1000,
+    },
+});