import { ReactElement } from 'react';
import { TextInputProps, ViewStyle } from 'react-native';
export type FieldType = 'text' | 'email' | 'phone' | 'personName' | 'businessName' | 'streetAddress' | 'creditCard' | 'currency' | 'password' | 'username' | 'url' | 'date' | 'number' | 'otp';
export interface ValidationRule {
    type: string;
    message: string;
    validate: (value: any) => boolean;
    suggestion?: string;
}
export type CountryCode = 'US' | 'CA' | 'GB' | 'DE' | 'FR' | 'ES' | 'IT' | 'IN' | 'CN' | 'JP' | 'PK' | 'AE' | 'AU' | 'BR' | 'MX' | 'ZA';
export interface FieldConfig {
    type: FieldType;
    required?: boolean;
    minLength?: number;
    maxLength?: number;
    pattern?: RegExp;
    customValidation?: (value: any) => string | null;
    transform?: (value: string) => string;
    format?: (value: string) => string;
    debounce?: number;
    validateOn?: 'change' | 'blur' | 'submit';
    inputProps?: Record<string, any>;
    suggestions?: boolean;
    accessibility?: {
        label?: string;
        hint?: string;
        role?: string;
    };
    length?: 4 | 6 | 8;
    autoSubmit?: boolean;
    matchField?: string;
    matchErrorMessage?: string;
    countryCode?: CountryCode;
}
export interface StorageAdapter {
    save: (key: string, data: string) => Promise<void>;
    load: (key: string) => Promise<string | null>;
    remove: (key: string) => Promise<void>;
}
export interface DraftData {
    values: FormValues;
    touched: FormTouched;
    timestamp: number;
}
export interface FormConfig {
    fields: Record<string, FieldConfig>;
    validation?: {
        mode?: 'onChange' | 'onBlur' | 'onSubmit';
        debounce?: number;
        showErrorsOn?: 'immediate' | 'touched' | 'submit';
    };
    accessibility?: {
        announceErrors?: boolean;
        errorSummary?: boolean;
        fieldLabeling?: 'basic' | 'enhanced';
    };
    keyboardHandling?: boolean;
    hapticFeedback?: boolean;
    platform?: {
        ios?: Record<string, any>;
        android?: Record<string, any>;
    };
    autoSave?: {
        enabled: boolean;
        debounce?: number;
        storage: StorageAdapter;
        key: string;
        expirationDays?: number;
    };
    onDraftFound?: (draft: DraftData) => void;
    onAutoSave?: (data: DraftData) => void;
}
export type FormValues = Record<string, any>;
export type FormErrors = Record<string, string>;
export type FormTouched = Record<string, boolean>;
export interface FormState {
    values: FormValues;
    errors: FormErrors;
    touched: FormTouched;
    isSubmitting: boolean;
    isValid: boolean;
}
export interface SmartFormHook {
    values: FormValues;
    errors: FormErrors;
    touched: FormTouched;
    isSubmitting: boolean;
    isValid: boolean;
    setFieldValue: (field: string, value: any) => void;
    setFieldError: (field: string, error: string) => void;
    setFieldTouched: (field: string, touched: boolean) => void;
    validateField: (field: string) => Promise<string | null>;
    validateForm: () => Promise<FormErrors>;
    resetForm: () => void;
    submitForm: () => Promise<void>;
    getFieldProps: (field: string) => {
        value: any;
        onChangeText: (value: string) => void;
        onBlur: () => void;
        error: string | undefined;
        touched: boolean;
    };
    saveDraft: () => Promise<void>;
    loadDraft: (draft?: DraftData) => void;
    clearDraft: () => Promise<void>;
    hasDraft: () => Promise<boolean>;
}
/**
 * Props for SmartFormField component with icon support
 * Extends React Native TextInput props while providing additional functionality
 */
export interface SmartFormFieldProps extends Omit<TextInputProps, 'value' | 'onChangeText' | 'onBlur'> {
    /** Field name (must match a key in form fields configuration) */
    name: string;
    /** Placeholder text for the input */
    placeholder?: string;
    /** Style for the outer container */
    style?: any;
    /** Style for error text */
    errorStyle?: any;
    /** Label text displayed above the input */
    label?: string;
    /** Style for the label text */
    labelStyle?: any;
    /** Input style for the TextInput component */
    inputStyle?: any;
    /**
     * Left icon - can be a React element or a function that returns a React element
     * @example <Icon name="email" size={20} color="#666" />
     * @example () => <CustomIcon />
     */
    leftIcon?: ReactElement | (() => ReactElement);
    /**
     * Right icon - can be a React element or a function that returns a React element
     * @example <Icon name="visibility" size={20} color="#666" />
     * @example () => <Icon name={showPassword ? 'visibility' : 'visibility-off'} />
     */
    rightIcon?: ReactElement | (() => ReactElement);
    /**
     * Callback when left icon is pressed
     * If provided, the icon will be wrapped in a TouchableOpacity
     */
    onLeftIconPress?: () => void;
    /**
     * Callback when right icon is pressed
     * If provided, the icon will be wrapped in a TouchableOpacity
     * @example onRightIconPress={() => setShowPassword(!showPassword)}
     */
    onRightIconPress?: () => void;
    /** Style for the left icon container */
    leftIconStyle?: ViewStyle;
    /** Style for the right icon container */
    rightIconStyle?: ViewStyle;
    /** Style for the input container wrapper (contains icons and TextInput) */
    inputContainerStyle?: ViewStyle;
    /**
     * Country code for phone number formatting (only applies to 'phone' field type)
     * If not provided, no formatting will be applied and user input is preserved as-is
     * @example 'US' for United States format: (555) 123-4567
     * @example 'GB' for UK format: +44 7911 123456
     */
    countryCode?: CountryCode;
}