@finspringinnovations/fdsdk 0.0.1

package/lib/screens/PaymentStatus.js

@@ -0,0 +1,397 @@
+"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 Ionicons_1 = __importDefault(require("react-native-vector-icons/Ionicons"));
+const base64Images_1 = require("../constants/strings/base64Images");
+const SafeAreaWrapper_1 = __importDefault(require("../components/SafeAreaWrapper"));
+const components_1 = require("../components");
+const ActionButton_1 = __importDefault(require("../components/ActionButton"));
+const ThemeContext_1 = require("../theme/ThemeContext");
+const fdApi_1 = require("../api/fdApi");
+const customerApi_1 = require("../api/customerApi");
+const store_1 = require("../store");
+const appDataConfig_1 = require("../config/appDataConfig");
+const helpers_1 = require("../navigation/helpers");
+const paymentSession_1 = require("../state/paymentSession");
+const native_1 = require("@react-navigation/native");
+const bank_1 = require("../constants/strings/bank");
+const common_1 = require("../constants/strings/common");
+const apiConfig_1 = require("../config/apiConfig");
+const PaymentStatus = ({ onRetry, onContinue, status, transactionId, fdData }) => {
+    var _a;
+    const colors = (0, ThemeContext_1.useColors)();
+    const typography = (0, ThemeContext_1.useTypography)();
+    const { themeName } = (0, ThemeContext_1.useTheme)();
+    // Local state to track current status (can be updated from API responses)
+    const [currentStatus, setCurrentStatus] = (0, react_1.useState)(status);
+    const styles = createStyles(colors, typography, currentStatus);
+    const route = (0, native_1.useRoute)();
+    // Get transaction ID from navigation props (route params)
+    const navigationTransactionId = (_a = route.params) === null || _a === void 0 ? void 0 : _a.transactionId;
+    // Fallback: Get transaction ID from payment session if not in navigation params
+    const paymentSession = (0, paymentSession_1.getPaymentSession)();
+    const sessionTransactionId = paymentSession.transactionId;
+    const finalTransactionId = navigationTransactionId || sessionTransactionId || transactionId || "";
+    // Redux selectors
+    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; });
+    // Payment Reverse Feed API
+    const [paymentReverseFeed, { data: paymentReverseFeedResponse, error: paymentReverseFeedError, isLoading: isLoadingPaymentReverseFeed, }] = (0, fdApi_1.usePaymentReverseFeedMutation)();
+    // Payment Retry API
+    const [paymentRetry, { data: paymentRetryResponse, error: paymentRetryError, isLoading: isLoadingPaymentRetry, }] = (0, fdApi_1.usePaymentRetryMutation)();
+    // Get Customer Applications API
+    const [getCustomerApplications, { isLoading: isLoadingCustomerApplications, }] = (0, customerApi_1.useGetCustomerApplicationsMutation)();
+    // Pull FD data: fdListSelected > fdData prop > default
+    const fdListSelectedData = (0, store_1.useAppSelector)((state) => state === null || state === void 0 ? void 0 : state.fdListSelected);
+    const displayData = fdListSelectedData ? {
+        companyName: fdListSelectedData.companyName,
+        amount: fdListSelectedData.amount,
+        fdRate: fdListSelectedData.fdRate,
+        tenure: fdListSelectedData.tenure,
+        interestPayout: fdListSelectedData.interestPayout,
+    } : fdData || {
+        companyName: '',
+        amount: 0,
+        fdRate: '',
+        tenure: '',
+        interestPayout: '',
+    };
+    const displayTransactionId = finalTransactionId || '';
+    const formatAmount = (amount) => {
+        return amount.toLocaleString('en-IN');
+    };
+    // Handle payment reverse feed API call for pending status
+    const handlePaymentReverseFeed = async () => {
+        var _a, _b, _c, _d;
+        try {
+            // Get user info from app data
+            const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+            // Prepare the API request
+            const paymentReverseFeedRequest = {
+                // Headers
+                providerId: providerId,
+                workflowInstanceId: workflowInstanceId,
+                userreferenceid: userInfo.id,
+                applicationid: applicationId,
+                entityid: entityId,
+                // Body
+                transactionId: finalTransactionId,
+            };
+            const response = await paymentReverseFeed(paymentReverseFeedRequest).unwrap();
+            // Handle the response based on payment status
+            if (((_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.paymentStatus) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'success') {
+                setCurrentStatus('success');
+            }
+            else if (((_d = (_c = response === null || response === void 0 ? void 0 : response.data) === null || _c === void 0 ? void 0 : _c.paymentStatus) === null || _d === void 0 ? void 0 : _d.toLowerCase()) === 'failed') {
+                setCurrentStatus('failed');
+            }
+        }
+        catch (error) {
+            // Alert.alert(COMMON_STRINGS.ERROR, BANK_STRINGS.PAYMENT_GATEWAY_ERROR, [
+            //     { text: COMMON_STRINGS.OK }
+            // ]);
+        }
+    };
+    // Handle payment retry when status is failed
+    const handlePaymentRetry = async () => {
+        var _a;
+        if (!finalTransactionId) {
+            react_native_1.Alert.alert(common_1.COMMON_STRINGS.ERROR, bank_1.BANK_STRINGS.PAYMENT_GATEWAY_ERROR);
+            return;
+        }
+        try {
+            const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+            const paymentRetryRequest = {
+                // Headers
+                providerId: providerId,
+                workflowInstanceId: workflowInstanceId,
+                userreferenceid: userInfo.id,
+                applicationid: applicationId,
+                entityid: entityId,
+                // Body
+                transactionId: finalTransactionId,
+            };
+            const response = await paymentRetry(paymentRetryRequest).unwrap();
+            const payload = Array.isArray(response === null || response === void 0 ? void 0 : response.data)
+                ? response.data[0]
+                : (_a = response === null || response === void 0 ? void 0 : response.data) !== null && _a !== void 0 ? _a : response;
+            // Support multiple response key casings
+            const newPaymentUrl = (payload === null || payload === void 0 ? void 0 : payload.PaymentUrl) || (payload === null || payload === void 0 ? void 0 : payload.paymentUrl);
+            const newTransactionId = (payload === null || payload === void 0 ? void 0 : payload.Transactionid) || (payload === null || payload === void 0 ? void 0 : payload.transactionId) || finalTransactionId;
+            if (newPaymentUrl) {
+                // Save session and navigate to Payment screen
+                (0, paymentSession_1.setPaymentSession)({ paymentUrl: newPaymentUrl, transactionId: newTransactionId });
+                (0, helpers_1.navigate)('Payment');
+            }
+            else {
+                react_native_1.Alert.alert(bank_1.BANK_STRINGS.PAYMENT_FAILED, bank_1.BANK_STRINGS.PAYMENT_GATEWAY_ERROR);
+            }
+        }
+        catch (error) {
+        }
+    };
+    // Handle exit button click - fetch FD details and pass to main app
+    const handleExit = async () => {
+        try {
+            // Get user info from app data
+            const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+            // Get API configuration
+            const apiConfig = (0, apiConfig_1.getApiConfig)();
+            // Prepare request payload
+            const requestPayload = {
+                userReferenceId: userInfo.id
+            };
+            // Call API to get customer applications
+            const response = await getCustomerApplications(requestPayload).unwrap();
+            // Extract applications from response (handle different response structures)
+            let applications = [];
+            if (Array.isArray(response)) {
+                applications = response;
+            }
+            else if ((response === null || response === void 0 ? void 0 : response.data) && Array.isArray(response.data)) {
+                applications = response.data;
+            }
+            else if ((response === null || response === void 0 ? void 0 : response.applications) && Array.isArray(response.applications)) {
+                applications = response.applications;
+            }
+            // Find the currently booked FD - search by transaction_id first (most specific)
+            let bookedFD = null;
+            // Priority 1: Match by transaction_id from payment
+            if (finalTransactionId) {
+                bookedFD = applications.find((app) => (app === null || app === void 0 ? void 0 : app.transactionId) === finalTransactionId ||
+                    (app === null || app === void 0 ? void 0 : app.transaction_id) === finalTransactionId ||
+                    (app === null || app === void 0 ? void 0 : app.Transactionid) === finalTransactionId ||
+                    (app === null || app === void 0 ? void 0 : app.TransactionId) === finalTransactionId);
+                if (__DEV__ && bookedFD) {
+                    console.log('═══════════════════════════════════════════════════════════════');
+                    console.log('✅ [PaymentStatus] Found FD by Transaction ID');
+                    console.log('───────────────────────────────────────────────────────────────');
+                    console.log('🔍 Searched Transaction ID:', finalTransactionId);
+                    console.log('📋 Found Application:', bookedFD);
+                    console.log('═══════════════════════════════════════════════════════════════');
+                }
+            }
+            // Priority 2: Match by applicationId (fallback)
+            if (!bookedFD && applicationId) {
+                bookedFD = applications.find((app) => (app === null || app === void 0 ? void 0 : app.applicationId) === applicationId ||
+                    (app === null || app === void 0 ? void 0 : app.applicationid) === applicationId ||
+                    (app === null || app === void 0 ? void 0 : app.id) === applicationId);
+                if (__DEV__ && bookedFD) {
+                    console.log('═══════════════════════════════════════════════════════════════');
+                    console.log('✅ [PaymentStatus] Found FD by Application ID');
+                    console.log('───────────────────────────────────────────────────────────────');
+                    console.log('🔍 Searched Application ID:', applicationId);
+                    console.log('📋 Found Application:', bookedFD);
+                    console.log('═══════════════════════════════════════════════════════════════');
+                }
+            }
+            // Priority 3: Get the most recent one (last resort)
+            if (!bookedFD && applications.length > 0) {
+                const sortedApps = [...applications].sort((a, b) => {
+                    const dateA = (a === null || a === void 0 ? void 0 : a.createdDate) || (a === null || a === void 0 ? void 0 : a.created_date) || (a === null || a === void 0 ? void 0 : a.createdAt) || 0;
+                    const dateB = (b === null || b === void 0 ? void 0 : b.createdDate) || (b === null || b === void 0 ? void 0 : b.created_date) || (b === null || b === void 0 ? void 0 : b.createdAt) || 0;
+                    return new Date(dateB).getTime() - new Date(dateA).getTime();
+                });
+                bookedFD = sortedApps[0];
+                if (__DEV__ && bookedFD) {
+                    console.log('═══════════════════════════════════════════════════════════════');
+                    console.log('⚠️  [PaymentStatus] Using Most Recent FD (fallback)');
+                    console.log('───────────────────────────────────────────────────────────────');
+                    console.log('📋 Found Application:', bookedFD);
+                    console.log('═══════════════════════════════════════════════════════════════');
+                }
+            }
+            if (__DEV__) {
+                console.log('═══════════════════════════════════════════════════════════════');
+                console.log('📤 [PaymentStatus] Passing FD Data to Main App');
+                console.log('───────────────────────────────────────────────────────────────');
+                console.log('💳 Transaction ID:', finalTransactionId);
+                console.log('📋 FD Data:', bookedFD);
+                console.log('═══════════════════════════════════════════════════════════════');
+            }
+            // Pass FD details to main app via onContinue callback
+            if (onContinue) {
+                onContinue(bookedFD || null);
+            }
+        }
+        catch (error) {
+            if (__DEV__) {
+                console.log('═══════════════════════════════════════════════════════════════');
+                console.log('❌ [PaymentStatus] Error Fetching FD Data');
+                console.log('───────────────────────────────────────────────────────────────');
+                console.log('⚠️  Error:', error);
+                console.log('═══════════════════════════════════════════════════════════════');
+            }
+            // If API call fails, still call onContinue but without FD details
+            if (onContinue) {
+                onContinue(null);
+            }
+        }
+    };
+    // Disable hardware back button on PaymentStatus screen
+    (0, react_1.useEffect)(() => {
+        if (react_native_1.Platform.OS !== 'android')
+            return;
+        const onBackPress = () => {
+            // Return true to prevent default behavior (block back button)
+            return true;
+        };
+        const backHandler = react_native_1.BackHandler.addEventListener('hardwareBackPress', onBackPress);
+        return () => backHandler.remove();
+    }, []);
+    return (react_1.default.createElement(SafeAreaWrapper_1.default, { includeTop: true, bottomPadding: 0, statusBarColor: "#000000", statusBarStyle: "light-content" },
+        react_native_1.Platform.OS === 'ios' && react_1.default.createElement(react_native_1.StatusBar, { barStyle: "light-content" }),
+        react_1.default.createElement(react_native_1.View, { style: styles.container },
+            react_1.default.createElement(react_native_1.ScrollView, { showsVerticalScrollIndicator: false, contentContainerStyle: styles.scrollContent },
+                react_1.default.createElement(react_native_1.View, { style: styles.iconContainer },
+                    react_1.default.createElement(react_native_1.View, { style: styles.iconCircleOuter },
+                        react_1.default.createElement(react_native_1.View, { style: styles.iconCircleInner },
+                            currentStatus === 'success' && (react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.successBig }, style: { width: 60, height: 60 }, resizeMode: "contain" })),
+                            currentStatus === 'failed' && (react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.error }, style: { width: 48, height: 48 }, resizeMode: "contain" })),
+                            currentStatus === 'pending' && (react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.pending }, style: { width: 48, height: 48 }, resizeMode: "contain" }))))),
+                react_1.default.createElement(react_native_1.Text, { style: styles.statusTitle },
+                    currentStatus === 'success' && bank_1.BANK_STRINGS.PAYMENT_STATUS_SUCCESS,
+                    currentStatus === 'failed' && bank_1.BANK_STRINGS.PAYMENT_STATUS_FAILED,
+                    currentStatus === 'pending' && bank_1.BANK_STRINGS.PAYMENT_STATUS_PENDING),
+                currentStatus === 'pending' && (react_1.default.createElement(react_native_1.Text, { style: styles.pendingSubtitle }, bank_1.BANK_STRINGS.PAYMENT_STATUS_PROCESSING)),
+                react_1.default.createElement(react_native_1.Text, { style: styles.transactionLabel }, "Transaction ID"),
+                react_1.default.createElement(react_native_1.Text, { style: styles.transactionId }, displayTransactionId),
+                react_1.default.createElement(components_1.PaymentDetailsCard, { companyName: displayData.companyName, amount: displayData.amount, fdRate: displayData.fdRate, tenure: displayData.tenure, interestPayout: displayData.interestPayout }),
+                currentStatus === 'success' && (react_1.default.createElement(react_native_1.View, { style: styles.disclaimerContainer },
+                    react_native_1.Platform.OS === 'android' && (react_1.default.createElement(Ionicons_1.default, { name: "information-circle-outline", size: 20, color: colors.textSecondary, style: styles.disclaimerIcon })),
+                    react_1.default.createElement(react_native_1.Text, { style: styles.disclaimerText }, bank_1.BANK_STRINGS.PAYMENT_SUCCESS_DISCLAIMER)))),
+            react_1.default.createElement(react_native_1.View, { style: styles.footer },
+                currentStatus === 'success' && (react_1.default.createElement(ActionButton_1.default, { title: isLoadingCustomerApplications ? common_1.COMMON_STRINGS.LOADING : common_1.COMMON_STRINGS.EXIT, onPress: handleExit, disabled: isLoadingCustomerApplications })),
+                currentStatus === 'failed' && (react_1.default.createElement(ActionButton_1.default, { title: isLoadingPaymentRetry ? common_1.COMMON_STRINGS.RETRYING : bank_1.BANK_STRINGS.RETRY_PAYMENT_BUTTON, onPress: handlePaymentRetry, disabled: isLoadingPaymentRetry })),
+                currentStatus === 'pending' && (react_1.default.createElement(ActionButton_1.default, { title: isLoadingPaymentReverseFeed ? common_1.COMMON_STRINGS.CHECKING : bank_1.BANK_STRINGS.REFRESH_STATUS_BUTTON, onPress: handlePaymentReverseFeed, disabled: isLoadingPaymentReverseFeed }))))));
+};
+const createStyles = (colors, typography, status) => {
+    const statusColor = status === 'success' ? '#4CAF50' : status === 'failed' ? '#F44336' : '#FF9800';
+    const cardBgColor = status === 'success' ? '#E8F5F0' : status === 'failed' ? '#FFF3F3' : '#FFF8E1';
+    return react_native_1.StyleSheet.create({
+        container: {
+            flex: 1,
+            backgroundColor: colors.background,
+        },
+        headerTitle: {
+            fontSize: 14,
+            fontWeight: '600',
+            color: colors.textLight,
+            textAlign: 'center',
+            paddingVertical: 16,
+            letterSpacing: 1,
+        },
+        scrollContent: {
+            flexGrow: 1,
+            paddingHorizontal: 24,
+            paddingBottom: 120,
+        },
+        iconContainer: {
+            alignItems: 'center',
+            marginTop: 40,
+            marginBottom: 32,
+        },
+        iconCircleOuter: {
+            width: 120,
+            height: 120,
+            borderRadius: 60,
+            backgroundColor: status === 'success' ? '#e8f5e9' : status === 'failed' ? 'rgba(244, 67, 54, 0.1)' : 'rgba(255, 152, 0, 0.1)',
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
+        iconCircleInner: {
+            width: 60,
+            height: 60,
+            borderRadius: 30,
+            backgroundColor: status === 'success' ? '#ffffff' : status === 'failed' ? 'rgba(244, 67, 54, 0.0)' : 'rgba(255, 152, 0, 0.2)',
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
+        statusTitle: Object.assign(Object.assign({}, typography.styles.h1), { color: colors.text, textAlign: 'center', marginBottom: 32, letterSpacing: 0.5 }),
+        pendingSubtitle: Object.assign(Object.assign({}, typography.styles.bodyMedium), { color: colors.textSecondary, textAlign: 'center', marginBottom: 30, marginTop: -30 }),
+        transactionLabel: Object.assign(Object.assign({}, typography.styles.bodyMedium), { color: colors.textLight, textAlign: 'center', marginBottom: 8 }),
+        transactionId: Object.assign(Object.assign({}, typography.styles.h2), { color: colors.text, textAlign: 'center', marginBottom: 32, letterSpacing: 1 }),
+        avatarContainer: {
+            alignItems: 'center',
+            marginTop: -28,
+            marginBottom: 24,
+        },
+        avatar: {
+            width: 56,
+            height: 56,
+            borderRadius: 28,
+            backgroundColor: '#5F9E8F',
+            alignItems: 'center',
+            justifyContent: 'center',
+            borderWidth: 4,
+            borderColor: colors.background,
+        },
+        avatarText: {
+            fontSize: 24,
+            fontWeight: '600',
+            color: 'white',
+        },
+        footer: {
+            position: 'absolute',
+            bottom: 0,
+            left: 0,
+            right: 0,
+            backgroundColor: colors.background,
+            paddingTop: 16,
+        },
+        disclaimerContainer: {
+            flexDirection: 'row',
+            backgroundColor: 'transparent',
+            borderRadius: 8,
+            padding: 16,
+            marginTop: 24,
+            marginBottom: 16,
+            alignItems: 'flex-start',
+        },
+        disclaimerIcon: {
+            marginRight: 12,
+            marginTop: 2,
+        },
+        disclaimerText: Object.assign(Object.assign({}, typography.styles.bodySmall), { color: colors.textSecondary, flex: 1, lineHeight: 18 }),
+    });
+};
+exports.default = PaymentStatus;

package/lib/screens/ReviewKYC.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface ReviewKYCProps {
+    onGoBack?: () => void;
+    onContinue?: (kycData: KYCData) => void;
+    initialData?: Partial<KYCData>;
+}
+export interface KYCData {
+    panCard: string;
+    dateOfBirth: string;
+    maritalStatus: string;
+    area: string;
+    city: string;
+    addressLine1: string;
+    addressLine2: string;
+    pincode: string;
+    state: string;
+    country: string;
+    useExistingAddress: boolean;
+}
+declare const ReviewKYC: React.FC<ReviewKYCProps>;
+export default ReviewKYC;