Update commission email subject (dubinc#3661)

Author: steven-tey

apps/web/app/(ee)/api/cron/partner-program-summary/process/route.ts

@@ -250,22 +250,22 @@ export const POST = withCron(async ({ rawBody }) => {
     return {
       partner,
       previousMonth: {
+        earnings: _previousMonthEarnings?._sum.earnings ?? 0,
         clicks: _previousMonthAnalytics?.clicks ?? 0,
         leads: _previousMonthAnalytics?.leads ?? 0,
         sales: _previousMonthAnalytics?.sales ?? 0,
-        earnings: _previousMonthEarnings?._sum.earnings ?? 0,
       },
       currentMonth: {
+        earnings: _currentMonthEarnings?._sum.earnings ?? 0,
         clicks: _currentMonthAnalytics?.clicks ?? 0,
         leads: _currentMonthAnalytics?.leads ?? 0,
         sales: _currentMonthAnalytics?.sales ?? 0,
-        earnings: _currentMonthEarnings?._sum.earnings ?? 0,
       },
       lifetime: {
+        earnings: _lifetimeEarnings?._sum.earnings ?? 0,
         clicks: _lifetimeAnalytics?.clicks ?? 0,
         leads: _lifetimeAnalytics?.leads ?? 0,
         sales: _lifetimeAnalytics?.sales ?? 0,
-        earnings: _lifetimeEarnings?._sum.earnings ?? 0,
       },
     };
   });
@@ -274,14 +274,14 @@ export const POST = withCron(async ({ rawBody }) => {
     summary.map((s) => ({
       partner: s.partner.email,
       program: program.name,
+      currentEarnings: s.currentMonth.earnings,
       currentClicks: s.currentMonth.clicks,
       currentLeads: s.currentMonth.leads,
       currentSales: s.currentMonth.sales,
-      currentEarnings: s.currentMonth.earnings,
+      lifetimeEarnings: s.lifetime.earnings,
       lifetimeClicks: s.lifetime.clicks,
       lifetimeLeads: s.lifetime.leads,
       lifetimeSales: s.lifetime.sales,
-      lifetimeEarnings: s.lifetime.earnings,
     })),
   );
 

apps/web/lib/api/partners/notify-partner-commission.ts

@@ -13,7 +13,7 @@ import {
   Project,
   User,
 } from "@dub/prisma/client";
-import { chunk } from "@dub/utils";
+import { chunk, currencyFormatter } from "@dub/utils";
 
 // Send email to partner and program owners when a commission is created
 export async function notifyPartnerCommission({
@@ -136,7 +136,7 @@ export async function notifyPartnerCommission({
     ...partnerEmailsToNotify.map(
       (email) =>
         ({
-          subject: "You just made a commission via Dub Partners!",
+          subject: `You've made a ${currencyFormatter(commission.earnings)} commission from ${program.name}`,
           variant: "notifications",
           to: email,
           replyTo: program.supportEmail || "noreply",
@@ -151,7 +151,7 @@ export async function notifyPartnerCommission({
       ? workspaceUsers.map(
           ({ user }) =>
             ({
-              subject: `New customer referred by ${partner.name}`,
+              subject: `New ${currencyFormatter(commission.amount)} sale referred by ${partner.name}`,
               variant: "notifications",
               to: user.email!,
               react: NewSaleAlertProgramOwner({

packages/email/src/templates/partner-program-summary.tsx

@@ -82,22 +82,22 @@ export default function PartnerProgramSummary({
     createdAt: new Date(),
   },
   previousMonth = {
+    earnings: 12500,
     clicks: 200,
-    leads: 300,
-    sales: 50,
-    earnings: 100,
+    leads: 50,
+    sales: 25,
   },
   currentMonth = {
-    clicks: 100,
-    leads: 100,
-    sales: 100,
-    earnings: 100,
+    earnings: 12850,
+    clicks: 210,
+    leads: 45,
+    sales: 25,
   },
   lifetime = {
-    clicks: 200,
-    leads: 200,
-    sales: 200,
-    earnings: 200,
+    earnings: 11241050,
+    clicks: 398585,
+    leads: 23409,
+    sales: 1492,
   },
   reportingPeriod = {
     month: "May 2025",
@@ -115,22 +115,22 @@ export default function PartnerProgramSummary({
     createdAt: Date;
   };
   previousMonth: {
+    earnings: number;
     clicks: number;
     leads: number;
     sales: number;
-    earnings: number;
   };
   currentMonth: {
+    earnings: number;
     clicks: number;
     leads: number;
     sales: number;
-    earnings: number;
   };
   lifetime: {
+    earnings: number;
     clicks: number;
     leads: number;
     sales: number;
-    earnings: number;
   };
   reportingPeriod: {
     month: string;
@@ -139,6 +139,11 @@ export default function PartnerProgramSummary({
   };
 }) {
   const monthlyStats = [
+    {
+      title: "Earnings",
+      value: currencyFormatter(currentMonth.earnings),
+      percent: getPercentChange(currentMonth.earnings, previousMonth.earnings),
+    },
     {
       title: "Clicks",
       value: nFormatter(currentMonth.clicks),
@@ -154,14 +159,13 @@ export default function PartnerProgramSummary({
       value: nFormatter(currentMonth.sales),
       percent: getPercentChange(currentMonth.sales, previousMonth.sales),
     },
-    {
-      title: "Earnings",
-      value: currencyFormatter(currentMonth.earnings),
-      percent: getPercentChange(currentMonth.earnings, previousMonth.earnings),
-    },
   ];
 
   const lifetimeStats = [
+    {
+      title: "Earnings",
+      value: currencyFormatter(lifetime.earnings),
+    },
     {
       title: "Clicks",
       value: nFormatter(lifetime.clicks),
@@ -174,16 +178,19 @@ export default function PartnerProgramSummary({
       title: "Sales",
       value: nFormatter(lifetime.sales),
     },
-    {
-      title: "Earnings",
-      value: currencyFormatter(lifetime.earnings),
-    },
   ];
 
+  const previewText = monthlyStats
+    .map(
+      ({ title, value, percent }) =>
+        `${title.toUpperCase()} ${value} (${getPercentState(percent).sign}${Math.abs(percent)}%)`,
+    )
+    .join(" | ");
+
   return (
     <Html>
       <Head />
-      <Preview>{`Your ${reportingPeriod.month} performance report for ${program.name} program.`}</Preview>
+      <Preview>{previewText}</Preview>
       <Tailwind>
         <Body className="mx-auto my-auto bg-white font-sans">
           <Container className="mx-auto my-10 max-w-[600px] space-y-10 px-3 py-5">
@@ -221,10 +228,7 @@ export default function PartnerProgramSummary({
 
               <Section className="space-y-6 rounded-xl border-t border-solid border-neutral-200 bg-white p-6">
                 <Section>
-                  <Heading
-                    as="h4"
-                    className="mt-0 text-base font-semibold leading-6 text-neutral-800"
-                  >
+                  <Heading className="mb-4 mt-0 text-base font-semibold leading-6 text-neutral-800">
                     Stats for {reportingPeriod.month} (vs previous month)
                   </Heading>
 
@@ -234,10 +238,7 @@ export default function PartnerProgramSummary({
                 <Hr className="mx-0 my-8 w-full border border-neutral-200" />
 
                 <Section>
-                  <Heading
-                    as="h4"
-                    className="mt-0 text-base font-semibold leading-6 text-neutral-800"
-                  >
+                  <Heading className="mb-4 mt-0 text-base font-semibold leading-6 text-neutral-800">
                     All-time Performance
                   </Heading>