@finspringinnovations/fdsdk 0.0.1

package/lib/screens/FindIFSC.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface FindIFSCProps {
+    onGoBack?: () => void;
+    onSelect?: (ifscData: IFSCData) => void;
+    initialSearchTerm?: string;
+}
+export interface IFSCData {
+    bankName: string;
+    branchName: string;
+    ifscCode: string;
+    bankShortDesc?: string;
+    bankCode?: string;
+    customerBankPk?: string;
+}
+declare const FindIFSC: React.FC<FindIFSCProps>;
+export default FindIFSC;

package/lib/screens/FindIFSC.js

@@ -0,0 +1,248 @@
+"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 ValidationMessage_1 = __importDefault(require("../components/ValidationMessage"));
+const TextFieldWithLabel_1 = __importDefault(require("../components/TextFieldWithLabel"));
+const ThemeContext_1 = require("../theme/ThemeContext");
+const theme_1 = require("../theme");
+const fdApi_1 = require("../api/fdApi");
+const store_1 = require("../store");
+const base64Images_1 = require("../constants/strings/base64Images");
+const bank_1 = require("../constants/strings/bank");
+const common_1 = require("../constants/strings/common");
+const helpers_1 = require("../navigation/helpers");
+const FindIFSC = ({ onGoBack, onSelect, initialSearchTerm }) => {
+    const colors = (0, ThemeContext_1.useColors)();
+    const typography = (0, ThemeContext_1.useTypography)();
+    const { themeName } = (0, ThemeContext_1.useTheme)();
+    const styles = createStyles(colors, typography, themeName);
+    // 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
+    // FD Bank Details API
+    const [fdBankDetails, { data: fdBankDetailsResponse, error: fdBankDetailsError, isLoading: isLoadingFDBankDetails, }] = (0, fdApi_1.useFdBankDetailsSearchMutation)();
+    const [searchTerm, setSearchTerm] = (0, react_1.useState)(initialSearchTerm || '');
+    const [searchResults, setSearchResults] = (0, react_1.useState)([]);
+    const [hasSearched, setHasSearched] = (0, react_1.useState)(false);
+    const [ifscError, setIfscError] = (0, react_1.useState)('');
+    // FD bank details API status monitored
+    // Strict IFSC validation: 4 letters, then 0, then 6 alphanumeric
+    const validateIFSC = (ifsc) => {
+        const ifscRegex = /^[A-Z]{4}0[A-Z0-9]{6}$/;
+        return ifscRegex.test(ifsc);
+    };
+    // Search function with FD bank details API call
+    const handleSearch = async () => {
+        if (!searchTerm.trim()) {
+            react_native_1.Alert.alert(common_1.COMMON_STRINGS.REQUIRED_FIELD, bank_1.BANK_STRINGS.IFSC_INSTRUCTIONS);
+            return;
+        }
+        const upper = searchTerm.trim().toUpperCase();
+        if (!validateIFSC(upper)) {
+            react_native_1.Alert.alert(bank_1.BANK_STRINGS.INVALID_IFSC_CODE, bank_1.BANK_STRINGS.IFSC_CODE_NOT_FOUND);
+            return;
+        }
+        setHasSearched(true);
+        try {
+            // Prepare FD bank details request data
+            const fdBankDetailsRequest = {
+                providerId: defaultProviderId,
+                ifscCode: upper,
+            };
+            const response = await fdBankDetails(fdBankDetailsRequest).unwrap();
+            // Transform API response to IFSCData format
+            let searchResults = [];
+            // Handle the actual API response structure
+            if (response && response.data && Array.isArray(response.data) && response.data.length > 0) {
+                const bankData = response.data[0];
+                searchResults = [{
+                        bankName: bankData.BnkDescr || '',
+                        branchName: bankData.BankBranch || '',
+                        ifscCode: bankData.IfscCode || '',
+                        bankShortDesc: bankData.BnkShrtDescr || '',
+                        bankCode: bankData.Code || '',
+                        customerBankPk: bankData.intCustbnk_pk || '',
+                    }];
+            }
+            else if (response && response.bankName && response.branchName && response.ifscCode) {
+                // Fallback for old response format
+                searchResults = [{
+                        bankName: response.bankName,
+                        branchName: response.branchName,
+                        ifscCode: response.ifscCode,
+                    }];
+            }
+            else {
+                searchResults = [];
+            }
+            // Set search results to display in card
+            setSearchResults(searchResults);
+        }
+        catch (error) {
+            // Set empty results when API fails
+            setSearchResults([]);
+            setHasSearched(true);
+        }
+    };
+    const handleCancel = () => {
+        setSearchTerm('');
+        setSearchResults([]);
+        setHasSearched(false);
+        (0, helpers_1.navigate)('AddBankAccount');
+    };
+    const handleSelect = (ifscData) => {
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(ifscData);
+        // Note: onGoBack is not needed since we're using replace in navigation
+    };
+    // Handler for back button (used by both header and hardware back button)
+    const handleBackPress = () => {
+        (0, helpers_1.navigate)('AddBankAccount');
+    };
+    // 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();
+    }, []);
+    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: bank_1.BANK_STRINGS.FIND_IFSC_TITLE, onBackPress: handleBackPress, backgroundColor: colors.primary }),
+        react_1.default.createElement(react_native_1.ScrollView, { style: styles.container, showsVerticalScrollIndicator: false },
+            react_1.default.createElement(react_native_1.View, { style: styles.searchSection },
+                react_1.default.createElement(TextFieldWithLabel_1.default, { label: "", value: searchTerm, onChangeText: (text) => {
+                        // Convert to uppercase and allow only alphanumeric
+                        const cleaned = text.toUpperCase().replace(/[^A-Z0-9]/g, '');
+                        setSearchTerm(cleaned);
+                        // Show inline error as user types when format is invalid
+                        if (cleaned.length > 0 && !validateIFSC(cleaned)) {
+                            setIfscError(bank_1.BANK_STRINGS.INVALID_IFSC_CODE);
+                        }
+                        else {
+                            setIfscError('');
+                        }
+                        // Clear any shown results when user edits IFSC
+                        if (hasSearched || searchResults.length) {
+                            setHasSearched(false);
+                            setSearchResults([]);
+                        }
+                    }, placeholder: bank_1.BANK_STRINGS.IFSC_CODE_PLACEHOLDER, variant: "text", maxLength: 11, autoCapitalize: "characters" }),
+                ifscError ? (react_1.default.createElement(react_native_1.View, { style: { marginTop: -15 } },
+                    react_1.default.createElement(ValidationMessage_1.default, { type: "error", message: ifscError, visible: true }))) : null,
+                react_1.default.createElement(ActionButton_1.default, { title: isLoadingFDBankDetails ? common_1.COMMON_STRINGS.SEARCHING : bank_1.BANK_STRINGS.FIND_IFSC_BUTTON, onPress: handleSearch, disabled: !validateIFSC(searchTerm.trim().toUpperCase()) || isLoadingFDBankDetails, style: styles.findButton }),
+                react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.cancelButton, onPress: handleCancel },
+                    react_1.default.createElement(react_native_1.Text, { style: styles.cancelText }, common_1.COMMON_STRINGS.CANCEL))),
+            hasSearched && searchResults.length > 0 && (react_1.default.createElement(react_native_1.View, { style: styles.resultsSection },
+                react_1.default.createElement(react_native_1.Text, { style: styles.resultsTitle }, "Search Results"),
+                searchResults.map((result, index) => {
+                    return (react_1.default.createElement(components_1.IFSCSearchResultCard, { key: index, bankName: result.bankName, branchName: result.branchName, ifscCode: result.ifscCode, bankShortDesc: result.bankShortDesc, bankCode: result.bankCode, onSelect: () => {
+                            handleSelect(result);
+                        } }));
+                }))),
+            hasSearched && searchResults.length === 0 && (react_1.default.createElement(react_native_1.View, { style: styles.noResultsContainer },
+                react_1.default.createElement(react_native_1.Text, { style: styles.noResultsText }, bank_1.BANK_STRINGS.IFSC_NOT_FOUND),
+                react_1.default.createElement(react_native_1.Text, { style: styles.noResultsSubtext }, bank_1.BANK_STRINGS.IFSC_CODE_NOT_FOUND),
+                react_1.default.createElement(react_native_1.TouchableOpacity, { style: { marginTop: 16 }, onPress: onGoBack },
+                    react_1.default.createElement(react_native_1.View, { style: { flexDirection: 'row', alignItems: 'center' } },
+                        react_1.default.createElement(react_native_1.Image, { source: { uri: base64Images_1.base64Images.search }, style: { width: 16, height: 16, marginRight: 8 } }),
+                        react_1.default.createElement(react_native_1.Text, { style: styles.findIFSCText }, bank_1.BANK_STRINGS.FIND_IFSC_BUTTON))))))));
+};
+const createStyles = (colors, typography, themeName) => react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        paddingHorizontal: 16,
+        paddingTop: 20,
+    },
+    searchSection: {
+        marginBottom: 24,
+    },
+    findButton: {
+        padding: 12,
+        paddingHorizontal: 20,
+        height: 50,
+        width: 330,
+        alignSelf: 'center',
+    },
+    cancelButton: {
+        alignItems: 'center',
+        marginHorizontal: 16,
+        marginBottom: 24,
+        padding: 12,
+        paddingHorizontal: 20,
+        borderRadius: themeName === 'dark' ? 10 : 30,
+        borderWidth: themeName === 'dark' ? 1 : 0.5,
+        borderColor: themeName === 'dark' ? '#ffffff' : (0, theme_1.getBorderColor)({ colors }, 0.36),
+        backgroundColor: themeName === 'dark' ? colors.cancelButtonBg : colors.background,
+        height: 50,
+        width: 330,
+        alignSelf: 'center',
+        justifyContent: 'center',
+    },
+    findIFSCText: Object.assign(Object.assign({}, typography.styles.bodyMedium), { color: colors.primary }),
+    cancelText: Object.assign(Object.assign({}, typography.styles.bodyLarge), { color: themeName === 'dark' ? '#ffffff' : colors.primary }),
+    resultsSection: {
+        marginTop: 8,
+    },
+    resultsTitle: Object.assign(Object.assign({}, typography.styles.bodyMedium), { color: colors.textLight, marginBottom: 16 }),
+    noResultsContainer: {
+        alignItems: 'center',
+        paddingVertical: 40,
+    },
+    noResultsText: Object.assign(Object.assign({}, typography.styles.bodyLarge), { fontWeight: typography.fontWeight.semiBold, color: colors.text, marginBottom: 8 }),
+    noResultsSubtext: {
+        fontSize: 14,
+        color: colors.textLight,
+        textAlign: 'center',
+    },
+    debugButton: {
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+        borderRadius: 8,
+        marginBottom: 16,
+        alignItems: 'center',
+    },
+    debugButtonText: Object.assign(Object.assign({}, typography.styles.bodyMedium), { fontWeight: '600' }),
+});
+exports.default = FindIFSC;

package/lib/screens/Home.js

@@ -0,0 +1,143 @@
+"use strict";
+// import React from 'react';
+// import {
+//     View,
+//     Text,
+//     StyleSheet,
+//     TouchableOpacity,
+//     Platform,
+// } from 'react-native';
+// import { useTheme, useColors, useTypography, useShadows, useSpacing } from '../theme/ThemeContext';
+// import type { ColorScheme } from '../theme';
+// import SafeAreaWrapper from '../components/SafeAreaWrapper';
+// // Enable Fast Refresh for this module
+// if (__DEV__) {
+//     // @ts-ignore
+//     module.hot?.accept();
+// }
+// export interface HomeProps {
+//     onNavigateToBookFD?: () => void;
+//     onNavigateToFDList?: () => void;
+//     customStyles?: {
+//         container?: object;
+//         title?: object;
+//         button?: object;
+//         buttonText?: object;
+//     };
+// }
+// const Home: React.FC<HomeProps> = ({
+//     onNavigateToBookFD,
+//     onNavigateToFDList,
+//     customStyles = {},
+// }) => {
+//     const colors = useColors();
+//     const typography = useTypography();
+//     const shadows = useShadows();
+//     const spacing = useSpacing();
+//     const styles = createStyles(colors, typography, shadows, spacing);
+//     return (
+//         <SafeAreaWrapper
+//             style={customStyles.container}
+//             statusBarColor="#f8f9fa"
+//             statusBarStyle="dark-content"
+//         >
+//             <View style={styles.content}>
+//                 <Text style={[styles.title, customStyles.title]}>
+//                     Shriram FD SDK
+//                 </Text>
+//                 <Text style={styles.subtitle}>
+//                     Manage your Fixed Deposits with ease
+//                 </Text>
+//                 <View style={styles.buttonContainer}>
+//                     <TouchableOpacity
+//                         style={[styles.button, customStyles.button]}
+//                         onPress={onNavigateToFDList}
+//                         activeOpacity={0.8}
+//                     >
+//                         <Text style={[styles.buttonText, customStyles.buttonText]}>
+//                             View My FDs
+//                         </Text>
+//                     </TouchableOpacity>
+//                     <TouchableOpacity
+//                         style={[styles.button, styles.secondaryButton, customStyles.button]}
+//                         onPress={onNavigateToBookFD}
+//                         activeOpacity={0.8}
+//                     >
+//                         <Text style={[styles.buttonText, styles.secondaryButtonText, customStyles.buttonText]}>
+//                             Book New FD
+//                         </Text>
+//                     </TouchableOpacity>
+//                 </View>
+//                 <View style={styles.infoContainer}>
+//                     <Text style={styles.infoText}>
+//                         Platform: {Platform.OS}
+//                     </Text>
+//                     <Text style={styles.infoText}>
+//                         SDK Version: 1.0.0
+//                     </Text>
+//                 </View>
+//             </View>
+//         </SafeAreaWrapper>
+//     );
+// };
+// const createStyles = (colors: ColorScheme, typography: any, shadows: any, spacing: any) => StyleSheet.create({
+//     container: {
+//         flex: 1,
+//         backgroundColor: colors.background,
+//     },
+//     content: {
+//         flex: 1,
+//         justifyContent: 'center',
+//         alignItems: 'center',
+//         paddingHorizontal: spacing.xl,
+//     },
+//     title: {
+//         ...typography.styles.h1,
+//         color: colors.text,
+//         marginBottom: spacing.md,
+//         textAlign: 'center',
+//     },
+//     subtitle: {
+//         ...typography.styles.bodyMedium,
+//         color: colors.textSecondary,
+//         marginBottom: spacing.xxxl,
+//         textAlign: 'center',
+//     },
+//     buttonContainer: {
+//         width: '100%',
+//         marginBottom: spacing.xxxl,
+//         gap: spacing.lg,
+//     },
+//     button: {
+//         backgroundColor: colors.tabSelected,
+//         paddingVertical: spacing.lg,
+//         paddingHorizontal: spacing.xl,
+//         borderRadius: 8,
+//         alignItems: 'center',
+//         ...shadows.default,
+//     },
+//     secondaryButton: {
+//         backgroundColor: 'transparent',
+//         borderWidth: 2,
+//         borderColor: colors.tabSelected,
+//         shadowOpacity: 0,
+//         elevation: 0,
+//     },
+//     buttonText: {
+//         ...typography.styles.button,
+//         color: colors.background,
+//     },
+//     secondaryButtonText: {
+//         color: colors.tabSelected,
+//     },
+//     infoContainer: {
+//         alignItems: 'center',
+//     },
+//     infoText: {
+//         ...typography.styles.text12Regular,
+//         color: colors.textSecondary,
+//         marginTop: spacing.xs,
+//     },
+// });
+// export { Home };
+// export default Home;

package/lib/screens/NomineeDetail.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface NomineeDetailProps {
+    onGoBack?: () => void;
+    onSave?: (data: NomineeData) => void;
+    initialData?: Partial<NomineeData>;
+}
+export interface NomineeData {
+    makeNomination: string;
+    nomineeTitle: string;
+    nomineeName: string;
+    relationship: string;
+    customRelationship?: string;
+    dateOfBirth: string;
+    printNameOnCertificate: boolean;
+}
+declare const NomineeDetail: React.FC<NomineeDetailProps>;
+export default NomineeDetail;