@carlonicora/nextjs-jsonapi 6.14.1 → 6.16.0

package/dist/email-automations/index.mjs

@@ -1,12 +1,25 @@
 "use client";
 import {
+  Avatar,
+  AvatarFallback,
   Badge,
   Button,
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
   ConfirmDialog,
   ContentListTable,
   ContextMenu,
   ContextMenuContent,
   ContextMenuItem,
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
   EditorSheet,
   EmptyState,
   FormInput,
@@ -29,11 +42,12 @@ import {
   errorToast,
   registerTableGenerator,
   useDataListRetriever,
+  useDebounce,
   usePageUrlGenerator,
   useSidebar
-} from "../chunk-RYY7USSW.mjs";
+} from "../chunk-YEZGASBX.mjs";
 import "../chunk-VOXD3ZLY.mjs";
-import "../chunk-HAW5PNJG.mjs";
+import "../chunk-TY5YWBLL.mjs";
 import "../chunk-PW42LRSL.mjs";
 import {
   EmailAutomationEnrollmentService,
@@ -42,14 +56,16 @@ import {
   EmailBlastDeliveryService,
   dateFormatLocale,
   formatDate,
+  getInitials,
   showError,
+  showToast,
   useIsMobile
-} from "../chunk-RFKSJIQB.mjs";
+} from "../chunk-KMPBSOFB.mjs";
 import "../chunk-OY65RYD3.mjs";
 import {
   Modules,
   useI18nRouter
-} from "../chunk-UOTHRJD2.mjs";
+} from "../chunk-OKBJEIOP.mjs";
 import "../chunk-AUD6ZLBB.mjs";
 import "../chunk-M3N7LPHX.mjs";
 import "../chunk-4ZJIUTIV.mjs";
@@ -109,7 +125,8 @@ function EmailAutomationEditorInternal({
       replyTo: z.string().refine((value) => value === "" || z.email().safeParse(value).success, {
         message: t("emailAutomations.fields.replyTo.error")
       }),
-      isActive: z.boolean()
+      isActive: z.boolean(),
+      purpose: z.enum(["service", "marketing"], { message: t("emailPurpose.error") })
     }),
     [t]
   );
@@ -120,7 +137,9 @@ function EmailAutomationEditorInternal({
       trigger: automation?.trigger ?? "",
       exitTrigger: automation?.exitTrigger ?? "",
       replyTo: automation?.replyTo ?? "",
-      isActive: automation?.isActive ?? false
+      isActive: automation?.isActive ?? false,
+      // No preselected value on create: the form refuses to save without a choice.
+      purpose: automation?.purpose ?? ""
     }),
     [automation]
   );
@@ -128,6 +147,14 @@ function EmailAutomationEditorInternal({
     resolver: zodResolver(formSchema),
     defaultValues: getDefaultValues()
   });
+  const purpose = form.watch("purpose");
+  const purposeValues = useMemo(
+    () => [
+      { id: "service", text: t("emailPurpose.service") },
+      { id: "marketing", text: t("emailPurpose.marketing") }
+    ],
+    [t]
+  );
   return /* @__PURE__ */ jsx(
     EditorSheet,
     {
@@ -148,7 +175,8 @@ function EmailAutomationEditorInternal({
           trigger: values.trigger || void 0,
           exitTrigger: values.exitTrigger || void 0,
           replyTo: values.replyTo || void 0,
-          isActive: values.isActive
+          isActive: values.isActive,
+          purpose: values.purpose
         };
         return isEdit ? await EmailAutomationService.update(payload) : await EmailAutomationService.create(payload);
       },
@@ -160,6 +188,18 @@ function EmailAutomationEditorInternal({
       onDialogOpenChange,
       children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-y-4", children: [
         /* @__PURE__ */ jsx(FormInput, { form, id: "name", name: t("emailAutomations.fields.name.label"), isRequired: true }),
+        /* @__PURE__ */ jsx(
+          FormSelect,
+          {
+            form,
+            id: "purpose",
+            name: t("emailPurpose.label"),
+            placeholder: t("emailPurpose.placeholder"),
+            values: purposeValues,
+            description: purpose === "service" ? t("emailPurpose.serviceWarning") : void 0,
+            isRequired: true
+          }
+        ),
         /* @__PURE__ */ jsx(
           FormSelect,
           {
@@ -234,6 +274,7 @@ function EmailAutomationsList({ fullWidth } = {}) {
       data,
       fields: [
         "name" /* name */,
+        "purpose" /* purpose */,
         "trigger" /* trigger */,
         "status" /* status */,
         "steps" /* steps */,
@@ -262,7 +303,7 @@ function EmailAutomationsListContainer() {
 __name(EmailAutomationsListContainer, "EmailAutomationsListContainer");
 
 // src/features/email-automation/components/containers/EmailAutomationContainer.tsx
-import { useTranslations as useTranslations10 } from "next-intl";
+import { useTranslations as useTranslations11 } from "next-intl";
 
 // src/features/email-automation/contexts/EmailAutomationContext.tsx
 import { createContext, useCallback as useCallback2, useContext, useEffect as useEffect3, useMemo as useMemo3, useState as useState3 } from "react";
@@ -739,7 +780,8 @@ import { useForm as useForm2 } from "react-hook-form";
 import { v4 as v43 } from "uuid";
 import { z as z2 } from "zod";
 import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
-var TEMPLATE_VARIABLES = ["{{name}}", "{{email}}", "{{url}}", "{{unsubscribeUrl}}", "{{unsubscribeAllUrl}}"];
+var TEMPLATE_VARIABLES = ["{{name}}", "{{email}}", "{{url}}", "{{unsubscribeUrl}}"];
+var MARKETING_ONLY_VARIABLES = ["{{unsubscribeAllUrl}}"];
 function EmailStepEditorInternal({
   step,
   automationId,
@@ -753,8 +795,9 @@ function EmailStepEditorInternal({
   onSuccess
 }) {
   const t = useTranslations6();
-  const { reload } = useEmailAutomation();
+  const { automation, reload } = useEmailAutomation();
   const isEdit = !!step;
+  const templateVariables = automation?.purpose === "service" ? TEMPLATE_VARIABLES : [...TEMPLATE_VARIABLES, ...MARKETING_ONLY_VARIABLES];
   const formSchema = useMemo4(
     () => z2.object({
       id: z2.uuidv4(),
@@ -833,7 +876,7 @@ function EmailStepEditorInternal({
               /* @__PURE__ */ jsxs5("span", { className: "block", children: [
                 t("emailAutomations.step.variablesHint"),
                 " ",
-                TEMPLATE_VARIABLES.map((variable) => /* @__PURE__ */ jsx9("span", { className: "me-2 text-foreground", children: variable }, variable))
+                templateVariables.map((variable) => /* @__PURE__ */ jsx9("span", { className: "me-2 text-foreground", children: variable }, variable))
               ] }),
               /* @__PURE__ */ jsx9("span", { className: "mt-1 block", children: t("emailAutomations.step.unsubscribeHint") })
             ] })
@@ -1302,13 +1345,171 @@ __name(EmailAutomationCanvasTab, "EmailAutomationCanvasTab");
 
 // src/features/email-automation/components/lists/EmailAutomationRecipientsList.tsx
 import { RefreshCw } from "lucide-react";
+import { useTranslations as useTranslations10 } from "next-intl";
+import { useMemo as useMemo7, useState as useState7 } from "react";
+
+// src/features/email-automation/components/forms/EmailAutomationAddPersonDialog.tsx
+import { UserPlusIcon } from "lucide-react";
 import { useTranslations as useTranslations9 } from "next-intl";
-import { useMemo as useMemo7, useState as useState6 } from "react";
-import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
-function EmailAutomationRecipientsList() {
+import { useCallback as useCallback6, useEffect as useEffect6, useRef as useRef3, useState as useState6 } from "react";
+import { v4 as v44 } from "uuid";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+function EmailAutomationAddPersonDialog({
+  automationId,
+  disabled,
+  onAdded
+}) {
   const t = useTranslations9();
-  const { automation } = useEmailAutomation();
-  const [statusFilter, setStatusFilter] = useState6("all");
+  const [open, setOpen] = useState6(false);
+  const searchTermRef = useRef3("");
+  const [searchTerm, setSearchTerm] = useState6("");
+  const sentinelRef = useRef3(null);
+  const data = useDataListRetriever({
+    ready: open,
+    retriever: /* @__PURE__ */ __name((params) => EmailAutomationService.findCandidates(params), "retriever"),
+    retrieverParams: { automationId },
+    module: Modules.EmailAutomationCandidate
+  });
+  useEffect6(() => {
+    if (open) data.setReady(true);
+  }, [data, open]);
+  const refreshList = useCallback6(
+    async (searchedTerm) => {
+      if (searchedTerm === searchTermRef.current) return;
+      searchTermRef.current = searchedTerm;
+      await data.search(searchedTerm);
+    },
+    [data]
+  );
+  const updateSearchTerm = useDebounce(refreshList, 500);
+  useEffect6(() => {
+    if (open) updateSearchTerm(searchTerm);
+  }, [open, searchTerm]);
+  useEffect6(() => () => updateSearchTerm.cancel(), [updateSearchTerm]);
+  useEffect6(() => {
+    if (!data.next || !sentinelRef.current) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries[0]?.isIntersecting) data.next?.();
+      },
+      { threshold: 0.1, rootMargin: "200px" }
+    );
+    observer.observe(sentinelRef.current);
+    return () => observer.disconnect();
+  }, [data.next]);
+  const handleOpenChange = /* @__PURE__ */ __name((next) => {
+    setOpen(next);
+    if (!next) {
+      updateSearchTerm.cancel();
+      return;
+    }
+    setSearchTerm("");
+    if (data.isLoaded) {
+      if (searchTermRef.current !== "") {
+        searchTermRef.current = "";
+        void data.search("");
+      } else {
+        void data.refresh();
+      }
+    }
+  }, "handleOpenChange");
+  const add = /* @__PURE__ */ __name(async (candidate) => {
+    if (!candidate.addable) return;
+    try {
+      await EmailAutomationService.addEnrollment({
+        automationId,
+        input: { id: v44(), recipientType: candidate.recipientType, recipientId: candidate.recipientId }
+      });
+      setOpen(false);
+      showToast(t("emailAutomations.recipients.addDialog.added", { email: candidate.email }));
+      onAdded();
+    } catch (error) {
+      errorToast({ title: t("common.errors.error"), error });
+    }
+  }, "add");
+  const candidates = data.data ?? [];
+  const addable = candidates.filter((candidate) => candidate.addable);
+  const blocked = candidates.filter((candidate) => !candidate.addable);
+  const renderCandidate = /* @__PURE__ */ __name((candidate) => /* @__PURE__ */ jsx15(
+    CommandItem,
+    {
+      className: "cursor-pointer hover:bg-muted data-selected:hover:bg-muted bg-transparent data-selected:bg-transparent",
+      value: candidate.id,
+      disabled: !candidate.addable,
+      "data-testid": `email-automation-candidate-${candidate.recipientId}`,
+      "data-addable": candidate.addable ? "true" : "false",
+      onSelect: () => void add(candidate),
+      children: /* @__PURE__ */ jsxs9("div", { className: "flex min-w-0 flex-1 flex-row items-center px-4 py-1", children: [
+        /* @__PURE__ */ jsx15("div", { className: "*:ring-border *:ring-1", children: /* @__PURE__ */ jsx15(Avatar, { className: "h-6 w-6", children: /* @__PURE__ */ jsx15(AvatarFallback, { children: getInitials(candidate.name || candidate.email) }) }) }),
+        /* @__PURE__ */ jsx15("div", { className: "ms-5 me-3 flex min-w-0 flex-1 flex-col", children: candidate.name ? /* @__PURE__ */ jsxs9(Fragment4, { children: [
+          /* @__PURE__ */ jsx15("div", { className: "truncate text-sm font-medium", children: candidate.name }),
+          /* @__PURE__ */ jsx15("div", { className: "truncate text-xs font-normal", children: candidate.email })
+        ] }) : /* @__PURE__ */ jsx15("div", { className: "truncate text-sm font-medium", children: candidate.email }) }),
+        candidate.addable ? /* @__PURE__ */ jsx15(
+          Badge,
+          {
+            variant: candidate.recipientType === "waitlist" ? "softBlue" : "softGray",
+            className: "ms-auto shrink-0",
+            children: t(`emailAutomations.recipients.addDialog.kind.${candidate.recipientType}`)
+          }
+        ) : candidate.reason && /* @__PURE__ */ jsx15(
+          Badge,
+          {
+            variant: "softAmber",
+            className: "ms-auto shrink-0",
+            "data-testid": `email-automation-candidate-reason-${candidate.recipientId}`,
+            children: t(`emailAutomations.recipients.addDialog.reason.${candidate.reason}`)
+          }
+        )
+      ] })
+    },
+    candidate.id
+  ), "renderCandidate");
+  return /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxs9(Dialog, { open, onOpenChange: handleOpenChange, children: [
+      /* @__PURE__ */ jsxs9(
+        DialogTrigger,
+        {
+          render: /* @__PURE__ */ jsx15(Button, { variant: "outline", size: "sm", "data-testid": "email-automation-add-person" }),
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx15(UserPlusIcon, { className: "h-3.5 w-3.5" }),
+            t("emailAutomations.recipients.addPerson")
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs9(DialogContent, { className: "sm:max-w-2xl", "data-testid": "email-automation-add-person-dialog", children: [
+        /* @__PURE__ */ jsx15(DialogHeader, { children: /* @__PURE__ */ jsx15(DialogTitle, { children: t("emailAutomations.recipients.addDialog.title") }) }),
+        /* @__PURE__ */ jsxs9(Command, { shouldFilter: false, children: [
+          /* @__PURE__ */ jsx15(
+            CommandInput,
+            {
+              "data-testid": "email-automation-add-person-search",
+              placeholder: t("emailAutomations.recipients.addDialog.search"),
+              value: searchTerm,
+              onValueChange: setSearchTerm
+            }
+          ),
+          /* @__PURE__ */ jsxs9(CommandList, { className: "mt-2", children: [
+            /* @__PURE__ */ jsx15(CommandEmpty, { children: t("emailAutomations.recipients.addDialog.empty") }),
+            addable.length > 0 && /* @__PURE__ */ jsx15(CommandGroup, { heading: t("emailAutomations.recipients.addDialog.groups.addable"), children: addable.map(renderCandidate) }),
+            blocked.length > 0 && /* @__PURE__ */ jsx15(CommandGroup, { heading: t("emailAutomations.recipients.addDialog.groups.blocked"), children: blocked.map(renderCandidate) }),
+            data.next && /* @__PURE__ */ jsx15("div", { ref: sentinelRef, style: { height: 1 } })
+          ] })
+        ] })
+      ] })
+    ] }),
+    disabled && /* @__PURE__ */ jsx15("span", { className: "text-muted-foreground text-xs font-normal", children: t("emailAutomations.recipients.addPersonNoSteps") })
+  ] });
+}
+__name(EmailAutomationAddPersonDialog, "EmailAutomationAddPersonDialog");
+
+// src/features/email-automation/components/lists/EmailAutomationRecipientsList.tsx
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+function EmailAutomationRecipientsList() {
+  const t = useTranslations10();
+  const { automation, reload } = useEmailAutomation();
+  const [statusFilter, setStatusFilter] = useState7("all");
   const data = useDataListRetriever({
     retriever: /* @__PURE__ */ __name((params) => EmailAutomationService.findEnrollments(params), "retriever"),
     retrieverParams: { automationId: automation?.id },
@@ -1330,21 +1531,32 @@ function EmailAutomationRecipientsList() {
     }),
     [t]
   );
-  const filters = /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ jsxs9(Select, { items: statusItems, value: statusFilter, onValueChange: handleStatusChange, children: [
-      /* @__PURE__ */ jsx15(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ jsx15(SelectValue, {}) }),
-      /* @__PURE__ */ jsxs9(SelectContent, { children: [
-        /* @__PURE__ */ jsx15(SelectItem, { value: "all", children: t("emailAutomations.recipients.status.all") }),
-        /* @__PURE__ */ jsx15(SelectItem, { value: "active", children: t("emailAutomations.recipients.status.active") }),
-        /* @__PURE__ */ jsx15(SelectItem, { value: "completed", children: t("emailAutomations.recipients.status.completed") }),
-        /* @__PURE__ */ jsx15(SelectItem, { value: "unsubscribed", children: t("emailAutomations.recipients.status.unsubscribed") }),
-        /* @__PURE__ */ jsx15(SelectItem, { value: "exited", children: t("emailAutomations.recipients.status.exited") }),
-        /* @__PURE__ */ jsx15(SelectItem, { value: "failed", children: t("emailAutomations.recipients.status.failed") })
+  const filters = /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-4", children: [
+    automation && /* @__PURE__ */ jsx16(
+      EmailAutomationAddPersonDialog,
+      {
+        automationId: automation.id,
+        disabled: automation.stepCount === 0,
+        onAdded: () => {
+          void data.refresh();
+          void reload();
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs10(Select, { items: statusItems, value: statusFilter, onValueChange: handleStatusChange, children: [
+      /* @__PURE__ */ jsx16(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ jsx16(SelectValue, {}) }),
+      /* @__PURE__ */ jsxs10(SelectContent, { children: [
+        /* @__PURE__ */ jsx16(SelectItem, { value: "all", children: t("emailAutomations.recipients.status.all") }),
+        /* @__PURE__ */ jsx16(SelectItem, { value: "active", children: t("emailAutomations.recipients.status.active") }),
+        /* @__PURE__ */ jsx16(SelectItem, { value: "completed", children: t("emailAutomations.recipients.status.completed") }),
+        /* @__PURE__ */ jsx16(SelectItem, { value: "unsubscribed", children: t("emailAutomations.recipients.status.unsubscribed") }),
+        /* @__PURE__ */ jsx16(SelectItem, { value: "exited", children: t("emailAutomations.recipients.status.exited") }),
+        /* @__PURE__ */ jsx16(SelectItem, { value: "failed", children: t("emailAutomations.recipients.status.failed") })
       ] })
     ] }),
-    /* @__PURE__ */ jsx15(Button, { variant: "outline", size: "icon", onClick: () => void data.refresh(), disabled: !data.isLoaded, children: /* @__PURE__ */ jsx15(RefreshCw, { className: `h-4 w-4 ${!data.isLoaded ? "animate-spin" : ""}` }) })
+    /* @__PURE__ */ jsx16(Button, { variant: "outline", size: "icon", onClick: () => void data.refresh(), disabled: !data.isLoaded, children: /* @__PURE__ */ jsx16(RefreshCw, { className: `h-4 w-4 ${!data.isLoaded ? "animate-spin" : ""}` }) })
   ] });
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16("div", { "data-testid": "email-automation-recipients", children: /* @__PURE__ */ jsx16(
     ContentListTable,
     {
       data,
@@ -1357,22 +1569,23 @@ function EmailAutomationRecipientsList() {
         "sentCount" /* sentCount */
       ],
       tableGeneratorType: Modules.EmailAutomationEnrollment,
+      title: t("emailAutomations.tabs.recipients"),
       filters,
       allowSearch: false,
       emptyState: t("emailAutomations.recipients.empty")
     }
-  );
+  ) });
 }
 __name(EmailAutomationRecipientsList, "EmailAutomationRecipientsList");
 
 // src/features/email-automation/components/containers/EmailAutomationContainer.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function EmailAutomationContainer({ automationId }) {
-  return /* @__PURE__ */ jsx16(EmailAutomationProvider, { automationId, children: /* @__PURE__ */ jsx16(EmailAutomationShell, {}) });
+  return /* @__PURE__ */ jsx17(EmailAutomationProvider, { automationId, children: /* @__PURE__ */ jsx17(EmailAutomationShell, {}) });
 }
 __name(EmailAutomationContainer, "EmailAutomationContainer");
 function EmailAutomationShell() {
-  const t = useTranslations10();
+  const t = useTranslations11();
   const generateUrl = usePageUrlGenerator();
   const { automation, reload } = useEmailAutomation();
   if (!automation) return null;
@@ -1380,7 +1593,7 @@ function EmailAutomationShell() {
     { name: t("emailAutomations.admin.title"), href: generateUrl({ page: Modules.EmailAutomation }) },
     { name: automation.name }
   ];
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     SharedProvider,
     {
       value: {
@@ -1389,12 +1602,12 @@ function EmailAutomationShell() {
           type: t("emailAutomations.admin.title"),
           element: automation.name,
           functions: [
-            /* @__PURE__ */ jsx16(EmailAutomationActiveSwitch, {}, "emailAutomationActiveSwitch"),
-            /* @__PURE__ */ jsx16(EmailAutomationEditor, { automation, onSuccess: reload }, "emailAutomationEditor")
+            /* @__PURE__ */ jsx17(EmailAutomationActiveSwitch, {}, "emailAutomationActiveSwitch"),
+            /* @__PURE__ */ jsx17(EmailAutomationEditor, { automation, onSuccess: reload }, "emailAutomationEditor")
           ]
         }
       },
-      children: /* @__PURE__ */ jsx16(
+      children: /* @__PURE__ */ jsx17(
         RoundPageContainer,
         {
           module: Modules.EmailAutomation,
@@ -1406,13 +1619,13 @@ function EmailAutomationShell() {
             {
               sectionKey: "canvas",
               label: t("emailAutomations.tabs.canvas"),
-              content: /* @__PURE__ */ jsx16(EmailAutomationCanvasTab, {}),
+              content: /* @__PURE__ */ jsx17(EmailAutomationCanvasTab, {}),
               fillHeight: true
             },
             {
               sectionKey: "recipients",
               label: t("emailAutomations.tabs.recipients"),
-              content: /* @__PURE__ */ jsx16(EmailAutomationRecipientsList, {})
+              content: /* @__PURE__ */ jsx17(EmailAutomationRecipientsList, {})
             }
           ]
         }
@@ -1424,16 +1637,17 @@ __name(EmailAutomationShell, "EmailAutomationShell");
 
 // src/features/email-automation/components/unsubscribe/EmailUnsubscribe.tsx
 import { CheckCircle, Loader2, XCircle } from "lucide-react";
-import { useTranslations as useTranslations11 } from "next-intl";
-import { useEffect as useEffect6, useState as useState7 } from "react";
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useTranslations as useTranslations12 } from "next-intl";
+import { useEffect as useEffect7, useState as useState8 } from "react";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 function EmailUnsubscribe({ token, scope, source = "automation" }) {
-  const t = useTranslations11();
-  const [state, setState] = useState7("loading");
-  const [stoppedScope, setStoppedScope] = useState7(scope);
-  const [automationName, setAutomationName] = useState7("");
-  const [isStoppingAll, setIsStoppingAll] = useState7(false);
-  useEffect6(() => {
+  const t = useTranslations12();
+  const [state, setState] = useState8("loading");
+  const [stoppedScope, setStoppedScope] = useState8(scope);
+  const [automationName, setAutomationName] = useState8("");
+  const [isServiceAutomation, setIsServiceAutomation] = useState8(false);
+  const [isStoppingAll, setIsStoppingAll] = useState8(false);
+  useEffect7(() => {
     async function unsubscribe() {
       try {
         if (source === "blast") {
@@ -1444,6 +1658,7 @@ function EmailUnsubscribe({ token, scope, source = "automation" }) {
         }
         const enrollment = await EmailAutomationEnrollmentService.unsubscribe({ token, scope });
         setAutomationName(enrollment?.automation?.name ?? "");
+        setIsServiceAutomation(enrollment?.automation?.purpose === "service");
         setStoppedScope(scope);
         setState("success");
       } catch {
@@ -1465,25 +1680,25 @@ function EmailUnsubscribe({ token, scope, source = "automation" }) {
     }
   }, "stopAll");
   if (state === "loading") {
-    return /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center justify-center space-y-4 py-16 text-center", children: [
-      /* @__PURE__ */ jsx17(Loader2, { className: "text-primary h-12 w-12 animate-spin" }),
-      /* @__PURE__ */ jsx17("p", { className: "text-muted-foreground text-sm", children: t("emailAutomations.unsubscribe.loading") })
+    return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center justify-center space-y-4 py-16 text-center", children: [
+      /* @__PURE__ */ jsx18(Loader2, { className: "text-primary h-12 w-12 animate-spin" }),
+      /* @__PURE__ */ jsx18("p", { className: "text-muted-foreground text-sm", children: t("emailAutomations.unsubscribe.loading") })
     ] });
   }
   if (state === "error") {
-    return /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center justify-center space-y-4 py-16 text-center", children: [
-      /* @__PURE__ */ jsx17("div", { className: "bg-destructive/10 rounded-full p-4", children: /* @__PURE__ */ jsx17(XCircle, { className: "text-destructive h-12 w-12" }) }),
-      /* @__PURE__ */ jsx17(SectionHeader, { level: 2, children: t("emailAutomations.unsubscribe.invalidTitle") }),
-      /* @__PURE__ */ jsx17("p", { className: "text-muted-foreground max-w-md text-sm leading-relaxed", children: t("emailAutomations.unsubscribe.invalidBody") })
+    return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center justify-center space-y-4 py-16 text-center", children: [
+      /* @__PURE__ */ jsx18("div", { className: "bg-destructive/10 rounded-full p-4", children: /* @__PURE__ */ jsx18(XCircle, { className: "text-destructive h-12 w-12" }) }),
+      /* @__PURE__ */ jsx18(SectionHeader, { level: 2, children: t("emailAutomations.unsubscribe.invalidTitle") }),
+      /* @__PURE__ */ jsx18("p", { className: "text-muted-foreground max-w-md text-sm leading-relaxed", children: t("emailAutomations.unsubscribe.invalidBody") })
     ] });
   }
-  return /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center justify-center space-y-4 py-16 text-center", children: [
-    /* @__PURE__ */ jsx17("div", { className: "bg-primary/10 rounded-full p-4", children: /* @__PURE__ */ jsx17(CheckCircle, { className: "text-primary h-12 w-12" }) }),
-    /* @__PURE__ */ jsx17(SectionHeader, { level: 2, children: t("emailAutomations.unsubscribe.title") }),
-    stoppedScope === "all" ? /* @__PURE__ */ jsx17("p", { className: "text-muted-foreground max-w-md text-sm leading-relaxed", children: t("emailAutomations.unsubscribe.stoppedAll") }) : /* @__PURE__ */ jsxs10(Fragment4, { children: [
-      /* @__PURE__ */ jsx17("p", { className: "text-muted-foreground max-w-md text-sm leading-relaxed", children: t("emailAutomations.unsubscribe.stoppedAutomation", { name: automationName }) }),
-      /* @__PURE__ */ jsxs10(Button, { variant: "secondary", onClick: stopAll, disabled: isStoppingAll, children: [
-        isStoppingAll && /* @__PURE__ */ jsx17(Loader2, { className: "h-4 w-4 animate-spin" }),
+  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center justify-center space-y-4 py-16 text-center", children: [
+    /* @__PURE__ */ jsx18("div", { className: "bg-primary/10 rounded-full p-4", children: /* @__PURE__ */ jsx18(CheckCircle, { className: "text-primary h-12 w-12" }) }),
+    /* @__PURE__ */ jsx18(SectionHeader, { level: 2, children: t("emailAutomations.unsubscribe.title") }),
+    stoppedScope === "all" ? /* @__PURE__ */ jsx18("p", { className: "text-muted-foreground max-w-md text-sm leading-relaxed", children: t("emailAutomations.unsubscribe.stoppedAll") }) : /* @__PURE__ */ jsxs11(Fragment5, { children: [
+      /* @__PURE__ */ jsx18("p", { className: "text-muted-foreground max-w-md text-sm leading-relaxed", children: t("emailAutomations.unsubscribe.stoppedAutomation", { name: automationName }) }),
+      !isServiceAutomation && /* @__PURE__ */ jsxs11(Button, { variant: "secondary", onClick: stopAll, disabled: isStoppingAll, children: [
+        isStoppingAll && /* @__PURE__ */ jsx18(Loader2, { className: "h-4 w-4 animate-spin" }),
         t("emailAutomations.unsubscribe.alsoStopAll")
       ] })
     ] })
@@ -1492,11 +1707,11 @@ function EmailUnsubscribe({ token, scope, source = "automation" }) {
 __name(EmailUnsubscribe, "EmailUnsubscribe");
 
 // src/features/email-automation/hooks/useEmailAutomationTableStructure.tsx
-import { useTranslations as useTranslations12 } from "next-intl";
+import { useTranslations as useTranslations13 } from "next-intl";
 import { useMemo as useMemo8 } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var useEmailAutomationTableStructure = /* @__PURE__ */ __name((params) => {
-  const t = useTranslations12();
+  const t = useTranslations13();
   const generateUrl = usePageUrlGenerator();
   const triggerLabels = params.context?.triggerLabels ?? {};
   const tableData = useMemo8(() => {
@@ -1514,7 +1729,7 @@ var useEmailAutomationTableStructure = /* @__PURE__ */ __name((params) => {
     header,
     cell: /* @__PURE__ */ __name(({ row }) => {
       const automation = row.original.jsonApiData;
-      return /* @__PURE__ */ jsx18("span", { className: "block text-xs tabular-nums text-end", children: read(automation) ?? 0 });
+      return /* @__PURE__ */ jsx19("span", { className: "block text-xs tabular-nums text-end", children: read(automation) ?? 0 });
     }, "cell"),
     enableSorting: false,
     enableHiding: false
@@ -1526,7 +1741,18 @@ var useEmailAutomationTableStructure = /* @__PURE__ */ __name((params) => {
       header: t("emailAutomations.list.columns.name"),
       cell: /* @__PURE__ */ __name(({ row }) => {
         const automation = row.original.jsonApiData;
-        return /* @__PURE__ */ jsx18(Link, { href: generateUrl({ page: Modules.EmailAutomation, id: automation.id }), children: automation.name });
+        return /* @__PURE__ */ jsx19(Link, { href: generateUrl({ page: Modules.EmailAutomation, id: automation.id }), children: automation.name });
+      }, "cell"),
+      enableSorting: false,
+      enableHiding: false
+    }),
+    ["purpose" /* purpose */]: () => ({
+      id: "purpose",
+      accessorKey: "purpose",
+      header: t("emailAutomations.list.columns.purpose"),
+      cell: /* @__PURE__ */ __name(({ row }) => {
+        const automation = row.original.jsonApiData;
+        return automation.purpose === "service" ? /* @__PURE__ */ jsx19(Badge, { variant: "softBlue", "data-testid": "email-automation-purpose-badge", children: t("emailPurpose.service") }) : /* @__PURE__ */ jsx19(Badge, { variant: "softGray", "data-testid": "email-automation-purpose-badge", children: t("emailPurpose.marketing") });
       }, "cell"),
       enableSorting: false,
       enableHiding: false
@@ -1537,8 +1763,8 @@ var useEmailAutomationTableStructure = /* @__PURE__ */ __name((params) => {
       header: t("emailAutomations.list.columns.trigger"),
       cell: /* @__PURE__ */ __name(({ row }) => {
         const automation = row.original.jsonApiData;
-        if (!automation.trigger) return /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground text-xs", children: "\u2014" });
-        return /* @__PURE__ */ jsx18("span", { className: "text-sm", children: triggerLabels[automation.trigger] ?? automation.trigger });
+        if (!automation.trigger) return /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground text-xs", children: "\u2014" });
+        return /* @__PURE__ */ jsx19("span", { className: "text-sm", children: triggerLabels[automation.trigger] ?? automation.trigger });
       }, "cell"),
       enableSorting: false,
       enableHiding: false
@@ -1549,7 +1775,7 @@ var useEmailAutomationTableStructure = /* @__PURE__ */ __name((params) => {
       header: t("emailAutomations.list.columns.status"),
       cell: /* @__PURE__ */ __name(({ row }) => {
         const automation = row.original.jsonApiData;
-        return automation.isActive ? /* @__PURE__ */ jsx18(Badge, { variant: "softGreen", children: t("emailAutomations.list.status.on") }) : /* @__PURE__ */ jsx18(Badge, { variant: "softGray", children: t("emailAutomations.list.status.off") });
+        return automation.isActive ? /* @__PURE__ */ jsx19(Badge, { variant: "softGreen", children: t("emailAutomations.list.status.on") }) : /* @__PURE__ */ jsx19(Badge, { variant: "softGray", children: t("emailAutomations.list.status.off") });
       }, "cell"),
       enableSorting: false,
       enableHiding: false
@@ -1575,9 +1801,9 @@ var useEmailAutomationTableStructure = /* @__PURE__ */ __name((params) => {
 registerTableGenerator("email-automations", useEmailAutomationTableStructure);
 
 // src/features/email-automation/hooks/useEmailAutomationEnrollmentTableStructure.tsx
-import { useLocale, useTranslations as useTranslations13 } from "next-intl";
+import { useLocale, useTranslations as useTranslations14 } from "next-intl";
 import { useMemo as useMemo9 } from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var STATUS_VARIANTS = {
   active: "softGreen",
   completed: "softBlue",
@@ -1586,7 +1812,7 @@ var STATUS_VARIANTS = {
   failed: "softRed"
 };
 var useEmailAutomationEnrollmentTableStructure = /* @__PURE__ */ __name((params) => {
-  const t = useTranslations13();
+  const t = useTranslations14();
   const locale = dateFormatLocale(useLocale());
   const tableData = useMemo9(() => {
     return params.data.map((enrollment) => {
@@ -1597,7 +1823,7 @@ var useEmailAutomationEnrollmentTableStructure = /* @__PURE__ */ __name((params)
       return entry;
     });
   }, [params.data, params.fields]);
-  const empty = /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground text-xs", children: "\u2014" });
+  const empty = /* @__PURE__ */ jsx20("span", { className: "text-muted-foreground text-xs", children: "\u2014" });
   const fieldColumnMap = {
     ["email" /* email */]: () => ({
       id: "email",
@@ -1605,7 +1831,7 @@ var useEmailAutomationEnrollmentTableStructure = /* @__PURE__ */ __name((params)
       header: t("emailAutomations.recipients.columns.email"),
       cell: /* @__PURE__ */ __name(({ row }) => {
         const enrollment = row.original.jsonApiData;
-        return /* @__PURE__ */ jsx19("span", { className: "text-sm", children: enrollment.email });
+        return /* @__PURE__ */ jsx20("span", { className: "text-sm", children: enrollment.email });
       }, "cell"),
       enableSorting: false,
       enableHiding: false
@@ -1616,7 +1842,7 @@ var useEmailAutomationEnrollmentTableStructure = /* @__PURE__ */ __name((params)
       header: t("emailAutomations.recipients.columns.name"),
       cell: /* @__PURE__ */ __name(({ row }) => {
         const enrollment = row.original.jsonApiData;
-        return enrollment.name ? /* @__PURE__ */ jsx19("span", { className: "text-sm", children: enrollment.name }) : empty;
+        return enrollment.name ? /* @__PURE__ */ jsx20("span", { className: "text-sm", children: enrollment.name }) : empty;
       }, "cell"),
       enableSorting: false,
       enableHiding: false
@@ -1627,7 +1853,7 @@ var useEmailAutomationEnrollmentTableStructure = /* @__PURE__ */ __name((params)
       header: t("emailAutomations.recipients.columns.status"),
       cell: /* @__PURE__ */ __name(({ row }) => {
         const enrollment = row.original.jsonApiData;
-        return /* @__PURE__ */ jsx19(
+        return /* @__PURE__ */ jsx20(
           Badge,
           {
             variant: STATUS_VARIANTS[enrollment.status] ?? "softGray",
@@ -1645,7 +1871,7 @@ var useEmailAutomationEnrollmentTableStructure = /* @__PURE__ */ __name((params)
       header: t("emailAutomations.recipients.columns.currentStep"),
       cell: /* @__PURE__ */ __name(({ row }) => {
         const enrollment = row.original.jsonApiData;
-        return enrollment.currentStepSubject ? /* @__PURE__ */ jsx19("span", { className: "text-sm", children: enrollment.currentStepSubject }) : empty;
+        return enrollment.currentStepSubject ? /* @__PURE__ */ jsx20("span", { className: "text-sm", children: enrollment.currentStepSubject }) : empty;
       }, "cell"),
       enableSorting: false,
       enableHiding: false
@@ -1657,7 +1883,7 @@ var useEmailAutomationEnrollmentTableStructure = /* @__PURE__ */ __name((params)
       cell: /* @__PURE__ */ __name(({ row }) => {
         const enrollment = row.original.jsonApiData;
         if (!enrollment.nextSendAt) return empty;
-        return /* @__PURE__ */ jsx19("span", { className: "text-xs tabular-nums", children: formatDate(enrollment.nextSendAt, "dateTime", locale) });
+        return /* @__PURE__ */ jsx20("span", { className: "text-xs tabular-nums", children: formatDate(enrollment.nextSendAt, "dateTime", locale) });
       }, "cell"),
       enableSorting: false,
       enableHiding: false
@@ -1668,7 +1894,7 @@ var useEmailAutomationEnrollmentTableStructure = /* @__PURE__ */ __name((params)
       header: t("emailAutomations.recipients.columns.sentCount"),
       cell: /* @__PURE__ */ __name(({ row }) => {
         const enrollment = row.original.jsonApiData;
-        return /* @__PURE__ */ jsx19("span", { className: "block text-xs tabular-nums text-end", children: enrollment.sentCount ?? 0 });
+        return /* @__PURE__ */ jsx20("span", { className: "block text-xs tabular-nums text-end", children: enrollment.sentCount ?? 0 });
       }, "cell"),
       enableSorting: false,
       enableHiding: false
@@ -1684,6 +1910,7 @@ export {
   CanvasToolbar,
   DelayEdge,
   EmailAutomationActiveSwitch,
+  EmailAutomationAddPersonDialog,
   EmailAutomationCanvas,
   EmailAutomationCanvasInspector,
   EmailAutomationCanvasTab,