+
+
+
+);
+
+// Reusable summary row component for better readability & consistent spacing
+const SummaryRow = ({ label, value, last = false }: { label: string; value: string | number; last?: boolean }) => (
+
+
+
+
+
+
+ Daily Summary
+ {mailboxName}
+
+ Here's today's summary of your mailbox activity.
+
+
+
+
+
+ Powered by
+
+ 
+
+
+
+ +
+
+
+
+
+
+);
diff --git a/lib/emails/weeklyEmailReportTemplate.tsx b/lib/emails/weeklyEmailReportTemplate.tsx
new file mode 100644
index 000000000..1776c44cc
--- /dev/null
+++ b/lib/emails/weeklyEmailReportTemplate.tsx
@@ -0,0 +1,142 @@
+import { Body, Head, Hr, Html, Img, Link, Preview, Text } from "@react-email/components";
+import React from "react";
+import { getBaseUrl } from "@/components/constants";
+
+type Props = {
+ mailboxName: string;
+ dateRange: string;
+ teamMembers: { name: string; count: number }[];
+ inactiveMembers: string[];
+ totalReplies: number;
+ activeUserCount: number;
+};
+
+const baseUrl = getBaseUrl();
+
+export const WeeklyEmailReportTemplate = ({
+ mailboxName,
+ dateRange,
+ teamMembers,
+ inactiveMembers,
+ totalReplies,
+ activeUserCount,
+}: Props) => {
+ const peopleText = activeUserCount === 1 ? "person" : "people";
+
+ return (
+
+
+ {/* Header */}
+
+
+ ⭐ VIP Customer
+
+ New message from {customerName} ({customerEmail})
+
+
+
+ {/* Message card */}
+
+
+
+ {/* Customer links */}
+ {customerLinks && customerLinks.length > 0 && (
+
+ Original message:
+ {originalMessage}
+
+ {replyMessage && (
+ <>
+
+Reply:
+ {replyMessage}
+
+ )}
+
+ +
+
+ {customerLinks.map((link, index) => (
+
+
+ {link.label}
+
+
+ ))}
+
+
+ )}
+
+ {/* View link & status */}
+
+
+
+ View in Helper →
+
+
+ {closed && closedBy && (
+ ✓ Closed by {closedBy}
+ )}
+
+
+ {/* Footer */}
+
+
+
+ Powered by
+
+
+
+
+
+ +
+
+
+
+
+
+ );
+};
diff --git a/lib/resend/client.ts b/lib/resend/client.ts
new file mode 100644
index 000000000..049cec68f
--- /dev/null
+++ b/lib/resend/client.ts
@@ -0,0 +1,33 @@
+import type { ReactElement } from "react";
+import { Resend } from "resend";
+import { env } from "@/lib/env";
+
+export type EmailSendResult = { success: true } | { success: false; email?: string; error?: unknown };
+
+export const sentEmailViaResend = async ({
+ memberList,
+ subject,
+ react,
+}: {
+ memberList: { email: string }[];
+ subject: string;
+ react: ReactElement;
+}): Promise
+
+
+ Weekly Report
+ {mailboxName}
+ {dateRange}
+
+ Here's a summary of your team's activity this week.
+
+
+
+ {/* Team members list */}
+ {teamMembers.length > 0 && (
+
+ Team members
+
+
+ {teamMembers.map((member, index) => (
+
+
+ )}
+
+ {/* Inactive members */}
+ {inactiveMembers.length > 0 && (
+ | • {member.name} | ++ {member.count.toLocaleString()} + | +
+
+ No tickets answered: {inactiveMembers.join(", ")}
+
+
+ )}
+
+ {/* Total activity block */}
+
+
+
+ {/* Footer */}
+
+ Total Activity
+
+ {totalReplies.toLocaleString()} replies
+
+
+ from {activeUserCount} {peopleText}
+
+
+
+
+
+ Powered by
+
+
+
+
+
+ +
+
+