@finspringinnovations/fdsdk 0.0.1

package/lib/screens/FDList.js

@@ -0,0 +1,1008 @@
+"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 });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const native_1 = require("@react-navigation/native");
+const components_1 = require("../components");
+const ThemeContext_1 = require("../theme/ThemeContext");
+const interestRateApi_1 = require("../api/interestRateApi");
+const customerApi_1 = require("../api/customerApi");
+const masterDataApi_1 = require("../api/masterDataApi");
+const MasterDataProvider_1 = require("../providers/MasterDataProvider");
+const workflowApi_1 = require("../api/workflowApi");
+const fdApi_1 = require("../api/fdApi");
+const SafeAreaWrapper_1 = __importDefault(require("../components/SafeAreaWrapper"));
+const appDataConfig_1 = require("../config/appDataConfig");
+const helpers_1 = require("../navigation/helpers");
+const store_1 = require("../store");
+const onboardingSlice_1 = require("../store/onboardingSlice");
+const fdListSelectedSlice_1 = require("../store/fdListSelectedSlice");
+const workflowNavigator_1 = require("../navigation/workflowNavigator");
+const workflowConstants_1 = require("../config/workflowConstants");
+const globalData_1 = require("../utils/globalData");
+const strings_1 = require("../constants/strings");
+const base64Images_1 = require("../constants/strings/base64Images");
+var completeFDData = null;
+const FDList = ({ onGoBack, onSelectFD, onNavigateToFDCalculator, customStyles = {}, }) => {
+    const [activeTab, setActiveTab] = (0, react_1.useState)(strings_1.FD_STRINGS.ALL_FDS_TAB);
+    const [showPendingFDBottomSheet, setShowPendingFDBottomSheet] = (0, react_1.useState)(false);
+    const [selectedFD, setSelectedFD] = (0, react_1.useState)(null);
+    const [isInitialized, setIsInitialized] = (0, react_1.useState)(false);
+    const colors = (0, ThemeContext_1.useColors)();
+    const typography = (0, ThemeContext_1.useTypography)();
+    const spacing = (0, ThemeContext_1.useSpacing)();
+    const { themeName } = (0, ThemeContext_1.useTheme)();
+    const dispatch = (0, store_1.useAppDispatch)();
+    const hasFetchedRatesRef = react_1.default.useRef(false);
+    const isCallingInterestRatesRef = react_1.default.useRef(false);
+    // API calls to fetch 
+    const [getInterestRates, { data: interestRates, error: interestRatesError, isLoading: isLoadingRates, }] = (0, interestRateApi_1.useGetInterestRatesMutation)();
+    const [getCustomerApplications, { data: customerApplications, error: customerApplicationsError, isLoading: isLoadingApplications, }] = (0, customerApi_1.useGetCustomerApplicationsMutation)();
+    const [terminateWorkflow, { data: terminateWorkflowData, error: terminateWorkflowError, isLoading: isTerminatingWorkflow, }] = (0, workflowApi_1.useTerminateWorkflowMutation)();
+    // Payment Reverse Feed API
+    const [paymentReverseFeed, { data: paymentReverseFeedResponse, error: paymentReverseFeedError, isLoading: isLoadingPaymentReverseFeed, }] = (0, fdApi_1.usePaymentReverseFeedMutation)();
+    const styles = createStyles(colors, typography, spacing, themeName);
+    const { setMasterData } = (0, MasterDataProvider_1.useMasterData)();
+    // Redux selectors for workflow IDs
+    const workflowInstanceId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.workflowInstanceId; });
+    const applicationId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.applicationId; });
+    const entityId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.entityid; });
+    const providerId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.providerId; });
+    // Helper function to check if customer applications is empty
+    const isCustomerApplicationsEmpty = () => {
+        if (!customerApplications) {
+            return true;
+        }
+        // Handle direct array response
+        if (Array.isArray(customerApplications)) {
+            const isEmpty = customerApplications.length === 0;
+            return isEmpty;
+        }
+        // Handle response with data property
+        if (customerApplications.data && Array.isArray(customerApplications.data)) {
+            const isEmpty = customerApplications.data.length === 0;
+            return isEmpty;
+        }
+        // Handle response with applications property
+        if (customerApplications.applications && Array.isArray(customerApplications.applications)) {
+            const isEmpty = customerApplications.applications.length === 0;
+            return isEmpty;
+        }
+        // If customerApplications exists but doesn't match expected structure, consider it not empty
+        return false;
+    };
+    // Helper function to get provider ID from interest rates response (robust to varying shapes)
+    const getProviderIdFromInterestRates = () => {
+        try {
+            const data = interestRates === null || interestRates === void 0 ? void 0 : interestRates.data;
+            if (!data)
+                return undefined;
+            const extractId = (rate) => {
+                var _a;
+                return ((rate === null || rate === void 0 ? void 0 : rate.providerId) ||
+                    (rate === null || rate === void 0 ? void 0 : rate.provider_id) ||
+                    (rate === null || rate === void 0 ? void 0 : rate.fd_provider_id) ||
+                    (rate === null || rate === void 0 ? void 0 : rate.fdProviderId) ||
+                    ((_a = rate === null || rate === void 0 ? void 0 : rate.provider) === null || _a === void 0 ? void 0 : _a.id) ||
+                    undefined);
+            };
+            // Prefer SDR
+            const sdr = Array.isArray(data === null || data === void 0 ? void 0 : data.sdrScheme) ? data.sdrScheme : [];
+            for (const r of sdr) {
+                const id = extractId(r);
+                if (id) {
+                    return id;
+                }
+            }
+            // Fallback to FDR
+            const fdr = Array.isArray(data === null || data === void 0 ? void 0 : data.fdrScheme) ? data.fdrScheme : [];
+            for (const r of fdr) {
+                const id = extractId(r);
+                if (id) {
+                    return id;
+                }
+            }
+            return undefined;
+        }
+        catch (e) {
+            return undefined;
+        }
+    };
+    // Helper function to filter FDs based on tenure
+    const filterFDsByTenure = (fdList, filter) => {
+        if (filter === strings_1.FD_STRINGS.ALL_FDS_TAB)
+            return fdList;
+        return fdList.filter(fd => {
+            // Extract tenure in months from the fd.tenure string (e.g., "12 Months" -> 12)
+            const tenureMatch = fd.tenure.match(/(\d+)\s*Months?/i);
+            if (!tenureMatch)
+                return false;
+            const tenureMonths = parseInt(tenureMatch[1], 10);
+            const tenureYears = tenureMonths / 12;
+            switch (filter) {
+                case '<1Y':
+                    return tenureYears <= 1;
+                case '<1-3Y':
+                    return tenureYears > 1 && tenureYears <= 3;
+                case '<3-5Y':
+                    return tenureYears > 3 && tenureYears <= 5;
+                case '>5Y':
+                    return tenureYears > 5;
+                default:
+                    return true;
+            }
+        });
+    };
+    // Master data fetch - use default providerId first, then update with rates data
+    const defaultProviderId = ''; // Default provider ID for initial call
+    const inferredProviderId = react_1.default.useMemo(() => {
+        var _a, _b, _c, _d, _e, _f;
+        if ((_c = (_b = (_a = interestRates === null || interestRates === void 0 ? void 0 : interestRates.data) === null || _a === void 0 ? void 0 : _a.sdrScheme) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.providerId)
+            return interestRates.data.sdrScheme[0].providerId;
+        if ((_f = (_e = (_d = interestRates === null || interestRates === void 0 ? void 0 : interestRates.data) === null || _d === void 0 ? void 0 : _d.fdrScheme) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.providerId)
+            return interestRates.data.fdrScheme[0].providerId;
+        return defaultProviderId; // Use default if no rates data yet
+    }, [interestRates]);
+    const { data: masterData, isLoading: isLoadingMaster } = (0, masterDataApi_1.useGetMasterDataQuery)({ providerId: inferredProviderId }, { skip: !inferredProviderId });
+    // Only render once all three API calls have completed (success or error)
+    // Show loading initially until all APIs have completed
+    const isAllDataReady = react_1.default.useMemo(() => {
+        // If not initialized yet, show loading
+        if (!isInitialized)
+            return false;
+        // Step 1: Check if interest rates API has been called and completed
+        // If currently loading, show loading
+        if (isLoadingRates)
+            return false;
+        // If not loading but no data and no error, API hasn't been called yet - show loading
+        if (!interestRates && !interestRatesError)
+            return false;
+        // Step 2: Once interest rates are done, customer applications should be called
+        // If currently loading, show loading
+        if (isLoadingApplications)
+            return false;
+        // If interest rates succeeded, we must wait for customer applications
+        // If interest rates failed, we can still proceed (but applications might not be called)
+        if (interestRates) {
+            // Interest rates succeeded, so applications should be called
+            // If not loading but no data and no error, applications haven't been called yet - show loading
+            if (!customerApplications && !customerApplicationsError)
+                return false;
+        }
+        // Step 3: Check master data - only required if providerId is available
+        const masterShouldRun = !!inferredProviderId;
+        if (masterShouldRun) {
+            // Master data should be done (either loaded or error, but not loading)
+            if (isLoadingMaster)
+                return false;
+        }
+        return true;
+    }, [isInitialized, interestRates, interestRatesError, isLoadingRates, customerApplications, customerApplicationsError, isLoadingApplications, inferredProviderId, isLoadingMaster]);
+    (0, react_1.useEffect)(() => {
+        if (masterData) {
+            setMasterData(masterData);
+        }
+    }, [masterData, setMasterData]);
+    // Function to refresh all data - Required sequence: Interest -> Applications -> Master
+    const refreshData = (0, react_1.useCallback)(async () => {
+        if (!isInitialized) {
+            return;
+        }
+        // Prevent multiple simultaneous calls
+        if (isCallingInterestRatesRef.current || isLoadingRates) {
+            return;
+        }
+        try {
+            isCallingInterestRatesRef.current = true;
+            // Add 500ms delay before calling interest rate API
+            await new Promise(resolve => setTimeout(resolve, 500));
+            await getInterestRates({});
+        }
+        catch (error) {
+            // Handle error silently
+        }
+        finally {
+            isCallingInterestRatesRef.current = false;
+        }
+    }, [getInterestRates, isInitialized, isLoadingRates]);
+    // Initialize component after mount
+    (0, react_1.useEffect)(() => {
+        const initializeComponent = async () => {
+            // Validate required user data before proceeding
+            const appData = (0, appDataConfig_1.getAppData)();
+            const requiredFields = [
+                { field: 'id', label: 'User ID' },
+                { field: 'name', label: 'User Name' },
+                { field: 'dob', label: 'Date of Birth' },
+                { field: 'gender', label: 'Gender' },
+                { field: 'mobNo', label: 'Mobile Number' },
+                { field: 'email', label: 'Email' },
+            ];
+            const missingFields = [];
+            requiredFields.forEach(({ field, label }) => {
+                const value = appData === null || appData === void 0 ? void 0 : appData[field];
+                if (!value || (typeof value === 'string' && !value.trim())) {
+                    missingFields.push(label);
+                }
+            });
+            // Show alert if required fields are missing
+            if (missingFields.length > 0) {
+                react_native_1.Alert.alert('Cannot Proceed with FD Booking', `The following required information is missing from the main app:\n\n${missingFields.join('\n')}\n\nPlease provide all required user information to proceed.`, [
+                    {
+                        text: 'Cancel FD Booking',
+                        onPress: () => {
+                            // Redirect back to main app
+                            if (onGoBack) {
+                                onGoBack();
+                            }
+                            else {
+                                // No-op when onGoBack is not provided
+                            }
+                        },
+                        style: 'cancel',
+                    },
+                ], { cancelable: false });
+                return; // Don't initialize if validation fails
+            }
+            // Additional value validation (case-insensitive): gender, maritalStatus, typeOfAccount
+            const errors = [];
+            // Gender must be Male, Female, or Other (case-insensitive)
+            const gender = String((appData === null || appData === void 0 ? void 0 : appData.gender) || '').trim().toLowerCase();
+            const allowedGenders = ['male', 'female', 'other'];
+            if (gender && !allowedGenders.includes(gender)) {
+                errors.push("Gender must be one of: Male, Female, Other");
+            }
+            // Marital status must be Married, Unmarried, or Other (case-insensitive)
+            const maritalStatus = String((appData === null || appData === void 0 ? void 0 : appData.maritalStatus) || '').trim().toLowerCase();
+            const allowedMarital = ['married', 'unmarried', 'other'];
+            if (maritalStatus && !allowedMarital.includes(maritalStatus)) {
+                errors.push("Marital Status must be one of: Married, Unmarried, Other");
+            }
+            // Account type must be 'Saving A/c' or 'Current A/c' (case-insensitive, tolerate spaces)
+            const typeOfAccountRaw = String((appData === null || appData === void 0 ? void 0 : appData.typeOfAccount) || '').trim();
+            const typeOfAccount = typeOfAccountRaw.replace(/\s+/g, ' ').toLowerCase();
+            const allowedAccounts = ['saving a/c', 'current a/c'];
+            if (typeOfAccountRaw && !allowedAccounts.includes(typeOfAccount)) {
+                errors.push("Type of Account must be one of: 'Saving A/c', 'Current A/c'");
+            }
+            if (errors.length > 0) {
+                react_native_1.Alert.alert('Invalid User Data', `${errors.join('\n')}`, [
+                    {
+                        text: 'OK',
+                        onPress: () => {
+                            if (onGoBack) {
+                                onGoBack();
+                            }
+                        },
+                        style: 'cancel',
+                    },
+                ], { cancelable: false });
+                return; // Stop initialization on invalid values
+            }
+            // Small delay to ensure component is fully mounted
+            await new Promise(resolve => setTimeout(resolve, 100));
+            setIsInitialized(true);
+        };
+        initializeComponent();
+    }, [onGoBack]);
+    // 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 = () => {
+            // Call onGoBack which triggers onExit in RootNavigator
+            if (onGoBack) {
+                onGoBack();
+            }
+            return true; // Prevent default behavior
+        };
+        const backHandler = react_native_1.BackHandler.addEventListener('hardwareBackPress', onHardwareBackPress);
+        return () => backHandler.remove();
+    }, [onGoBack]);
+    // Removed init-time fetch to avoid duplicate calls; we'll fetch on first focus only
+    // Refresh data when screen comes into focus (only if initialized)
+    (0, native_1.useFocusEffect)((0, react_1.useCallback)(() => {
+        if (!isInitialized)
+            return;
+        if (hasFetchedRatesRef.current)
+            return; // ensure called only once when screen first shows
+        // Prevent multiple simultaneous calls
+        if (isCallingInterestRatesRef.current || isLoadingRates)
+            return;
+        hasFetchedRatesRef.current = true;
+        refreshData();
+    }, [refreshData, isInitialized, isLoadingRates]));
+    // After interest rates are received, call Customer Applications
+    (0, react_1.useEffect)(() => {
+        if (!interestRates)
+            return;
+        try {
+            const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+            getCustomerApplications({ userReferenceId: userInfo.id });
+        }
+        catch (e) {
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [!!interestRates]);
+    // Handle API errors
+    (0, react_1.useEffect)(() => {
+        if (interestRatesError) {
+            react_native_1.Alert.alert('API Error', 'Failed to fetch interest rates. Please try again.', [
+                {
+                    text: 'Retry',
+                    onPress: async () => {
+                        // Prevent multiple simultaneous calls
+                        if (isCallingInterestRatesRef.current || isLoadingRates) {
+                            return;
+                        }
+                        try {
+                            isCallingInterestRatesRef.current = true;
+                            // Add 500ms delay before retrying interest rate API
+                            await new Promise(resolve => setTimeout(resolve, 500));
+                            await getInterestRates({});
+                        }
+                        catch (error) {
+                            // Handle error silently
+                        }
+                        finally {
+                            isCallingInterestRatesRef.current = false;
+                        }
+                    }
+                },
+                { text: 'Continue', style: 'cancel' }
+            ]);
+        }
+    }, [interestRatesError, getInterestRates]);
+    // Log successful data fetch
+    (0, react_1.useEffect)(() => {
+        var _a, _b;
+        if (interestRates && ((_b = (_a = interestRates.data) === null || _a === void 0 ? void 0 : _a.sdrScheme) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+            // Interest rates loaded successfully
+        }
+    }, [interestRates]);
+    // Persist providerId to onboarding store as soon as we have rates
+    (0, react_1.useEffect)(() => {
+        const pid = getProviderIdFromInterestRates();
+        if (pid) {
+            try {
+                dispatch((0, onboardingSlice_1.setOnboardingIds)({ providerId: pid }));
+            }
+            catch (e) {
+                // Handle error silently
+            }
+        }
+    }, [interestRates, dispatch]);
+    (0, react_1.useEffect)(() => {
+        if (customerApplications) {
+            // Customer applications loaded successfully
+            // Persist onboarding identifiers globally for subsequent API calls (like FDCalculator)
+            try {
+                // Extract workflow parameters from response
+                const responseData = (customerApplications === null || customerApplications === void 0 ? void 0 : customerApplications.data) || customerApplications;
+                let applicationData = Array.isArray(responseData) ? responseData[0] : responseData;
+                // Prefer the application with wf_status === 'Active'
+                if (Array.isArray(responseData)) {
+                    const activeOnly = responseData.find((app) => {
+                        const status = (app.wf_status || app.status || '').toString();
+                        return status === 'Active';
+                    });
+                    if (activeOnly)
+                        applicationData = activeOnly;
+                }
+                if (Array.isArray(responseData)) {
+                    completeFDData = responseData.find((app) => {
+                        const status = (app.wf_status || app.status || '').toString();
+                        return status === 'Completed';
+                    });
+                    (0, globalData_1.setGlobalData)({ completeFDData: !!completeFDData });
+                }
+                if (applicationData) {
+                    const ids = {
+                        workflowInstanceId: applicationData.workflow_instance_id,
+                        applicationId: applicationData.application_id,
+                        entityid: applicationData.entity_id,
+                        customerId: applicationData.customer_id,
+                        fdId: applicationData.fd_id,
+                        currentState: applicationData.current_state,
+                        currentTask: applicationData.current_task,
+                        // Persist providerId from interest-rate API (prefers SDR, fallback FDR)
+                        providerId: getProviderIdFromInterestRates(),
+                        wfStatus: applicationData.wf_status,
+                    };
+                    if (dispatch && onboardingSlice_1.setOnboardingIds) {
+                        dispatch((0, onboardingSlice_1.setOnboardingIds)(ids));
+                    }
+                    else {
+                        // Dispatch or setOnboardingIds unavailable
+                    }
+                }
+            }
+            catch (error) {
+                // Handle error silently
+            }
+        }
+    }, [customerApplications, dispatch]);
+    // Unified handler: behave like bottom sheet Continue flow
+    const handlePendingFDContinue = async () => {
+        var _a;
+        // Persist active FD data to store for use across screens
+        try {
+            if (activeFD) {
+                const fdListSelectedData = {
+                    id: (selectedFD === null || selectedFD === void 0 ? void 0 : selectedFD.id) || 'active-fd',
+                    providerId: (selectedFD === null || selectedFD === void 0 ? void 0 : selectedFD.providerId) || '',
+                    name: activeFD.name,
+                    accountNumber: (selectedFD === null || selectedFD === void 0 ? void 0 : selectedFD.accountNumber) || '',
+                    roi: `${activeFD.returns}% p.a.`,
+                    tenure: activeFD.maturityDate || '-',
+                    amount: Number(activeFD.invested) || 0,
+                    maturityDate: activeFD.maturityDate || '-',
+                    status: 'active',
+                    creditRating: (selectedFD === null || selectedFD === void 0 ? void 0 : selectedFD.creditRating) || 'NA',
+                    companyName: activeFD.name,
+                    fdRate: `${activeFD.returns}% p.a.`,
+                    interestPayout: activeFD.interestPayout || '',
+                };
+                dispatch((0, fdListSelectedSlice_1.setFDListSelected)(fdListSelectedData));
+            }
+        }
+        catch (e) {
+            // Handle error silently
+        }
+        // Get current state from customer applications for workflow navigation
+        let currentState = null;
+        let transactionId = undefined;
+        try {
+            if (customerApplications && !isCustomerApplicationsEmpty()) {
+                // Normalize list
+                let applicationsData = [];
+                if (Array.isArray(customerApplications)) {
+                    applicationsData = customerApplications;
+                }
+                else if (customerApplications.data && Array.isArray(customerApplications.data)) {
+                    applicationsData = customerApplications.data;
+                }
+                else if (customerApplications.applications && Array.isArray(customerApplications.applications)) {
+                    applicationsData = customerApplications.applications;
+                }
+                if (applicationsData.length > 0) {
+                    // Prefer the active application
+                    const appData = applicationsData.find((a) => {
+                        const s = (a.wf_status || a.status || '').toString();
+                        return s === 'Active';
+                    }) || applicationsData[0];
+                    currentState = appData.current_state;
+                    // Extract transactionId from application data
+                    transactionId = appData.transaction_id || appData.transactionId;
+                }
+            }
+        }
+        catch (error) {
+            // Handle error silently
+        }
+        // If current state is payment and transactionId is available, call payment reverse feed API
+        if (currentState === workflowConstants_1.WORKFLOW_STATES.PAYMENT && transactionId) {
+            try {
+                // Get user info and required IDs
+                const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+                // Prepare payment reverse feed request
+                const paymentReverseFeedRequest = {
+                    // Headers
+                    providerId: providerId,
+                    workflowInstanceId: workflowInstanceId,
+                    userreferenceid: userInfo.id,
+                    applicationid: applicationId,
+                    entityid: entityId,
+                    // Body
+                    transactionId: transactionId,
+                };
+                const response = await paymentReverseFeed(paymentReverseFeedRequest).unwrap();
+                // Handle the response based on payment status
+                const paymentStatus = (((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.paymentStatus) || '').toLowerCase();
+                const statusParam = paymentStatus === 'success' ? 'success' : paymentStatus === 'failed' ? 'failed' : 'pending';
+                // Build fdData for display
+                const fdDataParam = activeFD ? {
+                    companyName: activeFD.name,
+                    amount: Number(activeFD.invested) || 0,
+                    fdRate: `${activeFD.returns}% p.a.`,
+                    tenure: activeFD.maturityDate ? `${activeFD.maturityDate}` : '-',
+                    interestPayout: activeFD.interestPayout || 'Yearly',
+                } : undefined;
+                (0, helpers_1.navigate)('PaymentStatus', { status: statusParam, transactionId, fdData: fdDataParam });
+                return;
+            }
+            catch (error) {
+                // Handle error silently
+                // On error, navigate with pending status as fallback
+                const fdDataParam = activeFD ? {
+                    companyName: activeFD.name,
+                    amount: Number(activeFD.invested) || 0,
+                    fdRate: `${activeFD.returns}% p.a.`,
+                    tenure: activeFD.maturityDate ? `${activeFD.maturityDate}` : '-',
+                    interestPayout: activeFD.interestPayout || 'Yearly',
+                } : undefined;
+                (0, helpers_1.navigate)('PaymentStatus', { status: 'pending', transactionId, fdData: fdDataParam });
+                return;
+            }
+        }
+        // Use workflow navigation based on current state (non-payment states or no transactionId)
+        if (currentState && Object.values(workflowConstants_1.WORKFLOW_STATES).includes(currentState)) {
+            (0, workflowNavigator_1.handleWorkflowNavigation)({
+                workflowState: currentState,
+                investmentData: undefined,
+                customerData: undefined,
+                appData: undefined,
+                fdData: undefined,
+                completedApplications: [],
+                transactionId,
+            });
+        }
+        else {
+            (0, helpers_1.navigate)('Employee');
+        }
+    };
+    // Derive identifiers for workflow termination from applications API
+    const terminateIdentifiers = react_1.default.useMemo(() => {
+        var _a, _b;
+        try {
+            if (!customerApplications || isCustomerApplicationsEmpty()) {
+                return {
+                    applicationId: undefined,
+                    workflowInstanceId: undefined,
+                    entityId: undefined,
+                    providerIdFromApp: undefined,
+                };
+            }
+            // Normalize list
+            let applicationsData = [];
+            if (Array.isArray(customerApplications)) {
+                applicationsData = customerApplications;
+            }
+            else if (customerApplications.data && Array.isArray(customerApplications.data)) {
+                applicationsData = customerApplications.data;
+            }
+            else if (customerApplications.applications && Array.isArray(customerApplications.applications)) {
+                applicationsData = customerApplications.applications;
+            }
+            if (applicationsData.length === 0) {
+                return {
+                    applicationId: undefined,
+                    workflowInstanceId: undefined,
+                    entityId: undefined,
+                    providerIdFromApp: undefined,
+                };
+            }
+            // Prefer a pending/in-progress one for termination, else first
+            const appForTerminate = applicationsData.find((a) => {
+                const s = (a.wf_status || a.status || '').toString().toLowerCase();
+                return s === 'pending' || s === 'in_progress' || s === 'in-progress';
+            }) || applicationsData[0];
+            const applicationId = appForTerminate.application_id || appForTerminate.applicationId || appForTerminate.id;
+            const workflowInstanceId = appForTerminate.workflow_instance_id || appForTerminate.workflowInstanceId || ((_a = appForTerminate.workflow) === null || _a === void 0 ? void 0 : _a.instanceId);
+            const entityId = appForTerminate.entity_id || appForTerminate.entityId || ((_b = appForTerminate.entity) === null || _b === void 0 ? void 0 : _b.id);
+            const providerIdFromApp = appForTerminate.provider_id || appForTerminate.providerId || appForTerminate.fd_provider_id || appForTerminate.fdProviderId;
+            return { applicationId, workflowInstanceId, entityId, providerIdFromApp };
+        }
+        catch (e) {
+            return {
+                applicationId: undefined,
+                workflowInstanceId: undefined,
+                entityId: undefined,
+                providerIdFromApp: undefined,
+            };
+        }
+    }, [customerApplications]);
+    // Derive Active FD card data from customer applications response
+    const activeFD = react_1.default.useMemo(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        try {
+            if (!customerApplications || isCustomerApplicationsEmpty()) {
+                return {
+                    name: 'Shriram Finance Ltd',
+                    invested: 0,
+                    value: 0,
+                    returns: 0,
+                    maturityDate: '--',
+                    interestPayout: 'Yearly'
+                };
+            }
+            // Normalize list
+            let applicationsData = [];
+            if (Array.isArray(customerApplications)) {
+                applicationsData = customerApplications;
+            }
+            else if (customerApplications.data && Array.isArray(customerApplications.data)) {
+                applicationsData = customerApplications.data;
+            }
+            else if (customerApplications.applications && Array.isArray(customerApplications.applications)) {
+                applicationsData = customerApplications.applications;
+            }
+            if (applicationsData.length === 0) {
+                return {
+                    name: 'Shriram Finance Ltd',
+                    invested: 0,
+                    value: 0,
+                    returns: 0,
+                    maturityDate: '--',
+                    interestPayout: 'Yearly'
+                };
+            }
+            // Pick an active application if available, otherwise first
+            const activeApp = applicationsData.find((a) => {
+                const s = (a.wf_status || a.status || '').toString();
+                return s === 'Active';
+            }) || applicationsData[0];
+            const invested = Number((_c = (_b = (_a = activeApp.investment_amount) !== null && _a !== void 0 ? _a : activeApp.amount) !== null && _b !== void 0 ? _b : activeApp.investmentAmount) !== null && _c !== void 0 ? _c : 0);
+            const rate = Number((_e = (_d = activeApp.interest_rate) !== null && _d !== void 0 ? _d : activeApp.interestRate) !== null && _e !== void 0 ? _e : 0);
+            // Prefer a provided current value, then maturity amount
+            const value = Number((_j = (_h = (_g = (_f = activeApp.current_value) !== null && _f !== void 0 ? _f : activeApp.currentValue) !== null && _g !== void 0 ? _g : activeApp.maturity_amount) !== null && _h !== void 0 ? _h : activeApp.maturityAmount) !== null && _j !== void 0 ? _j : 0);
+            const returns = rate || 0; // display interest rate as returns %
+            // Format maturity date to 'Mon YYYY'
+            const maturityDateStr = activeApp.maturity_date || activeApp.maturityDate || '';
+            let maturityDate = '--';
+            if (maturityDateStr) {
+                const d = new Date(maturityDateStr);
+                if (!isNaN(d.getTime())) {
+                    const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+                    maturityDate = `${months[d.getMonth()]} ${d.getFullYear()}`;
+                }
+            }
+            // Get interest payout term from activeApp
+            const interestPayout = activeApp.interest_payout_term || activeApp.interestPayoutTerm || activeApp.payout_term || 'Yearly';
+            return {
+                name: activeApp.fd_provider_name || activeApp.providerName || 'Shriram Finance Ltd',
+                invested,
+                value,
+                returns,
+                maturityDate,
+                interestPayout,
+            };
+        }
+        catch (e) {
+            return {
+                name: 'Shriram Finance Ltd',
+                invested: 0,
+                value: 0,
+                returns: 0,
+                maturityDate: '--',
+                interestPayout: 'Yearly'
+            };
+        }
+    }, [customerApplications]);
+    // Helper function to check if there's an active FD
+    const hasActiveFD = react_1.default.useMemo(() => {
+        try {
+            if (!customerApplications || isCustomerApplicationsEmpty()) {
+                return false;
+            }
+            // Normalize list
+            let applicationsData = [];
+            if (Array.isArray(customerApplications)) {
+                applicationsData = customerApplications;
+            }
+            else if (customerApplications.data && Array.isArray(customerApplications.data)) {
+                applicationsData = customerApplications.data;
+            }
+            else if (customerApplications.applications && Array.isArray(customerApplications.applications)) {
+                applicationsData = customerApplications.applications;
+            }
+            if (applicationsData.length === 0) {
+                return false;
+            }
+            // Check if any application has wf_status as "Active"
+            const hasActive = applicationsData.some((a) => {
+                const s = (a.wf_status || a.status || '').toString();
+                return s === 'Active';
+            });
+            return hasActive;
+        }
+        catch (e) {
+            return false;
+        }
+    }, [customerApplications]);
+    // Build FD options list from interest-rate API (show all FDs)
+    const fdList = react_1.default.useMemo(() => {
+        var _a, _b, _c, _d, _e, _f;
+        if (interestRates && (((_b = (_a = interestRates.data) === null || _a === void 0 ? void 0 : _a.sdrScheme) === null || _b === void 0 ? void 0 : _b.length) > 0 || ((_d = (_c = interestRates.data) === null || _c === void 0 ? void 0 : _c.fdrScheme) === null || _d === void 0 ? void 0 : _d.length) > 0)) {
+            const sdr = Array.isArray((_e = interestRates.data) === null || _e === void 0 ? void 0 : _e.sdrScheme) ? interestRates.data.sdrScheme : [];
+            const fdr = Array.isArray((_f = interestRates.data) === null || _f === void 0 ? void 0 : _f.fdrScheme) ? interestRates.data.fdrScheme : [];
+            const combined = [...sdr, ...fdr];
+            // Building FD options from rates
+            return combined.map((rate, index) => {
+                var _a, _b;
+                return ({
+                    id: `${rate.providerId || 'provider'}-${rate.perdMonth || index}`,
+                    providerId: rate.providerId || `provider-${index}`,
+                    name: rate.providerName || '', // Use actual provider name from API
+                    accountNumber: `FD${String(index + 1).padStart(9, '0')}`,
+                    roi: `${Number((_b = (_a = rate.rate) !== null && _a !== void 0 ? _a : rate.interestRate) !== null && _b !== void 0 ? _b : 0).toFixed(2)}% p.a.`,
+                    tenure: `${rate.perdMonth} Months`,
+                    amount: 5000,
+                    maturityDate: '2025-12-31',
+                    status: 'active',
+                    creditRating: rate.creditRating || 'AA+',
+                    interestPayout: rate.interestPayout || rate.interest_payout_term || rate.payout_term || 'Yearly'
+                });
+            });
+        }
+        // If rates are not available yet, show empty list
+        return [];
+    }, [interestRates]);
+    // Get filtered FD list based on active tab
+    const filteredFDList = react_1.default.useMemo(() => {
+        if (!fdList || fdList.length === 0)
+            return [];
+        // Always create a new filtered array
+        const filtered = filterFDsByTenure([...fdList], activeTab); // spread to ensure new array
+        return filtered;
+    }, [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" },
+            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" },
+        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.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),
+                react_1.default.createElement(react_native_1.TouchableOpacity, { activeOpacity: 0.8, onPress: handlePendingFDContinue },
+                    react_1.default.createElement(components_1.ActiveFDCard, { name: activeFD.name, invested: activeFD.invested, value: activeFD.value, returns: activeFD.returns, maturityDate: activeFD.maturityDate })))),
+            react_1.default.createElement(react_native_1.View, { style: styles.tabsContainer },
+                react_1.default.createElement(react_native_1.View, { style: styles.tabsRow }, tabs.map((tab) => (react_1.default.createElement(react_native_1.TouchableOpacity, { key: tab, style: [
+                        styles.tab,
+                        activeTab === tab && styles.activeTab
+                    ], onPress: () => {
+                        // Other tabs filter the data
+                        setActiveTab(tab);
+                    } },
+                    react_1.default.createElement(react_native_1.Text, { style: [
+                            styles.tabText,
+                            activeTab === tab && styles.activeTabText
+                        ] }, tab)))))),
+            react_1.default.createElement(react_native_1.View, { style: styles.fdOptionsContainer }, filteredFDList.length > 0 ? (filteredFDList.map((fd) => (react_1.default.createElement(components_1.FDCard, { key: fd.id, id: fd.id, name: fd.name, accountNumber: fd.accountNumber, roi: fd.roi, tenure: fd.tenure, amount: fd.amount, maturityDate: fd.maturityDate, status: fd.status, creditRating: fd.creditRating, onPress: (fdId) => {
+                    // Log the selection
+                    onSelectFD === null || onSelectFD === void 0 ? void 0 : onSelectFD(fdId);
+                    // Store the selected FD data locally
+                    setSelectedFD(fd);
+                    // Store the selected FD data in Redux for PayNow screen
+                    const fdListSelectedData = {
+                        id: fd.id,
+                        providerId: fd.providerId,
+                        name: fd.name,
+                        accountNumber: fd.accountNumber,
+                        roi: fd.roi,
+                        tenure: fd.tenure,
+                        amount: fd.amount,
+                        maturityDate: fd.maturityDate,
+                        status: fd.status,
+                        creditRating: fd.creditRating,
+                        // Additional fields for PayNow display
+                        companyName: fd.name,
+                        fdRate: fd.roi,
+                        interestPayout: fd.interestPayout || 'Yearly', // Use FD's interest payout or default
+                    };
+                    dispatch((0, fdListSelectedSlice_1.setFDListSelected)(fdListSelectedData));
+                    // Check if there's an active FD
+                    if (hasActiveFD) {
+                        // If there's an active FD, show bottom sheet
+                        setShowPendingFDBottomSheet(true);
+                    }
+                    else {
+                        // If no active FD, redirect to FD calculator
+                        onNavigateToFDCalculator === null || onNavigateToFDCalculator === void 0 ? void 0 : onNavigateToFDCalculator(fd);
+                    }
+                }, customStyles: customStyles })))) : (react_1.default.createElement(react_native_1.View, { style: styles.noDataContainer },
+                react_1.default.createElement(react_native_1.Text, { style: styles.noDataText }, isLoadingRates || isLoadingApplications ? strings_1.FD_STRINGS.LOADING_FD_DATA :
+                    interestRatesError || customerApplicationsError ? strings_1.FD_STRINGS.FAILED_TO_LOAD_FD_DATA :
+                        fdList.length === 0 ? (!isCustomerApplicationsEmpty() ? strings_1.FD_STRINGS.NO_CUSTOMER_FDS_FOUND : strings_1.FD_STRINGS.NO_FD_OPTIONS_AVAILABLE) :
+                            `${strings_1.FD_STRINGS.NO_FDS_FOUND_FOR_TENURE} "${activeTab}" tenure range.`))))),
+        react_1.default.createElement(components_1.PendingFDBottomSheet, { visible: showPendingFDBottomSheet, onClose: () => setShowPendingFDBottomSheet(false), pendingFDData: activeFD, isBookingNewLoading: isTerminatingWorkflow, onContinue: async () => {
+                setShowPendingFDBottomSheet(false);
+                await handlePendingFDContinue();
+            }, onBookNew: async () => {
+                try {
+                    // Pull identifiers from application API response, with last-resort placeholders
+                    const requestParams = {
+                        providerId: inferredProviderId,
+                        workflowInstanceId: terminateIdentifiers.workflowInstanceId || 'wf-instance-unknown',
+                        entityId: terminateIdentifiers.entityId || 'entity-unknown',
+                        applicationId: terminateIdentifiers.applicationId || 'application-unknown',
+                    };
+                    // Call workflow terminate API
+                    await terminateWorkflow(requestParams);
+                    // Dismiss bottom sheet
+                    setShowPendingFDBottomSheet(false);
+                    // Navigate to FD calculator
+                    onNavigateToFDCalculator === null || onNavigateToFDCalculator === void 0 ? void 0 : onNavigateToFDCalculator();
+                }
+                catch (error) {
+                    // Handle error silently
+                    // Still dismiss bottom sheet and navigate even if API fails
+                    // setShowPendingFDBottomSheet(false);
+                    // onNavigateToFDCalculator?.();
+                    // Show error alert
+                    react_native_1.Alert.alert('Warning', 'Failed to terminate existing workflow, but continuing with new FD booking.', [{ text: 'OK' }]);
+                }
+            } })));
+};
+const createStyles = (colors, typography, spacing, themeName) => react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: colors.surface,
+    },
+    customHeader: {
+        backgroundColor: '#0A1929',
+        paddingTop: react_native_1.Platform.OS === 'ios' ? 50 : 20,
+        paddingBottom: spacing.md,
+        paddingHorizontal: spacing.lg,
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    backButton: {
+        width: 40,
+        height: 40,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    backIcon: {
+        width: 24,
+        height: 24,
+        tintColor: '#FFFFFF',
+    },
+    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 }),
+    poweredByContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    poweredByText: Object.assign(Object.assign({}, typography.styles.text10Regular), { color: '#FFFFFF', opacity: 0.7, marginRight: 0 }),
+    simplifyLogo: {
+        width: 70,
+        height: 20,
+    },
+    content: {
+        flex: 1,
+    },
+    section: {
+        paddingHorizontal: spacing.lg,
+        paddingTop: spacing.xl,
+    },
+    sectionTitle: Object.assign(Object.assign({}, typography.styles.h3), { color: colors.text, marginBottom: spacing.lg }),
+    tabsContainer: {
+        paddingHorizontal: spacing.lg,
+        paddingTop: spacing.xxl,
+        paddingBottom: spacing.lg,
+    },
+    tabsRow: {
+        flexDirection: 'row',
+        justifyContent: 'space-around',
+        alignItems: 'center',
+    },
+    tab: {
+        flex: 1,
+        paddingHorizontal: spacing.sm,
+        paddingVertical: spacing.md,
+        marginHorizontal: 2,
+        borderBottomWidth: 3,
+        borderBottomColor: 'white',
+        borderBottomLeftRadius: 8,
+        borderBottomRightRadius: 8,
+        backgroundColor: 'transparent',
+    },
+    activeTab: {
+        borderBottomColor: colors.tabSelected,
+        backgroundColor: themeName === 'dark' ? '#000000' : '#fff',
+        borderBottomLeftRadius: 12,
+        borderBottomRightRadius: 12,
+    },
+    tabText: Object.assign(Object.assign({}, typography.styles.text12Medium), { color: colors.textSecondary, textAlign: 'center' }),
+    activeTabText: {
+        color: colors.tabSelected,
+        fontWeight: '600',
+        textAlign: 'center',
+    },
+    filterStatusContainer: {
+        paddingHorizontal: spacing.lg,
+        paddingVertical: spacing.sm,
+        backgroundColor: colors.background + '80', // 50% opacity
+        borderBottomWidth: 1,
+        borderBottomColor: colors.border + '20', // 20% opacity
+    },
+    filterStatusText: Object.assign(Object.assign({}, typography.styles.text12Regular), { color: colors.textSecondary, textAlign: 'center', fontStyle: 'italic' }),
+    fdOptionsContainer: {
+        paddingHorizontal: spacing.lg,
+        paddingBottom: spacing.xl,
+    },
+    // API Status Styles
+    apiStatusContainer: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        paddingHorizontal: spacing.lg,
+        paddingVertical: spacing.sm,
+        backgroundColor: colors.background,
+        borderBottomWidth: 1,
+        borderBottomColor: colors.border + '20', // 20% opacity
+    },
+    apiStatusIndicator: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        flex: 1,
+    },
+    apiStatusText: Object.assign(Object.assign({}, typography.styles.text10Regular), { color: colors.textSecondary, marginLeft: spacing.xs }),
+    apiSuccessText: Object.assign(Object.assign({}, typography.styles.text10Regular), { color: colors.success, marginLeft: spacing.xs }),
+    apiErrorText: Object.assign(Object.assign({}, typography.styles.text10Regular), { color: colors.error, marginLeft: spacing.xs }),
+    refreshButton: {
+        paddingHorizontal: spacing.sm,
+        paddingVertical: spacing.xs,
+        backgroundColor: colors.primary + '20', // 20% opacity
+        borderRadius: spacing.xs,
+    },
+    refreshButtonText: Object.assign(Object.assign({}, typography.styles.text10Medium), { color: colors.primary }),
+    noDataContainer: {
+        padding: spacing.lg,
+        alignItems: 'center',
+        justifyContent: 'center',
+        minHeight: 200,
+    },
+    noDataText: Object.assign(Object.assign({}, typography.styles.text14Regular), { color: colors.textSecondary, textAlign: 'center', lineHeight: 20, marginBottom: spacing.md }),
+    showAllButton: {
+        backgroundColor: colors.primary,
+        paddingHorizontal: spacing.lg,
+        paddingVertical: spacing.sm,
+        borderRadius: spacing.sm,
+        marginTop: spacing.md,
+    },
+    showAllButtonText: Object.assign(Object.assign({}, typography.styles.text14Medium), { color: '#ffffff', textAlign: 'center' }),
+});
+exports.default = FDList;