import React, {useState, useEffect} from 'react'; import { View, Text, StyleSheet, Alert, Image, TouchableOpacity, } from 'react-native'; import Modal from 'react-native-modal'; import Button from './Button'; import InputField from './InputField'; import QRCode from 'react-native-qrcode-svg'; import {COLORS} from '../styles/colors'; import {align, border_radius, fontSize, fontWeight} from '../styles/fontstyle'; import {ADVAINT_LOGO, BACK, DELETE, SHARE} from '../assets'; const AddItemModal = ({ isVisible, onClose, onSubmit, modalTitle = '', submitButtonText = 'Submit', fields = [], children, type, flat_no, project_name, qrValue, name, showBack, onDisableSchedule, }) => { const [formData, setFormData] = useState({}); const [isSubmitting, setIsSubmitting] = useState(false); useEffect(() => { if (isVisible && !children && fields.length > 0) { const initialData = {}; fields.forEach(field => { initialData[field.key] = ''; }); setFormData(initialData); } else if (isVisible) { setFormData({}); } }, [fields, isVisible, children]); const handleInputChange = (key, value) => { setFormData(prevData => ({...prevData, [key]: value})); }; const handleSubmit = async () => { if (!children) { for (const field of fields) { if (!formData[field.key]?.trim() && field.required !== false) { Alert.alert('Error', `Please fill in "${field.label}".`); return; } } } if (!onSubmit) { console.warn('AddItemModal: onSubmit prop missing.'); handleClose(); return; } setIsSubmitting(true); try { await onSubmit(formData); } catch (error) { console.error('AddItemModal Submission Error:', error); } finally { setIsSubmitting(false); } }; const handleClose = () => { if (isSubmitting) return; setFormData({}); onClose(); }; const onModalHide = () => { setFormData({}); setIsSubmitting(false); }; return ( {modalTitle} {type == 'change_flat' ? ( Current Flat: {flat_no} Project: {project_name}