@finspringinnovations/fdsdk 0.0.1

package/src/screens/BookFD.tsx

@@ -0,0 +1,330 @@
+// import React, { useState } from 'react';
+// import {
+//     View,
+//     Text,
+//     StyleSheet,
+//     TouchableOpacity,
+//     TextInput,
+//     ScrollView,
+//     Alert,
+//     Platform,
+// } from 'react-native';
+// import SafeAreaWrapper from '../components/SafeAreaWrapper';
+
+// export interface BookFDProps {
+//     onBookingComplete?: (data: FDBookingData) => void;
+//     onGoBack?: () => void;
+//     fdData?: {
+//         id: string;
+//         name: string;
+//         accountNumber: string;
+//         roi: string;
+//         tenure: string;
+//         amount: number;
+//         maturityDate: string;
+//         status: 'active' | 'matured' | 'pending';
+//         creditRating: string;
+//     };
+//     customStyles?: {
+//         container?: object;
+//         title?: object;
+//         input?: object;
+//         button?: object;
+//         buttonText?: object;
+//     };
+// }
+
+// export interface FDBookingData {
+//     amount: string;
+//     tenure: string;
+//     interestRate: string;
+//     customerName: string;
+//     mobileNumber: string;
+// }
+
+// const BookFD: React.FC<BookFDProps> = ({
+//     onBookingComplete,
+//     onGoBack,
+//     customStyles = {},
+// }) => {
+//     const [formData, setFormData] = useState<FDBookingData>({
+//         amount: '',
+//         tenure: '',
+//         interestRate: '7.5',
+//         customerName: '',
+//         mobileNumber: '',
+//     });
+
+//     const handleInputChange = (field: keyof FDBookingData, value: string) => {
+//         setFormData(prev => ({
+//             ...prev,
+//             [field]: value,
+//         }));
+//     };
+
+//     const validateForm = (): boolean => {
+//         if (!formData.amount || parseFloat(formData.amount) < 1000) {
+//             Alert.alert('Error', 'Minimum amount should be ₹1,000');
+//             return false;
+//         }
+//         if (!formData.tenure || parseInt(formData.tenure) < 12) {
+//             Alert.alert('Error', 'Minimum tenure should be 12 months');
+//             return false;
+//         }
+//         if (!formData.customerName.trim()) {
+//             Alert.alert('Error', 'Please enter customer name');
+//             return false;
+//         }
+//         if (!formData.mobileNumber || formData.mobileNumber.length !== 10) {
+//             Alert.alert('Error', 'Please enter valid 10-digit mobile number');
+//             return false;
+//         }
+//         return true;
+//     };
+
+//     const handleBookFD = () => {
+//         if (validateForm()) {
+//             Alert.alert(
+//                 'Success',
+//                 'Fixed Deposit booked successfully!',
+//                 [
+//                     {
+//                         text: 'OK',
+//                         onPress: () => onBookingComplete?.(formData),
+//                     },
+//                 ]
+//             );
+//         }
+//     };
+
+//     return (
+//         <SafeAreaWrapper
+//             style={customStyles.container}
+//             statusBarColor="#f8f9fa"
+//             statusBarStyle="dark-content"
+//         >
+//             <ScrollView style={styles.scrollView} showsVerticalScrollIndicator={false}>
+//                 <View style={styles.header}>
+//                     <TouchableOpacity style={styles.backButton} onPress={onGoBack}>
+//                         <Text style={styles.backButtonText}>← Back</Text>
+//                     </TouchableOpacity>
+//                     <Text style={[styles.title, customStyles.title]}>
+//                         Book Fixed Deposit
+//                     </Text>
+//                 </View>
+
+//                 <View style={styles.form}>
+//                     <View style={styles.inputGroup}>
+//                         <Text style={styles.label}>Investment Amount (₹)</Text>
+//                         <TextInput
+//                             style={[styles.input, customStyles.input]}
+//                             value={formData.amount}
+//                             onChangeText={(value) => handleInputChange('amount', value)}
+//                             placeholder="Enter amount (min ₹1,000)"
+//                             keyboardType="numeric"
+//                         />
+//                     </View>
+
+//                     <View style={styles.inputGroup}>
+//                         <Text style={styles.label}>Tenure (Months)</Text>
+//                         <TextInput
+//                             style={[styles.input, customStyles.input]}
+//                             value={formData.tenure}
+//                             onChangeText={(value) => handleInputChange('tenure', value)}
+//                             placeholder="Enter tenure (min 12 months)"
+//                             keyboardType="numeric"
+//                         />
+//                     </View>
+
+//                     <View style={styles.inputGroup}>
+//                         <Text style={styles.label}>Interest Rate (%)</Text>
+//                         <TextInput
+//                             style={[styles.input, styles.disabledInput]}
+//                             value={formData.interestRate}
+//                             editable={false}
+//                         />
+//                     </View>
+
+//                     <View style={styles.inputGroup}>
+//                         <Text style={styles.label}>Customer Name</Text>
+//                         <TextInput
+//                             style={[styles.input, customStyles.input]}
+//                             value={formData.customerName}
+//                             onChangeText={(value) => handleInputChange('customerName', value)}
+//                             placeholder="Enter full name"
+//                         />
+//                     </View>
+
+//                     <View style={styles.inputGroup}>
+//                         <Text style={styles.label}>Mobile Number</Text>
+//                         <TextInput
+//                             style={[styles.input, customStyles.input]}
+//                             value={formData.mobileNumber}
+//                             onChangeText={(value) => handleInputChange('mobileNumber', value)}
+//                             placeholder="Enter 10-digit mobile number"
+//                             keyboardType="phone-pad"
+//                             maxLength={10}
+//                         />
+//                     </View>
+
+//                     <View style={styles.summaryContainer}>
+//                         <Text style={styles.summaryTitle}>Investment Summary</Text>
+//                         {formData.amount && formData.tenure && (
+//                             <>
+//                                 <Text style={styles.summaryText}>
+//                                     Principal: ₹{formData.amount}
+//                                 </Text>
+//                                 <Text style={styles.summaryText}>
+//                                     Tenure: {formData.tenure} months
+//                                 </Text>
+//                                 <Text style={styles.summaryText}>
+//                                     Interest Rate: {formData.interestRate}% p.a.
+//                                 </Text>
+//                                 <Text style={styles.summaryText}>
+//                                     Maturity Amount: ₹{
+//                                         formData.amount && formData.tenure
+//                                             ? (
+//                                                 parseFloat(formData.amount) *
+//                                                 Math.pow(
+//                                                     1 + parseFloat(formData.interestRate) / 100 / 12,
+//                                                     parseInt(formData.tenure)
+//                                                 )
+//                                             ).toFixed(2)
+//                                             : '0'
+//                                     }
+//                                 </Text>
+//                             </>
+//                         )}
+//                     </View>
+
+//                     <TouchableOpacity
+//                         style={[styles.button, customStyles.button]}
+//                         onPress={handleBookFD}
+//                         activeOpacity={0.8}
+//                     >
+//                         <Text style={[styles.buttonText, customStyles.buttonText]}>
+//                             Book Fixed Deposit
+//                         </Text>
+//                     </TouchableOpacity>
+//                 </View>
+//             </ScrollView>
+//         </SafeAreaWrapper>
+//     );
+// };
+
+// const styles = StyleSheet.create({
+//     container: {
+//         flex: 1,
+//         backgroundColor: '#f5f5f5',
+//     },
+//     scrollView: {
+//         flex: 1,
+//     },
+//     header: {
+//         paddingHorizontal: 20,
+//         paddingTop: 20,
+//         paddingBottom: 10,
+//     },
+//     backButton: {
+//         marginBottom: 10,
+//     },
+//     backButtonText: {
+//         fontSize: 16,
+//         color: '#3498db',
+//         fontWeight: '500',
+//     },
+//     title: {
+//         fontSize: 24,
+//         fontWeight: 'bold',
+//         color: '#2c3e50',
+//         textAlign: 'center',
+//     },
+//     form: {
+//         paddingHorizontal: 20,
+//         paddingBottom: 30,
+//     },
+//     inputGroup: {
+//         marginBottom: 20,
+//     },
+//     label: {
+//         fontSize: 16,
+//         fontWeight: '600',
+//         color: '#34495e',
+//         marginBottom: 8,
+//     },
+//     input: {
+//         borderWidth: 1,
+//         borderColor: '#bdc3c7',
+//         borderRadius: 8,
+//         paddingHorizontal: 15,
+//         paddingVertical: 12,
+//         fontSize: 16,
+//         backgroundColor: '#ffffff',
+//         ...Platform.select({
+//             ios: {
+//                 shadowColor: '#000',
+//                 shadowOffset: { width: 0, height: 1 },
+//                 shadowOpacity: 0.1,
+//                 shadowRadius: 2,
+//             },
+//             android: {
+//                 elevation: 2,
+//             },
+//         }),
+//     },
+//     disabledInput: {
+//         backgroundColor: '#ecf0f1',
+//         color: '#7f8c8d',
+//     },
+//     summaryContainer: {
+//         backgroundColor: '#ffffff',
+//         padding: 20,
+//         borderRadius: 8,
+//         marginBottom: 30,
+//         ...Platform.select({
+//             ios: {
+//                 shadowColor: '#000',
+//                 shadowOffset: { width: 0, height: 2 },
+//                 shadowOpacity: 0.1,
+//                 shadowRadius: 4,
+//             },
+//             android: {
+//                 elevation: 3,
+//             },
+//         }),
+//     },
+//     summaryTitle: {
+//         fontSize: 18,
+//         fontWeight: 'bold',
+//         color: '#2c3e50',
+//         marginBottom: 15,
+//     },
+//     summaryText: {
+//         fontSize: 16,
+//         color: '#34495e',
+//         marginBottom: 8,
+//     },
+//     button: {
+//         backgroundColor: '#3498db',
+//         paddingVertical: 15,
+//         paddingHorizontal: 30,
+//         borderRadius: 8,
+//         alignItems: 'center',
+//         shadowColor: '#000',
+//         shadowOffset: {
+//             width: 0,
+//             height: 2,
+//         },
+//         shadowOpacity: 0.25,
+//         shadowRadius: 3.84,
+//         elevation: 5,
+//     },
+//     buttonText: {
+//         color: '#ffffff',
+//         fontSize: 18,
+//         fontWeight: '600',
+//     },
+// });
+
+// export { BookFD };
+// export default BookFD;