@antelopejs/dms-mailing 0.6.1 → 0.7.1

package/src/engine/resolve.ts

@@ -15,6 +15,7 @@ import type {
 } from "../types";
 import { evaluateCondition } from "./conditions";
 import { safeUrl } from "./fallback-html";
+import { formatValue, type ValueFormat } from "./formats";
 import { getPath, isPresent } from "./paths";
 import { footerLinkPaths } from "./system-variables";
 import { type InterpolationMode, interpolate } from "./tokens";
@@ -26,6 +27,7 @@ interface ResolveState {
   mode: InterpolationMode;
   missing: Set<string>;
   hidden: string[];
+  format?: ValueFormat;
 }
 
 /** A blocked image source: the hero is left out rather than drawn broken. */
@@ -34,7 +36,7 @@ const BLOCKED_IMAGE = "";
 type BlockResolver = (block: Block, state: ResolveState) => ResolvedBlock[];
 
 function text(state: ResolveState, value: string): string {
-  const result = interpolate(value, state.data, state.mode);
+  const result = interpolate(value, state.data, state.mode, state.format);
   for (const path of result.missing) state.missing.add(path);
   return result.text;
 }
@@ -61,9 +63,10 @@ function systemUrl(
   return isPresent(value) ? safeUrl(String(value)) : "";
 }
 
-function cell(item: unknown, path: string): string {
+/** A list cell: a money value or a date in it is written for the locale. */
+function cell(item: unknown, path: string, state: ResolveState): string {
   const value = getPath(item, path);
-  return isPresent(value) ? String(value) : "";
+  return isPresent(value) ? formatValue(value, "", state.format) : "";
 }
 
 function listRows(block: ListBlock, state: ResolveState): ResolvedListRow[] {
@@ -73,8 +76,8 @@ function listRows(block: ListBlock, state: ResolveState): ResolvedListRow[] {
     return [];
   }
   return source.map((item) => ({
-    label: cell(item, block.labelPath),
-    value: cell(item, block.valuePath),
+    label: cell(item, block.labelPath, state),
+    value: cell(item, block.valuePath, state),
   }));
 }
 
@@ -191,14 +194,22 @@ const isUserPath = (path: string): boolean =>
 
 /**
  * Resolves `content` against `data`. A real send passes `send` so a missing
- * value leaves a blank; previews keep the token visible.
+ * value leaves a blank; previews keep the token visible. `format` writes the
+ * typed values (money, dates) for the e-mail's locale: see `valueFormatOf`.
  */
 export function resolveEmail(
   content: LocaleContent,
   data: Data,
   mode: InterpolationMode = "preview",
+  format?: ValueFormat,
 ): ResolvedEmail {
-  const state: ResolveState = { data, mode, missing: new Set(), hidden: [] };
+  const state: ResolveState = {
+    data,
+    mode,
+    missing: new Set(),
+    hidden: [],
+    format,
+  };
   const subject = text(state, content.subject);
   const preheader = text(state, content.preheader);
   const blocks = resolveBlocks(content.blocks, state);

package/src/engine/tokens.ts

@@ -1,3 +1,4 @@
+import { formatValue, type ValueFormat } from "./formats";
 import { getPath, isPresent } from "./paths";
 
 export const TOKEN_PATTERN = /\{\{\s*([A-Za-z0-9_.[\]]+)\s*\}\}/g;
@@ -25,14 +26,15 @@ export function extractTokens(text: string): string[] {
   return [...found];
 }
 
-function formatValue(value: unknown): string {
-  return value instanceof Date ? value.toISOString() : String(value);
-}
-
+/**
+ * Replaces each token of `text` with its value in `data`, typed values
+ * written for `format`'s locale (see {@link formatValue}).
+ */
 export function interpolate(
   text: string,
   data: Record<string, unknown>,
   mode: InterpolationMode = "preview",
+  format?: ValueFormat,
 ): InterpolationResult {
   const missing = new Set<string>();
   const output = text.replace(TOKEN_PATTERN, (token, path: string) => {
@@ -41,7 +43,7 @@ export function interpolate(
       missing.add(path);
       return MISSING_TOKEN[mode](token);
     }
-    return formatValue(value);
+    return formatValue(value, path, format);
   });
   return { text: output, missing: [...missing] };
 }

package/src/frontend-module.ts

@@ -0,0 +1,36 @@
+import path from "node:path";
+import type { AddFrontendModuleOptions } from "@antelopejs/interface-dms/page";
+import {
+  API_BASE_PATH,
+  FRONTEND_MODULE_NAME,
+  WEBHOOK_SECRET_HEADER,
+} from "./constants";
+
+/**
+ * The provider webhook (`/events/:provider/:tenantId`), served through the
+ * dashboard's public URL: the front proxy lets it through without an
+ * `Origin`, never sends it a session and relays the secret header, which the
+ * route checks itself.
+ */
+const PROVIDER_WEBHOOK_ENDPOINT = {
+  path: `${API_BASE_PATH}/events/*/*`,
+  methods: ["POST"],
+  headers: [WEBHOOK_SECRET_HEADER],
+};
+
+/**
+ * This module's frontend, from its configuration alone: the backend registers
+ * it with `AddFrontendModule`, and `@antelopejs/dms-frontend` calls this same
+ * function (declared as `dmsFrontend` in package.json) to build and start the
+ * frontend without a backend. It reads nothing but its arguments.
+ */
+export function frontendModule(): AddFrontendModuleOptions {
+  return {
+    name: FRONTEND_MODULE_NAME,
+    sourcePath: path.join(__dirname, "../frontend-vue"),
+    renderer: { name: "vue", version: "3" },
+    options: { dmsMailing: {} },
+    priority: 0,
+    publicEndpoints: [PROVIDER_WEBHOOK_ENDPOINT],
+  };
+}

package/src/hooks/index.ts

@@ -1,2 +1 @@
-export * from "./database-ready";
 export * from "./tenant-export";

package/src/hooks/tenant-export.ts

@@ -10,6 +10,7 @@ import {
 } from "@antelopejs/interface-dms/hooks";
 import { MODULE_ID } from "../constants";
 import {
+  type MailingTemplate,
   SettingsModel,
   SuppressionModel,
   TemplateModel,
@@ -98,6 +99,12 @@ async function loadPage<T extends object>(
     .filter((row): row is T => row !== undefined);
 }
 
+/** A template as exported: its name in every language. */
+const templateCodec: RowCodec<MailingTemplate> = {
+  fromDatabase: (row) =>
+    TemplateModel.fromDatabase(row)?.localize("*", ["name"]),
+};
+
 export function exportedCollections(tenantId: string): ExportedCollection[] {
   const templates = GetModel(TemplateModel, tenantId);
   const versions = GetModel(TemplateVersionModel, tenantId);
@@ -106,7 +113,7 @@ export function exportedCollections(tenantId: string): ExportedCollection[] {
     {
       entry: TEMPLATES_ENTRY,
       load: (offset, size) =>
-        loadPage(templates.table, TemplateModel, offset, size),
+        loadPage(templates.table, templateCodec, offset, size),
     },
     {
       entry: TEMPLATE_VERSIONS_ENTRY,

package/src/implementations/dms-mailing/index.ts

@@ -1,19 +1,8 @@
-import { afterDatabaseReady } from "../../hooks/database-ready";
-import {
-  declareTemplate,
-  declareTemplateCategory,
+export {
+  declareTemplate as DeclareTemplate,
+  declareTemplateCategory as DeclareTemplateCategory,
 } from "../../services/declarations";
-import { importSends } from "../../services/send-import";
-
+export { importSends as ImportSends } from "../../services/send-import";
+export { declareSender as DeclareSender } from "../../services/sender-declaration";
 export { recordEmailEvent as RecordEmailEvent } from "../../services/events";
 export { sendUnlessSuppressed as SendTemplate } from "../../services/checked-send";
-
-/*
- * Projects call these from their `start()`, which runs in parallel with the
- * DMS's: they wait for the database the DMS opens there rather than fail.
- */
-export const DeclareTemplate = afterDatabaseReady(declareTemplate);
-export const DeclareTemplateCategory = afterDatabaseReady(
-  declareTemplateCategory,
-);
-export const ImportSends = afterDatabaseReady(importSends);

package/src/index.ts

@@ -1,6 +1,5 @@
 import "./permissions";
 import "./db";
-import path from "node:path";
 import { ImplementInterface } from "@antelopejs/interface-core";
 import { AddFrontendModule } from "@antelopejs/interface-dms/page";
 import {
@@ -8,7 +7,6 @@ import {
   unregisterAutomationNodes,
 } from "./automation";
 import { type DmsMailingConfig, setConfig } from "./config";
-import { API_BASE_PATH, FRONTEND_MODULE_NAME } from "./constants";
 import {
   ATTENTION_JOB,
   RETENTION_JOB,
@@ -16,13 +14,9 @@ import {
   scheduleJob,
   stopJob,
 } from "./crons";
-import {
-  registerDatabaseReady,
-  registerTenantExport,
-  unregisterTenantExport,
-} from "./hooks";
+import { registerTenantExport, unregisterTenantExport } from "./hooks";
 import { registerRealtimeTopics } from "./realtime";
-import { WEBHOOK_SECRET_HEADER } from "./services/webhook-status";
+import { frontendModule } from "./frontend-module";
 
 export * from "./data";
 export * from "./data-types";
@@ -33,22 +27,9 @@ export type { DmsMailingConfig } from "./config";
 
 const CRON_JOBS = [RETENTION_JOB, ATTENTION_JOB];
 
-/**
- * The provider webhook (`/events/:provider/:tenantId`), served through the
- * dashboard's public URL: the front proxy lets it through without an
- * `Origin`, never sends it a session and relays the secret header, which the
- * route checks itself.
- */
-const PROVIDER_WEBHOOK_ENDPOINT = {
-  path: `${API_BASE_PATH}/events/*/*`,
-  methods: ["POST"],
-  headers: [WEBHOOK_SECRET_HEADER],
-};
-
 let scheduledJobs: ScheduledJob[] = [];
 
 export async function construct(config: DmsMailingConfig = {}): Promise<void> {
-  registerDatabaseReady();
   setConfig(config);
   ImplementInterface(
     await import("@antelopejs/interface-dms-mailing"),
@@ -57,14 +38,7 @@ export async function construct(config: DmsMailingConfig = {}): Promise<void> {
   registerAutomationNodes();
   registerTenantExport();
   registerRealtimeTopics();
-  await AddFrontendModule({
-    name: FRONTEND_MODULE_NAME,
-    sourcePath: path.join(__dirname, "../frontend-vue"),
-    renderer: { name: "vue", version: "3" },
-    options: { dmsMailing: {} },
-    priority: 0,
-    publicEndpoints: [PROVIDER_WEBHOOK_ENDPOINT],
-  });
+  await AddFrontendModule(frontendModule());
 }
 
 export function destroy(): void {

package/src/pages/overview.ts

@@ -23,6 +23,7 @@ import {
 } from "../constants";
 import { BUSINESS_AUDIENCE, SEND_AUDIENCE_QUERY_KEY } from "../types";
 import { mailingNavCategory } from "./module";
+import { MAILING_LIVE, mailingToolbar } from "./toolbar";
 
 const OVERVIEW_ORDER = 0;
 const GRID_GAP = "1rem";
@@ -30,6 +31,7 @@ const CHART_HEIGHT = "260px";
 const WIDE_SPAN = 2;
 const ATTENTION_SKELETON_ROWS = 3;
 
+/** A KPI card of the Overview, refreshed on each send while the page is live. */
 const kpi = (
   id: string,
   icon: string,
@@ -40,6 +42,7 @@ const kpi = (
   variant: "stat",
   fetchUrl: `${API_BASE_PATH}/metrics/kpi/${id}?${SEND_AUDIENCE_QUERY_KEY}=${BUSINESS_AUDIENCE}`,
   periodScope: OVERVIEW_PERIOD_SCOPE,
+  realtimeTopic: MAILING_SENDS_TOPIC,
   valueFormat: "compact",
   showSparkline: true,
   ...extra,
@@ -104,9 +107,11 @@ const activity = Grid({ gap: GRID_GAP }).child(
          * `name` carried by each series goes to ApexCharts verbatim.
          */
         primaryLabel: "$dms_mailing.metrics.sends",
-        comparisonLabel: "$dms_mailing.metrics.previous",
+        /** Neutral: the toolbar compares with the previous period or year. */
+        comparisonLabel: "$dms_mailing.metrics.compared",
         fetchUrl: `${API_BASE_PATH}/metrics/volume`,
         periodScope: OVERVIEW_PERIOD_SCOPE,
+        realtimeTopic: MAILING_SENDS_TOPIC,
         chart: ChartArea({
           height: CHART_HEIGHT,
           xaxisType: "datetime",
@@ -157,11 +162,16 @@ const breakdown = Grid({ gap: GRID_GAP }).child(
         title: "$dms_mailing.metrics.ranking",
         fetchUrl: `${API_BASE_PATH}/metrics/top-templates?metric=open-rate`,
         periodScope: OVERVIEW_PERIOD_SCOPE,
+        realtimeTopic: MAILING_SENDS_TOPIC,
         valueFormat: "percent",
         showRank: true,
         highlightTopN: 2,
         showBar: true,
-        showDelta: false,
+        /**
+         * Each row's change against the window the toolbar compares with;
+         * "No comparison" leaves the rows without one.
+         */
+        showDelta: true,
         skeletonCount: 5,
         emptyLabel: "$dms_mailing.metrics.ranking_empty",
       }),
@@ -173,9 +183,10 @@ const breakdown = Grid({ gap: GRID_GAP }).child(
         description: "$dms_mailing.metrics.domain_sends",
         fetchUrl: `${API_BASE_PATH}/metrics/domains`,
         periodScope: OVERVIEW_PERIOD_SCOPE,
+        realtimeTopic: MAILING_SENDS_TOPIC,
         valueFormat: "percent",
         showRank: false,
-        showDelta: false,
+        showDelta: true,
         skeletonCount: 5,
         emptyLabel: "$dms_mailing.metrics.ranking_empty",
       }),
@@ -192,6 +203,7 @@ export class OverviewPageController extends PageController(
     module: MODULE_ID,
     category: mailingNavCategory,
     order: OVERVIEW_ORDER,
+    live: MAILING_LIVE,
   },
   DefaultLayout({
     fullWidth: true,
@@ -206,19 +218,11 @@ export class OverviewPageController extends PageController(
     ],
   }),
 ) {
-  static header = CustomComponent("MailingPageHeader")
-    .options({
-      periodScope: OVERVIEW_PERIOD_SCOPE,
-      presets: ["last-7-days", "last-30-days", "last-90-days"],
-      defaultPreset: "last-30-days",
-      defaultComparison: "previous-period",
-      showProvider: true,
-    })
-    .meta({
-      name: "$dms_mailing.permissions.page_header.name",
-      description: "$dms_mailing.permissions.page_header.description",
-      icon: "i-ph-plugs-connected",
-    });
+  static header = mailingToolbar({
+    scope: OVERVIEW_PERIOD_SCOPE,
+    presets: ["last-7-days", "last-30-days", "last-90-days"],
+    defaultPreset: "last-30-days",
+  });
 
   static dashboard = CustomComponent("MailingOverviewGate")
     .meta({

package/src/pages/sends.ts

@@ -23,6 +23,7 @@ import { SendModel } from "../db";
 import { SendsTableAPI } from "../data/sends-table";
 import { RESOLVED_STAGE, type SendStage } from "../types";
 import { mailingNavCategory } from "./module";
+import { MAILING_LIVE, NEW_SENDS_LABEL, mailingToolbar } from "./toolbar";
 
 const SENDS_ORDER = 3;
 const DAY_MS = 86_400_000;
@@ -187,18 +188,15 @@ export class SendsPageController extends PageController(
     module: MODULE_ID,
     category: mailingNavCategory,
     order: SENDS_ORDER,
+    live: MAILING_LIVE,
   },
   DefaultLayout({ fullWidth: true }),
 ) {
-  static header = CustomComponent("MailingPageHeader")
-    .options({
-      periodScope: SENDS_PERIOD_SCOPE,
-      presets: ["last-24h", "last-7-days", "last-30-days"],
-      defaultPreset: "last-24h",
-      defaultComparison: "previous-period",
-      showProvider: true,
-    })
-    .meta(permissionMeta("page_header", "i-ph-plugs-connected"));
+  static header = mailingToolbar({
+    scope: SENDS_PERIOD_SCOPE,
+    presets: ["last-24h", "last-7-days", "last-30-days"],
+    defaultPreset: "last-24h",
+  });
 
   static health = Banner({
     fetchUrl: `${API_BASE_PATH}/sends/banner`,
@@ -226,6 +224,16 @@ export class SendsPageController extends PageController(
     searchPlaceholder: "$dms_mailing.sends.search",
     pageSize: 50,
     rowClick: "single",
+    /**
+     * New sends wait in a "N new sends" strip while the user reads a send,
+     * scrolls down the log or searches it, so the rows do not move under them.
+     */
+    liveHold: {
+      whileRowOpen: true,
+      whileScrolled: true,
+      whileSearching: true,
+      missedLabel: NEW_SENDS_LABEL,
+    },
     views: {
       layout: "tabs",
       items: [
@@ -294,16 +302,24 @@ export class SendsPageController extends PageController(
           /**
            * A send is an append-only record: it cannot be edited, so the
            * built-in `edit`/`details` row click has nothing to open. This
-           * action takes the row click and opens the send in the side panel.
+           * action takes the row click and opens the send in a drawer on the
+           * right, at the DMS's default width (the user's resize is kept).
            */
           isDefault: true,
           target: {
-            type: "sidePanel",
+            type: "drawer",
+            direction: "right",
             component: CustomComponent("MailingSendDrawer").meta(
               permissionMeta("send_drawer", "i-ph-info"),
             ),
             title: "$dms_mailing.sends.actions.details",
+            // Names the open send: its recipient and the template it used.
+            rowTitle: "$dms_mailing.sends.drawer.heading",
             positionLabel: "$dms_mailing.sends.drawer.position",
+            // A side panel keeps the open send in the URL and words a missing
+            // one by default; a drawer does both only when asked.
+            deepLink: true,
+            notFound: {},
           },
         },
         {

package/src/pages/settings/form.ts

@@ -7,6 +7,8 @@ import { ComponentBuilder } from "@antelopejs/interface-dms/component";
 import { z } from "zod";
 import { API_BASE_PATH } from "../../constants";
 import { TemplateCategoriesType } from "../../data-types";
+import { missingVariablesPolicy } from "../../services/settings";
+import { MODULE_DEFAULT_SETTINGS } from "../../types";
 import {
   MAX_RETENTION_DAYS,
   MIN_RETENTION_DAYS,
@@ -37,6 +39,18 @@ const field = (id: string) => ({
   description: key(`fields.${id}.description`),
 });
 
+/**
+ * A field holding a module default offers it: "Module default · Use default"
+ * while it holds something else. The retention does not: one click there
+ * could shorten it, and lowering it deletes sends, which its input asks to
+ * confirm instead. Nor do the categories: putting the default list back
+ * would move every template of a custom category.
+ */
+const moduleDefault = (defaultValue: string) => ({
+  defaultValue,
+  offersDefault: true,
+});
+
 const section = (
   id: string,
   icon: string,
@@ -84,12 +98,14 @@ const guards = section("guards", "i-ph-shield-check", [
       ],
     }),
     required: true,
+    ...moduleDefault(missingVariablesPolicy(MODULE_DEFAULT_SETTINGS)),
   },
   {
     ...field("fallbackLocale"),
     type: new DefaultDataTypes.StringType({}),
     inputComponent: CustomComponent("MailingLocaleSelect").serializeSync(),
     required: true,
+    ...moduleDefault(MODULE_DEFAULT_SETTINGS.fallbackLocale),
   },
 ]);
 

package/src/pages/templates.ts

@@ -20,6 +20,7 @@ import {
   assertEditable,
   TemplatesTableAPI,
 } from "../data/templates-table";
+import { localeOfRequest } from "../services/localized-text";
 import { mailingNavCategory } from "./module";
 
 const TEMPLATES_ORDER = 1;
@@ -95,13 +96,6 @@ export class TemplatesPageController extends PageController(
         filter: { accessorKey: "needsAttention", value: "true", mode: "is" },
       },
     ],
-    quickFilters: [
-      {
-        field: "category",
-        label: "$dms_mailing.templates.filters.category",
-        icon: "i-ph-tag",
-      },
-    ],
     footer: {
       countLabel: "$dms_mailing.templates.footer.count",
       hint: "$dms_mailing.templates.footer.hint",
@@ -115,7 +109,7 @@ export class TemplatesPageController extends PageController(
       },
       async edit(ctx, { id, body, current }) {
         await assertEditable(getRequestTenantId(ctx), body, current);
-        return afterEdit(this.model, id, body.name);
+        return afterEdit(this.model, id, body.name, localeOfRequest(ctx));
       },
     },
     rowActions: {
@@ -152,6 +146,8 @@ export class TemplatesPageController extends PageController(
           deepLink: true,
           target: {
             type: "drawer",
+            // On the right, as the gallery opens it (useTemplateDrawer).
+            direction: "right",
             component: templateDrawer,
             title: "$dms_mailing.templates.actions.details",
           },

package/src/pages/toolbar.ts

@@ -0,0 +1,77 @@
+import {
+  type PageToolbarProps,
+  type PeriodComparison,
+  type PeriodPreset,
+  pageToolbar,
+} from "@antelopejs/interface-dms/base";
+import type { ComponentBuilder } from "@antelopejs/interface-dms/component";
+import { CustomComponent } from "@antelopejs/interface-dms/base/custom";
+import type { PageLiveOptions } from "@antelopejs/interface-dms/page";
+import { MODULE_ID } from "../constants";
+
+/** Shortest interval, in seconds, between two refetches of a live block. */
+const LIVE_MAX_RATE_SECONDS = 5;
+
+/**
+ * Direct / Pause of the pages fed by the sends topic. One `rememberKey` for
+ * the module: pausing the Sends log pauses the Overview too.
+ */
+export const MAILING_LIVE: PageLiveOptions = {
+  maxRate: LIVE_MAX_RATE_SECONDS,
+  rememberKey: MODULE_ID,
+};
+
+/** What the paused toggle and a held table call the sends they missed. */
+export const NEW_SENDS_LABEL = "$dms_mailing.live.new_sends";
+
+/**
+ * The comparisons every mailing toolbar offers, in its "vs …" menu: the
+ * previous period by default, the same window a year back, or none, which
+ * leaves the cards without a delta.
+ */
+export const MAILING_COMPARISONS: PeriodComparison[] = [
+  "previous-period",
+  "previous-year",
+  "none",
+];
+
+/** The period a page's toolbar offers. */
+export interface MailingToolbarPeriod {
+  scope: string;
+  presets: PeriodPreset[];
+  defaultPreset: PeriodPreset;
+}
+
+/**
+ * The DMS page toolbar of a mailing page: the provider pill on the left, then
+ * "updated", Direct / Pause and the period with its comparison menu ("vs …").
+ *
+ * The page keeps it under its `header` static, the id the former header
+ * block had, so a role granting it keeps granting the bar.
+ */
+export function mailingToolbar(
+  period: MailingToolbarPeriod,
+): ComponentBuilder<PageToolbarProps> {
+  return pageToolbar({
+    leading: {
+      provider: CustomComponent("MailingProviderPill").meta({
+        name: "$dms_mailing.permissions.provider_pill.name",
+        description: "$dms_mailing.permissions.provider_pill.description",
+        icon: "i-ph-plugs-connected",
+      }),
+    },
+    live: { missedLabel: NEW_SENDS_LABEL },
+    period: {
+      id: period.scope,
+      presets: period.presets,
+      defaultPreset: period.defaultPreset,
+      // More than one comparison: pageToolbar() draws them as a "vs …" menu
+      // on the first one, the previous period.
+      comparisons: MAILING_COMPARISONS,
+    },
+  }).meta({
+    name: "$dms_mailing.permissions.page_header.name",
+    description: "$dms_mailing.permissions.page_header.description",
+    icon: "i-ph-sliders-horizontal",
+  });
+}

package/src/realtime.ts

@@ -31,11 +31,20 @@ export function registerRealtimeTopics(): void {
   }
 }
 
-function publishSendChange(type: string, sendId: string): void {
-  const payload = { ids: [sendId] };
+/**
+ * A send of `tenantId` was created or changed: the sends table and the
+ * Overview / Sends figures of that tenant read again (AntelopeJS/dms#353
+ * scopes the message to it; another workspace hears nothing).
+ */
+function publishSendChange(
+  type: string,
+  tenantId: string,
+  sendId: string,
+): void {
+  const options = { payload: { ids: [sendId] }, tenantId };
   void Promise.all([
-    PublishMessage(SENDS_ROW_TOPIC, type, { payload }),
-    PublishMessage(MAILING_SENDS_TOPIC, type, { payload }),
+    PublishMessage(SENDS_ROW_TOPIC, type, options),
+    PublishMessage(MAILING_SENDS_TOPIC, type, options),
   ]).catch((error: unknown) => {
     Logging.Error(
       `[dms-mailing] Failed to publish "${type}" for send "${sendId}":`,
@@ -44,10 +53,10 @@ function publishSendChange(type: string, sendId: string): void {
   });
 }
 
-export function publishSendCreated(sendId: string): void {
-  publishSendChange(SEND_CREATED_TYPE, sendId);
+export function publishSendCreated(tenantId: string, sendId: string): void {
+  publishSendChange(SEND_CREATED_TYPE, tenantId, sendId);
 }
 
-export function publishSendUpdated(sendId: string): void {
-  publishSendChange(SEND_UPDATED_TYPE, sendId);
+export function publishSendUpdated(tenantId: string, sendId: string): void {
+  publishSendChange(SEND_UPDATED_TYPE, tenantId, sendId);
 }