@vicacha-devs/strapi-plugin-broadcasts 0.0.0-stage → 0.1.0

package/dist/admin/BroadcastsHomePage-DQueM7nj.js

@@ -0,0 +1,1228 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+const admin = require("@strapi/strapi/admin");
+const React = require("react");
+const reactIntl = require("react-intl");
+const reactRouterDom = require("react-router-dom");
+const index = require("./index-Dw6J7U1v.js");
+const selectOptions = require("./selectOptions-DuHQ0KK3.js");
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+const RequiredTextField = ({ name, label, hint, placeholder, value, onChange }) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name, required: true, hint, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label }),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.TextInput,
+    {
+      name,
+      placeholder,
+      value,
+      onChange: (e) => onChange(e.target.value)
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+] });
+const EmailTemplateSelectorField = ({
+  t,
+  emailTemplates,
+  value,
+  onChange
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  designSystem.Field.Root,
+  {
+    name: "emailTemplateRef",
+    hint: t(
+      "page.ui.email_designer_template_hint",
+      "Wraps email broadcasts in an Email Designer 5 layout (injects '{{subject}}', '{{bodyHtml}}', '{{recipientName}}', '{{secondaryDate}}')."
+    ),
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: t(
+        "field.email_designer_html_template_optional",
+        "Email Designer HTML Template (optional)"
+      ) }),
+      emailTemplates.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.SingleSelect,
+        {
+          placeholder: t(
+            "placeholder.none_use_inline_campaign_body",
+            "None (use inline campaign body)"
+          ),
+          value: value || "__none__",
+          onChange: (val) => onChange(val === "__none__" ? "" : String(val)),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "__none__", children: t(
+              "page.ui.none_use_inline_campaign_html",
+              "None (use inline campaign HTML / text)"
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "broadcastNewsletter", children: t(
+              "page.ui.broadcast_newsletter_auto_localized",
+              "broadcastNewsletter (Auto-localized es / en / ar / tr)"
+            ) }),
+            emailTemplates.map((tpl) => /* @__PURE__ */ jsxRuntime.jsxs(
+              designSystem.SingleSelectOption,
+              {
+                value: String(tpl.templateReferenceId),
+                children: [
+                  "#",
+                  tpl.templateReferenceId,
+                  " — ",
+                  tpl.name
+                ]
+              },
+              `${tpl.templateReferenceId}-${tpl.name}`
+            ))
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.TextInput,
+        {
+          name: "emailTemplateRef",
+          placeholder: t(
+            "placeholder.optional_e_g_401_or_broadcastnewsletter",
+            "Optional: e.g. 401 or broadcastNewsletter"
+          ),
+          value,
+          onChange: (e) => onChange(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+    ]
+  }
+);
+const CampaignsTableSection = ({
+  t,
+  campaigns,
+  onEdit,
+  onDispatch,
+  navigate,
+  isBusy = false
+}) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 7, rowCount: campaigns.length + 1, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.slug_title", "Slug / Title") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.topic", "Topic") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.channels", "Channels") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.status", "Status") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.hijri_secondary_date", "Hijri / Secondary Date") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.delivery_stats", "Delivery Stats") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.actions", "Actions") }) })
+  ] }) }),
+  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: campaigns.map((camp) => {
+    const sentTotal = (camp.stats?.sentCount || 0) + (camp.stats?.simulatedCount || 0);
+    const failedTotal = camp.stats?.failedCount || 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: camp.title }),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: camp.slug }),
+          camp.emailTemplateRef && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { children: [
+            t("page.ui.email_template_badge", "Email Template:"),
+            " ",
+            camp.emailTemplateRef
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { children: camp.topic }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: (camp.channels || []).join(", ") }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { children: camp.status }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: camp.secondaryDateLabel || "-" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { children: [
+        t("page.ui.sent_label", "Sent:"),
+        " ",
+        sentTotal,
+        " /",
+        " ",
+        t("page.ui.failed_label", "Failed:"),
+        " ",
+        failedTotal
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, wrap: "wrap", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: "tertiary",
+            size: "S",
+            disabled: isBusy,
+            onClick: () => onEdit(camp),
+            children: t("common.edit", "Edit")
+          }
+        ),
+        camp.documentId && /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: "tertiary",
+            size: "S",
+            disabled: isBusy,
+            onClick: () => navigate(
+              `/content-manager/collection-types/${index.CAMPAIGN_UID}/${camp.documentId}`
+            ),
+            children: t("common.content_manager", "Content Manager")
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: "secondary",
+            size: "S",
+            disabled: isBusy,
+            onClick: () => onDispatch(camp.documentId || camp.slug),
+            children: t("page.ui.dispatch_now", "Dispatch Now")
+          }
+        )
+      ] }) })
+    ] }, camp.slug);
+  }) })
+] });
+const DeliveryLedgerSection = ({
+  t,
+  logs
+}) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingTop: 6, children: [
+  /* @__PURE__ */ jsxRuntime.jsxs(
+    designSystem.Box,
+    {
+      padding: 4,
+      marginBottom: 4,
+      background: "neutral100",
+      hasRadius: true,
+      style: { border: "1px solid rgba(128, 128, 128, 0.18)" },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", fontWeight: "bold", children: t(
+          "page.ui.what_is_the_delivery_ledger",
+          "What is the Delivery Ledger?"
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 1, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", children: t(
+          "page.ui.delivery_ledger_description",
+          "The Delivery Ledger is an immutable audit and idempotency log of every message dispatched across Email, Telegram, and WhatsApp. Each delivery records a deterministic idempotency key (campaignSlug + channel + recipient) so retrying a campaign never sends duplicate messages, masks recipient PII (e.g. a***@domain.org, +57***4567), and tracks whether the message was sent live or simulated in Dry-Run mode."
+        ) }) })
+      ]
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 6, rowCount: Math.max(logs.length, 1) + 1, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.campaign", "Campaign") }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.channel_driver", "Channel / Driver") }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.masked_recipient", "Masked Recipient") }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.locale", "Locale") }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.status", "Status") }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.sent_at", "Sent At") }) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: logs.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 6, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: t(
+      "page.ui.no_deliveries_recorded_yet",
+      'No deliveries recorded yet. Click "Dispatch Now" on any campaign in the Campaigns tab to dispatch (or simulate in Dry-Run mode) and populate the ledger.'
+    ) }) }) }) }) : logs.map((log) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: log.campaignSlug }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { children: [
+        log.channel,
+        " (",
+        log.driver,
+        ")"
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: log.recipientMasked }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { children: log.locale }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { children: log.status }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: log.sentAt?.slice(0, 19) }) })
+    ] }, log.idempotencyKey)) })
+  ] })
+] });
+const AutomationRulesTable = ({
+  t,
+  rules,
+  onEdit,
+  onToggleActive,
+  navigate,
+  isBusy = false
+}) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 7, rowCount: rules.length + 1, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.rule_slug", "Rule Slug") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.eventhub_trigger", "EventHub Trigger") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.topic", "Topic") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.channels", "Channels") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.trigger_count", "Trigger Count") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.status", "Status") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: t("page.ui.actions", "Actions") }) })
+  ] }) }),
+  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: rules.map((rule) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", children: rule.name }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: rule.slug })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { children: rule.eventName }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: rule.topic }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: (rule.channels || []).join(", ") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: rule.triggerCount || 0 }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { active: rule.active, children: rule.active ? t("common.active", "active") : t("common.paused", "paused") }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, wrap: "wrap", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          variant: "tertiary",
+          size: "S",
+          disabled: isBusy,
+          onClick: () => onEdit(rule),
+          children: t("common.edit", "Edit")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          variant: "secondary",
+          size: "S",
+          disabled: isBusy,
+          onClick: () => onToggleActive(rule),
+          children: rule.active ? t("common.pause", "Pause") : t("common.activate", "Activate")
+        }
+      ),
+      rule.documentId && /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Button,
+        {
+          variant: "tertiary",
+          size: "S",
+          disabled: isBusy,
+          onClick: () => navigate(
+            `/content-manager/collection-types/${index.AUTOMATION_RULE_UID}/${rule.documentId}`
+          ),
+          children: t("common.content_manager", "Content Manager")
+        }
+      )
+    ] }) })
+  ] }, rule.slug)) })
+] });
+function parseChannelsInput(raw, fallback = ["email", "telegram"]) {
+  const allowed = ["email", "telegram", "whatsapp"];
+  const items = Array.isArray(raw) ? raw : raw.split(",");
+  const parsed = items.map((item) => item.trim().toLowerCase()).filter((item) => allowed.includes(item));
+  return parsed.length > 0 ? Array.from(new Set(parsed)) : fallback;
+}
+const AutomationAndLogsTabs = ({
+  activeTab,
+  rules,
+  logs,
+  t,
+  navigate,
+  post,
+  put,
+  notifyStatus,
+  loadAll
+}) => {
+  const [editingRuleId, setEditingRuleId] = React__namespace.useState(null);
+  const [ruleActive, setRuleActive] = React__namespace.useState(true);
+  const [rulePriority, setRulePriority] = React__namespace.useState("normal");
+  const [isBusy, setIsBusy] = React__namespace.useState(false);
+  const [ruleSlug, setRuleSlug] = React__namespace.useState("");
+  const [ruleName, setRuleName] = React__namespace.useState("");
+  const [ruleEventName, setRuleEventName] = React__namespace.useState("event.published");
+  const [ruleTopic, setRuleTopic] = React__namespace.useState("events");
+  const [ruleChannels, setRuleChannels] = React__namespace.useState([
+    "telegram",
+    "email"
+  ]);
+  const [ruleSubjectTemplate, setRuleSubjectTemplate] = React__namespace.useState(
+    "📅 {{title}} ({{secondaryDate}})"
+  );
+  const [ruleBodyTextTemplate, setRuleBodyTextTemplate] = React__namespace.useState("{{title}}: {{summary}} ({{secondaryDate}})");
+  const resetRuleForm = () => {
+    setEditingRuleId(null);
+    setRuleActive(true);
+    setRulePriority("normal");
+    setRuleSlug("");
+    setRuleName("");
+    setRuleEventName("event.published");
+    setRuleTopic("events");
+    setRuleChannels(["telegram", "email"]);
+    setRuleSubjectTemplate("📅 {{title}} ({{secondaryDate}})");
+    setRuleBodyTextTemplate("{{title}}: {{summary}} ({{secondaryDate}})");
+  };
+  const handleStartEditRule = (rule) => {
+    setEditingRuleId(rule.documentId || rule.slug);
+    setRuleActive(rule.active ?? true);
+    setRulePriority(rule.priority || "normal");
+    setRuleSlug(rule.slug);
+    setRuleName(rule.name);
+    setRuleEventName(rule.eventName);
+    setRuleTopic(rule.topic || "announcements");
+    setRuleChannels(
+      Array.isArray(rule.channels) && rule.channels.length > 0 ? rule.channels : ["telegram"]
+    );
+    setRuleSubjectTemplate(rule.subjectTemplate || "");
+    setRuleBodyTextTemplate(rule.bodyTextTemplate || "");
+    notifyStatus(`${t("page.ui.editing_rule", "Editing rule")}: ${rule.name}`);
+  };
+  const handleSaveRule = async () => {
+    const isComplete = Boolean(
+      ruleSlug && ruleName && ruleEventName && ruleSubjectTemplate && ruleBodyTextTemplate
+    );
+    if (!isComplete || isBusy) return;
+    const payload = {
+      slug: ruleSlug.trim(),
+      name: ruleName.trim(),
+      eventName: ruleEventName.trim(),
+      topic: ruleTopic.trim() || "announcements",
+      channels: parseChannelsInput(ruleChannels, ["telegram", "email"]),
+      active: ruleActive,
+      priority: rulePriority,
+      subjectTemplate: ruleSubjectTemplate.trim(),
+      bodyTextTemplate: ruleBodyTextTemplate.trim()
+    };
+    setIsBusy(true);
+    try {
+      if (editingRuleId) {
+        await put(`/${index.PLUGIN_ID}/automation-rules/${editingRuleId}`, payload);
+        notifyStatus(
+          `${t("page.ui.updated_rule", "Updated automation rule")}: ${payload.name}`
+        );
+      } else {
+        await post(`/${index.PLUGIN_ID}/automation-rules`, payload);
+        notifyStatus(
+          `${t("page.ui.created_rule", "Created automation rule")}: ${payload.name}`
+        );
+      }
+      resetRuleForm();
+      await loadAll();
+    } catch (err) {
+      notifyStatus(
+        selectOptions.extractApiErrorMessage(
+          err,
+          t("page.ui.operation_failed", "Broadcast operation failed.")
+        ),
+        true
+      );
+    } finally {
+      setIsBusy(false);
+    }
+  };
+  const handleToggleRuleActive = async (rule) => {
+    if (isBusy) return;
+    const targetId = rule.documentId || rule.slug;
+    const nextActive = !rule.active;
+    setIsBusy(true);
+    try {
+      await put(`/${index.PLUGIN_ID}/automation-rules/${targetId}`, {
+        ...rule,
+        active: nextActive
+      });
+      const stateLabel = nextActive ? t("page.ui.rule_activated", "activated") : t("page.ui.rule_paused", "paused");
+      notifyStatus(`${rule.name}: ${stateLabel}`);
+      await loadAll();
+    } catch (err) {
+      notifyStatus(
+        selectOptions.extractApiErrorMessage(
+          err,
+          t("page.ui.operation_failed", "Broadcast operation failed.")
+        ),
+        true
+      );
+    } finally {
+      setIsBusy(false);
+    }
+  };
+  const handleSeedStarterRule = async (preset) => {
+    if (isBusy) return;
+    const existing = rules.find((r) => r.slug === preset.slug);
+    if (existing) {
+      handleStartEditRule(existing);
+      return;
+    }
+    setIsBusy(true);
+    try {
+      await post(`/${index.PLUGIN_ID}/automation-rules`, preset);
+      notifyStatus(
+        `${t("page.ui.added_starter_rule", "Added starter automation rule")}: ${preset.name}`
+      );
+      await loadAll();
+    } catch (err) {
+      notifyStatus(
+        selectOptions.extractApiErrorMessage(
+          err,
+          t("page.ui.operation_failed", "Broadcast operation failed.")
+        ),
+        true
+      );
+    } finally {
+      setIsBusy(false);
+    }
+  };
+  if (activeTab === "logs") {
+    return /* @__PURE__ */ jsxRuntime.jsx(DeliveryLedgerSection, { t, logs });
+  }
+  if (activeTab !== "automations") {
+    return null;
+  }
+  const formHeading = editingRuleId ? `${t("page.ui.edit_automation_rule", "Edit Automation Rule")} (${ruleSlug})` : t(
+    "page.ui.create_new_eventhub_automation_rule",
+    "Create New EventHub Automation Rule"
+  );
+  const topicOpts = index.mergeSelectOptions(selectOptions.getBroadcastTopicOptions(t), [
+    ruleTopic
+  ]);
+  const channelOpts = selectOptions.getBroadcastChannelOptions(t);
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingTop: 6, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      designSystem.Flex,
+      {
+        justifyContent: "space-between",
+        alignItems: "center",
+        paddingBottom: 4,
+        wrap: "wrap",
+        gap: 2,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", tag: "h2", children: t("page.ui.eventhub_automation_rules", "EventHub Automation Rules") }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, wrap: "wrap", children: index.STARTER_AUTOMATION_RULES.map((preset) => /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Button,
+            {
+              variant: "secondary",
+              disabled: isBusy,
+              onClick: () => handleSeedStarterRule(preset),
+              children: [
+                "+ ",
+                preset.slug
+              ]
+            },
+            preset.slug
+          )) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      designSystem.Box,
+      {
+        padding: 5,
+        marginBottom: 5,
+        background: "neutral0",
+        hasRadius: true,
+        shadow: "filterShadow",
+        style: { border: "1px solid rgba(128, 128, 128, 0.18)" },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h3", fontWeight: "bold", children: formHeading }),
+            editingRuleId && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { active: true, children: t("common.editing_mode", "Editing Mode") })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Box,
+            {
+              paddingTop: 3,
+              style: {
+                display: "grid",
+                gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))",
+                gap: 14,
+                alignItems: "start"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  RequiredTextField,
+                  {
+                    name: "ruleSlug",
+                    label: t("field.rule_slug", "Rule Slug"),
+                    hint: t(
+                      "page.ui.rule_slug_hint",
+                      "Unique identifier (lowercase & hyphens)."
+                    ),
+                    placeholder: t(
+                      "placeholder.e_g_auto_course_published",
+                      "e.g., auto-course-published"
+                    ),
+                    value: ruleSlug,
+                    onChange: setRuleSlug
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  RequiredTextField,
+                  {
+                    name: "ruleName",
+                    label: t("field.rule_name", "Rule Name"),
+                    hint: t(
+                      "page.ui.rule_name_hint",
+                      "Human-readable rule description."
+                    ),
+                    placeholder: t(
+                      "placeholder.e_g_auto_broadcast_new_courses",
+                      "e.g., Auto-Broadcast New Courses"
+                    ),
+                    value: ruleName,
+                    onChange: setRuleName
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  RequiredTextField,
+                  {
+                    name: "ruleEventName",
+                    label: t("field.eventhub_trigger_name", "EventHub Trigger Name"),
+                    hint: t(
+                      "page.ui.rule_event_name_hint",
+                      "Strapi EventHub event that triggers this rule."
+                    ),
+                    placeholder: t(
+                      "placeholder.e_g_event_published",
+                      "e.g., event.published or inbox.alert.published"
+                    ),
+                    value: ruleEventName,
+                    onChange: setRuleEventName
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  designSystem.Field.Root,
+                  {
+                    name: "ruleTopic",
+                    hint: t(
+                      "page.ui.rule_topic_hint",
+                      "Subscriber topic segment to notify."
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: t("field.topic_segment", "Topic Segment") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.SingleSelect,
+                        {
+                          name: "ruleTopic",
+                          value: ruleTopic || "events",
+                          onChange: (val) => setRuleTopic(String(val)),
+                          children: topicOpts.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: opt.value, children: opt.label }, opt.value))
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  designSystem.Field.Root,
+                  {
+                    name: "ruleChannels",
+                    hint: t(
+                      "page.ui.rule_channels_hint",
+                      "Channels dispatched when triggered."
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: t("field.channels", "Channels") }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.MultiSelect,
+                        {
+                          name: "ruleChannels",
+                          withTags: true,
+                          placeholder: t(
+                            "placeholder.select_channels",
+                            "Select channels..."
+                          ),
+                          value: ruleChannels,
+                          onChange: (nextValues) => setRuleChannels(
+                            nextValues.length > 0 ? nextValues : ["telegram"]
+                          ),
+                          onClear: () => setRuleChannels(["telegram"]),
+                          children: channelOpts.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.MultiSelectOption, { value: opt.value, children: opt.label }, opt.value))
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  RequiredTextField,
+                  {
+                    name: "ruleSubjectTemplate",
+                    label: t("field.subject_template", "Subject Template"),
+                    hint: t(
+                      "page.ui.rule_subject_template_hint",
+                      "Supports '{{title}}', '{{secondaryDate}}', '{{organizationName}}'."
+                    ),
+                    placeholder: t(
+                      "placeholder.rule_subject_template",
+                      "🚨 '{{title}}' — '{{organizationName}}'"
+                    ),
+                    value: ruleSubjectTemplate,
+                    onChange: setRuleSubjectTemplate
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { gridColumn: "1 / -1" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  RequiredTextField,
+                  {
+                    name: "ruleBodyTextTemplate",
+                    label: t("field.body_text_template", "Body Text Template"),
+                    hint: t(
+                      "page.ui.rule_body_text_template_hint",
+                      "Interpolated with event payload fields ('{{title}}', '{{message}}', '{{summary}}', '{{secondaryDate}}')."
+                    ),
+                    placeholder: t(
+                      "placeholder.rule_body_text_template",
+                      "'{{title}}': '{{message}}' ('{{secondaryDate}}')"
+                    ),
+                    value: ruleBodyTextTemplate,
+                    onChange: setRuleBodyTextTemplate
+                  }
+                ) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "flex-end", paddingTop: 3, gap: 2, children: [
+            editingRuleId && /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Button,
+              {
+                variant: "tertiary",
+                disabled: isBusy,
+                onClick: () => resetRuleForm(),
+                children: t("common.cancel", "Cancel")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { loading: isBusy, disabled: isBusy, onClick: handleSaveRule, children: editingRuleId ? t("page.ui.save_rule_changes", "Save Rule Changes") : t("page.ui.create_automation_rule", "Create Automation Rule") })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AutomationRulesTable,
+      {
+        t,
+        rules,
+        onEdit: handleStartEditRule,
+        onToggleActive: handleToggleRuleActive,
+        navigate,
+        isBusy
+      }
+    )
+  ] });
+};
+const CampaignComposerForm = ({
+  t,
+  editingCampaignId,
+  isBusy,
+  newSlug,
+  setNewSlug,
+  newTitle,
+  setNewTitle,
+  newTopic,
+  setNewTopic,
+  newChannels,
+  setNewChannels,
+  newEmailTemplateRef,
+  setNewEmailTemplateRef,
+  newSubject,
+  setNewSubject,
+  newBodyText,
+  setNewBodyText,
+  emailTemplates,
+  onCancelEdit,
+  onSave
+}) => {
+  const campaignFormTitle = editingCampaignId ? `${t("page.ui.edit_broadcast_campaign", "Edit Broadcast Campaign")} (${newSlug})` : t(
+    "page.ui.compose_new_omnichannel_broadcast",
+    "Compose New Omnichannel Broadcast"
+  );
+  const topicOpts = index.mergeSelectOptions(selectOptions.getBroadcastTopicOptions(t), [newTopic]);
+  const channelOpts = selectOptions.getBroadcastChannelOptions(t);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    designSystem.Box,
+    {
+      padding: 5,
+      marginBottom: 5,
+      background: "neutral0",
+      hasRadius: true,
+      shadow: "filterShadow",
+      style: { border: "1px solid rgba(128, 128, 128, 0.18)" },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h3", fontWeight: "bold", children: campaignFormTitle }),
+          editingCampaignId && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { active: true, children: t("common.editing_mode", "Editing Mode") })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          designSystem.Box,
+          {
+            paddingTop: 3,
+            style: {
+              display: "grid",
+              gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))",
+              gap: 14,
+              alignItems: "start"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                RequiredTextField,
+                {
+                  name: "slug",
+                  label: t("field.campaign_slug", "Campaign Slug"),
+                  hint: t(
+                    "page.ui.unique_url_safe_identifier_for_idempotency_track",
+                    "Unique URL-safe identifier for idempotency tracking."
+                  ),
+                  placeholder: t(
+                    "placeholder.e_g_friday_khutbah_bulletin",
+                    "e.g., friday-khutbah-bulletin"
+                  ),
+                  value: newSlug,
+                  onChange: setNewSlug
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                RequiredTextField,
+                {
+                  name: "title",
+                  label: t("field.campaign_title", "Campaign Title"),
+                  hint: t(
+                    "page.ui.internal_display_name_in_the_campaign_table",
+                    "Internal display name in the campaign table."
+                  ),
+                  placeholder: t(
+                    "placeholder.e_g_bolet_n_semanal_de_jumu_ah",
+                    "e.g., Boletín Semanal de Jumu'ah"
+                  ),
+                  value: newTitle,
+                  onChange: setNewTitle
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                designSystem.Field.Root,
+                {
+                  name: "topic",
+                  hint: t(
+                    "page.ui.target_subscriber_segment_and_telegram_forum_thr",
+                    "Target subscriber segment and Telegram forum thread."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: t("field.topic_segment", "Topic Segment") }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.SingleSelect,
+                      {
+                        name: "topic",
+                        value: newTopic || "announcements",
+                        onChange: (val) => setNewTopic(String(val)),
+                        children: topicOpts.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: opt.value, children: opt.label }, opt.value))
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                designSystem.Field.Root,
+                {
+                  name: "channels",
+                  hint: t(
+                    "page.ui.channels_hint_combination",
+                    "Any combination of: email, telegram, whatsapp"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: t("field.channels", "Channels") }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.MultiSelect,
+                      {
+                        name: "channels",
+                        withTags: true,
+                        placeholder: t("placeholder.select_channels", "Select channels..."),
+                        value: newChannels,
+                        onChange: (nextValues) => setNewChannels(
+                          nextValues.length > 0 ? nextValues : ["email"]
+                        ),
+                        onClear: () => setNewChannels(["email"]),
+                        children: channelOpts.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.MultiSelectOption, { value: opt.value, children: opt.label }, opt.value))
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                EmailTemplateSelectorField,
+                {
+                  t,
+                  emailTemplates,
+                  value: newEmailTemplateRef,
+                  onChange: setNewEmailTemplateRef
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                RequiredTextField,
+                {
+                  name: "subject",
+                  label: t("field.subject_headline", "Subject / Headline"),
+                  hint: t(
+                    "page.ui.email_subject_line_and_bold_header_on_telegram_w",
+                    "Email subject line and bold header on Telegram/WhatsApp."
+                  ),
+                  placeholder: t(
+                    "placeholder.e_g_as_salamu_alaykum_horarios_y_anuncios",
+                    "e.g., As-salamu alaykum — Prayer Times & Announcements"
+                  ),
+                  value: newSubject,
+                  onChange: setNewSubject
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { gridColumn: "1 / -1" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                RequiredTextField,
+                {
+                  name: "bodyText",
+                  label: t(
+                    "field.message_body_with_placeholders",
+                    "Message Body (supports '{{recipientName}}', '{{secondaryDate}}', '{{organizationName}}')"
+                  ),
+                  hint: t(
+                    "page.ui.main_text_dispatched_across_email_telegram_and_w",
+                    "Main text dispatched across Email, Telegram, and WhatsApp channels."
+                  ),
+                  placeholder: t(
+                    "placeholder.e_g_hola_recipientname_hoy_secondarydate_te_invi",
+                    "e.g., Hello '{{recipientName}}', today ('{{secondaryDate}}') we invite you to..."
+                  ),
+                  value: newBodyText,
+                  onChange: setNewBodyText
+                }
+              ) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "flex-end", paddingTop: 3, gap: 2, children: [
+          editingCampaignId && /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Button,
+            {
+              variant: "tertiary",
+              disabled: isBusy,
+              onClick: () => onCancelEdit(),
+              children: t("common.cancel", "Cancel")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { loading: isBusy, disabled: isBusy, onClick: onSave, children: editingCampaignId ? t("page.ui.save_campaign_changes", "Save Campaign Changes") : t("page.ui.create_campaign", "Create Campaign") })
+        ] })
+      ]
+    }
+  );
+};
+const DEFAULT_CHANNELS = ["email", "telegram", "whatsapp"];
+const BroadcastsHomePage = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  const navigate = reactRouterDom.useNavigate();
+  const t = (id, defaultMessage) => formatMessage({ id: `${index.PLUGIN_ID}.${id}`, defaultMessage });
+  const { get, post, put } = admin.useFetchClient();
+  const [activeTab, setActiveTab] = React__namespace.useState("campaigns");
+  const [campaigns, setCampaigns] = React__namespace.useState([]);
+  const [rules, setRules] = React__namespace.useState([]);
+  const [logs, setLogs] = React__namespace.useState([]);
+  const [emailTemplates, setEmailTemplates] = React__namespace.useState([]);
+  const [statusMessage, setStatusMessage] = React__namespace.useState("");
+  const [statusIsError, setStatusIsError] = React__namespace.useState(false);
+  const [isBusy, setIsBusy] = React__namespace.useState(false);
+  const [editingCampaignId, setEditingCampaignId] = React__namespace.useState(null);
+  const [newSlug, setNewSlug] = React__namespace.useState("");
+  const [newTitle, setNewTitle] = React__namespace.useState("");
+  const [newTopic, setNewTopic] = React__namespace.useState("announcements");
+  const [newPriority, setNewPriority] = React__namespace.useState("normal");
+  const [newChannels, setNewChannels] = React__namespace.useState(DEFAULT_CHANNELS);
+  const [newEmailTemplateRef, setNewEmailTemplateRef] = React__namespace.useState("");
+  const [newSubject, setNewSubject] = React__namespace.useState("");
+  const [newBodyText, setNewBodyText] = React__namespace.useState("");
+  const notifyStatus = (message, isError = false) => {
+    setStatusIsError(isError);
+    setStatusMessage(message);
+  };
+  const loadAll = React__namespace.useCallback(
+    async (isMountedCheck = () => true) => {
+      try {
+        const [campRes, rulesRes, logsRes] = await Promise.all([
+          get(`/${index.PLUGIN_ID}/campaigns`),
+          get(
+            `/${index.PLUGIN_ID}/automation-rules`
+          ),
+          get(`/${index.PLUGIN_ID}/delivery-logs`)
+        ]);
+        if (!isMountedCheck()) return;
+        setCampaigns(campRes?.data?.data || []);
+        setRules(rulesRes?.data?.data || []);
+        setLogs(logsRes?.data?.data || []);
+      } catch {
+      }
+      try {
+        const tplRes = await get(
+          `/${index.PLUGIN_ID}/email-templates`
+        );
+        if (isMountedCheck() && Array.isArray(tplRes?.data?.data)) {
+          setEmailTemplates(tplRes.data.data);
+        }
+      } catch {
+      }
+    },
+    [get]
+  );
+  React__namespace.useEffect(() => {
+    let isMounted = true;
+    void loadAll(() => isMounted);
+    return () => {
+      isMounted = false;
+    };
+  }, [loadAll]);
+  const resetCampaignForm = (camp, editId = null, fallbackChannels = DEFAULT_CHANNELS) => {
+    setEditingCampaignId(editId);
+    setNewSlug(camp?.slug || "");
+    setNewTitle(camp?.title || "");
+    setNewTopic(camp?.topic || "announcements");
+    setNewPriority(camp?.priority || "normal");
+    setNewChannels(camp?.channels?.length ? camp.channels : fallbackChannels);
+    setNewEmailTemplateRef(camp?.emailTemplateRef || "");
+    setNewSubject(camp?.subject || "");
+    setNewBodyText(camp?.bodyText || "");
+  };
+  const handleStartEditCampaign = (camp) => {
+    resetCampaignForm(camp, camp.documentId || camp.slug, [
+      "email",
+      "telegram"
+    ]);
+    notifyStatus(
+      `${t("page.ui.editing_campaign", "Editing campaign")}: ${camp.title}`
+    );
+  };
+  const handleSeedTemplate = async (templateId) => {
+    if (isBusy) return;
+    setIsBusy(true);
+    try {
+      await post(`/${index.PLUGIN_ID}/campaigns/from-template`, { templateId });
+      notifyStatus(
+        `${t("page.ui.created_from_starter_template", "Created campaign from starter template")}: ${templateId}`
+      );
+      await loadAll();
+    } catch (err) {
+      notifyStatus(
+        selectOptions.extractApiErrorMessage(
+          err,
+          t("page.ui.operation_failed", "Broadcast operation failed.")
+        ),
+        true
+      );
+    } finally {
+      setIsBusy(false);
+    }
+  };
+  const handleDispatchCampaign = async (slugOrDocId) => {
+    if (!slugOrDocId || isBusy) return;
+    setIsBusy(true);
+    try {
+      await post(`/${index.PLUGIN_ID}/campaigns/${slugOrDocId}/send`, {});
+      notifyStatus(
+        `${t("page.ui.dispatched_campaign", "Dispatched broadcast campaign")}: ${slugOrDocId}`
+      );
+      await loadAll();
+    } catch (err) {
+      notifyStatus(
+        selectOptions.extractApiErrorMessage(
+          err,
+          t("page.ui.operation_failed", "Broadcast operation failed.")
+        ),
+        true
+      );
+    } finally {
+      setIsBusy(false);
+    }
+  };
+  const handleSaveCampaign = async () => {
+    if (!newSlug || !newTitle || !newSubject || !newBodyText || isBusy) return;
+    const payload = {
+      slug: newSlug.trim(),
+      title: newTitle.trim(),
+      topic: newTopic.trim() || "announcements",
+      channels: parseChannelsInput(newChannels, DEFAULT_CHANNELS),
+      priority: editingCampaignId ? newPriority : "normal",
+      emailTemplateRef: newEmailTemplateRef.trim(),
+      subject: newSubject.trim(),
+      bodyText: newBodyText.trim()
+    };
+    setIsBusy(true);
+    try {
+      if (editingCampaignId) {
+        await put(`/${index.PLUGIN_ID}/campaigns/${editingCampaignId}`, payload);
+        notifyStatus(
+          `${t("page.ui.updated_campaign", "Updated broadcast campaign")}: ${payload.title}`
+        );
+      } else {
+        await post(`/${index.PLUGIN_ID}/campaigns`, payload);
+        notifyStatus(
+          t(
+            "page.ui.created_omnichannel_campaign",
+            "Created omnichannel broadcast campaign"
+          )
+        );
+      }
+      resetCampaignForm();
+      await loadAll();
+    } catch (err) {
+      notifyStatus(
+        selectOptions.extractApiErrorMessage(
+          err,
+          t("page.ui.operation_failed", "Broadcast operation failed.")
+        ),
+        true
+      );
+    } finally {
+      setIsBusy(false);
+    }
+  };
+  const tabs = [
+    ["campaigns", t("page.ui.campaigns_tab", "Campaigns"), campaigns.length],
+    [
+      "automations",
+      t("page.ui.automation_rules_tab", "Automation Rules"),
+      rules.length
+    ],
+    ["logs", t("page.ui.delivery_ledger_tab", "Delivery Ledger"), logs.length]
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 8, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      designSystem.Flex,
+      {
+        justifyContent: "space-between",
+        alignItems: "flex-start",
+        paddingBottom: 4,
+        wrap: "wrap",
+        gap: 4,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", tag: "h1", children: t(
+              "page.ui.omnichannel_community_broadcasts_automations",
+              "Omnichannel Community Broadcasts & Automations"
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: t(
+              "page.ui.email_newsletters_telegram_bot_forum_topics_what",
+              "Email newsletters, Telegram Bot & Forum topics, WhatsApp Cloud API / Gateways, EventHub auto-triggers & Hijri dates"
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, wrap: "wrap", children: tabs.map(([tabKey, label, count]) => /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Button,
+            {
+              variant: activeTab === tabKey ? "default" : "tertiary",
+              onClick: () => setActiveTab(tabKey),
+              children: [
+                label,
+                " (",
+                count,
+                ")"
+              ]
+            },
+            tabKey
+          )) })
+        ]
+      }
+    ),
+    statusMessage && /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Box,
+      {
+        padding: 3,
+        marginBottom: 4,
+        background: statusIsError ? "danger100" : "success100",
+        hasRadius: true,
+        role: statusIsError ? "alert" : "status",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Typography,
+          {
+            textColor: statusIsError ? "danger700" : "success700",
+            fontWeight: "semiBold",
+            children: statusMessage
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}),
+    activeTab === "campaigns" && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingTop: 6, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.Flex,
+        {
+          justifyContent: "space-between",
+          alignItems: "center",
+          paddingBottom: 4,
+          wrap: "wrap",
+          gap: 2,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", tag: "h2", children: t(
+              "page.ui.starter_templates_broadcast_campaigns",
+              "Starter Templates & Broadcast Campaigns"
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, wrap: "wrap", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                designSystem.Button,
+                {
+                  variant: "tertiary",
+                  onClick: () => navigate("/plugins/email-designer-5"),
+                  children: [
+                    t("page.ui.open_email_designer", "Open Email Designer"),
+                    " (",
+                    emailTemplates.length,
+                    ")"
+                  ]
+                }
+              ),
+              index.STARTER_CAMPAIGN_TEMPLATES.map((tpl) => /* @__PURE__ */ jsxRuntime.jsxs(
+                designSystem.Button,
+                {
+                  variant: "secondary",
+                  disabled: isBusy,
+                  onClick: () => handleSeedTemplate(tpl.id),
+                  children: [
+                    "+ ",
+                    tpl.slug
+                  ]
+                },
+                tpl.id
+              ))
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        CampaignComposerForm,
+        {
+          t,
+          editingCampaignId,
+          isBusy,
+          newSlug,
+          setNewSlug,
+          newTitle,
+          setNewTitle,
+          newTopic,
+          setNewTopic,
+          newChannels,
+          setNewChannels,
+          newEmailTemplateRef,
+          setNewEmailTemplateRef,
+          newSubject,
+          setNewSubject,
+          newBodyText,
+          setNewBodyText,
+          emailTemplates,
+          onCancelEdit: () => resetCampaignForm(),
+          onSave: handleSaveCampaign
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        CampaignsTableSection,
+        {
+          t,
+          campaigns,
+          onEdit: handleStartEditCampaign,
+          onDispatch: handleDispatchCampaign,
+          navigate,
+          isBusy
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AutomationAndLogsTabs,
+      {
+        activeTab,
+        rules,
+        logs,
+        t,
+        navigate,
+        post,
+        put,
+        notifyStatus,
+        loadAll
+      }
+    )
+  ] }) });
+};
+exports.BroadcastsHomePage = BroadcastsHomePage;