feat(send-dialog): surface per-port attachment threshold in preview UI
Per PRE-DEPLOY-PLAN § 1.3.9. Adds an informational banner to the SendDocumentDialog explaining the size cutoff at which the attachment switches from inline to a 24h signed-link download. Threshold sourced from the existing `email_attach_threshold_mb` setting, plumbed through the previewBody return shape so rep-facing dialogs don't need to call the admin-only sales-config endpoint. Bounce monitoring deferred to land alongside the email_bounces table in Step 3 (schema additions). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -56,7 +56,12 @@ interface SendDocumentDialogProps {
|
|||||||
}
|
}
|
||||||
|
|
||||||
interface PreviewResponse {
|
interface PreviewResponse {
|
||||||
data: { html: string; markdown: string; unresolved: string[] };
|
data: {
|
||||||
|
html: string;
|
||||||
|
markdown: string;
|
||||||
|
unresolved: string[];
|
||||||
|
attachmentThresholdMb: number;
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
export function SendDocumentDialog(props: SendDocumentDialogProps) {
|
export function SendDocumentDialog(props: SendDocumentDialogProps) {
|
||||||
@@ -97,6 +102,9 @@ function SendDocumentDialogInner({
|
|||||||
|
|
||||||
// Live preview via /api/v1/document-sends/preview. Re-runs whenever the
|
// Live preview via /api/v1/document-sends/preview. Re-runs whenever the
|
||||||
// body text or recipient changes (debounce-by-react-query for free).
|
// body text or recipient changes (debounce-by-react-query for free).
|
||||||
|
// The preview also surfaces the per-port attachment-size threshold so
|
||||||
|
// the rep can see up-front whether their attachment will go inline vs
|
||||||
|
// as a 24h download link.
|
||||||
const previewQuery = useQuery<PreviewResponse>({
|
const previewQuery = useQuery<PreviewResponse>({
|
||||||
queryKey: [
|
queryKey: [
|
||||||
'document-sends-preview',
|
'document-sends-preview',
|
||||||
@@ -205,6 +213,13 @@ function SendDocumentDialogInner({
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{previewQuery.data?.data.attachmentThresholdMb !== undefined && (
|
||||||
|
<p className="rounded border border-slate-200 bg-slate-50 px-3 py-2 text-xs text-slate-700">
|
||||||
|
Files over <strong>{previewQuery.data.data.attachmentThresholdMb} MB</strong> are
|
||||||
|
sent as a 24-hour download link instead of an inline attachment.
|
||||||
|
</p>
|
||||||
|
)}
|
||||||
|
|
||||||
<div className="space-y-1">
|
<div className="space-y-1">
|
||||||
<Label htmlFor="ds-body">Message body</Label>
|
<Label htmlFor="ds-body">Message body</Label>
|
||||||
<Textarea
|
<Textarea
|
||||||
|
|||||||
@@ -263,7 +263,16 @@ export async function previewBody(
|
|||||||
recipient: SendRecipientInput,
|
recipient: SendRecipientInput,
|
||||||
customBody: string | null,
|
customBody: string | null,
|
||||||
ctx: { berthId?: string; brochureLabel?: string } = {},
|
ctx: { berthId?: string; brochureLabel?: string } = {},
|
||||||
): Promise<{ html: string; markdown: string; unresolved: string[] }> {
|
): Promise<{
|
||||||
|
html: string;
|
||||||
|
markdown: string;
|
||||||
|
unresolved: string[];
|
||||||
|
/** Per-port size cutoff at which the attachment is replaced with a
|
||||||
|
* 24-hour signed-link in the email body. Surfaced to the compose UI
|
||||||
|
* so the rep sees up-front whether their attachment will go inline
|
||||||
|
* vs as a link. */
|
||||||
|
attachmentThresholdMb: number;
|
||||||
|
}> {
|
||||||
const content = await getSalesContentConfig(portId);
|
const content = await getSalesContentConfig(portId);
|
||||||
const template = customBody?.trim()?.length
|
const template = customBody?.trim()?.length
|
||||||
? customBody
|
? customBody
|
||||||
@@ -274,7 +283,12 @@ export async function previewBody(
|
|||||||
const expanded = expandMergeTokens(template, values);
|
const expanded = expandMergeTokens(template, values);
|
||||||
const unresolved = findUnresolvedTokens(template, values);
|
const unresolved = findUnresolvedTokens(template, values);
|
||||||
const html = renderEmailBody(expanded);
|
const html = renderEmailBody(expanded);
|
||||||
return { html, markdown: expanded, unresolved };
|
return {
|
||||||
|
html,
|
||||||
|
markdown: expanded,
|
||||||
|
unresolved,
|
||||||
|
attachmentThresholdMb: content.emailAttachThresholdMb,
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
// ─── Internal helpers ────────────────────────────────────────────────────────
|
// ─── Internal helpers ────────────────────────────────────────────────────────
|
||||||
|
|||||||
Reference in New Issue
Block a user