import MainLayout from '@/layouts/MainLayout'; import { Head, Link, useForm } from '@inertiajs/react'; import { Card, CardBody, Row, Col, Form, FormControl, Button } from 'react-bootstrap'; import IconifyIcon from '@/components/wrappers/IconifyIcon'; type Props = { back: string; initial?: { login_email?: string; imap_host?: string; imap_port?: number | string; imap_encryption?: string; imap_username?: string; smtp_host?: string; smtp_port?: number | string; smtp_encryption?: string; smtp_username?: string; has_imap_password?: boolean; has_smtp_password?: boolean; }; }; export default function ConnectEmail({ back, initial }: Props) { const { data, setData, post, processing, errors } = useForm({ login_email: initial?.login_email ?? '', imap_host: initial?.imap_host ?? '', imap_port: initial?.imap_port ?? 993, imap_encryption: initial?.imap_encryption ?? 'ssl', imap_username: initial?.imap_username ?? '', imap_password: '', // NEVER preload passwords smtp_host: initial?.smtp_host ?? '', smtp_port: initial?.smtp_port ?? 465, smtp_encryption: initial?.smtp_encryption ?? 'ssl', smtp_username: initial?.smtp_username ?? '', smtp_password: '', // NEVER preload passwords }); const onSubmit = (e: React.FormEvent) => { e.preventDefault(); post(route('inbox.connect.imap.save')); }; return (

Email Settings
Connect Email (IMAP/SMTP)
setData('login_email', e.target.value)} isInvalid={!!errors.login_email} /> {errors.login_email && (
{errors.login_email}
)}
IMAP (incoming)
setData('imap_host', e.target.value)} isInvalid={!!errors.imap_host} /> setData('imap_port', e.target.value)} /> setData('imap_encryption', e.target.value)} placeholder="ssl/tls" /> setData('imap_username', e.target.value)} /> setData('imap_password', e.target.value)} placeholder={initial?.has_imap_password ? '••••••••••' : ''} />
Leave blank to keep existing password.
SMTP (outgoing)
setData('smtp_host', e.target.value)} /> setData('smtp_port', e.target.value)} /> setData('smtp_encryption', e.target.value)} placeholder="ssl/tls" /> setData('smtp_username', e.target.value)} /> setData('smtp_password', e.target.value)} placeholder={initial?.has_smtp_password ? '••••••••••' : ''} />
Leave blank to keep existing password. If empty and no SMTP password exists, IMAP password will be used.
Cancel
); }