@finspringinnovations/fdsdk 0.0.1

package/lib/screens/AadhaarVerification.js

@@ -0,0 +1,627 @@
+"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 });
+// AadhaarVerification.tsx
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const SafeAreaWrapper_1 = __importDefault(require("../components/SafeAreaWrapper"));
+const components_1 = require("../components");
+const AadhaarInput_1 = __importDefault(require("../components/AadhaarInput"));
+const OTPInput_1 = __importDefault(require("../components/OTPInput"));
+const ValidationMessage_1 = __importDefault(require("../components/ValidationMessage"));
+const ActionButton_1 = __importDefault(require("../components/ActionButton"));
+const ThemeContext_1 = require("../theme/ThemeContext");
+const kycApi_1 = require("../api/kycApi");
+const workflowConstants_1 = require("../config/workflowConstants");
+const workflowApi_1 = require("../api/workflowApi");
+const store_1 = require("../store");
+const appDataConfig_1 = require("../config/appDataConfig");
+const helpers_1 = require("../navigation/helpers");
+const customerApi_1 = require("../api/customerApi");
+const native_1 = require("@react-navigation/native");
+const globalData_1 = require("../utils/globalData");
+const kyc_1 = require("../constants/strings/kyc");
+const common_1 = require("../constants/strings/common");
+const AadhaarVerification = ({ onGoBack, onVerificationComplete, }) => {
+    var _a;
+    const colors = (0, ThemeContext_1.useColors)();
+    const typography = (0, ThemeContext_1.useTypography)();
+    const styles = react_1.default.useMemo(() => createStyles(colors, typography), [colors, typography]);
+    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 customerId = (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.customerId; });
+    const wfStatus = (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.wfStatus; });
+    const route = (0, native_1.useRoute)();
+    const fdDataFromRoute = (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.fdData;
+    // Function to get providerId dynamically (can be extended to get from app data or API)
+    const defultProviderId = (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 Shriram provider ID
+    // API hooks
+    const [sendOtp, { isLoading: isSendingOtp }] = (0, kycApi_1.useEkycSendOtpMutation)();
+    const [verifyOtp, { isLoading: isVerifyingOtp }] = (0, kycApi_1.useAadhaarVerifyOtpMutation)();
+    const [updateTask, { isLoading: isUpdatingTask }] = (0, workflowApi_1.useUpdateTaskMutation)();
+    const [updateState, { isLoading: isUpdatingState }] = (0, workflowApi_1.useUpdateStateMutation)();
+    const [previousState] = (0, workflowApi_1.usePreviousStateMutation)();
+    const [getCustomerApplicationDetails] = (0, customerApi_1.useGetCustomerApplicationDetailsMutation)();
+    // State management
+    const [verificationState, setVerificationState] = (0, react_1.useState)('initial');
+    const [aadhaarNumber, setAadhaarNumber] = (0, react_1.useState)('');
+    const [isGoingBack, setIsGoingBack] = (0, react_1.useState)(false);
+    const [otp, setOtp] = (0, react_1.useState)(['', '', '', '', '', '']);
+    const [sessionTime, setSessionTime] = (0, react_1.useState)(120);
+    const [isResendEnabled, setIsResendEnabled] = (0, react_1.useState)(false);
+    const [aadhaarError, setAadhaarError] = (0, react_1.useState)('');
+    const [aadhaarSuccess, setAadhaarSuccess] = (0, react_1.useState)('');
+    const [transactionTime, setTransactionTime] = (0, react_1.useState)('');
+    const [referenceNo, setReferenceNo] = (0, react_1.useState)('');
+    const [isOtpVerified, setIsOtpVerified] = (0, react_1.useState)(false);
+    const [isOtpLocked, setIsOtpLocked] = (0, react_1.useState)(false);
+    const [otpVerificationError, setOtpVerificationError] = (0, react_1.useState)('');
+    const [isValidateOtpTaskCalled, setIsValidateOtpTaskCalled] = (0, react_1.useState)(false);
+    // If customer/application/details has Aadhaar already, show verified view
+    react_1.default.useEffect(() => {
+        const checkAadhaarStatus = async () => {
+            var _a;
+            try {
+                if (!applicationId || !customerId)
+                    return;
+                const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+                const details = await getCustomerApplicationDetails({
+                    providerId: defultProviderId,
+                    applicationId: applicationId,
+                    customerId: customerId,
+                    workflowInstanceId,
+                    userreferenceid: userInfo.userReferenceId,
+                    applicationid: applicationId,
+                    entityid: entityId,
+                }).unwrap();
+                // Check both root level and nested data structure
+                const rootAadhaar = (details === null || details === void 0 ? void 0 : details.aadhaarNumber) || (details === null || details === void 0 ? void 0 : details.aadharNo) || (details === null || details === void 0 ? void 0 : details.aadhar) || (details === null || details === void 0 ? void 0 : details.aadhaar);
+                const payload = Array.isArray(details === null || details === void 0 ? void 0 : details.data) ? details.data[0] : ((_a = details === null || details === void 0 ? void 0 : details.data) !== null && _a !== void 0 ? _a : details);
+                const nestedAadhaar = (payload === null || payload === void 0 ? void 0 : payload.aadhaarNumber) || (payload === null || payload === void 0 ? void 0 : payload.aadharNo) || (payload === null || payload === void 0 ? void 0 : payload.aadhar) || (payload === null || payload === void 0 ? void 0 : payload.aadhaar);
+                const aadhaarFromApi = rootAadhaar || nestedAadhaar;
+                // API response processed
+                if (aadhaarFromApi) {
+                    // Use the exact Aadhaar number from API response
+                    const aadhaarStr = String(aadhaarFromApi);
+                    setAadhaarNumber(aadhaarStr);
+                    setVerificationState('verified');
+                    setAadhaarSuccess(kyc_1.KYC_STRINGS.AADHAAR_ALREADY_VERIFIED);
+                }
+            }
+            catch (e) {
+                // Non-blocking
+            }
+        };
+        checkAadhaarStatus();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [applicationId, customerId]);
+    // Auto send OTP when 12 digits are entered
+    const autoSendOtp = async (aadhaarNum) => {
+        var _a;
+        // Start session timer
+        const timer = setInterval(() => {
+            setSessionTime((prev) => {
+                if (prev <= 1) {
+                    clearInterval(timer);
+                    setIsResendEnabled(true);
+                    return 0;
+                }
+                return prev - 1;
+            });
+        }, 1000);
+        try {
+            const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+            const response = await sendOtp({
+                providerId: defultProviderId,
+                workflowInstanceId,
+                userreferenceid: userInfo.userReferenceId,
+                applicationid: applicationId,
+                entityid: entityId,
+                // body params
+                aadharNo: aadhaarNum,
+                panNo: userInfo.panNumber,
+                mobileNo: userInfo.mobileNumber,
+                isRetry: false,
+            }).unwrap();
+            // Always transition to OTP state first for better UX
+            setVerificationState('otp');
+            // Store transactionTime and referenceNo from response for verify API
+            // The response structure is: { data: [{ transactionTime: '...', referenceNo: '...' }], message: '...', status: '...' }
+            if ((response === null || response === void 0 ? void 0 : response.data) && Array.isArray(response.data) && response.data.length > 0) {
+                const responseData = response.data[0];
+                if (responseData === null || responseData === void 0 ? void 0 : responseData.transactionTime) {
+                    setTransactionTime(responseData.transactionTime);
+                }
+                if (responseData === null || responseData === void 0 ? void 0 : responseData.referenceNo) {
+                    setReferenceNo(responseData.referenceNo);
+                }
+            }
+        }
+        catch (error) {
+            // Don't show alert immediately, let user try to enter OTP
+            // They can use resend if needed
+            setVerificationState('initial');
+            // If backend returns 400, show friendly error below the text field
+            const status = (error === null || error === void 0 ? void 0 : error.status) || ((_a = error === null || error === void 0 ? void 0 : error.data) === null || _a === void 0 ? void 0 : _a.statusCode);
+            // if (status === 400 || status === 500) {
+            setAadhaarError(kyc_1.KYC_STRINGS.AADHAAR_ERROR_GENERIC);
+            //  }
+            // Hide timer and show resend button when API fails
+            setIsResendEnabled(true);
+            setSessionTime(0); // Hide timer text
+        }
+    };
+    // Format Aadhaar number with spaces (XXXX XXXX XXXX)
+    const formatAadhaarNumber = (number) => {
+        const cleaned = number.replace(/\s/g, '');
+        if (cleaned.length <= 4)
+            return cleaned;
+        if (cleaned.length <= 8)
+            return `${cleaned.slice(0, 4)} ${cleaned.slice(4)}`;
+        return `${cleaned.slice(0, 4)} ${cleaned.slice(4, 8)} ${cleaned.slice(8, 12)}`;
+    };
+    // Format Aadhaar number for display (show only first 4 digits, rest as XXXX)
+    const formatAadhaarForDisplay = (number) => {
+        const cleaned = number.replace(/\s/g, '');
+        // Check if it's already a masked format from API
+        if (cleaned.includes('X')) {
+            // Format masked Aadhaar with spaces: XXXX XXXX XXXX
+            if (cleaned.length === 12) {
+                return `${cleaned.slice(0, 4)} ${cleaned.slice(4, 8)} ${cleaned.slice(8, 12)}`;
+            }
+            return cleaned; // Return as-is if not 12 characters
+        }
+        // Handle regular Aadhaar numbers
+        if (cleaned.length < 4)
+            return cleaned;
+        if (cleaned.length === 12) {
+            return `XXXX XXXX ${cleaned.slice(-4)}`;
+        }
+        return formatAadhaarNumber(number); // Show normal format while typing
+    };
+    // Handle Aadhaar number input
+    const handleAadhaarChange = (text) => {
+        const cleaned = text.replace(/\D/g, ''); // Remove non-digits
+        if (cleaned.length <= 12) {
+            // If user changes Aadhaar while in OTP/verified state, reset OTP flow
+            if (verificationState !== 'initial') {
+                setVerificationState('initial');
+                setOtp(['', '', '', '', '', '']);
+                setIsResendEnabled(false);
+                setSessionTime(120);
+                // Reset verification state when Aadhaar changes
+                setIsOtpVerified(false);
+                setOtpVerificationError('');
+                setIsOtpLocked(false);
+                // Reset VALIDATE_OTP task flag when Aadhaar changes
+                //setIsValidateOtpTaskCalled(false);
+            }
+            setAadhaarNumber(cleaned);
+            // Validate Aadhaar number
+            if (!cleaned) {
+                setAadhaarError('');
+                //  setAadhaarSuccess('');
+            }
+            else if (cleaned.length < 12) {
+                setAadhaarError(kyc_1.KYC_STRINGS.AADHAAR_MUST_BE_12_DIGITS);
+                // setAadhaarSuccess('');
+            }
+            else if (cleaned.length === 12) {
+                setAadhaarError('');
+                //   setAadhaarSuccess('Valid Aadhaar number');
+                // Auto send OTP and transition to OTP view when 12 digits are entered
+                if (verificationState === 'initial') {
+                    // Small delay to show success message briefly before transitioning
+                    setTimeout(() => {
+                        autoSendOtp(cleaned);
+                    }, 500);
+                }
+            }
+        }
+    };
+    // Handle OTP input
+    const handleOtpChange = (value, index) => {
+        if (value.length <= 1) {
+            const newOtp = [...otp];
+            newOtp[index] = value;
+            setOtp(newOtp);
+            // Reset verification state when user changes OTP
+            setIsOtpVerified(false);
+            setOtpVerificationError('');
+            // Reset VALIDATE_OTP task flag when OTP changes
+            // setIsValidateOtpTaskCalled(false);
+            // Check if all 6 digits are entered
+            if (newOtp.every(digit => digit !== '')) {
+                // Dismiss keyboard when all digits are entered
+                react_native_1.Keyboard.dismiss();
+                // Lock OTP input to prevent editing until user resends or changes Aadhaar
+                setIsOtpLocked(true);
+                // All digits entered, automatically verify OTP with the new OTP
+                handleVerifyOtpWithOtp(newOtp.join(''));
+            }
+        }
+    };
+    // Handle OTP backspace
+    const handleOtpKeyPress = (key, index) => {
+        // Logic is now handled in OTPInput component
+    };
+    // Note: handleContinueFromAadhaar is no longer needed as transition happens automatically
+    // when 12 digits are typed via autoSendOtp function
+    // Verify OTP with provided OTP string
+    const handleVerifyOtpWithOtp = async (otpString) => {
+        if (otpString.length === 6) {
+            try {
+                const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+                // 1) Update Task before verifying OTP (only if not already called)
+                if (!isValidateOtpTaskCalled) {
+                    await updateTask({
+                        providerId: defultProviderId,
+                        workflowInstanceId,
+                        userreferenceid: userInfo.userReferenceId,
+                        applicationid: applicationId,
+                        entityid: entityId,
+                        // Request params/body
+                        targetTaskId: workflowConstants_1.WORKFLOW_TASKS.VALIDATE_OTP,
+                    }).unwrap();
+                    setIsValidateOtpTaskCalled(true);
+                }
+                else {
+                }
+                // 2) Verify OTP
+                const response = await verifyOtp({
+                    providerId: defultProviderId,
+                    workflowInstanceId,
+                    userreferenceid: userInfo.userReferenceId,
+                    applicationid: applicationId,
+                    entityid: entityId,
+                    // body params
+                    customerId: customerId,
+                    transactionTime: transactionTime,
+                    referenceNo: referenceNo,
+                    applicationId: applicationId,
+                    aadharNo: aadhaarNumber,
+                    mobileNo: userInfo.mobileNumber,
+                    otp: otpString,
+                }).unwrap();
+                // OTP verification successful; do not call updateState or navigate here.
+                // Enable Continue button via flags; navigation/state update will happen on Continue.
+                setIsOtpVerified(true);
+                setOtpVerificationError('');
+                setVerificationState('verified');
+                return;
+            }
+            catch (error) {
+                // OTP verification failed
+                setIsOtpVerified(false);
+                setOtpVerificationError(kyc_1.KYC_STRINGS.INVALID_OR_EXPIRED_OTP);
+                // Re-enable OTP input so user can correct the code
+                setIsOtpLocked(false);
+                // Clear entered OTP to allow fresh input
+                setOtp(['', '', '', '', '', '']);
+            }
+        }
+        else {
+            setIsOtpVerified(false);
+            setOtpVerificationError(kyc_1.KYC_STRINGS.OTP_INCOMPLETE);
+        }
+    };
+    // Resend OTP
+    const handleResendOtp = async () => {
+        var _a;
+        try {
+            const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+            setIsValidateOtpTaskCalled(false);
+            // 1) First call updateTask API
+            const updateTaskResponse = await updateTask({
+                providerId: defultProviderId,
+                workflowInstanceId,
+                userreferenceid: userInfo.userReferenceId,
+                applicationid: applicationId,
+                entityid: entityId,
+                // Request params/body
+                targetTaskId: workflowConstants_1.WORKFLOW_TASKS.RESEND_OTP,
+            }).unwrap();
+            // 2) Then call OTP API with the updateTask response
+            const response = await sendOtp({
+                providerId: defultProviderId,
+                workflowInstanceId,
+                userreferenceid: userInfo.userReferenceId,
+                applicationid: applicationId,
+                entityid: entityId,
+                // body params
+                aadharNo: aadhaarNumber,
+                panNo: userInfo.panNumber,
+                mobileNo: userInfo.mobileNumber,
+                isRetry: true,
+            }).unwrap();
+            // Store transactionTime and referenceNo from response for verify API
+            // The response structure is: { data: [{ transactionTime: '...', referenceNo: '...' }], message: '...', status: '...' }
+            if ((response === null || response === void 0 ? void 0 : response.data) && Array.isArray(response.data) && response.data.length > 0) {
+                const responseData = response.data[0];
+                if (responseData === null || responseData === void 0 ? void 0 : responseData.transactionTime) {
+                    setTransactionTime(responseData.transactionTime);
+                }
+                if (responseData === null || responseData === void 0 ? void 0 : responseData.referenceNo) {
+                    setReferenceNo(responseData.referenceNo);
+                }
+            }
+            // Reset OTP fields and timer
+            setOtp(['', '', '', '', '', '']);
+            setSessionTime(120);
+            setIsResendEnabled(false);
+            // Reset verification state when resending OTP
+            setIsOtpVerified(false);
+            setOtpVerificationError('');
+            setIsOtpLocked(false);
+            // Reset VALIDATE_OTP task flag so it can be called again
+            // Reset timer
+            const timer = setInterval(() => {
+                setSessionTime((prev) => {
+                    if (prev <= 1) {
+                        clearInterval(timer);
+                        setIsResendEnabled(true);
+                        return 0;
+                    }
+                    return prev - 1;
+                });
+            }, 1000);
+        }
+        catch (error) {
+            // Check if it's a 500 error specifically
+            const isServerError = (error === null || error === void 0 ? void 0 : error.status) === 500 || ((_a = error === null || error === void 0 ? void 0 : error.data) === null || _a === void 0 ? void 0 : _a.statusCode) === 500;
+            const errorMessage = isServerError
+                ? common_1.COMMON_STRINGS.SERVER_ERROR
+                : kyc_1.KYC_STRINGS.RESEND_OTP_FAILED;
+            react_native_1.Alert.alert(common_1.COMMON_STRINGS.ERROR, errorMessage);
+            // Hide timer and show resend button when API fails
+            setIsResendEnabled(true);
+            setSessionTime(0); // Hide timer text
+        }
+    };
+    // Format session time
+    const formatSessionTime = (seconds) => {
+        const mins = Math.floor(seconds / 60);
+        const secs = seconds % 60;
+        return `${mins.toString().padStart(2, '0')} minutes`;
+    };
+    const isContinueEnabled = () => {
+        switch (verificationState) {
+            case 'initial':
+                return aadhaarNumber.length === 12 && !aadhaarError;
+            case 'otp':
+                return isOtpVerified && !otpVerificationError;
+            case 'verified':
+                return true;
+            default:
+                return false;
+        }
+    };
+    const isLoading = isSendingOtp || isVerifyingOtp || isUpdatingTask || isUpdatingState;
+    const renderInitialState = () => (react_1.default.createElement(react_native_1.ScrollView, { style: { flex: 1 }, contentContainerStyle: { paddingHorizontal: 16, paddingTop: 24, paddingBottom: 100 }, keyboardShouldPersistTaps: "handled", showsVerticalScrollIndicator: false, scrollEnabled: !isLoading },
+        react_1.default.createElement(AadhaarInput_1.default, { label: kyc_1.KYC_STRINGS.AADHAAR_CARD_LABEL, value: formatAadhaarNumber(aadhaarNumber), onChangeText: handleAadhaarChange, isSuccess: !!aadhaarSuccess, isLoading: isSendingOtp, editable: !isSendingOtp && verificationState === 'initial' }),
+        react_1.default.createElement(react_native_1.Text, { style: styles.infoText }, "We do not save aadhar card info."),
+        react_1.default.createElement(ValidationMessage_1.default, { type: "error", message: aadhaarError, visible: !!aadhaarError }),
+        react_1.default.createElement(ValidationMessage_1.default, { type: "success", message: aadhaarSuccess, visible: !!aadhaarSuccess && !isSendingOtp }),
+        isSendingOtp && (react_1.default.createElement(react_native_1.View, { style: styles.loaderContainer },
+            react_1.default.createElement(react_native_1.ActivityIndicator, { size: "large", color: colors.primary }),
+            react_1.default.createElement(react_native_1.Text, { style: styles.loaderText }, kyc_1.KYC_STRINGS.SENDING_OTP)))));
+    const renderOtpState = () => (react_1.default.createElement(react_native_1.ScrollView, { style: { flex: 1 }, contentContainerStyle: { paddingHorizontal: 16, paddingTop: 24, paddingBottom: 100 }, keyboardShouldPersistTaps: "handled", showsVerticalScrollIndicator: false, scrollEnabled: !isLoading },
+        react_1.default.createElement(AadhaarInput_1.default, { label: kyc_1.KYC_STRINGS.AADHAAR_CARD_LABEL, value: formatAadhaarForDisplay(aadhaarNumber), onChangeText: handleAadhaarChange, isSuccess: !!aadhaarSuccess, editable: false, isLoading: isSendingOtp }),
+        react_1.default.createElement(react_native_1.Text, { style: styles.infoText }, "We do not save aadhar card info."),
+        react_1.default.createElement(ValidationMessage_1.default, { type: "error", message: aadhaarError, visible: !!aadhaarError }),
+        react_1.default.createElement(ValidationMessage_1.default, { type: "success", message: aadhaarSuccess, visible: !!aadhaarSuccess }),
+        react_1.default.createElement(OTPInput_1.default, { value: otp, onChangeText: handleOtpChange, onKeyPress: handleOtpKeyPress, sessionTime: sessionTime, onResend: handleResendOtp, isResendEnabled: isResendEnabled, error: !!otpVerificationError, errorMessage: otpVerificationError, disabled: isVerifyingOtp || isSendingOtp || isOtpLocked }),
+        react_1.default.createElement(react_native_1.View, { style: { minHeight: 40, marginTop: -30 } },
+            react_1.default.createElement(ValidationMessage_1.default, { type: "error", message: otpVerificationError, visible: !!otpVerificationError })),
+        isVerifyingOtp && (react_1.default.createElement(react_native_1.View, { style: styles.loaderContainer },
+            react_1.default.createElement(react_native_1.ActivityIndicator, { size: "large", color: colors.primary }),
+            react_1.default.createElement(react_native_1.Text, { style: styles.loaderText }, kyc_1.KYC_STRINGS.VERIFYING_OTP))),
+        isSendingOtp && (react_1.default.createElement(react_native_1.View, { style: styles.loaderContainer },
+            react_1.default.createElement(react_native_1.ActivityIndicator, { size: "large", color: colors.primary }),
+            react_1.default.createElement(react_native_1.Text, { style: styles.loaderText }, kyc_1.KYC_STRINGS.RESENDING_OTP)))));
+    const renderVerifiedState = () => (react_1.default.createElement(react_native_1.ScrollView, { style: { flex: 1 }, contentContainerStyle: { paddingHorizontal: 16, paddingTop: 24, paddingBottom: 100 }, keyboardShouldPersistTaps: "handled", showsVerticalScrollIndicator: false, scrollEnabled: !isLoading },
+        react_1.default.createElement(react_native_1.View, { style: styles.verifiedAadhaarContainer },
+            react_1.default.createElement(AadhaarInput_1.default, { label: kyc_1.KYC_STRINGS.AADHAAR_CARD_LABEL, value: formatAadhaarForDisplay(aadhaarNumber), onChangeText: handleAadhaarChange, isSuccess: true, editable: false })),
+        react_1.default.createElement(react_native_1.Text, { style: styles.infoText }, "We do not save aadhar card info."),
+        react_1.default.createElement(ValidationMessage_1.default, { type: "error", message: aadhaarError, visible: !!aadhaarError }),
+        react_1.default.createElement(ValidationMessage_1.default, { type: "success", message: kyc_1.KYC_STRINGS.AADHAAR_NUMBER_VERIFIED, visible: true })));
+    const getButtonTitle = () => {
+        // switch (verificationState) {
+        //     case 'initial':
+        //         return 'Continue';
+        //     case 'otp':
+        //         if (isOtpVerified) {
+        //             return 'Continue';
+        //         } else if (otpVerificationError) {
+        //             return 'Continue';
+        //         } else {
+        //             return 'Continue';
+        //         }
+        //     case 'verified':
+        //         return 'Continue';
+        //     default:
+        //         return COMMON_STRINGS.CONTINUE;
+        // }
+        return common_1.COMMON_STRINGS.CONTINUE;
+    };
+    const handleButtonPress = async () => {
+        if (verificationState === 'initial') {
+            if (aadhaarNumber.length === 12) {
+                autoSendOtp(aadhaarNumber);
+            }
+        }
+        else if (verificationState === 'otp') {
+            // Only call updateState API when continue button is pressed
+            try {
+                const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+                await updateState({
+                    providerId: defultProviderId,
+                    workflowInstanceId,
+                    userreferenceid: userInfo.userReferenceId,
+                    applicationid: applicationId,
+                    entityid: entityId,
+                    nextState: 'AadhaarVerified',
+                }).unwrap();
+                const data = (0, globalData_1.getGlobalData)();
+                // Redirect immediately after successful updateState
+                if (data.completeFDData) {
+                    (0, helpers_1.navigate)('PayNow', { fdData: fdDataFromRoute });
+                }
+                else {
+                    onVerificationComplete === null || onVerificationComplete === void 0 ? void 0 : onVerificationComplete(aadhaarNumber);
+                }
+                // Alert.alert('Success', 'Aadhaar verification successful 2');
+            }
+            catch (error) {
+                react_native_1.Alert.alert(common_1.COMMON_STRINGS.ERROR, kyc_1.KYC_STRINGS.FAILED_TO_PROCEED);
+            }
+        }
+        else if (verificationState === 'verified') {
+            try {
+                const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+                await updateState({
+                    providerId: defultProviderId,
+                    workflowInstanceId,
+                    userreferenceid: userInfo.userReferenceId,
+                    applicationid: applicationId,
+                    entityid: entityId,
+                    nextState: 'AadhaarVerified',
+                }).unwrap();
+                const data = (0, globalData_1.getGlobalData)();
+                // Redirect only after successful updateState
+                if (data.completeFDData) {
+                    (0, helpers_1.navigate)('PayNow', { fdData: fdDataFromRoute });
+                }
+                else {
+                    onVerificationComplete === null || onVerificationComplete === void 0 ? void 0 : onVerificationComplete(aadhaarNumber);
+                }
+                // Alert.alert('Success', 'Aadhaar verification successful 3');
+            }
+            catch (error) {
+                react_native_1.Alert.alert(common_1.COMMON_STRINGS.ERROR, kyc_1.KYC_STRINGS.FAILED_TO_PROCEED);
+            }
+        }
+    };
+    // Handler for back button (used by both header and hardware back button)
+    const handleBackPress = async () => {
+        setIsGoingBack(true);
+        try {
+            const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+            await previousState({
+                providerId: defultProviderId,
+                workflowInstanceId,
+                userreferenceid: userInfo.userReferenceId,
+                applicationid: applicationId,
+                entityid: entityId,
+            });
+        }
+        catch (e) {
+            // Handle error silently
+        }
+        finally {
+            setIsGoingBack(false);
+            // onGoBack?.();
+            (0, helpers_1.navigate)('ReviewKYC');
+        }
+    };
+    // Handle Android hardware back button
+    (0, react_1.useEffect)(() => {
+        if (react_native_1.Platform.OS !== 'android')
+            return;
+        const onHardwareBackPress = () => {
+            handleBackPress();
+            return true; // Prevent default behavior
+        };
+        const backHandler = react_native_1.BackHandler.addEventListener('hardwareBackPress', onHardwareBackPress);
+        return () => backHandler.remove();
+    }, [defultProviderId, workflowInstanceId, applicationId, entityId]);
+    return (react_1.default.createElement(SafeAreaWrapper_1.default, { includeTop: false, bottomPadding: 25, statusBarColor: "#000000", statusBarStyle: "light-content" },
+        react_1.default.createElement(components_1.Header, { title: kyc_1.KYC_STRINGS.AADHAAR_VERIFICATION_TITLE, onBackPress: handleBackPress }),
+        react_1.default.createElement(react_native_1.KeyboardAvoidingView, { style: { flex: 1 }, behavior: react_native_1.Platform.OS === 'ios' ? 'padding' : 'height', keyboardVerticalOffset: react_native_1.Platform.OS === 'ios' ? 0 : 20 },
+            verificationState === 'initial' && renderInitialState(),
+            verificationState === 'otp' && renderOtpState(),
+            verificationState === 'verified' && renderVerifiedState(),
+            react_1.default.createElement(react_native_1.View, { style: { paddingHorizontal: 16, paddingBottom: 6 } },
+                react_1.default.createElement(ActionButton_1.default, { title: getButtonTitle(), onPress: handleButtonPress, disabled: !isContinueEnabled(), loading: isLoading }))),
+        isLoading && (react_1.default.createElement(react_native_1.View, { style: styles.loadingOverlay, pointerEvents: "auto" })),
+        isGoingBack && (react_1.default.createElement(react_native_1.View, { style: styles.loadingOverlay, pointerEvents: "auto" },
+            react_1.default.createElement(react_native_1.ActivityIndicator, { size: "large", color: colors.primary })))));
+};
+const createStyles = (colors, typography) => react_native_1.StyleSheet.create({
+    infoText: Object.assign(Object.assign({}, typography.styles.bodySmall), { color: colors.textLight, marginTop: 8, marginBottom: 16 }),
+    verifiedAadhaarContainer: {
+        position: 'relative',
+        marginBottom: 8,
+    },
+    verifiedBadge: {
+        position: 'absolute',
+        top: 8,
+        right: 12,
+        backgroundColor: '#4CAF50',
+        paddingHorizontal: 8,
+        paddingVertical: 4,
+        borderRadius: 12,
+        zIndex: 1,
+    },
+    verifiedText: {
+        color: 'white',
+        fontSize: 12,
+        fontWeight: '600',
+    },
+    loaderContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginTop: 16,
+        marginBottom: 8,
+    },
+    loaderText: Object.assign(Object.assign({}, typography.styles.bodyMedium), { color: colors.text, marginLeft: 12 }),
+    loadingOverlay: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: 'rgba(0, 0, 0, 0.3)',
+        justifyContent: 'center',
+        alignItems: 'center',
+        zIndex: 1000,
+    },
+});
+exports.default = AadhaarVerification;

package/lib/screens/AddBankAccount.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface AddBankAccountProps {
+    onGoBack?: () => void;
+    onContinue?: (data: AddBankAccountData) => void;
+    onFindIFSC?: () => void;
+    initialData?: Partial<AddBankAccountData>;
+    selectedIFSC?: IFSCData;
+}
+export interface IFSCData {
+    bankName: string;
+    branchName: string;
+    ifscCode: string;
+    bankShortDesc?: string;
+    bankCode?: string;
+    customerBankPk?: string;
+}
+export interface AddBankAccountData {
+    accountType: string;
+    accountNumber: string;
+}
+declare const AddBankAccount: React.FC<AddBankAccountProps>;
+export default AddBankAccount;