import React, { useEffect, useMemo, useRef, useState } from 'react'; import MainLayout from '@/layouts/MainLayout'; import { Head } from '@inertiajs/react'; import EmailNavigationMenu from './components/EmailNavigationMenu'; import IconifyIcon from '@/components/wrappers/IconifyIcon'; import clsx from 'clsx'; import { Button, Card, Col, Form, Row, Spinner, Modal } from 'react-bootstrap'; import ComposeEmailModal, { type Mode as ComposeMode } from './components/ComposeEmailModal'; /* ---------- Types ---------- */ type Thread = { id: string; subject: string | null; from_name: string | null; from_email: string | null; is_unread: boolean; snippet: string | null; last_date: string | null; message_count: number; }; type Msg = { id: string; date: string | null; from?: { name: string | null; email: string | null } | null; to?: { name: string | null; email: string | null }[]; cc?: { name: string | null; email: string | null }[]; bcc?: { name: string | null; email: string | null }[]; headers?: { message_id: string | null; in_reply_to: string | null; references: string | null; } | null; is_html?: boolean; body_html: string | null; body_text: string | null; attachments: { id?: string | number; filename?: string; name?: string; file_name?: string; mime?: string; size?: number | null; download_url?: string; url?: string; href?: string; link?: string; inline_url?: string; view_url?: string; content_id?: string; contentId?: string; cid?: string; [key: string]: any; }[]; }; type ThreadShow = { id: string; subject: string | null; messages: Msg[] }; type Folder = { id: string; name: string; unread?: number }; type ThreadDetail = Thread & { is_html?: boolean; messages: Msg[]; }; /* ---------- Utils ---------- */ const qs = (o: Record) => Object.entries(o) .filter(([, v]) => v !== undefined && v !== null && v !== '') .map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(String(v))}`) .join('&'); const sanitizeEmailHtml = (raw: string): string => { if (!raw) return ''; let out = raw; // 1) Strip out any