@finspringinnovations/fdsdk 0.0.1

package/lib/screens/PayNow.js

@@ -0,0 +1,230 @@
+"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 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 store_1 = require("../store");
+const appDataConfig_1 = require("../config/appDataConfig");
+const helpers_1 = require("../navigation/helpers");
+const workflowApi_1 = require("../api/workflowApi");
+const paymentSession_1 = require("../state/paymentSession");
+const bank_1 = require("../constants/strings/bank");
+const common_1 = require("../constants/strings/common");
+const PayNow = ({ onGoBack, onConfirm, fdData }) => {
+    const colors = (0, ThemeContext_1.useColors)();
+    const typography = (0, ThemeContext_1.useTypography)();
+    const { themeName } = (0, ThemeContext_1.useTheme)();
+    const styles = createStyles(colors, typography, themeName);
+    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 fdId = (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.fdId; });
+    // Get providerId from app data or use default
+    const defaultProviderId = (0, store_1.useAppSelector)((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.onboarding) === null || _a === void 0 ? void 0 : _a.providerId; }); // Default Shriram provider ID
+    // Get FD data from Redux store (using only fdListSelected data)
+    const fdListSelectedData = (0, store_1.useAppSelector)((state) => state === null || state === void 0 ? void 0 : state.fdListSelected);
+    // const fdCalculationData = useAppSelector((state: any) => state?.fdCalculation);
+    // Create FD API
+    const [createFD, { data: createFDResponse, error: createFDError, isLoading: isLoadingCreateFD, }] = (0, fdApi_1.useCreateFDMutation)();
+    const [previousState] = (0, workflowApi_1.usePreviousStateMutation)();
+    // Loading state for back navigation
+    const [isGoingBack, setIsGoingBack] = (0, react_1.useState)(false);
+    // Create FD API status monitored
+    // Use FD data with priority: FDList selected > Props > Empty
+    const displayData = fdListSelectedData ? {
+        // Data from FDList screen (selected FD)
+        companyName: fdListSelectedData.companyName || '',
+        amount: fdListSelectedData.amount || 0,
+        fdRate: fdListSelectedData.fdRate || '',
+        tenure: fdListSelectedData.tenure || '',
+        interestPayout: fdListSelectedData.interestPayout || '',
+    } : fdData || {
+        // Fallback to props or empty
+        companyName: '',
+        amount: 0,
+        fdRate: '',
+        tenure: '',
+        interestPayout: '',
+    };
+    // Data source processed
+    // Get first letter for avatar
+    const getAvatarLetter = (name) => {
+        return name.charAt(0).toUpperCase();
+    };
+    const formatAmount = (amount) => {
+        return amount.toLocaleString('en-IN');
+    };
+    const handleConfirm = async () => {
+        var _a;
+        try {
+            // Get user info from app data
+            const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+            // Prepare Create FD request body with ONLY required fields
+            const createFDRequest = {
+                // Headers (will be extracted by API)
+                providerId: defaultProviderId,
+                workflowInstanceId: workflowInstanceId,
+                userreferenceid: userInfo.userReferenceId,
+                // entityid: entityId,
+                // Body (applicationId is required in body, entityid should NOT be in body)
+                applicationId: applicationId,
+                fdId: fdId,
+                panNo: userInfo.panNumber,
+            };
+            const response = await createFD(createFDRequest).unwrap();
+            // Extract paymentUrl and transactionId from response
+            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;
+            const paymentUrl = payload === null || payload === void 0 ? void 0 : payload.paymentUrl;
+            const transactionId = payload === null || payload === void 0 ? void 0 : payload.transactionId;
+            // Save to session and navigate to Payment screen
+            (0, paymentSession_1.setPaymentSession)({ paymentUrl, transactionId });
+            (0, helpers_1.navigate)('Payment');
+        }
+        catch (error) {
+            // Optional fallback: allow external handler
+            onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+        }
+    };
+    // Handler for back button (used by both bottom back button and hardware back button)
+    const handleBackPress = async () => {
+        setIsGoingBack(true);
+        try {
+            const userInfo = (0, appDataConfig_1.getUserInfoForAPI)();
+            await previousState({
+                providerId: defaultProviderId,
+                workflowInstanceId,
+                userreferenceid: userInfo.userReferenceId,
+                applicationid: applicationId,
+                entityid: entityId,
+            });
+        }
+        catch (e) {
+            // Handle error silently
+        }
+        finally {
+            setIsGoingBack(false);
+            (0, helpers_1.navigate)('BankDetail');
+        }
+    };
+    // 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();
+    }, [defaultProviderId, workflowInstanceId, applicationId, entityId]);
+    return (react_1.default.createElement(SafeAreaWrapper_1.default, { includeTop: false, bottomPadding: 25, statusBarColor: "#000000", statusBarStyle: "light-content" },
+        react_1.default.createElement(react_native_1.View, { style: styles.container },
+            react_1.default.createElement(react_native_1.ScrollView, { showsVerticalScrollIndicator: false, contentContainerStyle: styles.scrollContent },
+                react_1.default.createElement(react_native_1.Text, { style: styles.title }, bank_1.BANK_STRINGS.PAYMENT_DETAILS_TITLE),
+                react_1.default.createElement(components_1.PaymentDetailsCard, { companyName: displayData.companyName, amount: displayData.amount, fdRate: displayData.fdRate, tenure: displayData.tenure, interestPayout: displayData.interestPayout, showCompanyLine: true })),
+            react_1.default.createElement(react_native_1.View, { style: styles.footer },
+                react_1.default.createElement(ActionButton_1.default, { title: common_1.COMMON_STRINGS.BACK, onPress: handleBackPress, disabled: false, style: styles.backButton, textStyle: styles.backButtonText }),
+                react_1.default.createElement(ActionButton_1.default, { title: isLoadingCreateFD ? common_1.COMMON_STRINGS.CREATING : common_1.COMMON_STRINGS.CONFIRM, onPress: handleConfirm, disabled: isLoadingCreateFD, style: styles.confirmButton }))),
+        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, themeName) => react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: colors.background,
+    },
+    scrollContent: {
+        flexGrow: 1,
+        paddingHorizontal: 16,
+        //paddingTop: 24,
+        //  paddingBottom: 100,
+        // justifyContent: 'center',
+    },
+    title: Object.assign(Object.assign({}, typography.styles.h1), { color: colors.text, textAlign: 'center', marginTop: 100, marginBottom: 80 }),
+    footer: {
+        position: 'absolute',
+        bottom: 0,
+        left: 0,
+        right: 0,
+        backgroundColor: colors.background,
+        paddingHorizontal: 16,
+        paddingVertical: 16,
+        flexDirection: 'row',
+        gap: 8,
+    },
+    backButton: {
+        flex: 1,
+        backgroundColor: themeName === 'dark' ? colors.cancelButtonBg : 'transparent',
+        borderWidth: themeName === 'dark' ? 1 : 0,
+        borderColor: themeName === 'dark' ? '#ffffff' : 'transparent',
+        borderRadius: themeName === 'dark' ? 10 : 0,
+    },
+    backButtonText: {
+        color: themeName === 'dark' ? '#ffffff' : colors.primary,
+    },
+    confirmButton: {
+        flex: 1,
+    },
+    debugButton: {
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+        borderRadius: 8,
+        marginTop: 20,
+        alignItems: 'center',
+    },
+    debugButtonText: Object.assign(Object.assign({}, typography.styles.bodyMedium), { fontWeight: '600' }),
+    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 = PayNow;

package/lib/screens/Payment.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface PaymentProps {
+    onGoBack?: () => void;
+    onPaymentSuccess?: (data?: any) => void;
+    onPaymentFailure?: (error?: any) => void;
+    paymentUrl: string;
+    successUrl?: string;
+    failureUrl?: string;
+}
+declare const Payment: React.FC<PaymentProps>;
+export default Payment;

package/lib/screens/Payment.js

@@ -0,0 +1,191 @@
+"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 react_native_webview_1 = require("react-native-webview");
+const SafeAreaWrapper_1 = __importDefault(require("../components/SafeAreaWrapper"));
+const ThemeContext_1 = require("../theme/ThemeContext");
+const encryption_1 = require("../utils/encryption");
+const encryptionConfig_1 = require("../config/encryptionConfig");
+const Payment = ({ onGoBack, onPaymentSuccess, onPaymentFailure, paymentUrl, successUrl = 'payment/success', failureUrl = 'payment/failure', }) => {
+    const colors = (0, ThemeContext_1.useColors)();
+    const styles = createStyles(colors);
+    const webViewRef = (0, react_1.useRef)(null);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const handleNavigationStateChange = async (navState) => {
+        const { url } = navState;
+        if (url.includes('payment/status')) {
+            await handlePaymentStatusPage();
+            return;
+        }
+        if (url.includes(successUrl)) {
+            setLoading(false);
+            onPaymentSuccess === null || onPaymentSuccess === void 0 ? void 0 : onPaymentSuccess(navState);
+            return;
+        }
+        if (url.includes(failureUrl)) {
+            setLoading(false);
+            onPaymentFailure === null || onPaymentFailure === void 0 ? void 0 : onPaymentFailure(navState);
+            return;
+        }
+    };
+    const handleWebViewError = (syntheticEvent) => {
+        const { nativeEvent } = syntheticEvent;
+        setLoading(false);
+        onPaymentFailure === null || onPaymentFailure === void 0 ? void 0 : onPaymentFailure(nativeEvent);
+    };
+    const handleLoadStart = () => {
+        setLoading(true);
+    };
+    const handleLoadEnd = () => {
+        setLoading(false);
+    };
+    const handleMessage = async (event) => {
+        var _a, _b, _c;
+        try {
+            const dataString = event.nativeEvent.data;
+            // Check if data is empty or null
+            if (!dataString || dataString.trim() === '') {
+                return;
+            }
+            // Check if data looks like JSON
+            const trimmedData = dataString.trim();
+            if (!trimmedData.startsWith('{') && !trimmedData.startsWith('[') && !trimmedData.startsWith('"')) {
+                return;
+            }
+            const cleaned = dataString.startsWith('"') && dataString.endsWith('"')
+                ? dataString.substring(1, dataString.length - 1).replaceAll('\\"', '"')
+                : dataString;
+            const parsed = JSON.parse(cleaned);
+            let response;
+            // Handle both encrypted and non-encrypted responses using the same method as API responses
+            if (parsed.encryptedResponse) {
+                const encryptionConfig = (0, encryptionConfig_1.getEncryptionConfig)();
+                try {
+                    // Use the same decryptResponse function used for API responses
+                    const decrypted = await (0, encryption_1.decryptResponse)({ encryptedResponse: parsed.encryptedResponse }, encryptionConfig);
+                    response = decrypted;
+                }
+                catch (error) {
+                    response = parsed;
+                }
+            }
+            else {
+                response = parsed;
+            }
+            // Check for success status
+            if (((_a = response.status) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'success') {
+                // Check payment status in data
+                const paymentStatus = (_c = (_b = response.data) === null || _b === void 0 ? void 0 : _b.paymentStatus) === null || _c === void 0 ? void 0 : _c.toLowerCase();
+                if (paymentStatus === 'success') {
+                    onPaymentSuccess === null || onPaymentSuccess === void 0 ? void 0 : onPaymentSuccess(response);
+                }
+                else if (paymentStatus === 'failed') {
+                    onPaymentFailure === null || onPaymentFailure === void 0 ? void 0 : onPaymentFailure(response);
+                }
+                else {
+                    onPaymentFailure === null || onPaymentFailure === void 0 ? void 0 : onPaymentFailure(response);
+                }
+            }
+            else {
+                onPaymentFailure === null || onPaymentFailure === void 0 ? void 0 : onPaymentFailure(response);
+            }
+            setLoading(false);
+        }
+        catch (error) {
+            onPaymentFailure === null || onPaymentFailure === void 0 ? void 0 : onPaymentFailure(error);
+            setLoading(false);
+        }
+    };
+    const handlePaymentStatusPage = async () => {
+        var _a;
+        try {
+            setLoading(true);
+            (_a = webViewRef.current) === null || _a === void 0 ? void 0 : _a.injectJavaScript(`
+                (function() {
+                    window.ReactNativeWebView.postMessage(document.body.innerText);
+                })();
+            `);
+        }
+        catch (err) {
+            setLoading(false);
+            onPaymentFailure === null || onPaymentFailure === void 0 ? void 0 : onPaymentFailure(err);
+        }
+    };
+    // Disable hardware back button on Payment 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: false, 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 },
+            loading && (react_1.default.createElement(react_native_1.View, { style: styles.loadingContainer },
+                react_1.default.createElement(react_native_1.ActivityIndicator, { size: "large", color: colors.primary }))),
+            react_1.default.createElement(react_native_webview_1.WebView, { ref: webViewRef, source: { uri: paymentUrl }, style: styles.webView, onNavigationStateChange: handleNavigationStateChange, onError: handleWebViewError, onLoadStart: handleLoadStart, onLoadEnd: handleLoadEnd, onMessage: handleMessage, javaScriptEnabled: true, domStorageEnabled: false, startInLoadingState: true, scalesPageToFit: true, mixedContentMode: "never", allowsInlineMediaPlayback: false, mediaPlaybackRequiresUserAction: false, sharedCookiesEnabled: false, thirdPartyCookiesEnabled: false, cacheEnabled: false, originWhitelist: ['*'] }))));
+};
+const createStyles = (colors) => react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: colors.background,
+    },
+    webView: {
+        flex: 1,
+        backgroundColor: colors.background,
+        marginTop: react_native_1.Platform.OS === 'ios' ? 15 : 0,
+    },
+    loadingContainer: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: colors.background,
+        zIndex: 1,
+    },
+});
+exports.default = Payment;

package/lib/screens/PaymentStatus.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface PaymentStatusProps {
+    onRetry?: () => void;
+    onContinue?: (fdDetails?: any) => void;
+    status: 'success' | 'failed' | 'pending';
+    transactionId?: string;
+    fdData?: {
+        companyName: string;
+        amount: number;
+        fdRate: string;
+        tenure: string;
+        interestPayout: string;
+    };
+}
+declare const PaymentStatus: React.FC<PaymentStatusProps>;
+export default PaymentStatus;