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

package/dist/admin/SettingsPage-ikcb0cfh.mjs

@@ -0,0 +1,1169 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Box, Flex, Typography, Badge, Field, TextInput, SingleSelect, SingleSelectOption, MultiSelect, MultiSelectOption, Checkbox, Main, Button, Tabs } from "@strapi/design-system";
+import { useFetchClient } from "@strapi/strapi/admin";
+import * as React from "react";
+import { useIntl } from "react-intl";
+import { m as mergeSelectOptions, L as LOCALE_OPTIONS, p as parseCsvList, D as DEFAULT_BROADCAST_SETTINGS, P as PLUGIN_ID } from "./index-CApLw9Uu.mjs";
+import { g as getBroadcastTopicOptions, b as getWhatsAppDriverOptions, e as extractApiErrorMessage } from "./selectOptions-BlvNrhvc.mjs";
+const orgEmailCardBorderStyle = {
+  border: "1px solid rgba(128, 128, 128, 0.22)",
+  borderTopLeftRadius: 0,
+  borderTopRightRadius: 0
+};
+const OrganizationEmailTab = ({
+  settings,
+  setSettings,
+  t
+}) => {
+  const localeOpts = mergeSelectOptions(
+    LOCALE_OPTIONS,
+    settings.supportedLocales
+  );
+  const topicOpts = mergeSelectOptions(
+    getBroadcastTopicOptions(t),
+    settings.availableTopics
+  );
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      padding: 6,
+      background: "neutral0",
+      hasRadius: true,
+      shadow: "filterShadow",
+      style: orgEmailCardBorderStyle,
+      children: [
+        /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            justifyContent: "space-between",
+            alignItems: "center",
+            paddingBottom: 2,
+            wrap: "wrap",
+            gap: 2,
+            children: [
+              /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", children: t(
+                  "settings.ui.1_organization_multi_language_email_hijri_calend",
+                  "Organization, Multi-Language & Email"
+                ) }),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+                  "settings.ui.configure_organization_identity_sender_reply_to_",
+                  "Configure organization identity, sender/reply-to email addresses, supported locales, and broadcast topic segments."
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxs(Badge, { children: [
+                (settings.supportedLocales || []).length,
+                " ",
+                t("settings.ui.active_locales_label", "Active Locales")
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            paddingTop: 4,
+            style: {
+              display: "grid",
+              gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
+              gap: 20
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "organizationName",
+                  hint: t(
+                    "settings.ui.organization_name_hint",
+                    "Injected into broadcast templates via the '{{organizationName}}' variable."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t("field.organization_name", "Organization Name") }),
+                    /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        name: "organizationName",
+                        placeholder: t(
+                          "placeholder.e_g_mezquita_central_abu_bakr_as_siddiq_bogot",
+                          "e.g., Abu Bakr As-Siddiq Central Mosque — Bogotá"
+                        ),
+                        value: settings.organizationName || "",
+                        onChange: (e) => setSettings({ ...settings, organizationName: e.target.value })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "siteBaseUrl",
+                  hint: t(
+                    "settings.ui.site_base_url_hint",
+                    "Base URL used for CTA links, 1-click unsubscribe links, and '{{siteBaseUrl}}' placeholders."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t("field.public_site_base_url", "Public Site Base URL") }),
+                    /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        name: "siteBaseUrl",
+                        placeholder: t(
+                          "placeholder.e_g_https_mezquitabogota_org",
+                          "e.g., https://mezquitabogota.org"
+                        ),
+                        value: settings.siteBaseUrl || "",
+                        onChange: (e) => setSettings({ ...settings, siteBaseUrl: e.target.value })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "emailFromAddress",
+                  hint: t(
+                    "settings.ui.verified_sender_address_used_when_dispatching_em",
+                    "Verified sender address used when dispatching email newsletters and bulletins."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t(
+                      "field.email_sender_from_address",
+                      "Email Sender (From Address)"
+                    ) }),
+                    /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        name: "emailFromAddress",
+                        placeholder: t(
+                          "placeholder.e_g_no_reply_mezquitabogota_org",
+                          "e.g., no-reply@mezquitabogota.org"
+                        ),
+                        value: settings.emailFromAddress || "",
+                        onChange: (e) => setSettings({ ...settings, emailFromAddress: e.target.value })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "emailReplyToAddress",
+                  hint: t(
+                    "settings.ui.reply_to_inbox_where_community_members_can_respo",
+                    "Reply-to inbox where community members can respond to email broadcasts."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t("field.email_reply_to_address", "Email Reply-To Address") }),
+                    /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        name: "emailReplyToAddress",
+                        placeholder: t(
+                          "placeholder.e_g_info_mezquitabogota_org",
+                          "e.g., info@mezquitabogota.org"
+                        ),
+                        value: settings.emailReplyToAddress || "",
+                        onChange: (e) => setSettings({ ...settings, emailReplyToAddress: e.target.value })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "defaultLocale",
+                  hint: t(
+                    "settings.ui.fallback_language_when_a_recipient_does_not_have",
+                    "Fallback language when a recipient does not have a preferred locale on file."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t("field.default_broadcast_locale", "Default Broadcast Locale") }),
+                    /* @__PURE__ */ jsx(
+                      SingleSelect,
+                      {
+                        placeholder: t(
+                          "placeholder.select_default_locale",
+                          "Select default locale"
+                        ),
+                        value: settings.defaultLocale || "es",
+                        onChange: (val) => setSettings({ ...settings, defaultLocale: String(val) }),
+                        children: localeOpts.map((opt) => /* @__PURE__ */ jsx(SingleSelectOption, { value: opt.value, children: opt.label }, opt.value))
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "supportedLocales",
+                  hint: t(
+                    "settings.ui.languages_enabled_for_localized_campaign_subject",
+                    "Languages enabled for localized campaign subject/body templates."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t("field.supported_locales", "Supported Locales") }),
+                    /* @__PURE__ */ jsx(
+                      MultiSelect,
+                      {
+                        name: "supportedLocales",
+                        withTags: true,
+                        placeholder: t(
+                          "placeholder.select_supported_locales",
+                          "Select supported locales..."
+                        ),
+                        value: settings.supportedLocales || ["es", "en", "ar", "tr"],
+                        onChange: (nextValues) => setSettings({
+                          ...settings,
+                          supportedLocales: nextValues.length > 0 ? nextValues : ["es"]
+                        }),
+                        onClear: () => setSettings({
+                          ...settings,
+                          supportedLocales: ["es"]
+                        }),
+                        children: localeOpts.map((opt) => /* @__PURE__ */ jsx(MultiSelectOption, { value: opt.value, children: opt.label }, opt.value))
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(Box, { style: { gridColumn: "span 2" }, children: /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "availableTopics",
+                  hint: t(
+                    "settings.ui.topic_segments_used_to_target_confirmed_subscrib",
+                    "Topic segments used to target confirmed subscribers and Telegram forum threads."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t("field.broadcast_topic_segments", "Broadcast Topic Segments") }),
+                    /* @__PURE__ */ jsx(
+                      MultiSelect,
+                      {
+                        name: "availableTopics",
+                        withTags: true,
+                        placeholder: t(
+                          "placeholder.select_broadcast_topic_segments",
+                          "Select broadcast topic segments..."
+                        ),
+                        value: settings.availableTopics || ["announcements"],
+                        onChange: (nextValues) => setSettings({
+                          ...settings,
+                          availableTopics: nextValues.length > 0 ? nextValues : ["announcements"]
+                        }),
+                        onClear: () => setSettings({
+                          ...settings,
+                          availableTopics: ["announcements"]
+                        }),
+                        children: topicOpts.map((opt) => /* @__PURE__ */ jsx(MultiSelectOption, { value: opt.value, children: opt.label }, opt.value))
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "defaultEmailTemplateRef",
+                  hint: t(
+                    "settings.ui.default_email_template_ref_hint",
+                    "Optional default Email Designer 5 template ID or base name used when a campaign does not specify its own template."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t(
+                      "field.default_email_template_ref",
+                      "Default Email Designer Template Ref (optional)"
+                    ) }),
+                    /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        name: "defaultEmailTemplateRef",
+                        placeholder: t(
+                          "placeholder.e_g_401_or_broadcastnewsletter",
+                          "e.g., 401 or broadcastNewsletter"
+                        ),
+                        value: settings.defaultEmailTemplateRef || "",
+                        onChange: (e) => setSettings({
+                          ...settings,
+                          defaultEmailTemplateRef: e.target.value
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const cardBorderStyle$2 = {
+  border: "1px solid rgba(128, 128, 128, 0.22)",
+  borderTopLeftRadius: 0,
+  borderTopRightRadius: 0
+};
+const subCardStyle = {
+  border: "1px solid rgba(128, 128, 128, 0.22)",
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "space-between"
+};
+const BridgesSandboxTab = ({
+  settings,
+  setSettings,
+  t
+}) => {
+  const enabledText = t("common.enabled", "Enabled");
+  const disabledText = t("common.disabled", "Disabled");
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      padding: 6,
+      background: "neutral0",
+      hasRadius: true,
+      shadow: "filterShadow",
+      style: cardBorderStyle$2,
+      children: [
+        /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            justifyContent: "space-between",
+            alignItems: "center",
+            paddingBottom: 2,
+            wrap: "wrap",
+            gap: 2,
+            children: [
+              /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", children: t(
+                  "settings.ui.4_ecosystem_bridges_sandbox_mode",
+                  "Ecosystem Bridges & Sandbox Mode"
+                ) }),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+                  "settings.ui.bridges_sandbox_subtitle",
+                  "Control dry-run simulation mode, subscriber segmentation from @vicacha-devs/strapi-plugin-inbox, Email Designer 5 HTML templates, and automatic EventHub triggers."
+                ) })
+              ] }),
+              /* @__PURE__ */ jsx(Badge, { children: settings.dryRun ? t("settings.ui.sandbox_mode_active", "Sandbox Mode Active") : t("settings.ui.live_production_mode", "Live Production Mode") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            paddingTop: 4,
+            style: {
+              display: "grid",
+              gridTemplateColumns: "repeat(auto-fit, minmax(260px, 1fr))",
+              gap: 16
+            },
+            children: [
+              /* @__PURE__ */ jsxs(Box, { padding: 4, background: "neutral100", hasRadius: true, style: subCardStyle, children: [
+                /* @__PURE__ */ jsxs(Box, { children: [
+                  /* @__PURE__ */ jsxs(
+                    Flex,
+                    {
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      paddingBottom: 2,
+                      children: [
+                        /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: t("settings.ui.dry_run_sandbox_mode", "Dry-Run Sandbox Mode") }),
+                        /* @__PURE__ */ jsx(Badge, { children: settings.dryRun ? t("settings.ui.simulated", "Simulated") : t("settings.ui.live", "Live") })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+                    "settings.ui.dry_run_description",
+                    "Records full delivery logs and idempotency keys with status simulated without calling external Email, Telegram, or WhatsApp APIs."
+                  ) })
+                ] }),
+                /* @__PURE__ */ jsx(Box, { paddingTop: 3, children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: Boolean(settings.dryRun),
+                    onCheckedChange: (checked) => setSettings({ ...settings, dryRun: Boolean(checked) }),
+                    children: t(
+                      "checkbox.enable_dry_run_sandbox_mode",
+                      "Enable Dry-Run Sandbox Mode"
+                    )
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxs(Box, { padding: 4, background: "neutral100", hasRadius: true, style: subCardStyle, children: [
+                /* @__PURE__ */ jsxs(Box, { children: [
+                  /* @__PURE__ */ jsxs(
+                    Flex,
+                    {
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      paddingBottom: 2,
+                      children: [
+                        /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: t(
+                          "settings.ui.inbox_subscriber_bridge",
+                          "Inbox Subscriber Bridge"
+                        ) }),
+                        /* @__PURE__ */ jsx(Badge, { children: settings.enableInboxSubscriberBridge ? enabledText : disabledText })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+                    "settings.ui.inbox_bridge_description",
+                    "Automatically queries confirmed double opt-in subscribers from @vicacha-devs/strapi-plugin-inbox segmented by topic and locale."
+                  ) })
+                ] }),
+                /* @__PURE__ */ jsx(Box, { paddingTop: 3, children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: Boolean(settings.enableInboxSubscriberBridge),
+                    onCheckedChange: (checked) => setSettings({
+                      ...settings,
+                      enableInboxSubscriberBridge: Boolean(checked)
+                    }),
+                    children: t(
+                      "checkbox.segment_confirmed_subscribers_via_inbox_bridge",
+                      "Segment confirmed subscribers via Inbox Bridge"
+                    )
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxs(Box, { padding: 4, background: "neutral100", hasRadius: true, style: subCardStyle, children: [
+                /* @__PURE__ */ jsxs(Box, { children: [
+                  /* @__PURE__ */ jsxs(
+                    Flex,
+                    {
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      paddingBottom: 2,
+                      children: [
+                        /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: t(
+                          "settings.ui.eventhub_auto_broadcasts",
+                          "EventHub Auto-Broadcasts"
+                        ) }),
+                        /* @__PURE__ */ jsx(Badge, { children: settings.enableEventHubAutomations ? enabledText : disabledText })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+                    "settings.ui.eventhub_bridge_description",
+                    "Listens for Strapi EventHub events (e.g., inbox.alert.published, event.published) and triggers matching automation rules automatically."
+                  ) })
+                ] }),
+                /* @__PURE__ */ jsx(Box, { paddingTop: 3, children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: Boolean(settings.enableEventHubAutomations),
+                    onCheckedChange: (checked) => setSettings({
+                      ...settings,
+                      enableEventHubAutomations: Boolean(checked)
+                    }),
+                    children: t(
+                      "checkbox.enable_eventhub_auto_broadcast_triggers",
+                      "Enable EventHub Auto-Broadcast Triggers"
+                    )
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxs(Box, { padding: 4, background: "neutral100", hasRadius: true, style: subCardStyle, children: [
+                /* @__PURE__ */ jsxs(Box, { children: [
+                  /* @__PURE__ */ jsxs(
+                    Flex,
+                    {
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      paddingBottom: 2,
+                      children: [
+                        /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: t(
+                          "settings.ui.email_designer_html_templates",
+                          "Email Designer 5 HTML Templates"
+                        ) }),
+                        /* @__PURE__ */ jsx(Badge, { children: settings.enableEmailDesignerBridge !== false ? enabledText : disabledText })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+                    "settings.ui.email_designer_bridge_description",
+                    "Optionally renders email broadcasts through strapi-plugin-email-designer-5 with automatic locale matching (es/en/ar/tr) and fallback to inline HTML."
+                  ) })
+                ] }),
+                /* @__PURE__ */ jsx(Box, { paddingTop: 3, children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: settings.enableEmailDesignerBridge !== false,
+                    onCheckedChange: (checked) => setSettings({
+                      ...settings,
+                      enableEmailDesignerBridge: Boolean(checked)
+                    }),
+                    children: t(
+                      "checkbox.enable_email_designer_5_html_template_bridge",
+                      "Enable Email Designer 5 HTML Template Bridge"
+                    )
+                  }
+                ) })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const cardBorderStyle$1 = {
+  border: "1px solid rgba(128, 128, 128, 0.22)",
+  borderTopLeftRadius: 0,
+  borderTopRightRadius: 0
+};
+const WhatsAppDefaultRecipientsField = ({
+  settings,
+  setSettings,
+  t
+}) => {
+  const canonicalRecipients = (settings.whatsappDefaultRecipients || []).join(
+    ", "
+  );
+  const [recipientsDraft, setRecipientsDraft] = React.useState(canonicalRecipients);
+  React.useEffect(() => {
+    setRecipientsDraft(
+      (prev) => parseCsvList(prev).join(", ") === canonicalRecipients ? prev : canonicalRecipients
+    );
+  }, [canonicalRecipients]);
+  return /* @__PURE__ */ jsxs(
+    Field.Root,
+    {
+      name: "whatsappDefaultRecipients",
+      hint: t(
+        "settings.ui.whatsapp_default_recipients_hint",
+        "WhatsApp Group JIDs (@g.us), Channel JIDs (@newsletter), or E.164 phone numbers that receive WhatsApp broadcasts alongside topic subscribers."
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: t(
+          "field.whatsapp_default_recipients",
+          "Default WhatsApp Groups / Channels / Numbers (comma-separated)"
+        ) }),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            name: "whatsappDefaultRecipients",
+            placeholder: t(
+              "placeholder.whatsapp_default_recipients",
+              "e.g., 120363025891234567@g.us, 120363099999999999@newsletter, +573101234567"
+            ),
+            value: recipientsDraft,
+            onChange: (e) => {
+              const nextRaw = e.target.value;
+              setRecipientsDraft(nextRaw);
+              setSettings({
+                ...settings,
+                whatsappDefaultRecipients: parseCsvList(nextRaw)
+              });
+            },
+            onBlur: () => setRecipientsDraft(canonicalRecipients)
+          }
+        ),
+        /* @__PURE__ */ jsx(Field.Hint, {})
+      ]
+    }
+  );
+};
+const WhatsAppTransportTab = ({
+  settings,
+  setSettings,
+  t
+}) => {
+  const driverOptions = getWhatsAppDriverOptions(t);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      padding: 6,
+      background: "neutral0",
+      hasRadius: true,
+      shadow: "filterShadow",
+      style: cardBorderStyle$1,
+      children: [
+        /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            justifyContent: "space-between",
+            alignItems: "center",
+            paddingBottom: 2,
+            wrap: "wrap",
+            gap: 2,
+            children: [
+              /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", children: t(
+                  "settings.ui.3_whatsapp_transport_meta_cloud_api_evolution_op",
+                  "WhatsApp Transport (Meta Cloud API / Evolution / OpenWA)"
+                ) }),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+                  "settings.ui.configure_official_meta_whatsapp_business_cloud_",
+                  "Configure official Meta WhatsApp Business Cloud API (WABA) or self-hosted Evolution / OpenWA gateways with SSRF protection."
+                ) })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: Boolean(settings.whatsappEnabled),
+                  onCheckedChange: (checked) => setSettings({ ...settings, whatsappEnabled: Boolean(checked) }),
+                  children: t("checkbox.enable_whatsapp_transport", "Enable WhatsApp Transport")
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            paddingTop: 4,
+            style: {
+              display: "grid",
+              gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
+              gap: 20
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "whatsappDriver",
+                  hint: t(
+                    "settings.ui.choose_meta_cloud_api_for_official_templates_or_",
+                    "Choose Meta Cloud API for official templates or Evolution/OpenWA for self-hosted gateways."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t("field.whatsapp_transport_driver", "WhatsApp Transport Driver") }),
+                    /* @__PURE__ */ jsx(
+                      SingleSelect,
+                      {
+                        placeholder: t(
+                          "placeholder.select_whatsapp_driver",
+                          "Select WhatsApp driver"
+                        ),
+                        value: settings.whatsappDriver || "meta-cloud",
+                        onChange: (val) => setSettings({
+                          ...settings,
+                          whatsappDriver: String(val)
+                        }),
+                        children: driverOptions.map((opt) => /* @__PURE__ */ jsx(SingleSelectOption, { value: opt.value, children: opt.label }, opt.value))
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "whatsappPhoneNumberId",
+                  hint: t(
+                    "settings.ui.meta_phone_number_id_hint",
+                    "Numeric Phone Number ID from Meta Developer Console (used when driver is meta-cloud)."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t("field.meta_waba_phone_number_id", "Meta WABA Phone Number ID") }),
+                    /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        name: "whatsappPhoneNumberId",
+                        placeholder: t(
+                          "placeholder.e_g_109876543210123",
+                          "e.g., 109876543210123"
+                        ),
+                        value: settings.whatsappPhoneNumberId || "",
+                        onChange: (e) => setSettings({
+                          ...settings,
+                          whatsappPhoneNumberId: e.target.value
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "whatsappAccessToken",
+                  hint: t(
+                    "settings.ui.system_user_bearer_token_for_graph_facebook_com_",
+                    "System user bearer token for graph.facebook.com WABA message dispatch."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t(
+                      "field.meta_cloud_api_permanent_access_token",
+                      "Meta Cloud API Permanent Access Token"
+                    ) }),
+                    /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        name: "whatsappAccessToken",
+                        type: "password",
+                        placeholder: t(
+                          "placeholder.e_g_eaagm0px4zcpsba",
+                          "e.g., EAAGm0PX4ZCpsBA..."
+                        ),
+                        value: settings.whatsappAccessToken || "",
+                        onChange: (e) => setSettings({
+                          ...settings,
+                          whatsappAccessToken: e.target.value
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "whatsappGatewayUrl",
+                  hint: t(
+                    "settings.ui.https_base_url_of_your_evolution_api_or_openwa_i",
+                    "HTTPS base URL of your Evolution API or OpenWA instance (validated against SSRF rules)."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t(
+                      "field.self_hosted_gateway_url_evolution_openwa",
+                      "Self-Hosted Gateway URL (Evolution / OpenWA)"
+                    ) }),
+                    /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        name: "whatsappGatewayUrl",
+                        placeholder: t(
+                          "placeholder.e_g_https_wa_gateway_mezquitabogota_org",
+                          "e.g., https://wa-gateway.mezquitabogota.org"
+                        ),
+                        value: settings.whatsappGatewayUrl || "",
+                        onChange: (e) => setSettings({ ...settings, whatsappGatewayUrl: e.target.value })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "whatsappGatewaySession",
+                  hint: t(
+                    "settings.ui.session_or_instance_identifier_on_the_self_hoste",
+                    "Session or instance identifier on the self-hosted WhatsApp gateway."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t(
+                      "field.gateway_instance_session_name",
+                      "Gateway Instance / Session Name"
+                    ) }),
+                    /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        name: "whatsappGatewaySession",
+                        placeholder: t(
+                          "placeholder.e_g_default_or_mezquita_bogota",
+                          "e.g., default or mezquita-bogota"
+                        ),
+                        value: settings.whatsappGatewaySession || "",
+                        onChange: (e) => setSettings({
+                          ...settings,
+                          whatsappGatewaySession: e.target.value
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "whatsappGatewayApiKey",
+                  hint: t(
+                    "settings.ui.api_key_sent_via_apikey_authorization_header_to_",
+                    "API key sent via apikey / Authorization header to the self-hosted gateway."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t(
+                      "field.gateway_api_key_evolution_openwa",
+                      "Gateway API Key (Evolution / OpenWA)"
+                    ) }),
+                    /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        name: "whatsappGatewayApiKey",
+                        type: "password",
+                        placeholder: t(
+                          "placeholder.e_g_evo_live_key",
+                          "e.g., evo_live_key_..."
+                        ),
+                        value: settings.whatsappGatewayApiKey || "",
+                        onChange: (e) => setSettings({
+                          ...settings,
+                          whatsappGatewayApiKey: e.target.value
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                WhatsAppDefaultRecipientsField,
+                {
+                  settings,
+                  setSettings,
+                  t
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const cardBorderStyle = {
+  border: "1px solid rgba(128, 128, 128, 0.22)",
+  borderTopLeftRadius: 0,
+  borderTopRightRadius: 0
+};
+const TelegramTransportTab = ({
+  settings,
+  setSettings,
+  t
+}) => /* @__PURE__ */ jsxs(
+  Box,
+  {
+    padding: 6,
+    background: "neutral0",
+    hasRadius: true,
+    shadow: "filterShadow",
+    style: cardBorderStyle,
+    children: [
+      /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          justifyContent: "space-between",
+          alignItems: "center",
+          paddingBottom: 2,
+          wrap: "wrap",
+          gap: 2,
+          children: [
+            /* @__PURE__ */ jsxs(Box, { children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", children: t(
+                "settings.ui.2_telegram_bot_channel_forum_topic_configuration",
+                "Telegram Bot & Channel / Forum Topic Configuration"
+              ) }),
+              /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+                "settings.ui.dispatch_announcements_to_your_official_telegram",
+                "Dispatch announcements to your official Telegram channel or supergroup forum topics via the Telegram Bot API."
+              ) })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: Boolean(settings.telegramEnabled),
+                onCheckedChange: (checked) => setSettings({ ...settings, telegramEnabled: Boolean(checked) }),
+                children: t("checkbox.enable_telegram_transport", "Enable Telegram Transport")
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          paddingTop: 4,
+          style: {
+            display: "grid",
+            gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+            gap: 20
+          },
+          children: [
+            /* @__PURE__ */ jsxs(
+              Field.Root,
+              {
+                name: "telegramDefaultChatId",
+                hint: t(
+                  "settings.ui.public_channel_handle_mezquitacentralbogota_or_n",
+                  "Public channel handle (@MezquitaCentralBogota) or numeric supergroup ID (-100...)."
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(Field.Label, { children: t(
+                    "field.default_channel_handle_or_supergroup_chat_id",
+                    "Default Channel Handle or Supergroup Chat ID"
+                  ) }),
+                  /* @__PURE__ */ jsx(
+                    TextInput,
+                    {
+                      name: "telegramDefaultChatId",
+                      placeholder: t(
+                        "placeholder.e_g_mezquitacentralbogota_or_1001234567890",
+                        "e.g., @MezquitaCentralBogota or -1001234567890"
+                      ),
+                      value: settings.telegramDefaultChatId || "",
+                      onChange: (e) => setSettings({
+                        ...settings,
+                        telegramDefaultChatId: e.target.value
+                      })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Field.Hint, {})
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Field.Root,
+              {
+                name: "telegramBotToken",
+                hint: t(
+                  "settings.ui.bot_token_with_administrator_permission_to_post_",
+                  "Bot token with administrator permission to post messages in the target channel/supergroup."
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(Field.Label, { children: t(
+                    "field.telegram_bot_api_token_from_botfather",
+                    "Telegram Bot API Token (from @BotFather)"
+                  ) }),
+                  /* @__PURE__ */ jsx(
+                    TextInput,
+                    {
+                      name: "telegramBotToken",
+                      type: "password",
+                      placeholder: t(
+                        "placeholder.e_g_123456789_abcdefghijklmnopqrstuvwxyz",
+                        "e.g., 123456789:ABCdefGhIJKlmNoPQRsTUVwxyZ"
+                      ),
+                      value: settings.telegramBotToken || "",
+                      onChange: (e) => setSettings({ ...settings, telegramBotToken: e.target.value })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Field.Hint, {})
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ]
+  }
+);
+const SettingsPage = () => {
+  const { formatMessage } = useIntl();
+  const t = (id, defaultMessage) => formatMessage({ id: `${PLUGIN_ID}.${id}`, defaultMessage });
+  const { get, put } = useFetchClient();
+  const [settings, setSettings] = React.useState(
+    DEFAULT_BROADCAST_SETTINGS
+  );
+  const [savedNotice, setSavedNotice] = React.useState("");
+  const [noticeIsError, setNoticeIsError] = React.useState(false);
+  const [isSaving, setIsSaving] = React.useState(false);
+  React.useEffect(() => {
+    let isMounted = true;
+    const fetchSettings = async () => {
+      try {
+        const res = await get(
+          `/${PLUGIN_ID}/settings`
+        );
+        if (isMounted && res?.data?.data) {
+          setSettings({
+            ...DEFAULT_BROADCAST_SETTINGS,
+            ...res.data.data
+          });
+        }
+      } catch {
+      }
+    };
+    void fetchSettings();
+    return () => {
+      isMounted = false;
+    };
+  }, [get]);
+  const handleSave = async () => {
+    if (isSaving) return;
+    setIsSaving(true);
+    setNoticeIsError(false);
+    try {
+      const res = await put(
+        `/${PLUGIN_ID}/settings`,
+        settings
+      );
+      if (res?.data?.data) {
+        setSettings({
+          ...DEFAULT_BROADCAST_SETTINGS,
+          ...res.data.data
+        });
+      }
+      setSavedNotice(
+        t(
+          "settings.ui.settings_saved_notice",
+          "Omnichannel Broadcast transport & channel settings saved successfully."
+        )
+      );
+    } catch (err) {
+      setNoticeIsError(true);
+      setSavedNotice(
+        extractApiErrorMessage(
+          err,
+          t("settings.ui.save_failed", "Failed to save broadcast settings.")
+        )
+      );
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const handleResetDefaults = () => {
+    if (isSaving) return;
+    setSettings(DEFAULT_BROADCAST_SETTINGS);
+    setNoticeIsError(false);
+    setSavedNotice(
+      t(
+        "settings.ui.settings_reset_notice",
+        'Settings reset to defaults in editor. Click "Save Settings" to persist.'
+      )
+    );
+  };
+  const enabledText = t("common.enabled", "Enabled");
+  const disabledText = t("common.disabled", "Disabled");
+  const tgStatus = settings.telegramEnabled ? enabledText : disabledText;
+  const waStatus = settings.whatsappEnabled ? settings.whatsappDriver : disabledText;
+  const modeStatus = settings.dryRun ? t("settings.ui.dry_run_sandbox", "Dry-Run Sandbox") : t("settings.ui.live_dispatch", "Live Dispatch");
+  return /* @__PURE__ */ jsx(Main, { children: /* @__PURE__ */ jsxs(Box, { padding: 8, children: [
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        justifyContent: "space-between",
+        alignItems: "flex-start",
+        paddingBottom: 6,
+        wrap: "wrap",
+        gap: 4,
+        children: [
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "alpha", tag: "h1", children: t(
+              "settings.ui.broadcast_transport_channel_settings",
+              "Broadcast Transport & Channel Settings"
+            ) }),
+            /* @__PURE__ */ jsx(Box, { paddingTop: 1, children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: t(
+              "settings.ui.configure_email_newsletters_telegram_bot_forum_t",
+              "Configure Email newsletters, Telegram Bot & Forum Topics, WhatsApp Cloud API / Gateways, and EventHub auto-triggers"
+            ) }) }),
+            /* @__PURE__ */ jsxs(Flex, { gap: 2, paddingTop: 3, wrap: "wrap", children: [
+              /* @__PURE__ */ jsxs(Badge, { children: [
+                (settings.supportedLocales || []).length,
+                " ",
+                t("settings.ui.active_locales_label", "Active Locales")
+              ] }),
+              /* @__PURE__ */ jsxs(Badge, { children: [
+                t("settings.ui.telegram_badge_prefix", "Telegram:"),
+                " ",
+                tgStatus
+              ] }),
+              /* @__PURE__ */ jsxs(Badge, { children: [
+                t("settings.ui.whatsapp_badge_prefix", "WhatsApp:"),
+                " ",
+                waStatus
+              ] }),
+              /* @__PURE__ */ jsxs(Badge, { children: [
+                t("settings.ui.mode_badge_prefix", "Mode:"),
+                " ",
+                modeStatus
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "tertiary",
+                disabled: isSaving,
+                onClick: handleResetDefaults,
+                children: t("settings.ui.reset_to_defaults", "Reset to Defaults")
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { loading: isSaving, disabled: isSaving, onClick: handleSave, children: t("settings.ui.save_settings", "Save Settings") })
+          ] })
+        ]
+      }
+    ),
+    savedNotice && /* @__PURE__ */ jsx(
+      Box,
+      {
+        padding: 3,
+        marginBottom: 4,
+        background: noticeIsError ? "danger100" : "success100",
+        hasRadius: true,
+        role: noticeIsError ? "alert" : "status",
+        children: /* @__PURE__ */ jsx(
+          Typography,
+          {
+            textColor: noticeIsError ? "danger700" : "success700",
+            fontWeight: "semiBold",
+            children: savedNotice
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(Tabs.Root, { defaultValue: "organization", children: [
+      /* @__PURE__ */ jsxs(
+        Tabs.List,
+        {
+          "aria-label": t(
+            "settings.ui.broadcast_transport_channel_settings",
+            "Broadcast Transport & Channel Settings"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(Tabs.Trigger, { value: "organization", children: t("settings.tab.organization", "Organization, Locales & Email") }),
+            /* @__PURE__ */ jsx(Tabs.Trigger, { value: "telegram", children: t("settings.tab.telegram", "Telegram Bot & Channel") }),
+            /* @__PURE__ */ jsx(Tabs.Trigger, { value: "whatsapp", children: t("settings.tab.whatsapp", "WhatsApp Transport") }),
+            /* @__PURE__ */ jsx(Tabs.Trigger, { value: "bridges", children: t("settings.tab.bridges", "Ecosystem Bridges & Sandbox") })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(Tabs.Content, { value: "organization", children: /* @__PURE__ */ jsx(
+        OrganizationEmailTab,
+        {
+          settings,
+          setSettings,
+          t
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Tabs.Content, { value: "telegram", children: /* @__PURE__ */ jsx(
+        TelegramTransportTab,
+        {
+          settings,
+          setSettings,
+          t
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Tabs.Content, { value: "whatsapp", children: /* @__PURE__ */ jsx(
+        WhatsAppTransportTab,
+        {
+          settings,
+          setSettings,
+          t
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Tabs.Content, { value: "bridges", children: /* @__PURE__ */ jsx(
+        BridgesSandboxTab,
+        {
+          settings,
+          setSettings,
+          t
+        }
+      ) })
+    ] })
+  ] }) });
+};
+export {
+  SettingsPage
+};