@nocobase/app-plugin-mail 0.0.0-stage → 1.0.0-beta.10

package/dist/client/components/mail-label-manager.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Check, Plus, Tag, Trash2 } from 'lucide-react';
+import { useCallback, useEffect, useState } from 'react';
+import { useTranslation } from '@nocobase/i18n/client';
+import { mailErrorMessage, } from '../mail-client.js';
+import { useMailClient } from '../runtime.js';
+import { MAIL_PLUGIN_NS } from '../namespace.js';
+import { MAIL_LABEL_COLORS, mailLabelColorSwatch } from '../lib/mail-label.js';
+import { MailLabelTag } from './mail-label-tag.js';
+import { MailManagementFormActions } from './mail-management-form-actions.js';
+import { MailManagementListItem } from './mail-management-list-item.js';
+import { cn } from '../lib/utils.js';
+import { Button } from './ui/button.js';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from './ui/dialog.js';
+import { Card } from './ui/card.js';
+import { Input } from './ui/input.js';
+const DEFAULT_LABEL_COLOR = 'blue';
+const DEFAULT_COLOR_NAMES = {
+    slate: 'Slate',
+    red: 'Red',
+    orange: 'Orange',
+    amber: 'Amber',
+    green: 'Green',
+    sky: 'Sky',
+    blue: 'Blue',
+    violet: 'Violet',
+    pink: 'Pink',
+};
+export function MailLabelManager() {
+    const mail = useMailClient();
+    const { t } = useTranslation(MAIL_PLUGIN_NS);
+    const [labels, setLabels] = useState([]);
+    const [draft, setDraft] = useState(() => emptyDraft());
+    const [editingId, setEditingId] = useState();
+    const [labelToDelete, setLabelToDelete] = useState();
+    const [loading, setLoading] = useState(false);
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState();
+    const showError = useCallback((cause) => setError(mailErrorMessage(cause, t('errors.requestFailed', { defaultValue: 'Mail request failed.' }))), [t]);
+    const refresh = useCallback(() => {
+        setLoading(true);
+        setError(undefined);
+        void mail
+            .listLabels()
+            .then((nextLabels) => setLabels([...nextLabels].sort(compareLabels)))
+            .catch(showError)
+            .finally(() => setLoading(false));
+    }, [mail, showError]);
+    useEffect(() => {
+        void Promise.resolve().then(refresh);
+    }, [refresh]);
+    const resetDraft = () => {
+        setEditingId(undefined);
+        setDraft(emptyDraft());
+        setError(undefined);
+    };
+    const edit = (label) => {
+        setEditingId(label.id);
+        setDraft({ name: label.name, color: label.color });
+        setError(undefined);
+    };
+    const save = () => {
+        const name = draft.name.trim();
+        if (!name || busy)
+            return;
+        setBusy(true);
+        setError(undefined);
+        const request = editingId
+            ? mail.updateLabel({ id: editingId, name, color: draft.color })
+            : mail.createLabel(name, draft.color);
+        void request
+            .then((label) => {
+            setLabels((current) => [...current.filter((item) => item.id !== label.id), label].sort(compareLabels));
+            resetDraft();
+        })
+            .catch(showError)
+            .finally(() => setBusy(false));
+    };
+    const confirmDelete = () => {
+        const label = labelToDelete;
+        if (!label || busy)
+            return;
+        setBusy(true);
+        setError(undefined);
+        void mail
+            .deleteLabel(label.id)
+            .then(() => {
+            setLabels((current) => current.filter((item) => item.id !== label.id));
+            if (editingId === label.id)
+                resetDraft();
+            setLabelToDelete(undefined);
+        })
+            .catch(showError)
+            .finally(() => setBusy(false));
+    };
+    const colorName = (color) => t(`labels.colors.${color}`, {
+        defaultValue: DEFAULT_COLOR_NAMES[color],
+    });
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'grid min-h-0 w-full gap-4 lg:h-full lg:grid-cols-[18rem_minmax(0,1fr)]', children: [_jsxs(Card, { className: 'flex min-h-0 flex-col overflow-hidden rounded-2xl bg-background shadow-sm', children: [_jsxs("div", { className: 'flex shrink-0 items-center justify-between gap-3 border-b bg-muted/20 px-4 py-3', children: [_jsxs("div", { className: 'flex min-w-0 items-center gap-2', children: [_jsx("span", { className: 'grid size-8 shrink-0 place-items-center rounded-lg bg-primary/10 text-primary', children: _jsx(Tag, { "aria-hidden": 'true', className: 'size-4' }) }), _jsx("span", { className: 'sr-only', children: t('labels.list', { defaultValue: 'Labels' }) })] }), _jsxs("div", { className: 'flex items-center gap-2', children: [_jsx("span", { className: 'inline-flex h-7 min-w-7 shrink-0 items-center justify-center rounded-full border bg-background px-2 text-xs font-semibold', children: labels.length }), _jsxs(Button, { className: 'h-8 shrink-0 px-3 text-xs', disabled: busy, onClick: resetDraft, type: 'button', variant: 'outline', children: [_jsx(Plus, { "aria-hidden": 'true', className: 'size-3.5' }), t('labels.new', { defaultValue: 'New label' })] })] })] }), error ? (_jsx("p", { className: 'border-b border-destructive/20 bg-destructive/5 px-4 py-3 text-sm text-destructive', children: error })) : null, loading ? (_jsx("p", { className: 'p-4 text-sm text-muted-foreground', children: t('labels.loading', { defaultValue: 'Loading labels…' }) })) : labels.length === 0 ? (_jsx("div", { className: 'grid min-h-48 place-items-center p-4 text-center', children: _jsxs("div", { children: [_jsx("span", { className: 'mx-auto grid size-10 place-items-center rounded-full bg-muted text-muted-foreground', children: _jsx(Tag, { "aria-hidden": 'true', className: 'size-4' }) }), _jsx("p", { className: 'mt-3 text-sm font-medium', children: t('labels.empty', { defaultValue: 'No labels yet.' }) }), _jsx("p", { className: 'mt-1 text-xs text-muted-foreground', children: t('labels.emptyHint', {
+                                                defaultValue: 'Create one to organize messages visually.',
+                                            }) })] }) })) : (_jsx("div", { "aria-label": t('labels.list', { defaultValue: 'Labels' }), className: 'min-h-0 flex-1 divide-y overflow-y-auto overscroll-contain', role: 'region', children: labels.map((label) => (_jsx(MailManagementListItem, { ariaLabel: t('labels.editAction', {
+                                        name: label.name,
+                                        defaultValue: `Edit ${label.name}`,
+                                    }), onSelect: () => edit(label), selected: editingId === label.id, actions: _jsx(Button, { "aria-label": t('labels.deleteAction', {
+                                            name: label.name,
+                                            defaultValue: `Delete ${label.name}`,
+                                        }), className: 'size-8 p-0', onClick: () => setLabelToDelete(label), type: 'button', variant: 'ghost', children: _jsx(Trash2, { "aria-hidden": 'true', className: 'size-3.5' }) }), children: _jsx(MailLabelTag, { label: label, size: 'md' }) }, label.id))) }))] }), _jsxs(Card, { className: 'min-h-0 space-y-5 overflow-y-auto p-5', children: [_jsx("div", { className: 'flex items-start justify-between gap-3', children: _jsxs("div", { children: [_jsx("p", { className: 'text-xs font-medium tracking-wide text-muted-foreground uppercase', children: t('labels.formEyebrow', { defaultValue: 'Label setup' }) }), _jsx("h2", { className: 'mt-1 font-semibold', children: t(editingId ? 'labels.edit' : 'labels.new', {
+                                                defaultValue: editingId ? 'Edit label' : 'New label',
+                                            }) })] }) }), _jsxs("div", { className: 'grid gap-2', children: [_jsx("label", { className: 'text-sm font-medium', htmlFor: 'mail-label-name', children: t('labels.name', { defaultValue: 'Label name' }) }), _jsx(Input, { autoFocus: true, disabled: busy, id: 'mail-label-name', onChange: (event) => setDraft((current) => ({
+                                            ...current,
+                                            name: event.target.value,
+                                        })), onKeyDown: (event) => {
+                                            if (event.key === 'Enter')
+                                                save();
+                                        }, placeholder: t('labels.namePlaceholder', {
+                                            defaultValue: 'e.g. Customers',
+                                        }), value: draft.name })] }), _jsxs("fieldset", { children: [_jsx("legend", { className: 'mb-2 text-sm font-medium', children: t('labels.color', { defaultValue: 'Color' }) }), _jsx("div", { className: 'grid grid-cols-3 gap-2', children: MAIL_LABEL_COLORS.map((color) => {
+                                            const selected = draft.color === color;
+                                            return (_jsxs(Button, { "aria-label": t('labels.colorOption', {
+                                                    color: colorName(color),
+                                                    defaultValue: `Choose ${colorName(color)}`,
+                                                }), "aria-pressed": selected, className: cn('h-auto justify-start gap-2 rounded-lg border-border px-2.5 py-2 text-left text-xs font-normal hover:bg-muted', selected &&
+                                                    'border-primary bg-primary/5 ring-2 ring-primary/20'), disabled: busy, onClick: () => setDraft((current) => ({ ...current, color })), type: 'button', variant: 'ghost', children: [_jsx("span", { "aria-hidden": 'true', className: cn('size-4 shrink-0 rounded-full', mailLabelColorSwatch(color)) }), _jsx("span", { className: 'min-w-0 flex-1 truncate', children: colorName(color) }), selected ? (_jsx(Check, { "aria-hidden": 'true', className: 'size-3.5 shrink-0 text-primary' })) : null] }, color));
+                                        }) })] }), _jsxs("div", { className: 'rounded-xl border border-dashed bg-muted/20 p-3', children: [_jsx("p", { className: 'mb-2 text-xs text-muted-foreground', children: t('labels.preview', { defaultValue: 'Preview' }) }), _jsx(MailLabelTag, { label: {
+                                            name: draft.name.trim() ||
+                                                t('labels.previewName', { defaultValue: 'Label name' }),
+                                            color: draft.color,
+                                        }, size: 'md' })] }), _jsx(MailManagementFormActions, { editing: Boolean(editingId), busy: busy, disabled: !draft.name.trim(), submitLabel: t(editingId ? 'labels.save' : 'labels.add', {
+                                    defaultValue: editingId ? 'Save label' : 'Add label',
+                                }), savingLabel: t('labels.saving', { defaultValue: 'Saving…' }), cancelLabel: t('labels.cancel', { defaultValue: 'Cancel' }), onSubmit: save, onCancel: resetDraft })] })] }), _jsx(Dialog, { onOpenChange: (open) => {
+                    if (!open && !busy)
+                        setLabelToDelete(undefined);
+                }, open: Boolean(labelToDelete), children: _jsxs(DialogContent, { closeLabel: t('labels.close', { defaultValue: 'Close' }), children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t('labels.deleteTitle', { defaultValue: 'Delete label?' }) }), _jsx(DialogDescription, { children: t('labels.deleteDescription', {
+                                        defaultValue: 'This deletes the label and removes it from all messages. The messages will not be deleted.',
+                                    }) })] }), labelToDelete ? (_jsx("div", { className: 'mt-4', children: _jsx(MailLabelTag, { label: labelToDelete, size: 'md' }) })) : null, _jsxs(DialogFooter, { children: [_jsx(Button, { disabled: busy, onClick: () => setLabelToDelete(undefined), type: 'button', variant: 'outline', children: t('labels.cancel', { defaultValue: 'Cancel' }) }), _jsxs(Button, { disabled: busy, onClick: confirmDelete, type: 'button', variant: 'destructive', children: [_jsx(Trash2, { "aria-hidden": 'true', className: 'size-4' }), busy
+                                            ? t('labels.deleting', { defaultValue: 'Deleting…' })
+                                            : t('labels.delete', { defaultValue: 'Delete label' })] })] })] }) })] }));
+}
+function emptyDraft() {
+    return { name: '', color: DEFAULT_LABEL_COLOR };
+}
+function compareLabels(left, right) {
+    return left.name.localeCompare(right.name);
+}
+//# sourceMappingURL=mail-label-manager.js.map

package/dist/client/components/mail-label-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-label-manager.js","sourceRoot":"","sources":["../../../client/components/mail-label-manager.tsx"],"names":[],"mappings":"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"}

package/dist/client/components/mail-label-tag.d.ts

@@ -0,0 +1,15 @@
+import type { ReactElement } from 'react';
+import type { MailLabel, MailLabelColor } from '../mail-client.js';
+export interface MailLabelTagProps {
+    readonly label: Pick<MailLabel, 'name' | 'color'>;
+    readonly className?: string;
+    readonly size?: 'sm' | 'md';
+}
+export declare function MailLabelTag({ label, className, size, }: MailLabelTagProps): ReactElement;
+export interface MailLabelColorDotProps {
+    readonly color: MailLabelColor;
+    readonly className?: string;
+    readonly size?: 'sm' | 'md';
+}
+export declare function MailLabelColorDot({ color, className, size, }: MailLabelColorDotProps): ReactElement;
+//# sourceMappingURL=mail-label-tag.d.ts.map

package/dist/client/components/mail-label-tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-label-tag.d.ts","sourceRoot":"","sources":["../../../client/components/mail-label-tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAInE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;IAClD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,SAAS,EACT,IAAW,GACZ,EAAE,iBAAiB,GAAG,YAAY,CAmBlC;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CAC7B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,SAAS,EACT,IAAW,GACZ,EAAE,sBAAsB,GAAG,YAAY,CAavC"}

package/dist/client/components/mail-label-tag.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+import { getMailLabelColorStyles } from '../lib/mail-label.js';
+export function MailLabelTag({ label, className, size = 'sm', }) {
+    const styles = getMailLabelColorStyles(label.color);
+    return (_jsxs("span", { className: cn('inline-flex max-w-full items-center gap-1.5 rounded-full border font-medium', styles.tag, size === 'md' ? 'px-2.5 py-1 text-xs' : 'px-2 py-0.5 text-[11px]', className), title: label.name, children: [_jsx("span", { "aria-hidden": 'true', className: cn('size-1.5 shrink-0 rounded-full', styles.dot) }), _jsx("span", { className: 'min-w-0 truncate', children: label.name })] }));
+}
+export function MailLabelColorDot({ color, className, size = 'sm', }) {
+    const styles = getMailLabelColorStyles(color);
+    return (_jsx("span", { "aria-hidden": 'true', className: cn('shrink-0 rounded-full', size === 'md' ? 'size-2.5' : 'size-2', styles.dot, className) }));
+}
+//# sourceMappingURL=mail-label-tag.js.map

package/dist/client/components/mail-label-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-label-tag.js","sourceRoot":"","sources":["../../../client/components/mail-label-tag.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAQ/D,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,SAAS,EACT,IAAI,GAAG,IAAI,GACO;IAClB,MAAM,MAAM,GAAG,uBAAuB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACpD,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,MAAM,CAAC,GAAG,EACV,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,yBAAyB,EACjE,SAAS,CACV,EACD,KAAK,EAAE,KAAK,CAAC,IAAI,aAEjB,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,MAAM,CAAC,GAAG,CAAC,GAC3D,EACF,eAAM,SAAS,EAAC,kBAAkB,YAAE,KAAK,CAAC,IAAI,GAAQ,IACjD,CACR,CAAC;AACJ,CAAC;AAQD,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,SAAS,EACT,IAAI,GAAG,IAAI,GACY;IACvB,MAAM,MAAM,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CACL,8BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,EACrC,MAAM,CAAC,GAAG,EACV,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/client/components/mail-management-form-actions.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement } from 'react';
+interface MailManagementFormActionsProps {
+    readonly editing: boolean;
+    readonly busy: boolean;
+    readonly disabled: boolean;
+    readonly submitLabel: string;
+    readonly savingLabel: string;
+    readonly cancelLabel: string;
+    readonly onSubmit: () => void;
+    readonly onCancel: () => void;
+}
+export declare function MailManagementFormActions({ editing, busy, disabled, submitLabel, savingLabel, cancelLabel, onSubmit, onCancel, }: MailManagementFormActionsProps): ReactElement;
+export {};
+//# sourceMappingURL=mail-management-form-actions.d.ts.map

package/dist/client/components/mail-management-form-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-management-form-actions.d.ts","sourceRoot":"","sources":["../../../client/components/mail-management-form-actions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,UAAU,8BAA8B;IACtC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,wBAAgB,yBAAyB,CAAC,EACxC,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,EAAE,8BAA8B,GAAG,YAAY,CAsB/C"}

package/dist/client/components/mail-management-form-actions.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LoaderCircle, Plus, Save } from 'lucide-react';
+import { Button } from './ui/button.js';
+export function MailManagementFormActions({ editing, busy, disabled, submitLabel, savingLabel, cancelLabel, onSubmit, onCancel, }) {
+    const SubmitIcon = busy ? LoaderCircle : editing ? Save : Plus;
+    return (_jsxs("div", { className: 'flex flex-wrap items-center justify-end gap-2', children: [_jsx(Button, { disabled: busy, onClick: onCancel, type: 'button', variant: 'outline', children: cancelLabel }), _jsxs(Button, { disabled: busy || disabled, onClick: onSubmit, type: 'button', children: [_jsx(SubmitIcon, { "aria-hidden": 'true', className: busy ? 'size-4 animate-spin' : 'size-4' }), busy ? savingLabel : submitLabel] })] }));
+}
+//# sourceMappingURL=mail-management-form-actions.js.map

package/dist/client/components/mail-management-form-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-management-form-actions.js","sourceRoot":"","sources":["../../../client/components/mail-management-form-actions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAaxC,MAAM,UAAU,yBAAyB,CAAC,EACxC,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,GACuB;IAC/B,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE/D,OAAO,CACL,eAAK,SAAS,EAAC,+CAA+C,aAC5D,KAAC,MAAM,IACL,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,YAEhB,WAAW,GACL,EACT,MAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,IAAI,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAC,QAAQ,aAClE,KAAC,UAAU,mBACG,MAAM,EAClB,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,QAAQ,GAClD,EACD,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,IAC1B,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/client/components/mail-management-list-item.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElement, ReactNode } from 'react';
+interface MailManagementListItemProps {
+    readonly selected: boolean;
+    readonly onSelect: () => void;
+    readonly children: ReactNode;
+    readonly actions?: ReactNode;
+    readonly ariaLabel?: string;
+}
+export declare function MailManagementListItem({ selected, onSelect, children, actions, ariaLabel, }: MailManagementListItemProps): ReactElement;
+export {};
+//# sourceMappingURL=mail-management-list-item.d.ts.map

package/dist/client/components/mail-management-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-management-list-item.d.ts","sourceRoot":"","sources":["../../../client/components/mail-management-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrD,UAAU,2BAA2B;IACnC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,2BAA2B,GAAG,YAAY,CAwB5C"}

package/dist/client/components/mail-management-list-item.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+import { Button } from './ui/button.js';
+export function MailManagementListItem({ selected, onSelect, children, actions, ariaLabel, }) {
+    return (_jsxs("div", { className: cn('flex min-w-0 items-center border-l-2 border-transparent transition-colors hover:bg-muted/30', selected &&
+            'border-b-transparent border-l-primary bg-primary/10 hover:bg-primary/15'), children: [_jsx(Button, { "aria-current": selected ? 'true' : undefined, "aria-label": ariaLabel, className: 'h-auto min-w-0 flex-1 justify-start gap-3 px-4 py-2.5 text-left text-sm hover:bg-transparent focus-visible:ring-2 focus-visible:ring-inset', onClick: onSelect, type: 'button', variant: 'ghost', children: children }), actions ? (_jsx("div", { className: 'flex shrink-0 items-center gap-1 pr-2', children: actions })) : null] }));
+}
+//# sourceMappingURL=mail-management-list-item.js.map

package/dist/client/components/mail-management-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-management-list-item.js","sourceRoot":"","sources":["../../../client/components/mail-management-list-item.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAUxC,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,GACmB;IAC5B,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,6FAA6F,EAC7F,QAAQ;YACN,yEAAyE,CAC5E,aAED,KAAC,MAAM,oBACS,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBAC/B,SAAS,EACrB,SAAS,EAAC,4IAA4I,EACtJ,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,YAEd,QAAQ,GACF,EACR,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,uCAAuC,YAAE,OAAO,GAAO,CACvE,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/client/components/mail-message-content.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement } from 'react';
+import type { MailMessage } from '../mail-client.js';
+interface MailMessageContentProps {
+    readonly message: MailMessage;
+    readonly title: string;
+}
+export declare function MailMessageContent(props: MailMessageContentProps): ReactElement;
+export {};
+//# sourceMappingURL=mail-message-content.d.ts.map

package/dist/client/components/mail-message-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-message-content.d.ts","sourceRoot":"","sources":["../../../client/components/mail-message-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOrD,UAAU,uBAAuB;IAC/B,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,uBAAuB,GAC7B,YAAY,CAWd"}

package/dist/client/components/mail-message-content.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useTranslation } from '@nocobase/i18n/client';
+import { useMailClient } from '../runtime.js';
+import { MAIL_PLUGIN_NS } from '../namespace.js';
+import { Button } from './ui/button.js';
+import { MailTextBody } from './mail-text-body.js';
+import { MailHtmlBody } from './mail-html-body.js';
+export function MailMessageContent(props) {
+    if (props.message.contentStatus === 'deferred' ||
+        props.message.contentStatus === 'failed')
+        return _jsx(IncompleteContent, { ...props }, props.message.id);
+    return props.message.html ? (_jsx(MailHtmlBody, { message: props.message, title: props.title })) : (_jsx(MailTextBody, { text: props.message.text ?? props.message.preview ?? '' }));
+}
+function IncompleteContent({ message, title, }) {
+    const mail = useMailClient();
+    const { t } = useTranslation(MAIL_PLUGIN_NS);
+    const [loaded, setLoaded] = useState();
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(false);
+    const current = loaded?.id === message.id ? loaded : message;
+    const incomplete = current.contentStatus === 'deferred' || current.contentStatus === 'failed';
+    const retry = async () => {
+        setBusy(true);
+        setError(false);
+        try {
+            setLoaded(await mail.retryMessageContent(message.accountId, message.id));
+        }
+        catch {
+            setError(true);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    return (_jsxs("div", { className: 'space-y-3', children: [incomplete ? (_jsxs("div", { className: 'rounded-lg border border-border bg-muted p-3 text-sm', role: 'status', children: [_jsx("p", { children: t(current.contentError === 'IMAP_DETAIL_BODY_TOO_LARGE'
+                            ? 'content.tooLarge'
+                            : current.contentStatus === 'deferred'
+                                ? 'content.deferred'
+                                : 'content.failed') }), current.size !== undefined ? (_jsx("p", { className: 'text-muted-foreground', children: t('content.size', {
+                            size: (current.size / 1024 / 1024).toFixed(1),
+                        }) })) : null, _jsx(Button, { className: 'mt-2', disabled: busy || current.contentError === 'IMAP_DETAIL_BODY_TOO_LARGE', onClick: () => void retry(), variant: 'outline', children: t(busy ? 'content.loading' : 'content.retry') }), error ? (_jsx("p", { className: 'mt-2 text-destructive', role: 'alert', children: t('content.retryFailed') })) : null] })) : null, current.html ? (_jsx(MailHtmlBody, { message: current, title: title })) : (_jsx(MailTextBody, { text: current.text ?? current.preview ?? '' }))] }));
+}
+//# sourceMappingURL=mail-message-content.js.map

package/dist/client/components/mail-message-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-message-content.js","sourceRoot":"","sources":["../../../client/components/mail-message-content.tsx"],"names":[],"mappings":"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"}

package/dist/client/components/mail-message-list.d.ts

@@ -0,0 +1,25 @@
+import type { ReactElement } from 'react';
+import type { MailLabel, MailMessageSummary } from '../mail-client.js';
+export interface MailMessageListLabels {
+    readonly empty: string;
+    readonly loading?: string;
+    readonly messages?: string;
+    readonly loadMore: string;
+    readonly noSubject: string;
+    readonly subjectCount?: (count: number) => string;
+    readonly unknownSender: string;
+}
+export interface MailMessageListProps {
+    readonly accountNames?: ReadonlyMap<string, string>;
+    readonly availableLabels?: readonly MailLabel[];
+    readonly labels: MailMessageListLabels;
+    readonly loading?: boolean;
+    readonly messages: readonly MailMessageSummary[];
+    readonly nextCursor?: string;
+    readonly onLoadMore: () => void;
+    readonly onSelect: (message: MailMessageSummary) => void;
+    readonly selectedMessageId?: string;
+    readonly showAccount?: boolean;
+}
+export declare function MailMessageList({ availableLabels, labels, loading, messages, nextCursor, onLoadMore, onSelect, selectedMessageId, }: MailMessageListProps): ReactElement;
+//# sourceMappingURL=mail-message-list.d.ts.map

package/dist/client/components/mail-message-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-message-list.d.ts","sourceRoot":"","sources":["../../../client/components/mail-message-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAWvE,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpD,QAAQ,CAAC,eAAe,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAChD,QAAQ,CAAC,MAAM,EAAE,qBAAqB,CAAC;IACvC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACjD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,wBAAgB,eAAe,CAAC,EAC9B,eAAoB,EACpB,MAAM,EACN,OAAe,EACf,QAAQ,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,iBAAiB,GAClB,EAAE,oBAAoB,GAAG,YAAY,CAsKrC"}

package/dist/client/components/mail-message-list.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MailScheduledStatus } from './mail-scheduled-status.js';
+import { CheckSquare2, Paperclip, Star, StickyNote } from 'lucide-react';
+import { useTranslation } from '@nocobase/i18n/client';
+import { MAIL_PLUGIN_NS } from '../namespace.js';
+import { cn } from '../lib/utils.js';
+import { mailAddressName, formatMailAddress, formatMailAddresses, } from '../lib/mail-address.js';
+import { Button } from './ui/button.js';
+import { MailLabelTag } from './mail-label-tag.js';
+export function MailMessageList({ availableLabels = [], labels, loading = false, messages, nextCursor, onLoadMore, onSelect, selectedMessageId, }) {
+    const { t, i18n } = useTranslation(MAIL_PLUGIN_NS);
+    const groupedMessages = groupMessagesByConversation(messages);
+    const labelsById = new Map(availableLabels.map((label) => [label.id, label]));
+    return (_jsxs("section", { "aria-busy": loading, "aria-label": labels.messages ?? 'Messages', className: 'h-full min-h-0 overflow-y-auto', children: [loading && groupedMessages.length === 0 ? (_jsxs("div", { role: 'status', className: 'space-y-4 p-4', children: [_jsx("span", { className: 'sr-only', children: labels.loading ?? 'Loading messages…' }), [0, 1, 2, 3].map((row) => (_jsxs("div", { "aria-hidden": 'true', className: 'space-y-2 motion-safe:animate-pulse', children: [_jsx("div", { className: 'h-4 w-2/3 rounded bg-muted' }), _jsx("div", { className: 'h-3 w-full rounded bg-muted' }), _jsx("div", { className: 'h-3 w-4/5 rounded bg-muted' })] }, row)))] })) : null, groupedMessages.length === 0 && !loading ? (_jsx("p", { className: 'p-8 text-center text-sm text-muted-foreground', children: labels.empty })) : null, _jsx("div", { className: 'divide-y', children: groupedMessages.map(({ message, subjectCount }) => {
+                    const sender = mailAddressName(message.from);
+                    const recipients = message.to
+                        .map(mailAddressName)
+                        .filter(Boolean)
+                        .join(', ');
+                    const messageLabels = message.labelIds
+                        .map((labelId) => labelsById.get(labelId))
+                        .filter((label) => Boolean(label));
+                    return (_jsxs(Button, { "aria-current": selectedMessageId === message.id ? 'true' : undefined, className: cn('block h-auto w-full border-0 px-4 py-3 text-left font-normal whitespace-normal hover:bg-muted/60', selectedMessageId === message.id && 'bg-primary/5', !message.read && 'bg-muted/30'), onClick: () => onSelect(message), type: 'button', variant: 'ghost', children: [_jsxs("div", { className: 'flex items-center gap-2', children: [_jsx("span", { "aria-label": t('workspace.senderLabel', {
+                                            defaultValue: 'From',
+                                        }), title: message.from ? formatMailAddress(message.from) : undefined, className: cn('min-w-0 flex-1 truncate text-sm', !message.read && 'font-semibold'), children: sender || labels.unknownSender }), message.starred ? (_jsx(Star, { "aria-label": 'Starred', className: 'size-3.5 fill-amber-400 text-amber-500' })) : null, _jsx("time", { className: 'shrink-0 text-xs text-muted-foreground', children: formatMessageDate(message.receivedAt ?? message.sentAt, i18n.language) })] }), recipients ? (_jsx("p", { "aria-label": t('workspace.to', { defaultValue: 'To' }), title: formatMailAddresses(message.to), className: 'mt-1 truncate text-xs text-muted-foreground', children: recipients })) : null, _jsxs("div", { className: 'mt-1 flex items-center gap-2', children: [_jsx("span", { className: cn('min-w-0 flex-1 truncate text-sm', !message.read && 'font-medium'), children: message.subject || labels.noSubject }), subjectCount > 1 ? (_jsx("span", { "aria-label": labels.subjectCount?.(subjectCount) ??
+                                            `${subjectCount} messages in this conversation`, className: 'shrink-0 rounded-full bg-primary/10 px-1.5 py-0.5 text-xs font-medium text-primary', children: subjectCount })) : null, message.hasAttachments ? (_jsx(Paperclip, { "aria-label": 'Has attachments', className: 'size-3.5 text-muted-foreground' })) : null, message.note ? (_jsx(StickyNote, { "aria-label": 'Has note', className: 'size-3.5 text-muted-foreground' })) : null, message.todo ? (_jsx(CheckSquare2, { "aria-label": 'To do', className: 'size-3.5 text-primary' })) : null] }), messageLabels.length > 0 ? (_jsx("div", { className: 'mt-2 flex min-w-0 flex-wrap gap-1.5', children: messageLabels.map((label) => (_jsx(MailLabelTag, { label: label }, label.id))) })) : null, _jsx(MailScheduledStatus, { message: message }), message.preview ? (_jsx("p", { className: 'mt-1 line-clamp-2 text-xs leading-5 text-muted-foreground', children: message.preview })) : null] }, message.id));
+                }) }), nextCursor ? (_jsx("div", { className: 'p-3', children: _jsx(Button, { className: 'w-full', disabled: loading, onClick: onLoadMore, variant: 'outline', children: labels.loadMore }) })) : null] }));
+}
+function groupMessagesByConversation(messages) {
+    const groups = new Map();
+    for (const message of messages) {
+        const key = messageGroupKey(message);
+        const existing = groups.get(key);
+        if (!existing) {
+            groups.set(key, {
+                message,
+                loadedCount: 1,
+                subjectCount: Math.max(1, message.subjectCount ?? 1),
+            });
+            continue;
+        }
+        groups.set(key, {
+            message: mergeGroupedMessage(existing.message, message),
+            loadedCount: existing.loadedCount + 1,
+            subjectCount: Math.max(existing.subjectCount, existing.loadedCount + 1, message.subjectCount ?? 1),
+        });
+    }
+    return [...groups.values()];
+}
+function messageGroupKey(message) {
+    if (!message.draft && message.conversationId)
+        return `${message.accountId}:conversation:${message.conversationId}`;
+    return `${message.accountId}:message:${message.id}`;
+}
+function mergeGroupedMessage(representative, message) {
+    return {
+        ...representative,
+        hasAttachments: representative.hasAttachments || message.hasAttachments,
+        note: representative.note ?? message.note,
+        read: representative.read && message.read,
+        starred: representative.starred || message.starred,
+        todo: representative.todo || message.todo,
+        labelIds: [...new Set([...representative.labelIds, ...message.labelIds])],
+    };
+}
+function formatMessageDate(value, locale) {
+    if (!value)
+        return '';
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return '';
+    return new Intl.DateTimeFormat(locale, {
+        month: 'short',
+        day: 'numeric',
+    }).format(date);
+}
+//# sourceMappingURL=mail-message-list.js.map

package/dist/client/components/mail-message-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-message-list.js","sourceRoot":"","sources":["../../../client/components/mail-message-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAyBnD,MAAM,UAAU,eAAe,CAAC,EAC9B,eAAe,GAAG,EAAE,EACpB,MAAM,EACN,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,iBAAiB,GACI;IACrB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;IACnD,MAAM,eAAe,GAAG,2BAA2B,CAAC,QAAQ,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAE9E,OAAO,CACL,gCACa,OAAO,gBACN,MAAM,CAAC,QAAQ,IAAI,UAAU,EACzC,SAAS,EAAC,gCAAgC,aAEzC,OAAO,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACzC,eAAK,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,eAAe,aAC1C,eAAM,SAAS,EAAC,SAAS,YACtB,MAAM,CAAC,OAAO,IAAI,mBAAmB,GACjC,EACN,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACzB,8BAEc,MAAM,EAClB,SAAS,EAAC,qCAAqC,aAE/C,cAAK,SAAS,EAAC,4BAA4B,GAAG,EAC9C,cAAK,SAAS,EAAC,6BAA6B,GAAG,EAC/C,cAAK,SAAS,EAAC,4BAA4B,GAAG,KANzC,GAAG,CAOJ,CACP,CAAC,IACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAC1C,YAAG,SAAS,EAAC,+CAA+C,YACzD,MAAM,CAAC,KAAK,GACX,CACL,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAC,UAAU,YACtB,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE;oBACjD,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;oBAC7C,MAAM,UAAU,GAAG,OAAO,CAAC,EAAE;yBAC1B,GAAG,CAAC,eAAe,CAAC;yBACpB,MAAM,CAAC,OAAO,CAAC;yBACf,IAAI,CAAC,IAAI,CAAC,CAAC;oBACd,MAAM,aAAa,GAAG,OAAO,CAAC,QAAQ;yBACnC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;yBACzC,MAAM,CAAC,CAAC,KAAK,EAAsB,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;oBACzD,OAAO,CACL,MAAC,MAAM,oBAEH,iBAAiB,KAAK,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAEvD,SAAS,EAAE,EAAE,CACX,kGAAkG,EAClG,iBAAiB,KAAK,OAAO,CAAC,EAAE,IAAI,cAAc,EAClD,CAAC,OAAO,CAAC,IAAI,IAAI,aAAa,CAC/B,EAED,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,EAChC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,aAEf,eAAK,SAAS,EAAC,yBAAyB,aACtC,6BACc,CAAC,CAAC,uBAAuB,EAAE;4CACrC,YAAY,EAAE,MAAM;yCACrB,CAAC,EACF,KAAK,EACH,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,EAE5D,SAAS,EAAE,EAAE,CACX,iCAAiC,EACjC,CAAC,OAAO,CAAC,IAAI,IAAI,eAAe,CACjC,YAEA,MAAM,IAAI,MAAM,CAAC,aAAa,GAC1B,EACN,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACjB,KAAC,IAAI,kBACQ,SAAS,EACpB,SAAS,EAAC,wCAAwC,GAClD,CACH,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAC,wCAAwC,YACrD,iBAAiB,CAChB,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,MAAM,EACpC,IAAI,CAAC,QAAQ,CACd,GACI,IACH,EACL,UAAU,CAAC,CAAC,CAAC,CACZ,0BACc,CAAC,CAAC,cAAc,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,EACrD,KAAK,EAAE,mBAAmB,CAAC,OAAO,CAAC,EAAE,CAAC,EACtC,SAAS,EAAC,6CAA6C,YAEtD,UAAU,GACT,CACL,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,8BAA8B,aAC3C,eACE,SAAS,EAAE,EAAE,CACX,iCAAiC,EACjC,CAAC,OAAO,CAAC,IAAI,IAAI,aAAa,CAC/B,YAEA,OAAO,CAAC,OAAO,IAAI,MAAM,CAAC,SAAS,GAC/B,EACN,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,6BAEI,MAAM,CAAC,YAAY,EAAE,CAAC,YAAY,CAAC;4CACnC,GAAG,YAAY,gCAAgC,EAEjD,SAAS,EAAC,oFAAoF,YAE7F,YAAY,GACR,CACR,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CACxB,KAAC,SAAS,kBACG,iBAAiB,EAC5B,SAAS,EAAC,gCAAgC,GAC1C,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,UAAU,kBACE,UAAU,EACrB,SAAS,EAAC,gCAAgC,GAC1C,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,YAAY,kBACA,OAAO,EAClB,SAAS,EAAC,uBAAuB,GACjC,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1B,cAAK,SAAS,EAAC,qCAAqC,YACjD,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,KAAC,YAAY,IAAgB,KAAK,EAAE,KAAK,IAAtB,KAAK,CAAC,EAAE,CAAkB,CAC9C,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,GAAI,EACxC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACjB,YAAG,SAAS,EAAC,2DAA2D,YACrE,OAAO,CAAC,OAAO,GACd,CACL,CAAC,CAAC,CAAC,IAAI,KA7FH,OAAO,CAAC,EAAE,CA8FR,CACV,CAAC;gBACJ,CAAC,CAAC,GACE,EACL,UAAU,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAC,KAAK,YAClB,KAAC,MAAM,IACL,SAAS,EAAC,QAAQ,EAClB,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,UAAU,EACnB,OAAO,EAAC,SAAS,YAEhB,MAAM,CAAC,QAAQ,GACT,GACL,CACP,CAAC,CAAC,CAAC,IAAI,IACA,CACX,CAAC;AACJ,CAAC;AAQD,SAAS,2BAA2B,CAClC,QAAuC;IAEvC,MAAM,MAAM,GAAG,IAAI,GAAG,EAA8B,CAAC;IACrD,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;QAC/B,MAAM,GAAG,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;QACrC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACjC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE;gBACd,OAAO;gBACP,WAAW,EAAE,CAAC;gBACd,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,YAAY,IAAI,CAAC,CAAC;aACrD,CAAC,CAAC;YACH,SAAS;QACX,CAAC;QACD,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE;YACd,OAAO,EAAE,mBAAmB,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;YACvD,WAAW,EAAE,QAAQ,CAAC,WAAW,GAAG,CAAC;YACrC,YAAY,EAAE,IAAI,CAAC,GAAG,CACpB,QAAQ,CAAC,YAAY,EACrB,QAAQ,CAAC,WAAW,GAAG,CAAC,EACxB,OAAO,CAAC,YAAY,IAAI,CAAC,CAC1B;SACF,CAAC,CAAC;IACL,CAAC;IACD,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;AAC9B,CAAC;AAED,SAAS,eAAe,CAAC,OAA2B;IAClD,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,cAAc;QAC1C,OAAO,GAAG,OAAO,CAAC,SAAS,iBAAiB,OAAO,CAAC,cAAc,EAAE,CAAC;IACvE,OAAO,GAAG,OAAO,CAAC,SAAS,YAAY,OAAO,CAAC,EAAE,EAAE,CAAC;AACtD,CAAC;AAED,SAAS,mBAAmB,CAC1B,cAAkC,EAClC,OAA2B;IAE3B,OAAO;QACL,GAAG,cAAc;QACjB,cAAc,EAAE,cAAc,CAAC,cAAc,IAAI,OAAO,CAAC,cAAc;QACvE,IAAI,EAAE,cAAc,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI;QACzC,IAAI,EAAE,cAAc,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI;QACzC,OAAO,EAAE,cAAc,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO;QAClD,IAAI,EAAE,cAAc,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI;QACzC,QAAQ,EAAE,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,QAAQ,EAAE,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;KAC1E,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAc,EAAE,MAAe;IACxD,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IACtB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QAAE,OAAO,EAAE,CAAC;IAC5C,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;QACrC,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;KACf,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAClB,CAAC"}

package/dist/client/components/mail-navigation-icon.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+export { MAIL_UNREAD_COUNT_CHANGED_EVENT } from '../subscription.js';
+/** Mail center icon with a current-user unread badge. */
+export declare function MailNavigationIcon(): ReactElement;
+//# sourceMappingURL=mail-navigation-icon.d.ts.map

package/dist/client/components/mail-navigation-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-navigation-icon.d.ts","sourceRoot":"","sources":["../../../client/components/mail-navigation-icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAQ1C,OAAO,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC;AAGrE,yDAAyD;AACzD,wBAAgB,kBAAkB,IAAI,YAAY,CAgEjD"}

package/dist/client/components/mail-navigation-icon.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Mail } from 'lucide-react';
+import { realtimeClientToken, useService } from '@nocobase/app-client';
+import { useEffect, useState } from 'react';
+import { useTranslation } from '@nocobase/i18n/client';
+import { useMailClient } from '../runtime.js';
+import { MAIL_PLUGIN_NS } from '../namespace.js';
+import { subscribeToMailInvalidations } from '../subscription.js';
+const REFRESH_INTERVAL_MS = 60_000;
+export { MAIL_UNREAD_COUNT_CHANGED_EVENT } from '../subscription.js';
+import { MAIL_UNREAD_COUNT_CHANGED_EVENT } from '../subscription.js';
+/** Mail center icon with a current-user unread badge. */
+export function MailNavigationIcon() {
+    const { t } = useTranslation(MAIL_PLUGIN_NS);
+    const mail = useMailClient();
+    const realtime = useService(realtimeClientToken);
+    const [unread, setUnread] = useState(0);
+    useEffect(() => {
+        let active = true;
+        let pending = false;
+        let inFlight = false;
+        let debounce;
+        const refresh = () => {
+            if (!active || inFlight)
+                return;
+            pending = false;
+            inFlight = true;
+            void mail
+                .getUnreadCount()
+                .then((count) => {
+                if (active && !pending)
+                    setUnread(count);
+            })
+                .catch(() => undefined)
+                .finally(() => {
+                inFlight = false;
+                if (active && pending)
+                    schedule();
+            });
+        };
+        const schedule = () => {
+            pending = true;
+            window.clearTimeout(debounce);
+            debounce = window.setTimeout(refresh, 100);
+        };
+        refresh();
+        const unsubscribeRealtime = subscribeToMailInvalidations(realtime, window, schedule);
+        const timer = window.setInterval(schedule, REFRESH_INTERVAL_MS);
+        window.addEventListener(MAIL_UNREAD_COUNT_CHANGED_EVENT, schedule);
+        return () => {
+            active = false;
+            window.clearInterval(timer);
+            window.clearTimeout(debounce);
+            unsubscribeRealtime();
+            window.removeEventListener(MAIL_UNREAD_COUNT_CHANGED_EVENT, schedule);
+        };
+    }, [mail, realtime]);
+    return (_jsxs("span", { className: 'relative inline-flex size-4 items-center justify-center', children: [_jsx(Mail, { "aria-hidden": 'true', className: 'size-4' }), unread > 0 ? (_jsx("span", { "aria-label": t('nav.unread', {
+                    count: unread,
+                    defaultValue: '{{count}} unread messages',
+                }), className: 'absolute -top-2 -right-2 min-w-4 rounded-full bg-primary px-1 text-center text-[9px] leading-4 font-semibold text-primary-foreground', children: unread > 99 ? '99+' : unread })) : null] }));
+}
+//# sourceMappingURL=mail-navigation-icon.js.map

package/dist/client/components/mail-navigation-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-navigation-icon.js","sourceRoot":"","sources":["../../../client/components/mail-navigation-icon.tsx"],"names":[],"mappings":"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"}

package/dist/client/components/mail-page-header.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement, ReactNode } from 'react';
+export interface MailPageHeaderProps {
+    readonly eyebrow: string;
+    readonly title: string;
+    readonly description: string;
+    readonly actions?: ReactNode;
+}
+export declare function MailPageHeader({ eyebrow, title, description, actions, }: MailPageHeaderProps): ReactElement;
+//# sourceMappingURL=mail-page-header.d.ts.map

package/dist/client/components/mail-page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-page-header.d.ts","sourceRoot":"","sources":["../../../client/components/mail-page-header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,WAAW,EACX,OAAO,GACR,EAAE,mBAAmB,GAAG,YAAY,CAOpC"}

package/dist/client/components/mail-page-header.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PageHeader } from './page-header.js';
+export function MailPageHeader({ eyebrow, title, description, actions, }) {
+    return (_jsxs("div", { className: 'space-y-2', children: [_jsx("p", { className: 'text-xs text-muted-foreground', children: eyebrow }), _jsx(PageHeader, { title: title, description: description, actions: actions })] }));
+}
+//# sourceMappingURL=mail-page-header.js.map

package/dist/client/components/mail-page-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-page-header.js","sourceRoot":"","sources":["../../../client/components/mail-page-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAU9C,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,WAAW,EACX,OAAO,GACa;IACpB,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,YAAG,SAAS,EAAC,+BAA+B,YAAE,OAAO,GAAK,EAC1D,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,IACpE,CACP,CAAC;AACJ,CAAC"}

package/dist/client/components/mail-pagination.d.ts

@@ -0,0 +1,12 @@
+import { type ReactElement } from 'react';
+export declare const MAIL_PAGE_SIZE = 20;
+export declare function MailPagination({ page, pageSize, total, hasNext, disabled, onPageChange, onPageSizeChange, }: {
+    readonly page: number;
+    readonly pageSize: number;
+    readonly total?: number;
+    readonly hasNext: boolean;
+    readonly disabled?: boolean;
+    readonly onPageChange: (page: number) => void;
+    readonly onPageSizeChange: (pageSize: number) => void;
+}): ReactElement;
+//# sourceMappingURL=mail-pagination.d.ts.map