import { Head, router, usePage } from '@inertiajs/react'; import { useState } from 'react'; import { PageHeaderActions } from '@/components/page-header-actions'; import { Alert, AlertDescription } from '@/components/ui/alert'; import { Button } from '@/components/ui/button'; import { Dialog, DialogContent, DialogIconClose, DialogFooter, DialogHeader, DialogTitle, DialogBody, } from '@/components/ui/dialog'; import { Icon } from '@/components/ui/icon'; import { MailboxesWorkspace, type MailboxesDialogMode, } from '@/features/mailboxes/components/mailboxes-workspace'; import { MailboxAccountFields, useMailboxAccountForm } from '@/features/mailboxes/forms/mailbox-account-form'; import { MailboxServerFields, useMailboxServerForm } from '@/features/mailboxes/forms/mailbox-server-form'; import type { MailboxAccountListItem, MailboxServerListItem, MailboxesSettingsPageProps } from '@/features/mailboxes/types'; import { useI18n } from '@/hooks/use-i18n'; export default function MailboxesSettingsPage() { const { t } = useI18n(); const { mail_servers, mailboxes, clients, encryption_options, protocol_options } = usePage().props; const [dialog, setDialog] = useState(null); const closeDialog = () => setDialog(null); const toggleActive = (account: MailboxAccountListItem, nextActive: boolean) => { router.patch( `/admin/settings/mailboxes/${account.id}/toggle`, { active: nextActive }, { preserveScroll: true, preserveState: true }, ); }; const testConnection = (account: MailboxAccountListItem) => { router.post( `/admin/settings/mailboxes/${account.id}/test-connection`, {}, { preserveScroll: true, preserveState: true }, ); }; const syncMailbox = (account: MailboxAccountListItem) => { router.post( `/admin/settings/mailboxes/${account.id}/sync`, {}, { preserveScroll: true, preserveState: true }, ); }; const deleteAccount = (account: MailboxAccountListItem) => { if (!window.confirm(t('settings.mailboxes.workspace.delete_account_confirm', { name: account.name }))) { return; } router.delete(`/admin/settings/mailboxes/${account.id}`, { preserveScroll: true, preserveState: true, }); }; const deleteServer = (server: MailboxServerListItem) => { if (server.accounts_count > 0) { return; } if (!window.confirm(t('settings.mailboxes.servers_table.delete_confirm', { name: server.name }))) { return; } router.delete(`/admin/settings/mailboxes/servers/${server.id}`, { preserveScroll: true, preserveState: true, }); }; return ( <>

); } function MailboxServerDialogContent({ mode, serverId, initialValues, encryptionOptions, protocolOptions, onCancel, }: { mode: 'create' | 'edit'; serverId?: number; initialValues?: MailboxServerListItem; encryptionOptions: string[]; protocolOptions: string[]; onCancel: () => void; }) { const { t } = useI18n(); const { form, submit } = useMailboxServerForm({ mode, serverId, initialValues, onSuccess: onCancel, }); return ( <> ); } function MailboxAccountDialogContent({ mode, mailboxId, initialValues, defaultServerId, mailServers, clients, onCancel, }: { mode: 'create' | 'edit'; mailboxId?: number; initialValues?: MailboxAccountListItem; defaultServerId?: number; mailServers: MailboxServerListItem[]; clients: Array<{ id: number; name: string }>; onCancel: () => void; }) { const { t } = useI18n(); const { form, submit } = useMailboxAccountForm({ mode, mailboxId, initialValues: initialValues as Parameters[0]['initialValues'], defaultClientId: clients[0]?.id, defaultServerId: defaultServerId ?? mailServers[0]?.id, onSuccess: onCancel, }); return ( <> {mailServers.length === 0 ? ( {t('settings.mailboxes.hint.add_server_first')} ) : null}

{t('settings.mailboxes.dialog.password_notice')}

); }