@carlonicora/nextjs-jsonapi 6.7.0 → 6.9.0

package/messages/en.json

@@ -1269,6 +1269,68 @@
       "title": "You are unsubscribed"
     }
   },
+  "emailBlasts": {
+    "admin": {
+      "title": "Email blasts",
+      "empty": "No blasts yet"
+    },
+    "list": {
+      "columns": {
+        "subject": "Subject",
+        "status": "Status",
+        "sentAt": "Sent",
+        "sent": "Sent to",
+        "failed": "Failed",
+        "unsubscribed": "Unsubscribed"
+      },
+      "status": {
+        "draft": "Draft",
+        "sending": "Sending",
+        "sent": "Sent"
+      }
+    },
+    "editor": {
+      "title": "Email blast",
+      "editTitle": "Edit email blast",
+      "fields": {
+        "subject": {
+          "label": "Subject",
+          "error": "Write a subject"
+        },
+        "body": {
+          "label": "Email (Markdown)",
+          "error": "Write the email"
+        },
+        "replyTo": {
+          "label": "Reply-to address",
+          "error": "Enter a valid email address"
+        }
+      },
+      "variablesHint": "You can use:",
+      "unsubscribeHint": "Every email ends with a link to stop all marketing emails."
+    },
+    "detail": {
+      "recipients": "Recipients",
+      "sentTo": "Sent to",
+      "failed": "Failed",
+      "unsubscribed": "Unsubscribed",
+      "sentAt": "Sent",
+      "replyTo": "Reply-to",
+      "body": "Email"
+    },
+    "test": {
+      "button": "Send test to me",
+      "sent": "Test sent to your email"
+    },
+    "send": {
+      "button": "Send",
+      "title": "Send this email blast?",
+      "confirm": "This goes to {count, plural, one {# person} other {# people}}. Send?",
+      "nobody": "Nobody can receive this blast right now.",
+      "action": "Send",
+      "cancel": "Cancel"
+    }
+  },
   "entities": {
     "assistants": "{count, plural, =1 {Assistant} other {Assistants}}",
     "companies": "{count, plural, =1 {Company} other {Companies}}",

package/messages/it.json

@@ -1269,6 +1269,68 @@
       "title": "Disiscrizione completata"
     }
   },
+  "emailBlasts": {
+    "admin": {
+      "title": "Email massive",
+      "empty": "Nessuna email massiva"
+    },
+    "list": {
+      "columns": {
+        "subject": "Oggetto",
+        "status": "Stato",
+        "sentAt": "Inviata",
+        "sent": "Inviata a",
+        "failed": "Non riuscite",
+        "unsubscribed": "Disiscritti"
+      },
+      "status": {
+        "draft": "Bozza",
+        "sending": "In invio",
+        "sent": "Inviata"
+      }
+    },
+    "editor": {
+      "title": "Email massiva",
+      "editTitle": "Modifica email massiva",
+      "fields": {
+        "subject": {
+          "label": "Oggetto",
+          "error": "Scrivi un oggetto"
+        },
+        "body": {
+          "label": "Email (Markdown)",
+          "error": "Scrivi l'email"
+        },
+        "replyTo": {
+          "label": "Indirizzo di risposta",
+          "error": "Inserisci un indirizzo email valido"
+        }
+      },
+      "variablesHint": "Puoi usare:",
+      "unsubscribeHint": "Ogni email finisce con un link per non ricevere più email di marketing."
+    },
+    "detail": {
+      "recipients": "Destinatari",
+      "sentTo": "Inviata a",
+      "failed": "Non riuscite",
+      "unsubscribed": "Disiscritti",
+      "sentAt": "Inviata",
+      "replyTo": "Risposta a",
+      "body": "Email"
+    },
+    "test": {
+      "button": "Inviami una prova",
+      "sent": "Prova inviata alla tua email"
+    },
+    "send": {
+      "button": "Invia",
+      "title": "Inviare questa email massiva?",
+      "confirm": "Va a {count, plural, one {# persona} other {# persone}}. Inviare?",
+      "nobody": "Nessuno può ricevere questa email adesso.",
+      "action": "Invia",
+      "cancel": "Annulla"
+    }
+  },
   "entities": {
     "assistants": "{count, plural, =1 {Assistente} other {Assistenti}}",
     "companies": "{count, plural, =1 {Azienda} other {Aziende}}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carlonicora/nextjs-jsonapi",
-  "version": "6.7.0",
+  "version": "6.9.0",
   "description": "Next.js JSON:API client with server/client support and caching",
   "author": "Carlo Nicora",
   "license": "GPL-3.0-or-later",

package/src/components/index.ts

@@ -32,6 +32,7 @@ export type { CreditWarningBannerProps } from "../features/billing/components/wi
 export { isCreditWarningActive, CREDIT_WARNING_DISMISS_SEGMENT } from "../features/billing/data/credit-warning";
 export * from "../features/company/components";
 export * from "../features/content/components";
+export * from "../features/email-blast/components";
 export * from "../features/how-to/components";
 export * from "../features/handbook/components";
 export * from "../features/assistant/components";

package/src/core/index.ts

@@ -85,6 +85,9 @@ export * from "../features/email-automation/EmailAutomationTriggerModule";
 // server page can wrap EmailAutomationService.findOne in cache(). The client-marked
 // ./email-automations entry carries only components, contexts and hooks.
 export * from "../features/email-automation/data";
+// Email blast modules and data: server-safe, same placement as email automation above.
+// The client components ship through the ./components entry.
+export * from "../features/email-blast";
 // Blog modules and data: server-safe, same placement as email automation above.
 // The client-marked ./blog entry carries only components, contexts and hooks.
 export * from "../features/blog/BlogModules";

package/src/core/registry/ModuleRegistry.ts

@@ -49,6 +49,10 @@ export interface FoundationModuleDefinitions {
   EmailAutomationStep: ModuleWithPermissions;
   EmailAutomationEnrollment: ModuleWithPermissions;
   EmailAutomationTrigger: ModuleWithPermissions;
+  // Email blast modules
+  EmailBlast: ModuleWithPermissions;
+  EmailBlastDelivery: ModuleWithPermissions;
+  EmailBlastAudience: ModuleWithPermissions;
   // Blog modules
   BlogPost: ModuleWithPermissions;
   BlogPostTranslation: ModuleWithPermissions;

package/src/features/company/data/company.interface.ts

@@ -36,6 +36,13 @@ export interface CompanyInterface extends ApiDataInterface {
 
   get isActiveSubscription(): boolean;
 
+  /**
+   * When the company's trial ends, written by the server only (never sent by
+   * `createJsonApi()`). Absent for companies whose trial end was never stored;
+   * callers then derive it from `createdAt`.
+   */
+  get trialEndsAt(): Date | undefined;
+
   get monthlyCredits(): number;
   get availableMonthlyCredits(): number;
   get availableExtraCredits(): number;

package/src/features/company/data/company.spec.ts

@@ -67,3 +67,26 @@ describe("Company credit-warning fields", () => {
     expect(company.creditWarningOffer).toBeUndefined();
   });
 });
+
+describe("Company.trialEndsAt", () => {
+  it("rehydrates trialEndsAt as a Date", () => {
+    const company = new Company().rehydrate({
+      jsonApi: { attributes: { trialEndsAt: "2026-11-09T10:00:00.000Z" } },
+    } as any);
+
+    expect(company.trialEndsAt).toBeInstanceOf(Date);
+    expect(company.trialEndsAt?.toISOString()).toBe("2026-11-09T10:00:00.000Z");
+  });
+
+  it("is undefined when the attribute is absent", () => {
+    const company = new Company().rehydrate({ jsonApi: { attributes: {} } } as any);
+
+    expect(company.trialEndsAt).toBeUndefined();
+  });
+
+  it("is never sent by createJsonApi", () => {
+    const payload = new Company().createJsonApi({ id: "company_1", name: "Acme" });
+
+    expect(payload.data.attributes).not.toHaveProperty("trialEndsAt");
+  });
+});

package/src/features/company/data/company.ts

@@ -11,6 +11,7 @@ export class Company extends AbstractApiData implements CompanyInterface {
   private _configurations?: any;
 
   private _isActiveSubscription: boolean = false;
+  private _trialEndsAt?: Date;
 
   private _monthlyCredits: number = 0;
   private _availableMonthlyCredits: number = 0;
@@ -53,6 +54,10 @@ export class Company extends AbstractApiData implements CompanyInterface {
     return this._isActiveSubscription ?? false;
   }
 
+  get trialEndsAt(): Date | undefined {
+    return this._trialEndsAt;
+  }
+
   get monthlyCredits(): number {
     return this._monthlyCredits ?? 0;
   }
@@ -147,6 +152,7 @@ export class Company extends AbstractApiData implements CompanyInterface {
     this._logo = data.jsonApi.attributes.logo;
     this._logoUrl = data.jsonApi.attributes.logoUrl;
     this._isActiveSubscription = data.jsonApi.attributes.isActiveSubscription ?? false;
+    this._trialEndsAt = data.jsonApi.attributes.trialEndsAt ? new Date(data.jsonApi.attributes.trialEndsAt) : undefined;
     this._monthlyCredits = data.jsonApi.attributes.monthlyCredits ?? 0;
     this._availableMonthlyCredits = data.jsonApi.attributes.availableMonthlyCredits ?? 0;
     this._availableExtraCredits = data.jsonApi.attributes.availableExtraCredits ?? 0;

package/src/features/company/hooks/useSubscriptionStatus.spec.ts

@@ -193,4 +193,63 @@ describe("useSubscriptionStatus", () => {
     expect(after.result.current.isBlocked).toBe(true);
     expect(after.result.current.status).toBe("expired");
   });
+  describe("stored trialEndsAt", () => {
+    const NOW = new Date("2026-10-26T10:00:00.000Z");
+
+    beforeEach(() => {
+      vi.setSystemTime(NOW);
+      userMock.currentUser = { roles: [] };
+    });
+
+    it("not active, trialEndsAt in the future → trial, not blocked", () => {
+      const trialEndsAt = new Date("2026-11-05T10:00:00.000Z");
+      userMock.company = { isActiveSubscription: false, createdAt: daysAgo(60, NOW), trialEndsAt };
+
+      const { result } = renderHook(() => useSubscriptionStatus());
+
+      expect(result.current.status).toBe("trial");
+      expect(result.current.daysRemaining).toBe(10);
+      expect(result.current.isBlocked).toBe(false);
+      expect(result.current.trialEndsAt?.getTime()).toBe(trialEndsAt.getTime());
+    });
+
+    it("not active, trialEndsAt in the past → expired, blocked", () => {
+      userMock.company = {
+        isActiveSubscription: false,
+        createdAt: daysAgo(60, NOW),
+        trialEndsAt: new Date("2026-10-20T10:00:00.000Z"),
+      };
+
+      const { result } = renderHook(() => useSubscriptionStatus());
+
+      expect(result.current.status).toBe("expired");
+      expect(result.current.isBlocked).toBe(true);
+    });
+
+    it("not active, no trialEndsAt → createdAt + 14 days (unchanged)", () => {
+      const createdAt = daysAgo(4, NOW);
+      userMock.company = { isActiveSubscription: false, createdAt, trialEndsAt: undefined };
+
+      const { result } = renderHook(() => useSubscriptionStatus());
+
+      expect(result.current.status).toBe("trial");
+      expect(result.current.daysRemaining).toBe(10);
+      expect(result.current.isBlocked).toBe(false);
+      expect(result.current.trialEndsAt?.getTime()).toBe(createdAt.getTime() + 14 * DAY_MS);
+    });
+
+    it("active ignores trialEndsAt", () => {
+      userMock.company = {
+        isActiveSubscription: true,
+        createdAt: daysAgo(60, NOW),
+        trialEndsAt: new Date("2026-11-05T10:00:00.000Z"),
+      };
+
+      const { result } = renderHook(() => useSubscriptionStatus());
+
+      expect(result.current.status).toBe("active");
+      expect(result.current.trialEndsAt).toBeNull();
+      expect(result.current.isBlocked).toBe(false);
+    });
+  });
 });

package/src/features/company/hooks/useSubscriptionStatus.ts

@@ -86,8 +86,10 @@ export function useSubscriptionStatus(): TrialSubscriptionStatus {
 
     // No active subscription — but that alone is NOT a block. The trial window
     // has to have elapsed too, and this mirrors the server rule in
-    // apps/api .../campaign/entities/campaign-lock.cypher.ts. Keep the two in
-    // step: if TRIAL_DAYS changes here it must change there.
+    // apps/api/src/features/campaign/entities/campaign-lock.cypher.ts. Keep the
+    // two in step: the trial ends at the stored company.trialEndsAt when the
+    // server wrote one, otherwise at createdAt + TRIAL_DAYS. If either the
+    // fallback or TRIAL_DAYS changes here it must change there.
     //
     // Blocking on the flag alone is wrong in practice. isActiveSubscription is
     // only written true once a Stripe subscription actually reaches
@@ -100,7 +102,7 @@ export function useSubscriptionStatus(): TrialSubscriptionStatus {
     // viewer's local clock: across a DST change the window grows or shrinks by
     // an hour, and dividing that by a fixed 24h day then shows one day too many.
     const createdAt = new Date(company.createdAt);
-    const trialEndsAt = new Date(createdAt.getTime() + TRIAL_DAYS * DAY_MS);
+    const trialEndsAt = company.trialEndsAt ?? new Date(createdAt.getTime() + TRIAL_DAYS * DAY_MS);
 
     const now = new Date();
     const msRemaining = trialEndsAt.getTime() - now.getTime();

package/src/features/email-automation/components/unsubscribe/EmailUnsubscribe.tsx

@@ -5,6 +5,7 @@ import { useTranslations } from "next-intl";
 import { useEffect, useState } from "react";
 import { Button } from "../../../../shadcnui";
 import { SectionHeader } from "../../../../components/typography";
+import { EmailBlastDeliveryService } from "../../../email-blast/data/EmailBlastDeliveryService";
 import { EmailAutomationEnrollmentService } from "../../data/EmailAutomationEnrollmentService";
 
 type UnsubscribeScope = "automation" | "all";
@@ -12,11 +13,16 @@ type UnsubscribeScope = "automation" | "all";
 interface Props {
   token: string;
   scope: UnsubscribeScope;
+  /**
+   * Which email the link came from. A blast link always stops every marketing
+   * email (the shared opt-out), so it lands straight on the "stopped all" state.
+   */
+  source?: "automation" | "blast";
 }
 
 type UnsubscribeState = "loading" | "success" | "error";
 
-export function EmailUnsubscribe({ token, scope }: Props) {
+export function EmailUnsubscribe({ token, scope, source = "automation" }: Props) {
   const t = useTranslations();
   const [state, setState] = useState<UnsubscribeState>("loading");
   const [stoppedScope, setStoppedScope] = useState<UnsubscribeScope>(scope);
@@ -26,6 +32,12 @@ export function EmailUnsubscribe({ token, scope }: Props) {
   useEffect(() => {
     async function unsubscribe() {
       try {
+        if (source === "blast") {
+          await EmailBlastDeliveryService.unsubscribe({ token });
+          setStoppedScope("all");
+          setState("success");
+          return;
+        }
         const enrollment = await EmailAutomationEnrollmentService.unsubscribe({ token, scope });
         setAutomationName(enrollment?.automation?.name ?? "");
         setStoppedScope(scope);
@@ -36,7 +48,7 @@ export function EmailUnsubscribe({ token, scope }: Props) {
     }
 
     unsubscribe();
-  }, [token, scope]);
+  }, [token, scope, source]);
 
   const stopAll = async () => {
     setIsStoppingAll(true);

package/src/features/email-blast/EmailBlastAudienceModule.ts

@@ -0,0 +1,12 @@
+import { UsersIcon } from "lucide-react";
+import { ModuleFactory } from "../../permissions";
+import { EmailBlastAudience } from "./data/EmailBlastAudience";
+
+export const EmailBlastAudienceModule = (factory: ModuleFactory) =>
+  factory({
+    moduleId: "e2b6d8f0-4c19-4a7e-8d35-6f9a0c2b7e14",
+    pageUrl: undefined,
+    name: "email-blast-audiences",
+    model: EmailBlastAudience,
+    icon: UsersIcon,
+  });

package/src/features/email-blast/EmailBlastDeliveryModule.ts

@@ -0,0 +1,12 @@
+import { MailIcon } from "lucide-react";
+import { ModuleFactory } from "../../permissions";
+import { EmailBlastDelivery } from "./data/EmailBlastDelivery";
+
+export const EmailBlastDeliveryModule = (factory: ModuleFactory) =>
+  factory({
+    moduleId: "c47e9b1d-2a5f-4c83-9e60-1b7d4a3f8e25",
+    pageUrl: undefined,
+    name: "email-blast-deliveries",
+    model: EmailBlastDelivery,
+    icon: MailIcon,
+  });

package/src/features/email-blast/EmailBlastModule.ts

@@ -0,0 +1,28 @@
+import { SendIcon } from "lucide-react";
+import { createJsonApiInclusion } from "../../core";
+import { ModuleFactory } from "../../permissions";
+import { EmailBlast } from "./data/EmailBlast";
+
+export const EmailBlastModule = (factory: ModuleFactory) =>
+  factory({
+    moduleId: "8a1f4c2e-6b3d-4e9a-b7c5-2d0e9f1a6b48",
+    pageUrl: "/administration/email-blasts",
+    name: "email-blasts",
+    model: EmailBlast,
+    icon: SendIcon,
+    inclusions: {
+      lists: {
+        fields: [
+          createJsonApiInclusion("email-blasts", [
+            "subject",
+            "status",
+            "sentAt",
+            "recipientCount",
+            "sentCount",
+            "failedCount",
+            "unsubscribedCount",
+          ]),
+        ],
+      },
+    },
+  });

package/src/features/email-blast/components/containers/EmailBlastContainer.tsx

@@ -0,0 +1,145 @@
+"use client";
+
+import { LoaderCircleIcon, MailCheckIcon } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { ReactNode, useCallback, useEffect, useState } from "react";
+import { CommonDeleter, RoundPageContainer } from "../../../../components";
+import { errorToast } from "../../../../components/errors/errorToast";
+import { DetailField } from "../../../../components/typography";
+import { SharedProvider } from "../../../../contexts/SharedContext";
+import { Modules } from "../../../../core";
+import { usePageUrlGenerator } from "../../../../hooks";
+import { useI18nLocale } from "../../../../i18n";
+import { BreadcrumbItemData } from "../../../../interfaces";
+import { Badge, Button } from "../../../../shadcnui";
+import { showToast } from "../../../../utils/toast";
+import { EmailBlastInterface, EmailBlastStatus } from "../../data/EmailBlastInterface";
+import { EmailBlastService } from "../../data/EmailBlastService";
+import { EmailBlastEditor } from "../forms/EmailBlastEditor";
+import { EmailBlastSendDialog } from "../forms/EmailBlastSendDialog";
+
+const STATUS_VARIANTS: Record<EmailBlastStatus, "softGray" | "softAmber" | "softGreen"> = {
+  draft: "softGray",
+  sending: "softAmber",
+  sent: "softGreen",
+};
+
+export type EmailBlastContainerProps = {
+  blastId: string;
+};
+
+function EmailBlastSendTestButton({ blast }: { blast: EmailBlastInterface }) {
+  const t = useTranslations();
+  const [isSending, setIsSending] = useState<boolean>(false);
+
+  const handleClick = async () => {
+    setIsSending(true);
+    try {
+      await EmailBlastService.sendTest({ id: blast.id });
+      showToast(t("emailBlasts.test.sent"));
+    } catch (error) {
+      errorToast({ title: t("common.errors.error"), error });
+    } finally {
+      setIsSending(false);
+    }
+  };
+
+  return (
+    <Button size="sm" variant="outline" type="button" onClick={handleClick} disabled={isSending}>
+      {isSending ? <LoaderCircleIcon className="animate-spin-slow" /> : <MailCheckIcon />}
+      {t("emailBlasts.test.button")}
+    </Button>
+  );
+}
+
+export function EmailBlastContainer({ blastId }: EmailBlastContainerProps) {
+  const t = useTranslations();
+  const locale = useI18nLocale();
+  const generateUrl = usePageUrlGenerator();
+  const [blast, setBlast] = useState<EmailBlastInterface | undefined>(undefined);
+
+  const reload = useCallback(async () => {
+    setBlast(await EmailBlastService.findOne({ id: blastId }));
+  }, [blastId]);
+
+  useEffect(() => {
+    void reload();
+  }, [reload]);
+
+  if (!blast) return null;
+
+  const listUrl = generateUrl({ page: Modules.EmailBlast });
+
+  const breadcrumbs: BreadcrumbItemData[] = [
+    { name: t("emailBlasts.admin.title"), href: listUrl },
+    { name: blast.subject },
+  ];
+
+  // Only a draft can be edited, test-sent, sent or deleted (the API refuses the rest).
+  const functions: ReactNode[] =
+    blast.status === "draft"
+      ? [
+          <EmailBlastEditor key="emailBlastEditor" blast={blast} onSuccess={reload} />,
+          <EmailBlastSendTestButton key="emailBlastSendTest" blast={blast} />,
+          <EmailBlastSendDialog key="emailBlastSendDialog" blast={blast} onSuccess={reload} />,
+          <CommonDeleter
+            key="emailBlastDeleter"
+            type="email-blasts"
+            deleteFunction={() => EmailBlastService.delete({ id: blast.id })}
+            redirectTo={listUrl}
+          />,
+        ]
+      : [];
+
+  // The page chrome (title + header functions) is published here rather than by
+  // AdministrationProvider: SharedProvider replaces its value for the subtree,
+  // so this one carries the administration title type plus the blast subject.
+  return (
+    <SharedProvider
+      value={{
+        breadcrumbs,
+        title: {
+          type: t("emailBlasts.admin.title"),
+          element: blast.subject,
+          functions,
+        },
+      }}
+    >
+      <RoundPageContainer module={Modules.EmailBlast} id={blast.id} fullWidth forceHeader>
+        <div className="flex w-full flex-col gap-y-6 p-4">
+          <div>
+            <Badge variant={STATUS_VARIANTS[blast.status]}>{t(`emailBlasts.list.status.${blast.status}`)}</Badge>
+          </div>
+          <div className="grid grid-cols-2 gap-4 md:grid-cols-4">
+            <DetailField
+              label={t("emailBlasts.detail.recipients")}
+              value={<span className="tabular-nums">{blast.recipientCount ?? "—"}</span>}
+            />
+            <DetailField
+              label={t("emailBlasts.detail.sentTo")}
+              value={<span className="tabular-nums">{blast.sentCount}</span>}
+            />
+            <DetailField
+              label={t("emailBlasts.detail.failed")}
+              value={<span className="tabular-nums">{blast.failedCount}</span>}
+            />
+            <DetailField
+              label={t("emailBlasts.detail.unsubscribed")}
+              value={<span className="tabular-nums">{blast.unsubscribedCount}</span>}
+            />
+          </div>
+          <DetailField
+            label={t("emailBlasts.detail.sentAt")}
+            value={blast.sentAt ? blast.sentAt.toLocaleString(locale) : "—"}
+          />
+          <DetailField label={t("emailBlasts.list.columns.subject")} value={blast.subject} />
+          <DetailField label={t("emailBlasts.detail.replyTo")} value={blast.replyTo ?? "—"} />
+          <DetailField
+            label={t("emailBlasts.detail.body")}
+            value={<div className="whitespace-pre-wrap leading-relaxed">{blast.body}</div>}
+          />
+        </div>
+      </RoundPageContainer>
+    </SharedProvider>
+  );
+}

package/src/features/email-blast/components/containers/EmailBlastsListContainer.tsx

@@ -0,0 +1,36 @@
+"use client";
+
+import { useTranslations } from "next-intl";
+import { RoundPageContainer } from "../../../../components";
+import { SharedProvider } from "../../../../contexts/SharedContext";
+import { Modules } from "../../../../core";
+import { BreadcrumbItemData } from "../../../../interfaces";
+import { EmailBlastsList } from "../lists/EmailBlastsList";
+
+/**
+ * Page container for the administrative email-blast list.
+ *
+ * Client component by necessity: `module={Modules.EmailBlast}` is a
+ * registry entry carrying an icon component and methods, which a Server
+ * Component cannot pass across the boundary. Routes mount this container
+ * instead — the same shape as every other list page.
+ *
+ * No `forceHeader`: ContentListTable draws its own header row with the title
+ * and the create action, exactly as the company and user list pages do.
+ *
+ * Publishes its own breadcrumb, as CompanyProvider does for the companies list:
+ * the list root comes first and has no href because it is the current page.
+ */
+export function EmailBlastsListContainer() {
+  const t = useTranslations();
+
+  const breadcrumbs: BreadcrumbItemData[] = [{ name: t("emailBlasts.admin.title") }];
+
+  return (
+    <SharedProvider value={{ breadcrumbs, title: { type: t("emailBlasts.admin.title") } }}>
+      <RoundPageContainer module={Modules.EmailBlast} fullWidth>
+        <EmailBlastsList fullWidth />
+      </RoundPageContainer>
+    </SharedProvider>
+  );
+}